增加新增工单时选择引车员
This commit is contained in:
parent
0d01cf9c94
commit
577b1bf762
@ -44,13 +44,18 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="list-box">
|
<view class="list-box">
|
||||||
<view class="l-left"><text style="color: red;font-weight: bold;text-align: center;">* </text>车牌号</view>
|
<view class="l-left">
|
||||||
|
<text style="color: red;font-weight: bold;text-align: center;">*</text>
|
||||||
|
车牌号
|
||||||
|
</view>
|
||||||
<view class="l-right">
|
<view class="l-right">
|
||||||
<input type="text" v-model="carNum" placeholder="请输入车牌号">
|
<input type="text" v-model="carNum" placeholder="请输入车牌号">
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="list-box">
|
<view class="list-box">
|
||||||
<view class="l-left" @click="showzhi = true">使用性质 <text class="xixi">点击选择</text></view>
|
<view class="l-left" @click="showzhi = true">使用性质
|
||||||
|
<text class="xixi">点击选择</text>
|
||||||
|
</view>
|
||||||
<view class="l-right">
|
<view class="l-right">
|
||||||
<input type="text" v-model="carNature" placeholder="请输入使用性质">
|
<input type="text" v-model="carNature" placeholder="请输入使用性质">
|
||||||
</view>
|
</view>
|
||||||
@ -68,22 +73,43 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="list-box">
|
<view class="list-box">
|
||||||
<view class="l-left" @click="show = true"><text style="color: red;font-weight: bold;text-align: center;">* </text>客户来源<text class="xixi">点击选择</text></view>
|
<view class="l-left" @click="show = true">
|
||||||
|
<text style="color: red;font-weight: bold;text-align: center;">*</text>
|
||||||
|
客户来源
|
||||||
|
<text class="xixi">点击选择</text>
|
||||||
|
</view>
|
||||||
<view class="l-right">
|
<view class="l-right">
|
||||||
<input type="text" v-model="customerSource" placeholder="请输入客户来源">
|
<input type="text" v-model="customerSource" placeholder="请输入客户来源">
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="list-box" >
|
<view class="list-box">
|
||||||
<view class="l-left" @click="showgoods = true"><text style="color: red;font-weight: bold;text-align: center;">* </text>商品选择<text class="xixi">点击选择</text></view>
|
<view class="l-left" @click="showgoods = true">
|
||||||
|
<text style="color: red;font-weight: bold;text-align: center;">*</text>
|
||||||
|
商品选择
|
||||||
|
<text class="xixi">点击选择</text>
|
||||||
|
</view>
|
||||||
<view class="l-right">
|
<view class="l-right">
|
||||||
<text>{{goodstext}}</text>
|
<text>{{ goodstext }}</text>
|
||||||
<!-- <input type="text" v-model="goodstext" placeholder="请选择商品"> -->
|
<!-- <input type="text" v-model="goodstext" placeholder="请选择商品"> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="list-box">
|
||||||
|
<view class="l-left" @click="showLeadMan = true">
|
||||||
|
<text style="color: red;font-weight: bold;text-align: center;">*</text>
|
||||||
|
引车员
|
||||||
|
<text class="xixi">点击选择</text>
|
||||||
|
</view>
|
||||||
|
<view class="l-right">
|
||||||
|
<input type="text" v-model="nickname" placeholder="请输入引车员">
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="list-box" >
|
</view>
|
||||||
<view class="l-left" @click="showxin = true">新旧车 <text class="xixi">点击选择</text> </view>
|
|
||||||
|
<view class="list-box">
|
||||||
|
<view class="l-left" @click="showxin = true">新旧车
|
||||||
|
<text class="xixi">点击选择</text>
|
||||||
|
</view>
|
||||||
<view class="l-right">
|
<view class="l-right">
|
||||||
<input type="text" v-model="carStatus" placeholder="请输入新旧车">
|
<input type="text" v-model="carStatus" placeholder="请输入新旧车">
|
||||||
</view>
|
</view>
|
||||||
@ -101,7 +127,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="list-box" @click="toSelectProject()" >
|
<view class="list-box" @click="toSelectProject()">
|
||||||
<view class="l-left">检测流程</view>
|
<view class="l-left">检测流程</view>
|
||||||
<view class="l-right">
|
<view class="l-right">
|
||||||
|
|
||||||
@ -111,17 +137,23 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="dlanniu" @click="getgoodes()" >
|
<view class="dlanniu" @click="getgoodes()">
|
||||||
<text>开始检测</text>
|
<text>开始检测</text>
|
||||||
</view>
|
</view>
|
||||||
<u-picker :show="show" :columns="columns" @confirm="confirms" @cancel="cancels" keyName="label"></u-picker>
|
<u-picker :show="show" :columns="columns" @confirm="confirms" @cancel="cancels" keyName="label"></u-picker>
|
||||||
|
|
||||||
<u-picker :show="showgoods" ref="uPicker" :columns="goodsone" @confirm="confirmgoods" @cancel="cancelgoods" @change="changeHandler" keyName="label"></u-picker>
|
<u-picker :show="showgoods" ref="uPicker" :columns="goodsone" @confirm="confirmgoods" @cancel="cancelgoods"
|
||||||
|
@change="changeHandler" keyName="label"></u-picker>
|
||||||
|
|
||||||
<u-picker :show="shownature" :columns="nature" @confirm="confirmsnature" @cancel="cancelsnature" keyName="label"></u-picker>
|
<u-picker :show="shownature" :columns="nature" @confirm="confirmsnature" @cancel="cancelsnature"
|
||||||
|
keyName="label"></u-picker>
|
||||||
|
|
||||||
<u-picker :show="showxin" :columns="xinlist" @confirm="confirmxin" @cancel="cancelxin" keyName="label"></u-picker>
|
<u-picker :show="showxin" :columns="xinlist" @confirm="confirmxin" @cancel="cancelxin"
|
||||||
<u-picker :show="showzhi" :columns="zhilist" @confirm="confirmzhi" @cancel="cancelzhi" keyName="label"></u-picker>
|
keyName="label"></u-picker>
|
||||||
|
<u-picker :show="showzhi" :columns="zhilist" @confirm="confirmzhi" @cancel="cancelzhi"
|
||||||
|
keyName="label"></u-picker>
|
||||||
|
<u-picker :show="showLeadMan" :columns="leadManList" @confirm="confirmLeadMan" @cancel="cancelLeadMan"
|
||||||
|
keyName="nickname"></u-picker>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -132,63 +164,69 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import config from '@/config';
|
import config from '@/config';
|
||||||
import request from '../../utils/request';
|
import request from '../../utils/request';
|
||||||
import upload from '@/utils/upload.js'
|
import upload from '@/utils/upload.js'
|
||||||
import { getToken, getTenantId } from '@/utils/auth'
|
import {getToken, getTenantId} from '@/utils/auth'
|
||||||
export default {
|
|
||||||
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
imagePath:'',
|
imagePath: '',
|
||||||
fileList: [],
|
fileList: [],
|
||||||
customerSource:'',
|
customerSource: '',
|
||||||
buyName:'',
|
buyName: '',
|
||||||
buyPhone:'',
|
nickname:'',
|
||||||
userAddress:'',
|
buyPhone: '',
|
||||||
carNum:'',
|
userAddress: '',
|
||||||
carStatus:'',
|
carNum: '',
|
||||||
carIdNo:'',
|
carStatus: '',
|
||||||
carModel:'',
|
carIdNo: '',
|
||||||
carNature:'',
|
carModel: '',
|
||||||
show:false,
|
carNature: '',
|
||||||
shownature:false,
|
show: false,
|
||||||
showgoods:false,
|
shownature: false,
|
||||||
showxin:false,
|
showgoods: false,
|
||||||
showzhi:false,
|
showxin: false,
|
||||||
skuId:0,
|
showzhi: false,
|
||||||
inspectionWorkNodes:[],
|
showLeadMan: false,
|
||||||
|
skuId: 0,
|
||||||
|
inspectionWorkNodes: [],
|
||||||
columns: [],
|
columns: [],
|
||||||
options:[],
|
options: [],
|
||||||
nature:[],
|
nature: [],
|
||||||
goodsone:[],
|
goodsone: [],
|
||||||
goodstwo:[],
|
goodstwo: [],
|
||||||
columnData:[],
|
columnData: [],
|
||||||
xinlist:[],
|
xinlist: [],
|
||||||
zhilist:[],
|
zhilist: [],
|
||||||
baseUrl:this.$baseImageUrl,
|
baseUrl: this.$baseImageUrl,
|
||||||
goodsId:'',
|
goodsId: '',
|
||||||
msg:'3',
|
msg: '3',
|
||||||
tapnum:0,
|
tapnum: 0,
|
||||||
fenlist:[],
|
fenlist: [],
|
||||||
goodstext:'',
|
goodstext: '',
|
||||||
ftitle:null,
|
ftitle: null,
|
||||||
shopImages:[],
|
shopImages: [],
|
||||||
shoplist:{},
|
shoplist: {},
|
||||||
province:'',
|
province: '',
|
||||||
unitName:'',
|
unitName: '',
|
||||||
kehui:'',
|
kehui: '',
|
||||||
naturetext:'',
|
naturetext: '',
|
||||||
customerData:[],
|
customerData: [],
|
||||||
inspectionWorkNodeStr:""
|
inspectionWorkNodeStr: "",
|
||||||
|
leadManId:undefined,
|
||||||
|
leadManList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.getinitialize()
|
this.getinitialize()
|
||||||
|
this.getLeadeMan()
|
||||||
uni.$on('selectProject', (data) => {
|
uni.$on('selectProject', (data) => {
|
||||||
this.inspectionWorkNodes = data
|
this.inspectionWorkNodes = data
|
||||||
for (var i = 0; i < this.inspectionWorkNodes.length; i++) {
|
for (var i = 0; i < this.inspectionWorkNodes.length; i++) {
|
||||||
this.inspectionWorkNodeStr = this.inspectionWorkNodeStr + this.inspectionWorkNodes[i].projectName +" "
|
this.inspectionWorkNodeStr = this.inspectionWorkNodeStr + this.inspectionWorkNodes[i].projectName + " "
|
||||||
this.inspectionWorkNodes[i].orderNum = i+1
|
this.inspectionWorkNodes[i].orderNum = i + 1
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -214,121 +252,141 @@
|
|||||||
picker.setColumnValues(1, this.columnData[index])
|
picker.setColumnValues(1, this.columnData[index])
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
confirms(e){
|
confirms(e) {
|
||||||
this.customerSource = e.value[0].label
|
this.customerSource = e.value[0].label
|
||||||
this.show= false
|
this.show = false
|
||||||
},
|
},
|
||||||
cancels(){
|
cancels() {
|
||||||
this.show= false
|
this.show = false
|
||||||
},
|
},
|
||||||
// xin
|
// xin
|
||||||
confirmxin(e){
|
confirmxin(e) {
|
||||||
this.carStatus = e.value[0].label
|
this.carStatus = e.value[0].label
|
||||||
this.showxin= false
|
this.showxin = false
|
||||||
},
|
},
|
||||||
cancelxin(){
|
cancelxin() {
|
||||||
this.showxin= false
|
this.showxin = false
|
||||||
},
|
},
|
||||||
//zhi
|
//zhi
|
||||||
confirmzhi(e){
|
confirmzhi(e) {
|
||||||
this.carNature = e.value[0].label
|
this.carNature = e.value[0].label
|
||||||
this.showzhi= false
|
this.showzhi = false
|
||||||
},
|
},
|
||||||
cancelzhi(){
|
confirmLeadMan(e) {
|
||||||
this.showzhi= false
|
this.nickname = e.value[0].nickname
|
||||||
|
this.leadManId = e.value[0].id
|
||||||
|
this.showLeadMan = false
|
||||||
|
},
|
||||||
|
cancelzhi() {
|
||||||
|
this.showzhi = false
|
||||||
|
},
|
||||||
|
cancelLeadMan() {
|
||||||
|
this.showLeadMan = false
|
||||||
|
},
|
||||||
|
/*获取引车员信息*/
|
||||||
|
getLeadeMan() {
|
||||||
|
request({
|
||||||
|
url: '/system/role/getUsersByRoleCode',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
code: "jcycy"
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
this.leadManList.push(res.data)
|
||||||
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
confirmsnature(e){
|
confirmsnature(e) {
|
||||||
this.naturetext = e.value[0].label
|
this.naturetext = e.value[0].label
|
||||||
this.shownature = false
|
this.shownature = false
|
||||||
},
|
},
|
||||||
cancelsnature(){
|
cancelsnature() {
|
||||||
this.shownature = false
|
this.shownature = false
|
||||||
},
|
},
|
||||||
confirmgoods(e){
|
confirmgoods(e) {
|
||||||
this.goodstext = e.value[1].label
|
this.goodstext = e.value[1].label
|
||||||
this.skuId = e.value[1].value
|
this.skuId = e.value[1].value
|
||||||
this.showgoods= false
|
this.showgoods = false
|
||||||
},
|
},
|
||||||
cancelgoods(){
|
cancelgoods() {
|
||||||
this.showgoods= false
|
this.showgoods = false
|
||||||
},
|
},
|
||||||
async getinitialize(){
|
async getinitialize() {
|
||||||
let res = await request({
|
let res = await request({
|
||||||
url:'/partnerOwn/partner/getCustomerSource',
|
url: '/partnerOwn/partner/getCustomerSource',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
|
|
||||||
})
|
})
|
||||||
this.columns.push(res.data)
|
this.columns.push(res.data)
|
||||||
let rescar = await request({
|
let rescar = await request({
|
||||||
url:'/rescue/dict/data/type/car_nature',
|
url: '/rescue/dict/data/type/car_nature',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
})
|
})
|
||||||
this.nature.push(rescar.data)
|
this.nature.push(rescar.data)
|
||||||
let resx = await request({
|
let resx = await request({
|
||||||
url:'/system/inspectionGoods/partnerGoodsListCol',
|
url: '/system/inspectionGoods/partnerGoodsListCol',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
})
|
})
|
||||||
this.goodsone.push(resx.data.goodsList)
|
this.goodsone.push(resx.data.goodsList)
|
||||||
this.goodsone.push(resx.data.skuList[0])
|
this.goodsone.push(resx.data.skuList[0])
|
||||||
this.columnData = resx.data.skuList
|
this.columnData = resx.data.skuList
|
||||||
let resxin = await request({
|
let resxin = await request({
|
||||||
url:'/rescue/dict/data/type/car_status',
|
url: '/rescue/dict/data/type/car_status',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
})
|
})
|
||||||
this.xinlist.push(resxin.data)
|
this.xinlist.push(resxin.data)
|
||||||
let reszhi = await request({
|
let reszhi = await request({
|
||||||
url:'/rescue/dict/data/type/car_use_nature',
|
url: '/rescue/dict/data/type/car_use_nature',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
})
|
})
|
||||||
this.zhilist.push(reszhi.data)
|
this.zhilist.push(reszhi.data)
|
||||||
|
|
||||||
},
|
},
|
||||||
toSelectProject(){
|
toSelectProject() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/index/selectProject'
|
url: '/pages/index/selectProject'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
async getgoodes(){
|
async getgoodes() {
|
||||||
if(this.carNum == ''|| this.customerSource == "" || this.skuId == ''){
|
if (this.carNum == '' || this.customerSource == "" || this.skuId == '' || this.leadManId == undefined) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title:'车牌号 客户来源 商品 必填!',
|
title: '车牌号 客户来源 商品 引车员 必填!',
|
||||||
icon:'none'
|
icon: 'none'
|
||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if(this.inspectionWorkNodes.length == 0){
|
if (this.inspectionWorkNodes.length == 0) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title:'请选择检测流程!',
|
title: '请选择检测流程!',
|
||||||
icon:'none'
|
icon: 'none'
|
||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
let data = {
|
let data = {
|
||||||
partnerId:uni.getStorageSync('partnerId'),
|
partnerId: uni.getStorageSync('partnerId'),
|
||||||
buyName:this.buyName,
|
buyName: this.buyName,
|
||||||
buyPhone:this.buyPhone,
|
buyPhone: this.buyPhone,
|
||||||
userAddress:this.userAddress,
|
userAddress: this.userAddress,
|
||||||
unitName:this.unitName,
|
unitName: this.unitName,
|
||||||
carNum:this.carNum,
|
carNum: this.carNum,
|
||||||
carModel:this.carModel,
|
carModel: this.carModel,
|
||||||
carStatus:this.carStatus,
|
carStatus: this.carStatus,
|
||||||
carIdNo:this.carIdNo,
|
carIdNo: this.carIdNo,
|
||||||
customerSource:this.customerSource,
|
customerSource: this.customerSource,
|
||||||
skuId :this.skuId,
|
skuId: this.skuId,
|
||||||
carNature:this.carNature,
|
carNature: this.carNature,
|
||||||
inspectionWorkNodes:this.inspectionWorkNodes
|
inspectionWorkNodes: this.inspectionWorkNodes,
|
||||||
|
leadManId: this.leadManId
|
||||||
}
|
}
|
||||||
|
|
||||||
let res = await request({
|
let res = await request({
|
||||||
url:'/system/info/add',
|
url: '/system/info/add',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data:data
|
data: data
|
||||||
})
|
})
|
||||||
if(res.code == 200){
|
if (res.code == 200) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title:"检测已开始"
|
title: "检测已开始"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@ -336,37 +394,36 @@
|
|||||||
}, 2000);
|
}, 2000);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// 提交
|
// 提交
|
||||||
async getgoods(){
|
async getgoods() {
|
||||||
|
|
||||||
let res = await request({
|
let res = await request({
|
||||||
url:'/partnerOwn/partner/editPartnerInfo',
|
url: '/partnerOwn/partner/editPartnerInfo',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data : this.shoplist
|
data: this.shoplist
|
||||||
})
|
})
|
||||||
if(res.code == 200){
|
if (res.code == 200) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title:"修改成功"
|
title: "修改成功"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
}, 2000);
|
}, 2000);
|
||||||
},
|
},
|
||||||
getxz(e){
|
getxz(e) {
|
||||||
this.releasebox.goodsCategoryId = e.value[0].id
|
this.releasebox.goodsCategoryId = e.value[0].id
|
||||||
this.ftitle = e.value[0].categoryName
|
this.ftitle = e.value[0].categoryName
|
||||||
},
|
},
|
||||||
gettapindex(index){
|
gettapindex(index) {
|
||||||
this.tapnum = index
|
this.tapnum = index
|
||||||
},
|
},
|
||||||
getback(){
|
getback() {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
},
|
},
|
||||||
getyes(){
|
getyes() {
|
||||||
this.show = false
|
this.show = false
|
||||||
},
|
},
|
||||||
open() {
|
open() {
|
||||||
@ -407,7 +464,7 @@
|
|||||||
|
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
let a = uni.uploadFile({
|
let a = uni.uploadFile({
|
||||||
url: this.$baseUrl+'/common/uploadImg', // 仅为示例,非真实的接口地址
|
url: this.$baseUrl + '/common/uploadImg', // 仅为示例,非真实的接口地址
|
||||||
filePath: url,
|
filePath: url,
|
||||||
name: 'file',
|
name: 'file',
|
||||||
header: {
|
header: {
|
||||||
@ -436,22 +493,22 @@
|
|||||||
});
|
});
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
async vehicleLicenseOCR(){
|
async vehicleLicenseOCR() {
|
||||||
let data = {
|
let data = {
|
||||||
imagePath :this.baseUrl +'/'+ this.imagePath
|
imagePath: this.baseUrl + '/' + this.imagePath
|
||||||
//imagePath :'http://www.nuoyunr.com/lananRsc/detection/jsz.jpg'
|
//imagePath :'http://www.nuoyunr.com/lananRsc/detection/jsz.jpg'
|
||||||
}
|
}
|
||||||
let res = await request({
|
let res = await request({
|
||||||
url:'/partnerOwn/partner/vehicleLicenseOCR',
|
url: '/partnerOwn/partner/vehicleLicenseOCR',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
params : data
|
params: data
|
||||||
})
|
})
|
||||||
this.buyName = res.data.FrontInfo.Owner
|
this.buyName = res.data.FrontInfo.Owner
|
||||||
this.userAddress = res.data.FrontInfo.Address
|
this.userAddress = res.data.FrontInfo.Address
|
||||||
this.carNum = res.data.FrontInfo.PlateNo
|
this.carNum = res.data.FrontInfo.PlateNo
|
||||||
this.carModel = res.data.FrontInfo.Model
|
this.carModel = res.data.FrontInfo.Model
|
||||||
this.carIdNo=res.data.FrontInfo.Vin
|
this.carIdNo = res.data.FrontInfo.Vin
|
||||||
this.carNature=res.data.FrontInfo.UseCharacter
|
this.carNature = res.data.FrontInfo.UseCharacter
|
||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '识别成功',
|
title: '识别成功',
|
||||||
@ -461,21 +518,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.content {
|
.content {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100vh);
|
height: calc(100vh);
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-heder{
|
.top-heder {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
background: white;
|
background: white;
|
||||||
@ -484,20 +539,24 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 5px 15px;
|
padding: 5px 15px;
|
||||||
}
|
}
|
||||||
.t-title{
|
|
||||||
|
.t-title {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
.t-left{
|
|
||||||
|
.t-left {
|
||||||
width: 10%;
|
width: 10%;
|
||||||
}
|
}
|
||||||
.t-you{
|
|
||||||
|
.t-you {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
.t-input{
|
|
||||||
|
.t-input {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
@ -507,62 +566,72 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
.top-ail{
|
|
||||||
|
.top-ail {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
background-color: #F4F4F4;
|
background-color: #F4F4F4;
|
||||||
// height: calc(100vh);
|
// height: calc(100vh);
|
||||||
}
|
}
|
||||||
.mub{
|
|
||||||
|
.mub {
|
||||||
background-color: #F4F4F4;
|
background-color: #F4F4F4;
|
||||||
height: calc(100vh);
|
height: calc(100vh);
|
||||||
}
|
}
|
||||||
.dix{
|
|
||||||
|
.dix {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.upimg{
|
|
||||||
|
.upimg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 126px;
|
height: 126px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
image{
|
|
||||||
|
image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.box-list{
|
|
||||||
|
.box-list {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
}
|
}
|
||||||
.list-box{
|
|
||||||
|
.list-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 15px 5px;
|
padding: 15px 5px;
|
||||||
border-bottom: 1px solid #EEEEEE;
|
border-bottom: 1px solid #EEEEEE;
|
||||||
}
|
}
|
||||||
.l-left{
|
|
||||||
|
.l-left {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
.l-right{
|
|
||||||
|
.l-right {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.xiaolan{
|
|
||||||
|
.xiaolan {
|
||||||
// width: 109px;
|
// width: 109px;
|
||||||
// height: 30px;
|
// height: 30px;
|
||||||
background: #E2EAFF;
|
background: #E2EAFF;
|
||||||
@ -575,32 +644,36 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #0D2E8D;
|
color: #0D2E8D;
|
||||||
}
|
}
|
||||||
.xiaohui{
|
|
||||||
|
.xiaohui {
|
||||||
// width: 141px;
|
// width: 141px;
|
||||||
// height: 30px;
|
// height: 30px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0px 10px;
|
padding: 0px 10px;
|
||||||
background: #F7F7F7;
|
background: #F7F7F7;
|
||||||
border-radius: 50px ;
|
border-radius: 50px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 10px ;
|
margin: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.hui-right{
|
|
||||||
border-left:1px solid #DDDDDD;
|
.hui-right {
|
||||||
|
border-left: 1px solid #DDDDDD;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
.wrap-box{
|
|
||||||
|
.wrap-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
.bottom-di{
|
|
||||||
|
.bottom-di {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -611,42 +684,48 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
.thui{
|
|
||||||
|
.thui {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
.imgs{
|
|
||||||
|
.imgs {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.p-box{
|
|
||||||
|
.p-box {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
.p-top{
|
|
||||||
|
.p-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.on-input{
|
|
||||||
|
.on-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
}
|
}
|
||||||
.ipt-kuang{
|
|
||||||
|
.ipt-kuang {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -658,14 +737,16 @@
|
|||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0px 10px;
|
padding: 0px 10px;
|
||||||
}
|
}
|
||||||
.t-left{
|
|
||||||
|
.t-left {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.dlanniu{
|
|
||||||
|
.dlanniu {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
|
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
|
||||||
@ -675,33 +756,38 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.da{
|
|
||||||
|
.da {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
//
|
|
||||||
.top{
|
//
|
||||||
|
.top {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0px 15px;
|
padding: 0px 15px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
.top-box{
|
|
||||||
|
.top-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 20px 0px;
|
padding: 20px 0px;
|
||||||
}
|
}
|
||||||
.tb-left{
|
|
||||||
|
.tb-left {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.uicon{
|
|
||||||
|
.uicon {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
@ -713,33 +799,39 @@
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
.tb-right{
|
|
||||||
|
.tb-right {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
image{
|
|
||||||
|
image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.text1{
|
|
||||||
|
.text1 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #363636;
|
color: #363636;
|
||||||
}
|
}
|
||||||
.hong1{
|
|
||||||
|
.hong1 {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #FF5453;
|
color: #FF5453;
|
||||||
}
|
}
|
||||||
.hong2{
|
|
||||||
|
.hong2 {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
||||||
}
|
}
|
||||||
.tinput{
|
|
||||||
|
.tinput {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
background: white;
|
background: white;
|
||||||
@ -748,10 +840,11 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
}
|
}
|
||||||
.xixi{
|
|
||||||
|
.xixi {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #0D2E8D;
|
color: #0D2E8D;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user