|
|
@@ -22,13 +22,9 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <ws-form
|
|
|
- ref="deptBudgetList"
|
|
|
- :rules="mainReportAdd"
|
|
|
- :model="deptBudgetList"
|
|
|
- >
|
|
|
- <div class="flex">
|
|
|
- <div class="driver">司机信息</div>
|
|
|
+ <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList"
|
|
|
+ ><div class="small-title">司机信息</div>
|
|
|
+ <div class="flex drivermessage">
|
|
|
<ws-info-table>
|
|
|
<!--司机姓名-->
|
|
|
<ws-form-item
|
|
|
@@ -38,6 +34,7 @@
|
|
|
class="readonly bg-right"
|
|
|
>
|
|
|
<ws-input
|
|
|
+ disabled
|
|
|
v-model="deptBudgetList.driverName"
|
|
|
placeholder="请输入司机姓名"
|
|
|
maxlength="20"
|
|
|
@@ -52,6 +49,7 @@
|
|
|
class="readonly"
|
|
|
>
|
|
|
<ws-input
|
|
|
+ disabled
|
|
|
v-model="deptBudgetList.driverPhone"
|
|
|
placeholder="请输入手机号"
|
|
|
maxlength="100"
|
|
|
@@ -61,16 +59,8 @@
|
|
|
|
|
|
<!--常驻城市-->
|
|
|
<ws-form-item label="常驻城市" span="1" prop="acceptanceMethod">
|
|
|
- <el-cascader
|
|
|
- :options="options_"
|
|
|
- v-model="selectedOptions"
|
|
|
- clearable
|
|
|
- size="large"
|
|
|
- placeholder="请选择常驻城市"
|
|
|
- style="width: 200%"
|
|
|
- class="el-cascader"
|
|
|
- @change="handleChange"
|
|
|
- />
|
|
|
+ {{ deptBudgetList.residentCityProvincial
|
|
|
+ }}{{ deptBudgetList.residentCityMunicipal }}
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--身份证号-->
|
|
|
@@ -81,6 +71,7 @@
|
|
|
class="readonly"
|
|
|
>
|
|
|
<ws-input
|
|
|
+ disabled
|
|
|
v-model="deptBudgetList.numberCard"
|
|
|
placeholder="请输入身份证号"
|
|
|
maxlength="100"
|
|
|
@@ -88,7 +79,8 @@
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
- {{ age }}
|
|
|
+ <span v-if="age && age < 60" class="small">{{ age }}岁</span>
|
|
|
+ <span v-if="age && age > 60" class="big">{{ age }}岁</span>
|
|
|
</div>
|
|
|
</ws-form>
|
|
|
|
|
|
@@ -97,107 +89,19 @@
|
|
|
:rules="mainReportAdd"
|
|
|
:model="deptBudgetList"
|
|
|
>
|
|
|
+ <div class="small-title">货车信息</div>
|
|
|
<div
|
|
|
style="width: 100%"
|
|
|
class="flex position"
|
|
|
- v-for="(item, index) in freightspace"
|
|
|
+ v-for="(item, index) in deptBudgetList.driverCarInfoList"
|
|
|
>
|
|
|
- <div class="flex">
|
|
|
+ <div class="trucks">
|
|
|
<div class="driver">货车信息-{{ index + 1 }}</div>
|
|
|
- <ws-info-table class="el-table">
|
|
|
- <!--车牌号-->
|
|
|
- <ws-form-item
|
|
|
- label="车牌号"
|
|
|
- span="1"
|
|
|
- prop="carNumber"
|
|
|
- class="forlist"
|
|
|
- width="400px"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="item.carNumber"
|
|
|
- placeholder="请输入车牌号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <!--车型-->
|
|
|
- <ws-form-item label="车型" span="1" prop="carModel" class="forlist">
|
|
|
- <ws-select
|
|
|
- v-model="item.carModel"
|
|
|
- placeholder=""
|
|
|
- class="typeselect"
|
|
|
- @change="selectcarModel"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in carModelList"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.constValue"
|
|
|
- :value="item.constValue"
|
|
|
- />
|
|
|
- </ws-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--车长-->
|
|
|
- <ws-form-item
|
|
|
- label="不含车头车长（米）"
|
|
|
- span="1"
|
|
|
- prop="carLength"
|
|
|
- class="forlist"
|
|
|
- >
|
|
|
- <ws-select
|
|
|
- v-model="item.carLength"
|
|
|
- placeholder=""
|
|
|
- class="typeselect"
|
|
|
- @change="selectcarLength"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in carLengthList"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.constValue"
|
|
|
- :value="item.constValue"
|
|
|
- />
|
|
|
- </ws-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--载重-->
|
|
|
- <ws-form-item label="载重" span="1" prop="carLoad" class="forlist">
|
|
|
- <ws-input
|
|
|
- v-model="item.carLoad"
|
|
|
- placeholder="请输入载重"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
-
|
|
|
- <!--出厂年份-->
|
|
|
- <ws-form-item
|
|
|
- label="出厂年份"
|
|
|
- span="1"
|
|
|
- prop="yearManufacture"
|
|
|
- class="forlist"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="item.yearManufacture"
|
|
|
- placeholder="请输入年份"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- </ws-info-table>
|
|
|
- <img
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="add"
|
|
|
- @click="add"
|
|
|
- src="../../../public/img/add.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="del"
|
|
|
- @click="del(index)"
|
|
|
- src="../../../public/img/del.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <div class="truckswrap">车牌号: {{ item.carNumber }}</div>
|
|
|
+ <div class="truckswrap">车型: {{ item.carModel }}</div>
|
|
|
+ <div class="truckswrap">不含车头车长（米）: {{ item.carLength }}</div>
|
|
|
+ <div class="truckswrap">载重: {{ item.carLoad }}</div>
|
|
|
+ <div class="truckswrap">出厂年份: {{ item.yearManufacture }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</ws-form>
|
|
|
@@ -206,12 +110,12 @@
|
|
|
:rules="mainReportAdd"
|
|
|
:model="deptBudgetList"
|
|
|
>
|
|
|
+ <div class="small-title">收款人账户信息</div>
|
|
|
<div
|
|
|
- style="width: 100%"
|
|
|
- class="flex position"
|
|
|
- v-for="(item, index) in freightspace1"
|
|
|
+ class="gathering"
|
|
|
+ v-for="(item, index) in deptBudgetList.driverPayeeInfoList"
|
|
|
>
|
|
|
- <div class="flex">
|
|
|
+ <div>
|
|
|
<div class="driver">收款人账户信息-{{ index + 1 }}</div>
|
|
|
<ws-info-table class="el-table">
|
|
|
<!--账户类型-->
|
|
|
@@ -221,66 +125,32 @@
|
|
|
prop="contractNo"
|
|
|
class="el-car bg-right"
|
|
|
>
|
|
|
- <el-radio v-model="item.radio" label="1">私人账号</el-radio>
|
|
|
- <el-radio v-model="item.radio" label="2">企业账户</el-radio>
|
|
|
+ <span v-if="item.accountTypeFlag == 1">私人账号</span>
|
|
|
+ <span v-if="item.accountTypeFlag == 2">企业账户</span>
|
|
|
</ws-form-item>
|
|
|
<!--账号-->
|
|
|
<ws-form-item label="账号" span="1" prop="bankCard" class="el-car">
|
|
|
- <ws-input
|
|
|
- v-model="item.bankCard"
|
|
|
- placeholder="请输入账号"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- <el-upload
|
|
|
- :headers="headers"
|
|
|
- :action="uploadPath"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="uploadSuccessHandle"
|
|
|
- class="avatar-uploader"
|
|
|
- accept=".jpg, .jpeg, .png, .gif"
|
|
|
- ><img
|
|
|
- width="18"
|
|
|
- height="20"
|
|
|
- style="
|
|
|
- vertical-align: text-top;
|
|
|
- position: relative;
|
|
|
- top: -1px;
|
|
|
- "
|
|
|
- src="../../../public/img/fujian.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </el-upload>
|
|
|
+ {{ item.bankCard }}
|
|
|
</ws-form-item>
|
|
|
<!--开户行-->
|
|
|
<ws-form-item
|
|
|
label="开户行"
|
|
|
span="1"
|
|
|
prop="bankDeposit"
|
|
|
- class="el-car"
|
|
|
+ class="el-car bankDeposit"
|
|
|
>
|
|
|
- <ws-input
|
|
|
- v-model="item.bankDeposit"
|
|
|
- placeholder="请输入开户行"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ item.bankDeposit }}
|
|
|
</ws-form-item>
|
|
|
<!--姓名-->
|
|
|
<ws-form-item
|
|
|
label="姓名"
|
|
|
- v-if="item.radio == 1"
|
|
|
+ v-if="item.accountTypeFlag == 1"
|
|
|
span="1"
|
|
|
prop="payeeName"
|
|
|
class="el-car"
|
|
|
width="150px"
|
|
|
>
|
|
|
- <ws-input
|
|
|
- v-model="item.payeeName"
|
|
|
- placeholder="请输入姓名"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ item.payeeName }}
|
|
|
</ws-form-item>
|
|
|
<!--企业名称-->
|
|
|
<ws-form-item
|
|
|
@@ -288,88 +158,31 @@
|
|
|
v-else
|
|
|
span="1"
|
|
|
prop="compName"
|
|
|
- class="el-car"
|
|
|
+ class="el-car compname"
|
|
|
width="150px"
|
|
|
>
|
|
|
- <ws-input
|
|
|
- v-model="item.compName"
|
|
|
- placeholder="请输入企业名称"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ item.compName }}
|
|
|
</ws-form-item>
|
|
|
|
|
|
<!--身份证号-->
|
|
|
<ws-form-item
|
|
|
label="身份证号"
|
|
|
- v-if="item.radio == 1"
|
|
|
+ v-if="item.accountTypeFlag == 1"
|
|
|
span="1"
|
|
|
prop="payeeNumberCard"
|
|
|
class="el-car"
|
|
|
>
|
|
|
- <ws-input
|
|
|
- v-model="item.payeeNumberCard"
|
|
|
- placeholder="请输入身份证号"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ {{ item.payeeNumberCard }}
|
|
|
</ws-form-item>
|
|
|
- <!--身份证附件-->
|
|
|
<ws-form-item
|
|
|
- label="身份证附件"
|
|
|
- v-if="item.radio == 1"
|
|
|
+ label="开户支行"
|
|
|
span="1"
|
|
|
- prop="cardAddressUrl"
|
|
|
- class="el-car"
|
|
|
+ prop="bankDepositBranch"
|
|
|
+ class="el-car bankDeposit1"
|
|
|
>
|
|
|
- <el-upload
|
|
|
- :headers="headers"
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="uploadSuccessHandle"
|
|
|
- class="avatar-uploader"
|
|
|
- accept=".jpg, .jpeg, .png, .gif"
|
|
|
- ><img
|
|
|
- width="18"
|
|
|
- height="20"
|
|
|
- style="
|
|
|
- vertical-align: text-top;
|
|
|
- position: relative;
|
|
|
- top: -1px;
|
|
|
- "
|
|
|
- src="../../../public/img/fujian.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </el-upload>
|
|
|
- <span v-if="item.addressUrlArray.length > 0">{{
|
|
|
- item.addressUrlArray.length
|
|
|
- }}</span>
|
|
|
- <span v-if="item.addressUrlArray.length == 0">未上传</span>
|
|
|
- <!-- <i @click="fujian(scope.row)" class="el-icon-paperclip iconCss"></i> -->
|
|
|
- <!-- <ws-input
|
|
|
- v-model="deptBudgetList.driverPayeeInfo.personNo"
|
|
|
- placeholder="请输入身份证附件"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- /> -->
|
|
|
+ {{ item.bankDepositBranch }}
|
|
|
</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
- <img
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="add"
|
|
|
- @click="add1"
|
|
|
- src="../../../public/img/add.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <img
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="del"
|
|
|
- @click="del1(index)"
|
|
|
- src="../../../public/img/del.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
</div>
|
|
|
</div>
|
|
|
</ws-form>
|
|
|
@@ -378,20 +191,20 @@
|
|
|
:rules="mainReportAdd"
|
|
|
:model="deptBudgetList"
|
|
|
>
|
|
|
+ <div class="small-title">相关附件</div>
|
|
|
<div class="flex">
|
|
|
- <div class="driver">相关附件</div>
|
|
|
- <ws-upload
|
|
|
- ref="upload"
|
|
|
- table-name="maintain_work_order"
|
|
|
- oss-key="mainPlan"
|
|
|
- :comp-id="compId"
|
|
|
- :appendix-ids="appendixIdsAdd"
|
|
|
- :vesselId="deptBudgetList.addressUrl"
|
|
|
- :size-limit="size"
|
|
|
- @uploadSuccess="uploadSuccess"
|
|
|
- @onChange="onChange"
|
|
|
- accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar"
|
|
|
- />
|
|
|
+ <div
|
|
|
+ style="margin: 10px"
|
|
|
+ v-for="(item, index) in deptBudgetList.addressUrlArray"
|
|
|
+ >
|
|
|
+ <div class="button" v-if="index == 0">行驶证</div>
|
|
|
+ <div class="button" v-if="index == 1">驾驶证</div>
|
|
|
+ <div class="button-green" v-if="index == 2">道路运营证</div>
|
|
|
+ <div class="button-green" v-if="index == 3">从业资格证</div>
|
|
|
+ <div class="button-yellow" v-if="index == 4">身份证正面</div>
|
|
|
+ <div class="button-yellow" v-if="index == 5">身份证反面</div>
|
|
|
+ <img width="100" height="100" :src="item" alt="" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</ws-form>
|
|
|
<!-- 提交 -->
|
|
|
@@ -400,8 +213,8 @@
|
|
|
class="bg-bottom"
|
|
|
type="primary"
|
|
|
size="small"
|
|
|
- @click="submit(deptBudgetList)"
|
|
|
- >提交</el-button
|
|
|
+ @click="returnsales()"
|
|
|
+ >关闭</el-button
|
|
|
>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -509,6 +322,8 @@ export default {
|
|
|
lookDriver({ id: this.$route.query.id })
|
|
|
.toPromise()
|
|
|
.then((response) => {
|
|
|
+ this.IdCard(response.numberCard)
|
|
|
+ response.addressUrlArray = response.addressUrl.split(',')
|
|
|
this.deptBudgetList = response
|
|
|
})
|
|
|
// // 车型
|
|
|
@@ -546,39 +361,6 @@ export default {
|
|
|
handleClose() {
|
|
|
this.dialogViewSpareMoney = false
|
|
|
},
|
|
|
- add() {
|
|
|
- this.freightspace.push({
|
|
|
- carNumber: '',
|
|
|
- carModel: '高栏',
|
|
|
- carModelKey: '1',
|
|
|
- carLength: '13',
|
|
|
- carLengthKey: '1',
|
|
|
- carLoad: '',
|
|
|
- yearManufacture: '',
|
|
|
- })
|
|
|
- },
|
|
|
- del(index) {
|
|
|
- if (this.freightspace.length > 1) {
|
|
|
- this.freightspace.splice(index, 1)
|
|
|
- }
|
|
|
- },
|
|
|
- add1() {
|
|
|
- this.freightspace1.push({
|
|
|
- account_type: '',
|
|
|
- radio: '1',
|
|
|
- payeeName: '',
|
|
|
- payeeNumberCard: '',
|
|
|
- compName: '',
|
|
|
- bankDeposit: '',
|
|
|
- bankCard: '',
|
|
|
- addressUrlArray: [],
|
|
|
- })
|
|
|
- },
|
|
|
- del1(index) {
|
|
|
- if (this.freightspace1.length > 1) {
|
|
|
- this.freightspace1.splice(index, 1)
|
|
|
- }
|
|
|
- },
|
|
|
identitycardfujian(item) {},
|
|
|
handleChange(value) {
|
|
|
this.selectedOptions = value
|
|
|
@@ -586,65 +368,6 @@ export default {
|
|
|
returnsales() {
|
|
|
this.$router.push({ path: 'tranManagementDriver' })
|
|
|
},
|
|
|
- // confirmPosition() {
|
|
|
- // this.draggable = false
|
|
|
- // },
|
|
|
- // 上传附件
|
|
|
- uploadSuccess(data, files, url) {
|
|
|
- console.log(data, files, url)
|
|
|
-
|
|
|
- // this.deptBudgetList.
|
|
|
- // this.formData.append('files', files)
|
|
|
- // this.feedbackObj.uploadNameAttachment = data.appendixName
|
|
|
- // this.feedbackObj.pathUploadAttachment = data.appendixPath
|
|
|
- // // this.newAppendixs = files
|
|
|
- // this.onChangeFlag = true
|
|
|
- },
|
|
|
- selectcarModel(e) {
|
|
|
- for (var i = 0; i < this.carModelList.length; i++) {
|
|
|
- if (this.carModelList[i].constValue == e) {
|
|
|
- this.deptBudgetList.carModelKey = this.carModelList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- selectcarLength(e) {
|
|
|
- for (var i = 0; i < this.carLengthList.length; i++) {
|
|
|
- if (this.carLengthList[i].constValue == e) {
|
|
|
- this.deptBudgetList.carLengthKey = this.carLengthList[i].constKey
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- onChange(files) {
|
|
|
- this.fileNum = files
|
|
|
- this.$refs.upload.handleSaveBill().then((res) => {
|
|
|
- console.log(files)
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- submit() {
|
|
|
- console.log(this.freightspace)
|
|
|
-
|
|
|
- this.$refs.deptBudgetList.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
|
|
|
- this.deptBudgetList.residentCityProvincial =
|
|
|
- CodeToText[this.selectedOptions[0]]
|
|
|
- this.deptBudgetList.residentCityMunicipal =
|
|
|
- CodeToText[this.selectedOptions[1]]
|
|
|
- this.deptBudgetList.driverCarInfoList = this.freightspace
|
|
|
- this.deptBudgetList.driverPayeeInfoList = this.freightspace1
|
|
|
- addDriver(this.deptBudgetList)
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- this.$message.success('添加成功')
|
|
|
- this.$router.push({ path: 'tranManagementDriver' })
|
|
|
- })
|
|
|
- } else {
|
|
|
- EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
- return false
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
resetForm(deptBudgetList) {
|
|
|
this.$refs[deptBudgetList].resetFields()
|
|
|
},
|
|
|
@@ -677,9 +400,6 @@ export default {
|
|
|
border-right: 1px solid #cdd2dc;
|
|
|
border-bottom: 1px solid #cdd2dc;
|
|
|
}
|
|
|
-.readonly {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
.title {
|
|
|
position: relative;
|
|
|
}
|
|
|
@@ -698,16 +418,8 @@ export default {
|
|
|
.el-col {
|
|
|
background: #f6f7fc;
|
|
|
}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- padding: 0 25px;
|
|
|
- border-left: 1px solid #cdd2dc;
|
|
|
- background: #fafbfc;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
- width: 140px;
|
|
|
- text-align: center;
|
|
|
- background: #f0f2f6;
|
|
|
- // border: 1px solid #cdd2dc;
|
|
|
+.drivermessage {
|
|
|
+ position: relative;
|
|
|
}
|
|
|
.button-container {
|
|
|
display: flex;
|
|
|
@@ -773,37 +485,27 @@ export default {
|
|
|
.bg-bottom {
|
|
|
margin: 15px 0px;
|
|
|
}
|
|
|
-.wenzi {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-.wenzi h3 {
|
|
|
- display: inline-block;
|
|
|
- left: 10px;
|
|
|
-}
|
|
|
-.wenzi p {
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-.center {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
+
|
|
|
.el-form-item__label {
|
|
|
text-align: center;
|
|
|
}
|
|
|
-.el-table {
|
|
|
- width: 1240px;
|
|
|
-}
|
|
|
-.ce {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
+//蓝标
|
|
|
+.small-title {
|
|
|
+ position: relative;
|
|
|
+ padding: 10px;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
-.driver {
|
|
|
- width: 120px;
|
|
|
- margin-top: 10px;
|
|
|
- font-weight: bold;
|
|
|
+.small-title::before {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #5473e8;
|
|
|
+ width: 4px;
|
|
|
+ height: 14px;
|
|
|
+ left: 0px;
|
|
|
+ top: 13px;
|
|
|
+ padding: 4px 2px;
|
|
|
}
|
|
|
-
|
|
|
// 控制select为只读的时候显示样式
|
|
|
/deep/.ws-class-table-col {
|
|
|
height: auto;
|
|
|
@@ -812,16 +514,11 @@ export default {
|
|
|
padding: 0px 2px;
|
|
|
}
|
|
|
}
|
|
|
-.winseaview-view {
|
|
|
- padding: 0 0 20px;
|
|
|
-}
|
|
|
+
|
|
|
.container {
|
|
|
overflow: scroll;
|
|
|
height: 93vh;
|
|
|
}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
- width: 80px;
|
|
|
-}
|
|
|
/deep/.ws-info-table .el-form-item {
|
|
|
width: 25%;
|
|
|
}
|
|
|
@@ -831,9 +528,6 @@ export default {
|
|
|
.el-form {
|
|
|
margin-top: 50px;
|
|
|
}
|
|
|
-.readonly {
|
|
|
- width: 16%;
|
|
|
-}
|
|
|
.el-cascader {
|
|
|
width: 145px;
|
|
|
}
|
|
|
@@ -852,4 +546,97 @@ export default {
|
|
|
.el-form-item.el-car.el-form-item--small {
|
|
|
width: 33.3%;
|
|
|
}
|
|
|
+.trucks {
|
|
|
+ background: #f5f7fa;
|
|
|
+ color: #69708c;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ width: 90%;
|
|
|
+ padding: 12px;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+.truckswrap {
|
|
|
+ width: 19.7%;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0;
|
|
|
+ padding: 9px 0;
|
|
|
+}
|
|
|
+.gathering {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ border-radius: 3px;
|
|
|
+ width: 90%;
|
|
|
+ border-bottom: 1px solid transparent;
|
|
|
+}
|
|
|
+/deep/.gathering .ws-info-table {
|
|
|
+ border-left: none;
|
|
|
+ border-top: 1px solid #d8dce6;
|
|
|
+}
|
|
|
+/deep/.gathering .driver {
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+/deep/.gathering .el-form-item .el-form-item__label {
|
|
|
+ background: #f5f7fa;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+/deep/.gathering .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border-left: 1px solid #d8dce6;
|
|
|
+}
|
|
|
+/deep/.gathering .ws-info-table .el-form-item.compname,
|
|
|
+/deep/.gathering .ws-info-table .el-form-item.bankDeposit,
|
|
|
+/deep/.gathering .ws-info-table .el-form-item.bankDeposit1 {
|
|
|
+ border-right: 1px solid transparent;
|
|
|
+}
|
|
|
+/deep/.gathering .ws-info-table .el-form-item.compname {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.button,
|
|
|
+.button-green,
|
|
|
+.button-yellow {
|
|
|
+ height: 28px;
|
|
|
+ background: #edf1ff;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #5473e8;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 28px;
|
|
|
+ margin: 7px auto;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.button-green {
|
|
|
+ background: #ecf8f9;
|
|
|
+ color: #50cad4;
|
|
|
+}
|
|
|
+.button-yellow {
|
|
|
+ background: #fff6eb;
|
|
|
+ color: #ff9f24;
|
|
|
+}
|
|
|
+.el-button--primary {
|
|
|
+ background: #5878e8;
|
|
|
+}
|
|
|
+.drivermessage .ws-info-table {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+/deep/.drivermessage .ws-info-table .el-form-item__label {
|
|
|
+ background: #fff;
|
|
|
+ width: 80px;
|
|
|
+}
|
|
|
+/deep/.drivermessage .ws-info-table .el-form-item__content,
|
|
|
+/deep/.drivermessage .ws-info-table .el-form-item {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+.small,
|
|
|
+.big {
|
|
|
+ color: #ccc;
|
|
|
+ line-height: 16px;
|
|
|
+ position: absolute;
|
|
|
+ right: -50px;
|
|
|
+ top: 5px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ padding: 5px 10px;
|
|
|
+ border-radius: 20px;
|
|
|
+}
|
|
|
+.big {
|
|
|
+ color: #f46060;
|
|
|
+ background: #ffeeee;
|
|
|
+}
|
|
|
</style>
|
