|
|
@@ -7,13 +7,8 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="bg-right">
|
|
|
<el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
|
|
|
- <img
|
|
|
- width="6"
|
|
|
- height="10"
|
|
|
- style="vertical-align: bottom; margin-right: 3px"
|
|
|
- src="../../../public/img/lujing.png"
|
|
|
- alt
|
|
|
- />返回
|
|
|
+ <img width="6" height="10" style="vertical-align: bottom; margin-right: 3px"
|
|
|
+ src="../../../public/img/lujing.png" alt />返回
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -32,19 +27,10 @@
|
|
|
}}{{ deptBudgetList.sendArea }}
|
|
|
</ws-form-item>
|
|
|
<!--发货人-->
|
|
|
- <ws-form-item
|
|
|
- label="发货人"
|
|
|
- span="1"
|
|
|
- prop="sender"
|
|
|
- class="readonly"
|
|
|
- >{{ deptBudgetList.sender }}</ws-form-item>
|
|
|
+ <ws-form-item label="发货人" span="1" prop="sender" class="readonly">{{ deptBudgetList.sender }}</ws-form-item>
|
|
|
<!--发货人电话-->
|
|
|
- <ws-form-item
|
|
|
- label="发货人电话"
|
|
|
- span="1"
|
|
|
- prop="senderPhone"
|
|
|
- class="readonly"
|
|
|
- >{{ deptBudgetList.senderPhone }}</ws-form-item>
|
|
|
+ <ws-form-item label="发货人电话" span="1" prop="senderPhone" class="readonly">{{ deptBudgetList.senderPhone }}
|
|
|
+ </ws-form-item>
|
|
|
<!--收货地址-->
|
|
|
<ws-form-item label="收货地址" span="1" prop="receiveDetailedAddress">
|
|
|
{{ deptBudgetList.receivePrivate }}{{ deptBudgetList.receiveCity
|
|
|
@@ -55,17 +41,10 @@
|
|
|
<!--收货人电话-->
|
|
|
<ws-form-item label="收货人电话" span="1" prop="receiverPhone">{{ deptBudgetList.receiverPhone }}</ws-form-item>
|
|
|
<!--发货日期-->
|
|
|
- <ws-form-item
|
|
|
- label="发货日期"
|
|
|
- span="1"
|
|
|
- prop="deliveryDateStart"
|
|
|
- >{{ deptBudgetList.deliveryDateStart }}</ws-form-item>
|
|
|
+ <ws-form-item label="发货日期" span="1" prop="deliveryDateStart">{{ deptBudgetList.deliveryDateStart }}
|
|
|
+ </ws-form-item>
|
|
|
<!--最晚到货日期-->
|
|
|
- <ws-form-item
|
|
|
- label="最晚到货日期"
|
|
|
- span="1"
|
|
|
- prop="deliveryDateEnd"
|
|
|
- >{{ deptBudgetList.deliveryDateEnd }}</ws-form-item>
|
|
|
+ <ws-form-item label="最晚到货日期" span="1" prop="deliveryDateEnd">{{ deptBudgetList.deliveryDateEnd }}</ws-form-item>
|
|
|
<!--合同编号-->
|
|
|
<ws-form-item label="合同编号" span="1" prop="contractNo">{{ deptBudgetList.contractNo }}</ws-form-item>
|
|
|
<!-- 运输方式 -->
|
|
|
@@ -73,8 +52,8 @@
|
|
|
</ws-info-table>
|
|
|
<div class="small-title" style="font-size: 16px; width: 50%;float: left;">装车详情</div>
|
|
|
<!-- 导入 -->
|
|
|
- <div style="font-size: 16px; width: 50%;float: left;text-align: right;">
|
|
|
- <!-- <el-upload style="margin-left: 8px;"
|
|
|
+ <div style="font-size: 16px; width: 50%;float: left;text-align: right;display:flex;justify-content:end;">
|
|
|
+ <!-- <el-upload style="margin-left: 8px;"
|
|
|
class=""
|
|
|
action="https://www.zthymaoyi.com/upload/admin"
|
|
|
:show-file-list="false"
|
|
|
@@ -87,23 +66,20 @@
|
|
|
>
|
|
|
<el-button type="primary">导入</el-button>
|
|
|
</el-upload> -->
|
|
|
- <el-upload style="margin-left: 8px;"
|
|
|
- class="upload-demo inline-block margin-right-10"
|
|
|
- action=""
|
|
|
- :on-change="handleChange"
|
|
|
- :show-file-list="false"
|
|
|
+ <el-link
|
|
|
+ href="https://taohaoliang.oss-cn-beijing.aliyuncs.com/%E6%B1%BD%E8%BF%90%E8%A3%85%E8%BD%A6%E5%8F%8D%E9%A6%88%E6%A8%A1%E6%9D%BF.xlsx"
|
|
|
+ style="margin-left: 8px;">
|
|
|
+ <el-button type="primary">模板下载</el-button>
|
|
|
+ </el-link>
|
|
|
+ <el-upload style="margin-left: 8px;" class="upload-demo inline-block margin-right-10" action=""
|
|
|
+ :on-change="handleChange" :show-file-list="false"
|
|
|
accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
|
|
|
:auto-upload="false">
|
|
|
- <el-button type="primary">导入</el-button>
|
|
|
+ <el-button type="primary">导入</el-button>
|
|
|
</el-upload>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<div class="liaison">
|
|
|
- <div
|
|
|
- style="width: 100%"
|
|
|
- class="flex position"
|
|
|
- v-for="(item, index) in freightspace"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
+ <div style="width: 100%" class="flex position" v-for="(item, index) in freightspace" :key="index">
|
|
|
<ws-info-table>
|
|
|
<div class="catNos" v-show="item.temporaryDriverFlag == 0">
|
|
|
司机-{{ index + 1 }}
|
|
|
@@ -123,10 +99,7 @@
|
|
|
}}
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="catNos catNosCor"
|
|
|
- v-show="item.temporaryDriverFlag != 0"
|
|
|
- >司机-{{ index + 1 }}(临)</div>
|
|
|
+ <div class="catNos catNosCor" v-show="item.temporaryDriverFlag != 0">司机-{{ index + 1 }}(临)</div>
|
|
|
<!--司机-->
|
|
|
<ws-form-item label="姓名：" span="1" prop="driver" v-show="item.temporaryDriverFlag == 0">
|
|
|
<span v-show="item.temporaryDriverFlag == 0">{{ item.driver }}</span>
|
|
|
@@ -134,112 +107,53 @@
|
|
|
<!--司机-->
|
|
|
|
|
|
<ws-form-item label="姓名：" span="1" prop="driver" v-show="item.temporaryDriverFlag != 0">
|
|
|
- <el-select
|
|
|
- v-show="item.temporaryDriverFlag != 0"
|
|
|
- v-model="item.driver"
|
|
|
- placeholder="请选择司机"
|
|
|
- filterable
|
|
|
- :filter-method="dataFilter"
|
|
|
- @change="selectstaff"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.staffName"
|
|
|
- :value="item.staffName"
|
|
|
- />
|
|
|
+ <el-select v-show="item.temporaryDriverFlag != 0" v-model="item.driver" placeholder="请选择司机" filterable
|
|
|
+ :filter-method="dataFilter" @change="selectstaff">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.staffName" :value="item.staffName" />
|
|
|
</el-select>
|
|
|
</ws-form-item>
|
|
|
<!--电话-->
|
|
|
<ws-form-item label="司机电话：" span="1" prop="driverPhone">
|
|
|
- <ws-input
|
|
|
- v-show="item.temporaryDriverFlag != 0"
|
|
|
- v-model="item.driverPhone"
|
|
|
- placeholder="请输入司机电话"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-show="item.temporaryDriverFlag != 0" v-model="item.driverPhone" placeholder="请输入司机电话"
|
|
|
+ maxlength="20" size="small" />
|
|
|
<span v-show="item.temporaryDriverFlag == 0">{{ item.driverPhone }}</span>
|
|
|
</ws-form-item>
|
|
|
<!--车牌号-->
|
|
|
<ws-form-item label="车牌号：" span="1" prop="carNo">
|
|
|
- <ws-input
|
|
|
- v-show="item.temporaryDriverFlag != 0"
|
|
|
- v-model="item.carNo"
|
|
|
- placeholder="请输入车牌号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-show="item.temporaryDriverFlag != 0" v-model="item.carNo" placeholder="请输入车牌号" maxlength="20"
|
|
|
+ size="small" />
|
|
|
<span v-show="item.temporaryDriverFlag == 0">{{ item.carNo }}</span>
|
|
|
</ws-form-item>
|
|
|
<!--装车净重-->
|
|
|
<ws-form-item label="装车净重：" span="1" prop="loadNetWeight">
|
|
|
- <ws-input
|
|
|
- v-if="item.status == '已装车'||item.status == '已送达'"
|
|
|
- :disabled="readonly"
|
|
|
- v-model="item.loadNetWeight"
|
|
|
- placeholder="请输入装车净重"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- style="width:80px"
|
|
|
- />
|
|
|
- <ws-input
|
|
|
- v-else
|
|
|
- v-model="item.loadNetWeight"
|
|
|
- placeholder="请输入装车净重"
|
|
|
- maxlength="20"
|
|
|
- style="width:80px"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-if="item.status == '已装车'||item.status == '已送达'" :disabled="readonly"
|
|
|
+ v-model="item.loadNetWeight" placeholder="请输入装车净重" maxlength="20" size="small" style="width:80px" />
|
|
|
+ <ws-input v-else v-model="item.loadNetWeight" placeholder="请输入装车净重" maxlength="20" style="width:80px"
|
|
|
+ size="small" />
|
|
|
</ws-form-item>
|
|
|
<!--装车日期-->
|
|
|
<ws-form-item label="装车日期:" span="1" prop="sendDateStart">
|
|
|
- <ws-date-picker
|
|
|
- v-if="item.status == '已装车'||item.status == '已送达'"
|
|
|
- :disabled="readonly"
|
|
|
- v-model="item.sendDateStart"
|
|
|
- type="date"
|
|
|
- class="picker"
|
|
|
- placeholder="请选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- <ws-date-picker
|
|
|
- v-else
|
|
|
- v-model="item.sendDateStart"
|
|
|
- type="date"
|
|
|
- class="picker"
|
|
|
- placeholder="请选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
+ <ws-date-picker v-if="item.status == '已装车'||item.status == '已送达'" :disabled="readonly"
|
|
|
+ v-model="item.sendDateStart" type="date" class="picker" placeholder="请选择日期" value-format="yyyy-MM-dd" />
|
|
|
+ <ws-date-picker v-else v-model="item.sendDateStart" type="date" class="picker" placeholder="请选择日期"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
</ws-form-item>
|
|
|
<!--磅单-->
|
|
|
<ws-form-item label="磅单：" span="1" prop="loadPoundImg">
|
|
|
<!-- slot-scope="scope" -->
|
|
|
<template>
|
|
|
- <el-upload
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success=" (res) => { uploadSuccessHandle1(res,index)}"
|
|
|
- class="avatar-uploader"
|
|
|
- accept=".jpg, .jpeg, .png, .gif"
|
|
|
- >
|
|
|
- <img
|
|
|
- width="18"
|
|
|
- height="20"
|
|
|
- style="
|
|
|
+ <el-upload action="https://www.zthymaoyi.com/upload/admin" :show-file-list="false"
|
|
|
+ :on-success=" (res) => { uploadSuccessHandle1(res,index)}" class="avatar-uploader"
|
|
|
+ accept=".jpg, .jpeg, .png, .gif">
|
|
|
+ <img width="18" height="20" style="
|
|
|
vertical-align: text-top;
|
|
|
position: relative;
|
|
|
- "
|
|
|
- src="../../../public/img/fujian.png"
|
|
|
- alt
|
|
|
- />
|
|
|
+ " src="../../../public/img/fujian.png" alt />
|
|
|
</el-upload>
|
|
|
<span v-if="item.loadPoundImg != null ">1</span>
|
|
|
- <span
|
|
|
- v-if="
|
|
|
+ <span v-if="
|
|
|
item.loadPoundImg == null
|
|
|
- "
|
|
|
- >未上传</span>
|
|
|
+ ">未上传</span>
|
|
|
</template>
|
|
|
</ws-form-item>
|
|
|
<!--箱号-->
|
|
|
@@ -250,23 +164,12 @@
|
|
|
<ws-form-item label="封号:" span="1" prop="titleNo">
|
|
|
<span>{{ item.titleNo }}</span>
|
|
|
</ws-form-item>
|
|
|
- <div
|
|
|
- v-show="item.temporaryDriverFlag == 0 && item.signStatus == '未签合同'"
|
|
|
- class="signStatus"
|
|
|
- >{{ item.signStatus }}</div>
|
|
|
- <div
|
|
|
- v-show="item.temporaryDriverFlag == 0 && item.signStatus == '已签合同'"
|
|
|
- class="signStatus1"
|
|
|
- >{{ item.signStatus }}</div>
|
|
|
- <span
|
|
|
- v-show="item.temporaryDriverFlag != 0"
|
|
|
- width="22"
|
|
|
- height="22"
|
|
|
- class="del"
|
|
|
- @click="del(index)"
|
|
|
- src="../../../public/img/del.png"
|
|
|
- alt
|
|
|
- >×</span>
|
|
|
+ <div v-show="item.temporaryDriverFlag == 0 && item.signStatus == '未签合同'" class="signStatus">
|
|
|
+ {{ item.signStatus }}</div>
|
|
|
+ <div v-show="item.temporaryDriverFlag == 0 && item.signStatus == '已签合同'" class="signStatus1">
|
|
|
+ {{ item.signStatus }}</div>
|
|
|
+ <span v-show="item.temporaryDriverFlag != 0" width="22" height="22" class="del" @click="del(index)"
|
|
|
+ src="../../../public/img/del.png" alt>×</span>
|
|
|
</ws-info-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -293,74 +196,83 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
|
-import {
|
|
|
- seeCat,
|
|
|
- packList,
|
|
|
- feedback,
|
|
|
- getbank,
|
|
|
- state,
|
|
|
- importApplFileUrl
|
|
|
-} from '@/model/transport/index'
|
|
|
-import { getstaff } from '@/model/warehouse/index'
|
|
|
-import WsUpload from '@/components/WsUpload'
|
|
|
-import mapDrag from '@/components/mapdrag/mapdrag'
|
|
|
-export default {
|
|
|
- name: 'viewSpareMoney',
|
|
|
- components: {
|
|
|
- WsUpload,
|
|
|
- mapDrag
|
|
|
- },
|
|
|
- watch: {
|
|
|
- vesselId(val) {
|
|
|
- this.getVesselData()
|
|
|
+ import {
|
|
|
+ regionData,
|
|
|
+ CodeToText,
|
|
|
+ TextToCode
|
|
|
+ } from 'element-china-area-data'
|
|
|
+ import {
|
|
|
+ seeCat,
|
|
|
+ packList,
|
|
|
+ feedback,
|
|
|
+ getbank,
|
|
|
+ state,
|
|
|
+ importApplFileUrl
|
|
|
+ } from '@/model/transport/index'
|
|
|
+ import {
|
|
|
+ getstaff
|
|
|
+ } from '@/model/warehouse/index'
|
|
|
+ import WsUpload from '@/components/WsUpload'
|
|
|
+ import mapDrag from '@/components/mapdrag/mapdrag'
|
|
|
+ export default {
|
|
|
+ name: 'viewSpareMoney',
|
|
|
+ components: {
|
|
|
+ WsUpload,
|
|
|
+ mapDrag
|
|
|
},
|
|
|
- isShow(val) {
|
|
|
- this.showType = val
|
|
|
- }
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- deptBudgetList: {
|
|
|
- totalStorage: 0
|
|
|
- },
|
|
|
- options_: regionData,
|
|
|
- heightData: '600px',
|
|
|
- zoom: 7,
|
|
|
- selectedOptions: [],
|
|
|
- center: [116.244694, 39.517344],
|
|
|
- window: '',
|
|
|
- radio: 1,
|
|
|
- personCharge: [],
|
|
|
- district: null,
|
|
|
- driverList: [],
|
|
|
- readonly: true,
|
|
|
- fileTemp: {},
|
|
|
- listDate: { country: '中国', level: 'country', city: '' },
|
|
|
- citylist: [],
|
|
|
- compId: sessionStorage.getItem('ws-pf_compId'),
|
|
|
- rules: {
|
|
|
- warehouseName: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请输入仓库名称',
|
|
|
- trigger: 'blur'
|
|
|
- },
|
|
|
- {
|
|
|
- min: 2,
|
|
|
- max: 20,
|
|
|
- message: '仓库名长度不符合要求，请输入2-20字符之内',
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ]
|
|
|
+ watch: {
|
|
|
+ vesselId(val) {
|
|
|
+ this.getVesselData()
|
|
|
},
|
|
|
- tranType: 1,
|
|
|
- size: 10,
|
|
|
- value1: '',
|
|
|
- unitList: [],
|
|
|
+ isShow(val) {
|
|
|
+ this.showType = val
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ excelFreightspace: [],
|
|
|
+ deptBudgetList: {
|
|
|
+ totalStorage: 0
|
|
|
+ },
|
|
|
+ options_: regionData,
|
|
|
+ heightData: '600px',
|
|
|
+ zoom: 7,
|
|
|
+ selectedOptions: [],
|
|
|
+ center: [116.244694, 39.517344],
|
|
|
+ window: '',
|
|
|
+ radio: 1,
|
|
|
+ personCharge: [],
|
|
|
+ district: null,
|
|
|
+ driverList: [],
|
|
|
+ readonly: true,
|
|
|
+ fileTemp: {},
|
|
|
+ listDate: {
|
|
|
+ country: '中国',
|
|
|
+ level: 'country',
|
|
|
+ city: ''
|
|
|
+ },
|
|
|
+ citylist: [],
|
|
|
+ compId: sessionStorage.getItem('ws-pf_compId'),
|
|
|
+ rules: {
|
|
|
+ warehouseName: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入仓库名称',
|
|
|
+ trigger: 'blur'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ min: 2,
|
|
|
+ max: 20,
|
|
|
+ message: '仓库名长度不符合要求，请输入2-20字符之内',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ tranType: 1,
|
|
|
+ size: 10,
|
|
|
+ value1: '',
|
|
|
+ unitList: [],
|
|
|
|
|
|
- freightspace1: [
|
|
|
- {
|
|
|
+ freightspace1: [{
|
|
|
accountTypeFlag: '1',
|
|
|
payeeName: '',
|
|
|
payeeNumberCard: '',
|
|
|
@@ -368,872 +280,961 @@ export default {
|
|
|
bankDeposit: '',
|
|
|
addressUrlArray: [],
|
|
|
bankCard: ''
|
|
|
- }
|
|
|
- ],
|
|
|
- freightspace: [
|
|
|
- {
|
|
|
- driver: '',
|
|
|
- driverPhone: '',
|
|
|
- carNo: '',
|
|
|
- loadNetWeight: '',
|
|
|
- loadPoundImg: null
|
|
|
- }
|
|
|
- // {loadPoundImg:{}},
|
|
|
- ],
|
|
|
- name: '',
|
|
|
- staffList: [],
|
|
|
- options: [],
|
|
|
- carModel: [],
|
|
|
- tranCarInfoList: {
|
|
|
- loadPoundImg: ''
|
|
|
- },
|
|
|
- localFile:'',
|
|
|
- //上传
|
|
|
+ }],
|
|
|
+ freightspace: [{
|
|
|
+ driver: '',
|
|
|
+ driverPhone: '',
|
|
|
+ carNo: '',
|
|
|
+ loadNetWeight: '',
|
|
|
+ loadPoundImg: null
|
|
|
+ }
|
|
|
+ // {loadPoundImg:{}},
|
|
|
+ ],
|
|
|
+ name: '',
|
|
|
+ staffList: [],
|
|
|
+ options: [],
|
|
|
+ carModel: [],
|
|
|
+ tranCarInfoList: {
|
|
|
+ loadPoundImg: ''
|
|
|
+ },
|
|
|
+ localFile: '',
|
|
|
+ //上传
|
|
|
|
|
|
- accessoryTFs: false,
|
|
|
- fileList: [],
|
|
|
- appendixIdsAdd: '',
|
|
|
- messageAddEventListener: ''
|
|
|
- }
|
|
|
- },
|
|
|
- activated() {
|
|
|
- this.deptBudgetList.id = this.$route.query.id
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- window.noMessege = this.noMessege
|
|
|
- },
|
|
|
- computed: {
|
|
|
- totalStorage: function() {
|
|
|
- var maxStorage = 0
|
|
|
- for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
- maxStorage += Number(this.freightspace[i].maxStorage)
|
|
|
+ accessoryTFs: false,
|
|
|
+ fileList: [],
|
|
|
+ appendixIdsAdd: '',
|
|
|
+ messageAddEventListener: ''
|
|
|
}
|
|
|
- return maxStorage
|
|
|
},
|
|
|
- total: function() {
|
|
|
- if (this.deptBudgetList.tranCarInfoList != null) {
|
|
|
+ activated() {
|
|
|
+ this.deptBudgetList.id = this.$route.query.id
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ window.noMessege = this.noMessege
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ totalStorage: function() {
|
|
|
var maxStorage = 0
|
|
|
- for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
|
|
|
- maxStorage += Number(
|
|
|
- this.deptBudgetList.tranCarInfoList[i].loadNetWeight
|
|
|
- )
|
|
|
+ for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
+ maxStorage += Number(this.freightspace[i].maxStorage)
|
|
|
}
|
|
|
return maxStorage
|
|
|
- } else {
|
|
|
- return 0
|
|
|
+ },
|
|
|
+ total: function() {
|
|
|
+ if (this.deptBudgetList.tranCarInfoList != null) {
|
|
|
+ var maxStorage = 0
|
|
|
+ for (var i = 0; i < this.deptBudgetList.tranCarInfoList.length; i++) {
|
|
|
+ maxStorage += Number(
|
|
|
+ this.deptBudgetList.tranCarInfoList[i].loadNetWeight
|
|
|
+ )
|
|
|
+ }
|
|
|
+ return maxStorage
|
|
|
+ } else {
|
|
|
+ return 0
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- uploadHandle(response, file, fileList){
|
|
|
- this.localFile=file.raw // 或者 this.localFile=file.raw
|
|
|
-let Base64 = require('js-base64').Base64
|
|
|
- // 转换操作可以不放到这个函数里面，
|
|
|
- // 因为这个函数会被多次触发，上传时触发，上传成功也触发
|
|
|
- let reader = new FileReader()
|
|
|
- reader.readAsDataURL(this.localFile);// 这里也可以直接写参数event.raw
|
|
|
-
|
|
|
- // 转换成功后的操作，reader.result即为转换后的DataURL ，
|
|
|
- // 它不需要自己定义，你可以console.log(reader.result)看一下
|
|
|
- reader.onload=()=>{
|
|
|
- console.log(reader.result)
|
|
|
- }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ uploadHandle(response, file, fileList) {
|
|
|
+ this.localFile = file.raw // 或者 this.localFile=file.raw
|
|
|
+ let Base64 = require('js-base64').Base64
|
|
|
+ // 转换操作可以不放到这个函数里面，
|
|
|
+ // 因为这个函数会被多次触发，上传时触发，上传成功也触发
|
|
|
+ let reader = new FileReader()
|
|
|
+ reader.readAsDataURL(this.localFile); // 这里也可以直接写参数event.raw
|
|
|
|
|
|
+ // 转换成功后的操作，reader.result即为转换后的DataURL ，
|
|
|
+ // 它不需要自己定义，你可以console.log(reader.result)看一下
|
|
|
+ reader.onload = () => {
|
|
|
+ console.log(reader.result)
|
|
|
+ }
|
|
|
|
|
|
- },
|
|
|
- handleChange(file, fileList) {
|
|
|
- this.fileTemp = file.raw
|
|
|
- let fileName = file.raw.name
|
|
|
- let fileType = fileName.substring(fileName.lastIndexOf('.') + 1);
|
|
|
- // 判断上传文件格式
|
|
|
- if (this.fileTemp) {
|
|
|
- if ((fileType == 'xlsx') || (fileType == 'xls')) {
|
|
|
- this.importf(this.fileTemp)
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'warning',
|
|
|
- message: '附件格式错误，请删除后重新上传！'
|
|
|
- })
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'warning',
|
|
|
- message: '请上传附件！'
|
|
|
- })
|
|
|
- }
|
|
|
|
|
|
- },
|
|
|
- importf(obj) {
|
|
|
- this.dialogVisible = true;
|
|
|
- let _this = this;
|
|
|
- let inputDOM = this.$refs.inputer; // 通过DOM取文件数据
|
|
|
- this.file = event.currentTarget.files[0];
|
|
|
- var rABS = false; //是否将文件读取为二进制字符串
|
|
|
- var f = this.file;
|
|
|
- var reader = new FileReader();
|
|
|
- //if (!FileReader.prototype.readAsBinaryString) {
|
|
|
- FileReader.prototype.readAsBinaryString = function (f) {
|
|
|
- var binary = "";
|
|
|
- var rABS = false; //是否将文件读取为二进制字符串
|
|
|
- var pt = this;
|
|
|
- var wb; //读取完成的数据
|
|
|
- var outdata;
|
|
|
- var reader = new FileReader();
|
|
|
- reader.onload = function (e) {
|
|
|
- var bytes = new Uint8Array(reader.result);
|
|
|
- var length = bytes.byteLength;
|
|
|
- for (var i = 0; i < length; i++) {
|
|
|
- binary += String.fromCharCode(bytes[i]);
|
|
|
- }
|
|
|
- var XLSX = require('xlsx');
|
|
|
- if (rABS) {
|
|
|
- wb = XLSX.read(btoa(fixdata(binary)), { //手动转化
|
|
|
- type: 'base64'
|
|
|
- });
|
|
|
- } else {
|
|
|
- wb = XLSX.read(binary, {
|
|
|
- type: 'binary'
|
|
|
- });
|
|
|
- }
|
|
|
- // outdata就是你想要的东西 excel导入的数据
|
|
|
- outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
|
|
|
- // excel 数据再处理
|
|
|
- let arr = []
|
|
|
- outdata.map(v => {
|
|
|
- // let jsonString = JSON.stringify(v).replace(/\*/g, '').replace(/\s/ig,'');
|
|
|
- let jsonString = JSON.stringify(v).replace(/\//g, '').replace(/\s/ig,'');
|
|
|
- console.log(jsonString);
|
|
|
- v = JSON.parse(jsonString);
|
|
|
- let obj = {}
|
|
|
- //xxx代表列名
|
|
|
- obj.temporaryDriverFlag = v.临时司机标识
|
|
|
- obj.caseNo= v.箱号
|
|
|
- obj.titleNo= v.封号
|
|
|
- obj.driverPhone = v.司机电话
|
|
|
- obj.driver=v.司机姓名
|
|
|
- obj.loadNetWeight = v.装车净重
|
|
|
- obj.loadingDate = toString(v.装车日期)
|
|
|
- obj.status= v.状态
|
|
|
- obj.carNo = v.车牌号
|
|
|
- obj.unloadPoundImg = v.磅单
|
|
|
- console.log(obj)
|
|
|
- _this.freightspace.push(obj)
|
|
|
- })
|
|
|
- // _this.freightspace.concat(arr)
|
|
|
- console.log(arr,_this.freightspace)
|
|
|
- }
|
|
|
- reader.readAsArrayBuffer(f);
|
|
|
- }
|
|
|
- if (rABS) {
|
|
|
- reader.readAsArrayBuffer(f);
|
|
|
- } else {
|
|
|
- reader.readAsBinaryString(f);
|
|
|
- }
|
|
|
- console.log(reader)
|
|
|
- },
|
|
|
- beforeUpload(file){
|
|
|
- if(window.createObjectURL!=undefined){
|
|
|
- this.fileName = window.createObjectURL(file)
|
|
|
- }else if(window.URL!=undefined){
|
|
|
- this.fileName = window.URL.createObjectURL(file)
|
|
|
- }else if (window.webkitURL!=undefined){
|
|
|
- this.fileName = window.webkitURL.createObjectURL(file)
|
|
|
- }
|
|
|
- console.log(this.fileName)
|
|
|
- },
|
|
|
- uploadSuccessHandle(e) {
|
|
|
- console.log(e)
|
|
|
- importApplFileUrl({ file: e.url })
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- console.log(response)
|
|
|
- })
|
|
|
- },
|
|
|
- dataFilter(val) {
|
|
|
- this.deptBudgetList.personCharge = val
|
|
|
- if (val) {
|
|
|
- this.options = this.staffList.filter(item => {
|
|
|
- if (
|
|
|
- !!~item.staffName.indexOf(val) ||
|
|
|
- !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
|
|
|
- ) {
|
|
|
- return true
|
|
|
+ },
|
|
|
+ handleChange(file, fileList) {
|
|
|
+ this.fileTemp = file.raw
|
|
|
+ let fileName = file.raw.name
|
|
|
+ let fileType = fileName.substring(fileName.lastIndexOf('.') + 1);
|
|
|
+ // 判断上传文件格式
|
|
|
+ if (this.fileTemp) {
|
|
|
+ if ((fileType == 'xlsx') || (fileType == 'xls')) {
|
|
|
+ this.importf(this.fileTemp)
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: '附件格式错误，请删除后重新上传！'
|
|
|
+ })
|
|
|
}
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.options = this.staffList
|
|
|
- }
|
|
|
- },
|
|
|
- selectstaff(e) {
|
|
|
- for (var i = 0; i < this.staffList.length; i++) {
|
|
|
- if (this.staffList[i].staffName == e) {
|
|
|
- this.deptBudgetList.driverPhone = this.staffList[i].staffMobilePhone
|
|
|
- this.freightspace[i].driverPhone = this.staffList[i].staffMobilePhone
|
|
|
- this.deptBudgetList.personChargeKey = this.staffList[i].staffId
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: '请上传附件！'
|
|
|
+ })
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- marker: function(item) {
|
|
|
- this.deptBudgetList.warehousePositioning =
|
|
|
- item.lnglat.lat + ',' + item.lnglat.lng
|
|
|
- },
|
|
|
- selectedAddress(e) {
|
|
|
- this.deptBudgetList.warehousePositioning =
|
|
|
- e.center.lat + ',' + e.center.lng
|
|
|
- },
|
|
|
- confirmPositioncity() {
|
|
|
- this.listDate.level = 'city'
|
|
|
- this.listDate.country = this.name
|
|
|
- },
|
|
|
- // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
- handleClose() {
|
|
|
- this.dialogViewSpareMoney = false
|
|
|
- },
|
|
|
- add() {
|
|
|
- this.freightspace.push({
|
|
|
- driver: '',
|
|
|
- driverPhone: '',
|
|
|
- carNo: '',
|
|
|
- loadNetWeight: ''
|
|
|
- })
|
|
|
- },
|
|
|
- del(index) {
|
|
|
- if (this.freightspace.length > 1) {
|
|
|
- this.freightspace.splice(index, 1)
|
|
|
- }
|
|
|
- },
|
|
|
- //下拉司机姓名改变事件
|
|
|
- selectdriver() {},
|
|
|
-
|
|
|
- returnsales() {
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = {}
|
|
|
- this.selectedOptions = ''
|
|
|
- this.deptBudgetList.tranCarInfoList = []
|
|
|
- this.$router.push({ path: 'tranManagementTransporHairRespond' })
|
|
|
- },
|
|
|
- // 上传附件
|
|
|
- uploadSuccess(data, files, url) {
|
|
|
- console.log(data, files, url)
|
|
|
- },
|
|
|
- handleClose() {
|
|
|
- this.accessoryTFs = false
|
|
|
- },
|
|
|
- //导入
|
|
|
- import() {},
|
|
|
- finished() {
|
|
|
- this.$confirm(`完货操作后，装车信息不可修改，是否确定完货？`, {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.$refs.deptBudgetList.validate(valid => {
|
|
|
- if (valid) {
|
|
|
- var tranProcessInfo = {}
|
|
|
- tranProcessInfo.id = this.deptBudgetList.id
|
|
|
- state(tranProcessInfo)
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.$message.success('完货成功')
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = {}
|
|
|
- this.selectedOptions = ''
|
|
|
- this.$router.push({
|
|
|
- path: 'tranManagementTransporHairRespond'
|
|
|
- })
|
|
|
- })
|
|
|
+
|
|
|
+ },
|
|
|
+ importf(obj) {
|
|
|
+ this.excelFreightspace = []
|
|
|
+ this.dialogVisible = true;
|
|
|
+ let _this = this;
|
|
|
+ let inputDOM = this.$refs.inputer; // 通过DOM取文件数据
|
|
|
+ this.file = event.currentTarget.files[0];
|
|
|
+ var rABS = false; //是否将文件读取为二进制字符串
|
|
|
+ var f = this.file;
|
|
|
+ var reader = new FileReader();
|
|
|
+ //if (!FileReader.prototype.readAsBinaryString) {
|
|
|
+ FileReader.prototype.readAsBinaryString = function(f) {
|
|
|
+ var binary = "";
|
|
|
+ var rABS = false; //是否将文件读取为二进制字符串
|
|
|
+ var pt = this;
|
|
|
+ var wb; //读取完成的数据
|
|
|
+ var outdata;
|
|
|
+ var reader = new FileReader();
|
|
|
+ reader.onload = function(e) {
|
|
|
+ var bytes = new Uint8Array(reader.result);
|
|
|
+ var length = bytes.byteLength;
|
|
|
+ for (var i = 0; i < length; i++) {
|
|
|
+ binary += String.fromCharCode(bytes[i]);
|
|
|
+ }
|
|
|
+ var XLSX = require('xlsx');
|
|
|
+ if (rABS) {
|
|
|
+ wb = XLSX.read(btoa(fixdata(binary)), { //手动转化
|
|
|
+ type: 'base64',
|
|
|
+ cellDates: true
|
|
|
+ });
|
|
|
} else {
|
|
|
- return false
|
|
|
+ wb = XLSX.read(binary, {
|
|
|
+ type: 'binary'
|
|
|
+ });
|
|
|
}
|
|
|
- })
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return false
|
|
|
- })
|
|
|
- },
|
|
|
- noMessege() {
|
|
|
- sessionStorage.setItem('qy-msg',"true")
|
|
|
- },
|
|
|
- validateFunc() {
|
|
|
- this.$refs.deptBudgetList.validate(valid => {
|
|
|
- if (valid) {
|
|
|
- // this.deptBudgetList.totalStorage = this.totalStorage
|
|
|
- this.tranCarInfoList = this.freightspace
|
|
|
- this.tranCarInfoList.driver = this.deptBudgetList.driver
|
|
|
- this.tranCarInfoList.driverPhone = this.deptBudgetList.driverPhone
|
|
|
- this.tranCarInfoList.tranCarNo = this.deptBudgetList.tranCarNo
|
|
|
- this.tranCarInfoList.carNo = this.deptBudgetList.carNo
|
|
|
- this.tranCarInfoList.loadNetWeight = this.deptBudgetList.loadNetWeight
|
|
|
- this.tranCarInfoList.tranType = this.tranType
|
|
|
- this.tranCarInfoList.loadPoundImg = this.deptBudgetList.loadPoundImg
|
|
|
- // this.tranCarInfoList.boxNo = this.arr.toString()
|
|
|
- for (var i = 0; i < this.tranCarInfoList.length; i++) {
|
|
|
- this.tranCarInfoList[i].id = this.freightspace[i].id
|
|
|
- if (this.tranCarInfoList[i].temporaryDriverFlag != 0) {
|
|
|
- this.tranCarInfoList[i].temporaryDriverFlag = 1
|
|
|
- this.tranCarInfoList[i].tranType = this.tranType
|
|
|
+ // outdata就是你想要的东西 excel导入的数据
|
|
|
+ outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
|
|
|
+ // excel 数据再处理
|
|
|
+ let arr = []
|
|
|
+ outdata.map(v => {
|
|
|
+ // let jsonString = JSON.stringify(v).replace(/\*/g, '').replace(/\s/ig,'');
|
|
|
+ let jsonString = JSON.stringify(v).replace(/\//g, '').replace(/\s/ig, '');
|
|
|
+ console.log(jsonString);
|
|
|
+ v = JSON.parse(jsonString);
|
|
|
+ let obj = {}
|
|
|
+ //xxx代表列名
|
|
|
+ obj.caseNo = v.箱号
|
|
|
+ obj.titleNo = v.封号
|
|
|
+ obj.driverPhone = v.司机电话
|
|
|
+ obj.driver = v.姓名
|
|
|
+ obj.loadNetWeight = v.装车净重
|
|
|
+ obj.sendDateStart = v.装车日期
|
|
|
+ obj.status = v.状态
|
|
|
+ obj.carNo = v.车牌号
|
|
|
+ obj.loadPoundImg = v.磅单
|
|
|
+ console.log(obj)
|
|
|
+ _this.excelFreightspace.push(obj)
|
|
|
+ })
|
|
|
+ let _ispushData = true
|
|
|
+ // _this.freightspace.concat(arr)
|
|
|
+ console.log(arr, _this.freightspace)
|
|
|
+ for (let i = 0; i < _this.excelFreightspace.length; i++) {
|
|
|
+ _ispushData = true
|
|
|
+ for (let k = 0; k < _this.freightspace.length; k++) {
|
|
|
+ if (_this.excelFreightspace[i].driverPhone == _this.freightspace[k].driverPhone) {
|
|
|
+ _this.freightspace[k] = _this.excelFreightspace[i]
|
|
|
+ _ispushData = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (_ispushData) {
|
|
|
+ _this.freightspace.push(_this.excelFreightspace[i])
|
|
|
+ _ispushData = true
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- var tranProcessInfo = {}
|
|
|
- tranProcessInfo.id = this.deptBudgetList.id
|
|
|
- tranProcessInfo.infoId = this.deptBudgetList.infoId
|
|
|
- tranProcessInfo.processNo = this.deptBudgetList.processNo
|
|
|
- tranProcessInfo.tranPrice = this.deptBudgetList.tranPrice
|
|
|
- tranProcessInfo.tranCarInfoList = this.tranCarInfoList
|
|
|
- // dispatchCat({tranCarInfo:{tranCarInfoList:[this.tranCarInfoList],id:this.deptBudgetList.id}
|
|
|
- feedback(tranProcessInfo)
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.$message.success('提交成功')
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = {}
|
|
|
- this.selectedOptions = ''
|
|
|
- this.$router.push({
|
|
|
- path: 'tranManagementTransporHairRespond'
|
|
|
- })
|
|
|
- })
|
|
|
+ reader.readAsArrayBuffer(f);
|
|
|
+ }
|
|
|
+ if (rABS) {
|
|
|
+ reader.readAsArrayBuffer(f);
|
|
|
} else {
|
|
|
- // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
- return false
|
|
|
+ reader.readAsBinaryString(f);
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- submit() {
|
|
|
- for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
- if (this.freightspace[i].temporaryDriverFlag != 0) {
|
|
|
- if (!this.freightspace[i].driver) {
|
|
|
- this.$message({
|
|
|
- message: '司机姓名不能为空！',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (!this.freightspace[i].driverPhone) {
|
|
|
- this.$message({
|
|
|
- message: '司机电话不能为空！',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (!this.freightspace[i].carNo) {
|
|
|
- this.$message({
|
|
|
- message: '车牌号不能为空！',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (!this.freightspace[i].loadNetWeight) {
|
|
|
- this.$message({
|
|
|
- message: '装载净重不能为空！',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- return
|
|
|
+ console.log(reader)
|
|
|
+ },
|
|
|
+ beforeUpload(file) {
|
|
|
+ if (window.createObjectURL != undefined) {
|
|
|
+ this.fileName = window.createObjectURL(file)
|
|
|
+ } else if (window.URL != undefined) {
|
|
|
+ this.fileName = window.URL.createObjectURL(file)
|
|
|
+ } else if (window.webkitURL != undefined) {
|
|
|
+ this.fileName = window.webkitURL.createObjectURL(file)
|
|
|
+ }
|
|
|
+ console.log(this.fileName)
|
|
|
+ },
|
|
|
+ uploadSuccessHandle(e) {
|
|
|
+ console.log(e)
|
|
|
+ importApplFileUrl({
|
|
|
+ file: e.url
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ console.log(response)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ dataFilter(val) {
|
|
|
+ this.deptBudgetList.personCharge = val
|
|
|
+ if (val) {
|
|
|
+ this.options = this.staffList.filter(item => {
|
|
|
+ if (
|
|
|
+ !!~item.staffName.indexOf(val) ||
|
|
|
+ !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
|
|
|
+ ) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.options = this.staffList
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectstaff(e) {
|
|
|
+ for (var i = 0; i < this.staffList.length; i++) {
|
|
|
+ if (this.staffList[i].staffName == e) {
|
|
|
+ this.deptBudgetList.driverPhone = this.staffList[i].staffMobilePhone
|
|
|
+ this.freightspace[i].driverPhone = this.staffList[i].staffMobilePhone
|
|
|
+ this.deptBudgetList.personChargeKey = this.staffList[i].staffId
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- if (sessionStorage.getItem('qy-msg')) {
|
|
|
- this.validateFunc()
|
|
|
- } else {
|
|
|
- this.$alert(
|
|
|
- '<div><strong>提交成功后提醒司机及时签订运输合同，确定提交装车信息？</strong><div style="display:flex;align-items: center;"><input id="noMsg" type="checkbox" onclick="window.noMessege(1)"><span style="margin-left:10px">不在提示</span><div></div>',
|
|
|
- '',
|
|
|
- {
|
|
|
- dangerouslyUseHTMLString: true,
|
|
|
- distinguishCancelAndClose: true,
|
|
|
- showCancelButton: true,
|
|
|
+ },
|
|
|
+ marker: function(item) {
|
|
|
+ this.deptBudgetList.warehousePositioning =
|
|
|
+ item.lnglat.lat + ',' + item.lnglat.lng
|
|
|
+ },
|
|
|
+ selectedAddress(e) {
|
|
|
+ this.deptBudgetList.warehousePositioning =
|
|
|
+ e.center.lat + ',' + e.center.lng
|
|
|
+ },
|
|
|
+ confirmPositioncity() {
|
|
|
+ this.listDate.level = 'city'
|
|
|
+ this.listDate.country = this.name
|
|
|
+ },
|
|
|
+ // 关闭 dialog时 处理文件url 初始化upload组件
|
|
|
+ handleClose() {
|
|
|
+ this.dialogViewSpareMoney = false
|
|
|
+ },
|
|
|
+ add() {
|
|
|
+ this.freightspace.push({
|
|
|
+ driver: '',
|
|
|
+ driverPhone: '',
|
|
|
+ carNo: '',
|
|
|
+ loadNetWeight: ''
|
|
|
+ })
|
|
|
+ },
|
|
|
+ del(index) {
|
|
|
+ if (this.freightspace.length > 1) {
|
|
|
+ this.freightspace.splice(index, 1)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //下拉司机姓名改变事件
|
|
|
+ selectdriver() {},
|
|
|
+
|
|
|
+ returnsales() {
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = {}
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.deptBudgetList.tranCarInfoList = []
|
|
|
+ this.$router.push({
|
|
|
+ path: 'tranManagementTransporHairRespond'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 上传附件
|
|
|
+ uploadSuccess(data, files, url) {
|
|
|
+ console.log(data, files, url)
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.accessoryTFs = false
|
|
|
+ },
|
|
|
+ //导入
|
|
|
+ import() {},
|
|
|
+ finished() {
|
|
|
+ this.$confirm(`完货操作后，装车信息不可修改，是否确定完货？`, {
|
|
|
confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消'
|
|
|
- }
|
|
|
- )
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
.then(() => {
|
|
|
- this.validateFunc()
|
|
|
+ this.$refs.deptBudgetList.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ var tranProcessInfo = {}
|
|
|
+ tranProcessInfo.id = this.deptBudgetList.id
|
|
|
+ state(tranProcessInfo)
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ this.$message.success('完货成功')
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = {}
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.$router.push({
|
|
|
+ path: 'tranManagementTransporHairRespond'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
})
|
|
|
.catch(() => {
|
|
|
return false
|
|
|
})
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- resetForm(deptBudgetList) {
|
|
|
- this.$refs[deptBudgetList].resetFields()
|
|
|
- },
|
|
|
- getList() {
|
|
|
- seeCat({ id: this.deptBudgetList.id })
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.deptBudgetList = response
|
|
|
- // this.deptBudgetList.tranCarInfoList = response.tranCarInfoList
|
|
|
- this.freightspace = response.tranCarInfoList
|
|
|
- for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
- if (!this.freightspace[i].loadNetWeight) {
|
|
|
- this.freightspace[i].loadNetWeight = 0
|
|
|
+ },
|
|
|
+ noMessege() {
|
|
|
+ sessionStorage.setItem('qy-msg', "true")
|
|
|
+ },
|
|
|
+ validateFunc() {
|
|
|
+ this.$refs.deptBudgetList.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ // this.deptBudgetList.totalStorage = this.totalStorage
|
|
|
+ this.tranCarInfoList = this.freightspace
|
|
|
+ this.tranCarInfoList.driver = this.deptBudgetList.driver
|
|
|
+ this.tranCarInfoList.driverPhone = this.deptBudgetList.driverPhone
|
|
|
+ this.tranCarInfoList.tranCarNo = this.deptBudgetList.tranCarNo
|
|
|
+ this.tranCarInfoList.carNo = this.deptBudgetList.carNo
|
|
|
+ this.tranCarInfoList.loadNetWeight = this.deptBudgetList.loadNetWeight
|
|
|
+ this.tranCarInfoList.tranType = this.tranType
|
|
|
+ this.tranCarInfoList.loadPoundImg = this.deptBudgetList.loadPoundImg
|
|
|
+ // this.tranCarInfoList.boxNo = this.arr.toString()
|
|
|
+ for (var i = 0; i < this.tranCarInfoList.length; i++) {
|
|
|
+ this.tranCarInfoList[i].id = this.freightspace[i].id
|
|
|
+ if (this.tranCarInfoList[i].temporaryDriverFlag != 0) {
|
|
|
+ this.tranCarInfoList[i].temporaryDriverFlag = 1
|
|
|
+ this.tranCarInfoList[i].tranType = this.tranType
|
|
|
+ }
|
|
|
}
|
|
|
+ var tranProcessInfo = {}
|
|
|
+ tranProcessInfo.id = this.deptBudgetList.id
|
|
|
+ tranProcessInfo.infoId = this.deptBudgetList.infoId
|
|
|
+ tranProcessInfo.processNo = this.deptBudgetList.processNo
|
|
|
+ tranProcessInfo.tranPrice = this.deptBudgetList.tranPrice
|
|
|
+ tranProcessInfo.tranCarInfoList = this.tranCarInfoList
|
|
|
+ // dispatchCat({tranCarInfo:{tranCarInfoList:[this.tranCarInfoList],id:this.deptBudgetList.id}
|
|
|
+ feedback(tranProcessInfo)
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ this.$message.success('提交成功')
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = {}
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.$router.push({
|
|
|
+ path: 'tranManagementTransporHairRespond'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ return false
|
|
|
}
|
|
|
})
|
|
|
- //司机姓名下拉
|
|
|
- getstaff({ compId: sessionStorage.getItem('ws-pf_compId') })
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.options = response
|
|
|
- this.staffList = response
|
|
|
- })
|
|
|
- //车型
|
|
|
- packList({ constId: 'TRAN5' })
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.carModel = response
|
|
|
- })
|
|
|
- },
|
|
|
- handleExamine() {},
|
|
|
- approve() {},
|
|
|
- // returnsales() {
|
|
|
- // this.$router.push({ path: 'purchaseContract' })
|
|
|
- // },
|
|
|
- selectChapterTwo(e) {
|
|
|
- for (var i = 0; i < this.ChapterTwoList.length; i++) {
|
|
|
- if (this.ChapterTwoList[i].constValue == e) {
|
|
|
- this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
|
|
|
+ },
|
|
|
+ submit() {
|
|
|
+ for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
+ if (this.freightspace[i].temporaryDriverFlag != 0) {
|
|
|
+ if (!this.freightspace[i].driver) {
|
|
|
+ this.$message({
|
|
|
+ message: '司机姓名不能为空！',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.freightspace[i].driverPhone) {
|
|
|
+ this.$message({
|
|
|
+ message: '司机电话不能为空！',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.freightspace[i].carNo) {
|
|
|
+ this.$message({
|
|
|
+ message: '车牌号不能为空！',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.freightspace[i].loadNetWeight) {
|
|
|
+ this.$message({
|
|
|
+ message: '装载净重不能为空！',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectunitList(e) {
|
|
|
- for (var i = 0; i < this.unitList.length; i++) {
|
|
|
- if (this.unitList[i].constValue == e) {
|
|
|
- this.deptBudgetList.acceptanceMethodKey = this.unitList[i].constKey
|
|
|
+ if (sessionStorage.getItem('qy-msg')) {
|
|
|
+ this.validateFunc()
|
|
|
+ } else {
|
|
|
+ this.$alert(
|
|
|
+ '<div><strong>提交成功后提醒司机及时签订运输合同，确定提交装车信息？</strong><div style="display:flex;align-items: center;"><input id="noMsg" type="checkbox" onclick="window.noMessege(1)"><span style="margin-left:10px">不在提示</span><div></div>',
|
|
|
+ '', {
|
|
|
+ dangerouslyUseHTMLString: true,
|
|
|
+ distinguishCancelAndClose: true,
|
|
|
+ showCancelButton: true,
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消'
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ this.validateFunc()
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectgrade(e) {
|
|
|
- for (var i = 0; i < this.gradeList.length; i++) {
|
|
|
- if (this.gradeList[i].constValue == e) {
|
|
|
- this.deptBudgetList.gradeKey = this.gradeList[i].constKey
|
|
|
+ },
|
|
|
+
|
|
|
+ resetForm(deptBudgetList) {
|
|
|
+ this.$refs[deptBudgetList].resetFields()
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ seeCat({
|
|
|
+ id: this.deptBudgetList.id
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ this.deptBudgetList = response
|
|
|
+ // this.deptBudgetList.tranCarInfoList = response.tranCarInfoList
|
|
|
+ this.freightspace = response.tranCarInfoList
|
|
|
+ for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
+ if (!this.freightspace[i].loadNetWeight) {
|
|
|
+ this.freightspace[i].loadNetWeight = 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //司机姓名下拉
|
|
|
+ getstaff({
|
|
|
+ compId: sessionStorage.getItem('ws-pf_compId')
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ this.options = response
|
|
|
+ this.staffList = response
|
|
|
+ })
|
|
|
+ //车型
|
|
|
+ packList({
|
|
|
+ constId: 'TRAN5'
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ this.carModel = response
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleExamine() {},
|
|
|
+ approve() {},
|
|
|
+ // returnsales() {
|
|
|
+ // this.$router.push({ path: 'purchaseContract' })
|
|
|
+ // },
|
|
|
+ selectChapterTwo(e) {
|
|
|
+ for (var i = 0; i < this.ChapterTwoList.length; i++) {
|
|
|
+ if (this.ChapterTwoList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectgoodsName(e) {
|
|
|
- for (var i = 0; i < this.goodnameList.length; i++) {
|
|
|
- if (this.goodnameList[i].constValue == e) {
|
|
|
- this.deptBudgetList.goodsNameKey = this.goodnameList[i].constKey
|
|
|
+ },
|
|
|
+ selectunitList(e) {
|
|
|
+ for (var i = 0; i < this.unitList.length; i++) {
|
|
|
+ if (this.unitList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.acceptanceMethodKey = this.unitList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectpackingMethod(e) {
|
|
|
- for (var i = 0; i < this.packtypeList.length; i++) {
|
|
|
- if (this.packtypeList[i].constValue == e) {
|
|
|
- this.deptBudgetList.packingMethodKey = this.packtypeList[i].constKey
|
|
|
+ },
|
|
|
+ selectgrade(e) {
|
|
|
+ for (var i = 0; i < this.gradeList.length; i++) {
|
|
|
+ if (this.gradeList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.gradeKey = this.gradeList[i].constKey
|
|
|
+ }
|
|
|
}
|
|
|
+ },
|
|
|
+ selectgoodsName(e) {
|
|
|
+ for (var i = 0; i < this.goodnameList.length; i++) {
|
|
|
+ if (this.goodnameList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.goodsNameKey = this.goodnameList[i].constKey
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectpackingMethod(e) {
|
|
|
+ for (var i = 0; i < this.packtypeList.length; i++) {
|
|
|
+ if (this.packtypeList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.packingMethodKey = this.packtypeList[i].constKey
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ uploadSuccessHandle1(e, index) {
|
|
|
+ this.freightspace[index].loadPoundImg = e.url
|
|
|
}
|
|
|
- },
|
|
|
- uploadSuccessHandle1(e, index) {
|
|
|
- this.freightspace[index].loadPoundImg = e.url
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-/deep/.totalStorage .el-input__inner {
|
|
|
- color: #afb5cb;
|
|
|
- background: #f5f7fa;
|
|
|
-}
|
|
|
-.small-title {
|
|
|
- position: relative;
|
|
|
- padding: 10px;
|
|
|
- font-weight: 600;
|
|
|
-}
|
|
|
-.small-title::before {
|
|
|
- position: absolute;
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- background: #5473e8;
|
|
|
- width: 4px;
|
|
|
- height: 14px;
|
|
|
- left: 0px;
|
|
|
- top: 13px;
|
|
|
-}
|
|
|
-.position {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.del {
|
|
|
- position: absolute;
|
|
|
- right: -38px;
|
|
|
- top: 14px;
|
|
|
- cursor: pointer;
|
|
|
- right: 0;
|
|
|
- display: inline-block;
|
|
|
- font-size: 26px;
|
|
|
- width: 26px;
|
|
|
- height: 10px;
|
|
|
- line-height: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.amap-page-container {
|
|
|
- width: 300px;
|
|
|
- height: 300px;
|
|
|
-}
|
|
|
-.el-form {
|
|
|
- padding: 0 15%;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item {
|
|
|
- border-right: 1px solid transparent;
|
|
|
- border-bottom: 1px solid transparent;
|
|
|
-}
|
|
|
-.readonly {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.readonly:after {
|
|
|
- content: '*';
|
|
|
- color: #ff2727;
|
|
|
- position: absolute;
|
|
|
- right: 8px;
|
|
|
- z-index: 10;
|
|
|
- top: 21%;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-.title {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.title::before {
|
|
|
- content: '';
|
|
|
- display: inline-block;
|
|
|
- width: 5px;
|
|
|
- height: 30px;
|
|
|
- background: #5473e8;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-.el-button--primary {
|
|
|
- background-color: #5878e8;
|
|
|
- border-color: #5878e8;
|
|
|
-}
|
|
|
-.el-col {
|
|
|
- background: #f6f7fc;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- padding: 0 25px;
|
|
|
- border-left: 1px solid transparent;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
- width: 100px;
|
|
|
- text-align: center;
|
|
|
- background: #fff;
|
|
|
- // border: 1px solid #cdd2dc;
|
|
|
-}
|
|
|
-.button-container {
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- background-color: #fff;
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
- padding: 0 10px;
|
|
|
- & > div {
|
|
|
- margin-left: 10px;
|
|
|
+ /deep/.totalStorage .el-input__inner {
|
|
|
+ color: #afb5cb;
|
|
|
+ background: #f5f7fa;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-title {
|
|
|
+ position: relative;
|
|
|
+ padding: 10px;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .small-title::before {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #5473e8;
|
|
|
+ width: 4px;
|
|
|
+ height: 14px;
|
|
|
+ left: 0px;
|
|
|
+ top: 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .position {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .del {
|
|
|
+ position: absolute;
|
|
|
+ right: -38px;
|
|
|
+ top: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ right: 0;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 26px;
|
|
|
+ width: 26px;
|
|
|
+ height: 10px;
|
|
|
+ line-height: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .amap-page-container {
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form {
|
|
|
+ padding: 0 15%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item {
|
|
|
+ border-right: 1px solid transparent;
|
|
|
+ border-bottom: 1px solid transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly:after {
|
|
|
+ content: '*';
|
|
|
+ color: #ff2727;
|
|
|
+ position: absolute;
|
|
|
+ right: 8px;
|
|
|
+ z-index: 10;
|
|
|
+ top: 21%;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title::before {
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ width: 5px;
|
|
|
+ height: 30px;
|
|
|
+ background: #5473e8;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button--primary {
|
|
|
+ background-color: #5878e8;
|
|
|
+ border-color: #5878e8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-col {
|
|
|
+ background: #f6f7fc;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ padding: 0 25px;
|
|
|
+ border-left: 1px solid transparent;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ width: 100px;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ // border: 1px solid #cdd2dc;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button-container {
|
|
|
display: flex;
|
|
|
flex-wrap: nowrap;
|
|
|
- flex-direction: row;
|
|
|
- & > span {
|
|
|
- line-height: 50px;
|
|
|
- }
|
|
|
- }
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #fff;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ padding: 0 10px;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ margin-left: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: row;
|
|
|
|
|
|
- /deep/.auditFlow-box {
|
|
|
- position: unset;
|
|
|
- margin-left: 10px;
|
|
|
- &/deep/.auditFlow-icon {
|
|
|
- width: auto;
|
|
|
- padding-right: 5px;
|
|
|
+ &>span {
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
}
|
|
|
- &/deep/.auditFlow-main {
|
|
|
- position: absolute;
|
|
|
+
|
|
|
+ /deep/.auditFlow-box {
|
|
|
+ position: unset;
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ &/deep/.auditFlow-icon {
|
|
|
+ width: auto;
|
|
|
+ padding-right: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &/deep/.auditFlow-main {
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.box-app {
|
|
|
- display: inline-block;
|
|
|
- float: left;
|
|
|
- margin-left: 30px;
|
|
|
- line-height: 50px;
|
|
|
-}
|
|
|
-/deep/.el-dialog {
|
|
|
- .el-form-item {
|
|
|
- margin-bottom: 0 !important;
|
|
|
- .el-input--medium {
|
|
|
- textarea {
|
|
|
- min-height: 100px !important;
|
|
|
+
|
|
|
+ .box-app {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ margin-left: 30px;
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-dialog {
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+
|
|
|
+ .el-input--medium {
|
|
|
+ textarea {
|
|
|
+ min-height: 100px !important;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-.collapse-bottom {
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.input-main .textarea .el-textarea__inner {
|
|
|
- width: 100%;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-.bg-left {
|
|
|
- padding-left: 30px;
|
|
|
-}
|
|
|
-.bg-right {
|
|
|
- padding-right: 2px;
|
|
|
- text-align: right;
|
|
|
-}
|
|
|
-.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 {
|
|
|
- width: 50%;
|
|
|
-}
|
|
|
-.el-form-item__label {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.ce {
|
|
|
- width: 900px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-/*.crt-main .textarea /deep/ .el-form-item__label {*/
|
|
|
-/* height: 82px;*/
|
|
|
-/*}*/
|
|
|
-// 控制select为只读的时候显示样式
|
|
|
-
|
|
|
-.hide-sel {
|
|
|
- .el-input__inner {
|
|
|
- border: 0px;
|
|
|
+
|
|
|
+ .collapse-bottom {
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
- .el-icon-arrow-up {
|
|
|
- display: none;
|
|
|
+
|
|
|
+ .input-main .textarea .el-textarea__inner {
|
|
|
+ width: 100%;
|
|
|
+ z-index: 1;
|
|
|
}
|
|
|
- .el-textarea__inner {
|
|
|
- background-color: #fff !important;
|
|
|
- border: 0;
|
|
|
+
|
|
|
+ .bg-left {
|
|
|
+ padding-left: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-right {
|
|
|
+ padding-right: 2px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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 {
|
|
|
+ width: 50%;
|
|
|
}
|
|
|
- .el-date-editor {
|
|
|
- i {
|
|
|
+
|
|
|
+ .el-form-item__label {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ce {
|
|
|
+ width: 900px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*.crt-main .textarea /deep/ .el-form-item__label {*/
|
|
|
+ /* height: 82px;*/
|
|
|
+ /*}*/
|
|
|
+ // 控制select为只读的时候显示样式
|
|
|
+
|
|
|
+ .hide-sel {
|
|
|
+ .el-input__inner {
|
|
|
+ border: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-icon-arrow-up {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
+ .el-textarea__inner {
|
|
|
+ background-color: #fff !important;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-editor {
|
|
|
+ i {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .picker {
|
|
|
+ padding-right: 3px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .is-disabled {
|
|
|
+ // .el-input__inner:hover {
|
|
|
+ // background-color: #fff !important;
|
|
|
+ // border: 0;
|
|
|
+ // }
|
|
|
+ // color: #606266;
|
|
|
+ // .el-input__inner {
|
|
|
+ // background-color: #fff !important;
|
|
|
+ // border: 0;
|
|
|
+ // color: #606266;
|
|
|
+ // }
|
|
|
+ // .el-textarea__inner {
|
|
|
+ // background-color: #fff !important;
|
|
|
+ // border: 0;
|
|
|
+ // color: #606266;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
- /deep/ .picker {
|
|
|
- padding-right: 3px !important;
|
|
|
+
|
|
|
+ // 控制select为只读的时候显示样式
|
|
|
+ /deep/.ws-class-table-col {
|
|
|
+ height: auto;
|
|
|
+ padding: 0px 2px;
|
|
|
+
|
|
|
+ /deep/.el-input__inner {
|
|
|
+ padding: 0px 2px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- // .is-disabled {
|
|
|
- // .el-input__inner:hover {
|
|
|
- // background-color: #fff !important;
|
|
|
- // border: 0;
|
|
|
+ // /deep/.is-disabled {
|
|
|
+ // .el-input__prefix,
|
|
|
+ // .el-input__suffix {
|
|
|
+ // display: none;
|
|
|
// }
|
|
|
- // color: #606266;
|
|
|
// .el-input__inner {
|
|
|
- // background-color: #fff !important;
|
|
|
- // border: 0;
|
|
|
- // color: #606266;
|
|
|
- // }
|
|
|
- // .el-textarea__inner {
|
|
|
- // background-color: #fff !important;
|
|
|
- // border: 0;
|
|
|
- // color: #606266;
|
|
|
+ // background-color: #fff;
|
|
|
+ // border-color: #fff !important;
|
|
|
+ // color: #000 !important;
|
|
|
+ // font-size: 14px;
|
|
|
+ // cursor: text;
|
|
|
+ // padding: 0 !important;
|
|
|
// }
|
|
|
// }
|
|
|
-}
|
|
|
+ .winseaview-view {
|
|
|
+ padding: 0 0 20px;
|
|
|
+ }
|
|
|
|
|
|
-// 控制select为只读的时候显示样式
|
|
|
-/deep/.ws-class-table-col {
|
|
|
- height: auto;
|
|
|
- padding: 0px 2px;
|
|
|
- /deep/.el-input__inner {
|
|
|
- padding: 0px 2px;
|
|
|
+ .container {
|
|
|
+ overflow: scroll;
|
|
|
+ height: 93vh;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ws-info-table .el-form-item {
|
|
|
+ width: 33.3333%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly:after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-textarea__inner {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form {
|
|
|
+ margin-top: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .readonly {
|
|
|
+ width: 16%;
|
|
|
+ }
|
|
|
+
|
|
|
+ //去边框
|
|
|
+ /deep/.el-form-item {
|
|
|
+ border-right: 0px;
|
|
|
+ border-bottom: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table {
|
|
|
+ border-left: 0px;
|
|
|
+ border-top: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item {
|
|
|
+ border: none;
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #8890b1;
|
|
|
+ line-height: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 13px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #8890b1;
|
|
|
+ line-height: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.flex .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ border: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ //联络员及车次
|
|
|
+ /deep/.liaison .ws-info-table .el-form-item {
|
|
|
+ width: 19%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ width: 100px;
|
|
|
+ background: #f6f7fc;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .ws-info-table {
|
|
|
+ width: 100%;
|
|
|
+ background: #f6f7fc;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .catNos {
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .catNosCor {
|
|
|
+ color: #5473e8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .add {
|
|
|
+ width: 130px;
|
|
|
+ height: 34px;
|
|
|
+ background: #f6f7fb;
|
|
|
+ border-radius: 17px;
|
|
|
+ color: #5473e8;
|
|
|
+ font-size: 14px;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .add img {
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: 3px;
|
|
|
+ margin-left: -30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .add .spans {
|
|
|
+ display: table-caption;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .signStatus {
|
|
|
+ height: 25px;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #5473e8;
|
|
|
+ padding: 0 3px;
|
|
|
+ color: #ffffff;
|
|
|
+ background: #c4cada;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-left: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .signStatus1 {
|
|
|
+ height: 25px;
|
|
|
+ background: #e6ebff;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #5473e8;
|
|
|
+ padding: 0 3px;
|
|
|
+ margin-left: 18px;
|
|
|
+ color: #5473e8;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .line {
|
|
|
+ height: 26px;
|
|
|
+ margin-top: 6px;
|
|
|
+ left: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ //送达/未送达
|
|
|
+ .noservice,
|
|
|
+ .service {
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #d8dce6;
|
|
|
+ padding: 2px;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .noservice {
|
|
|
+ background: #c4cada;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .service {
|
|
|
+ background: #e5f1f7;
|
|
|
+ color: #50cad4;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ padding: 0px;
|
|
|
}
|
|
|
-}
|
|
|
-// /deep/.is-disabled {
|
|
|
-// .el-input__prefix,
|
|
|
-// .el-input__suffix {
|
|
|
-// display: none;
|
|
|
-// }
|
|
|
-// .el-input__inner {
|
|
|
-// background-color: #fff;
|
|
|
-// border-color: #fff !important;
|
|
|
-// color: #000 !important;
|
|
|
-// font-size: 14px;
|
|
|
-// cursor: text;
|
|
|
-// padding: 0 !important;
|
|
|
-// }
|
|
|
-// }
|
|
|
-.winseaview-view {
|
|
|
- padding: 0 0 20px;
|
|
|
-}
|
|
|
-.container {
|
|
|
- overflow: scroll;
|
|
|
- height: 93vh;
|
|
|
-}
|
|
|
-.ws-info-table .el-form-item {
|
|
|
- width: 33.3333%;
|
|
|
-}
|
|
|
-.readonly:after {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.el-textarea__inner {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.el-form {
|
|
|
- margin-top: 50px;
|
|
|
-}
|
|
|
-.readonly {
|
|
|
- width: 16%;
|
|
|
-}
|
|
|
-
|
|
|
-//去边框
|
|
|
-/deep/.el-form-item {
|
|
|
- border-right: 0px;
|
|
|
- border-bottom: 0px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table {
|
|
|
- border-left: 0px;
|
|
|
- border-top: 0px;
|
|
|
-}
|
|
|
-.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- border: none;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item {
|
|
|
- border: none;
|
|
|
- height: 50px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- background: #f5f7fa;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #d8dce6;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- margin-bottom: 5px;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- color: #8890b1;
|
|
|
- line-height: 16px;
|
|
|
-}
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
- background-color: #fff;
|
|
|
- font-size: 13px;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #8890b1;
|
|
|
- line-height: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.ws-info-table .el-form-item .el-form-item__content {
|
|
|
- background: #f5f7fa;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #d8dce6;
|
|
|
-}
|
|
|
-/deep/.flex .ws-info-table .el-form-item .el-form-item__content {
|
|
|
- border: 0px;
|
|
|
-}
|
|
|
-//联络员及车次
|
|
|
-/deep/.liaison .ws-info-table .el-form-item {
|
|
|
- width: 19%;
|
|
|
-}
|
|
|
-/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
|
- width: 50%;
|
|
|
- background: #f6f7fc;
|
|
|
-}
|
|
|
-/deep/.liaison .ws-info-table {
|
|
|
- width:100%;
|
|
|
- background: #f6f7fc;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #d8dce6;
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
-.catNos {
|
|
|
- width: 100%;
|
|
|
- height: 30px;
|
|
|
- margin-top: 10px;
|
|
|
- margin-left: 20px;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-.catNosCor {
|
|
|
- color: #5473e8;
|
|
|
-}
|
|
|
-.add {
|
|
|
- width: 130px;
|
|
|
- height: 34px;
|
|
|
- background: #f6f7fb;
|
|
|
- border-radius: 17px;
|
|
|
- color: #5473e8;
|
|
|
- font-size: 14px;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.add img {
|
|
|
- display: inline-block;
|
|
|
- margin-top: 3px;
|
|
|
- margin-left: -30px;
|
|
|
-}
|
|
|
-.add .spans {
|
|
|
- display: table-caption;
|
|
|
- width: 56px;
|
|
|
- height: 20px;
|
|
|
- line-height: 18px;
|
|
|
-}
|
|
|
-.signStatus {
|
|
|
- height: 25px;
|
|
|
- border-radius: 3px;
|
|
|
- border: 1px solid #5473e8;
|
|
|
- padding: 0 3px;
|
|
|
- color: #ffffff;
|
|
|
- background: #c4cada;
|
|
|
- line-height: 24px;
|
|
|
- margin-left: 18px;
|
|
|
-}
|
|
|
-.signStatus1 {
|
|
|
- height: 25px;
|
|
|
- background: #e6ebff;
|
|
|
- border-radius: 3px;
|
|
|
- border: 1px solid #5473e8;
|
|
|
- padding: 0 3px;
|
|
|
- margin-left: 18px;
|
|
|
- color: #5473e8;
|
|
|
- line-height: 24px;
|
|
|
-}
|
|
|
-.line {
|
|
|
- height: 26px;
|
|
|
- margin-top: 6px;
|
|
|
- left: 2px;
|
|
|
-}
|
|
|
-//送达/未送达
|
|
|
-.noservice,
|
|
|
-.service {
|
|
|
- display: inline-block;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #d8dce6;
|
|
|
- padding: 2px;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-.noservice {
|
|
|
- background: #c4cada;
|
|
|
- color: #ffffff;
|
|
|
-}
|
|
|
-.service {
|
|
|
- background: #e5f1f7;
|
|
|
- color: #50cad4;
|
|
|
-}
|
|
|
-/deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
|
|
|
- padding: 0px;
|
|
|
-}
|
|
|
-</style>
|
|
|
+</style>
|
mxx