|
|
@@ -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>
|
|
|
<!-- 运输方式 -->
|
|
|
@@ -79,19 +58,11 @@
|
|
|
<ws-form-item label="电话" span="1" prop="driverPhone">{{ deptBudgetList.driverPhone }}</ws-form-item>
|
|
|
<!--发船日期-->
|
|
|
<ws-form-item label="发船日期" span="1" prop="sendDateStart">
|
|
|
- <ws-date-picker
|
|
|
- v-model="deptBudgetList.sendDateStart"
|
|
|
- type="date"
|
|
|
- placeholder="请选择发船日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
+ <ws-date-picker v-model="deptBudgetList.sendDateStart" type="date" placeholder="请选择发船日期"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
</ws-form-item>
|
|
|
<!-- 预计到港日期 -->
|
|
|
- <ws-form-item
|
|
|
- label="预计到港日期"
|
|
|
- span="1"
|
|
|
- prop="receiveDateEnd"
|
|
|
- >{{ deptBudgetList.receiveDateEnd }}</ws-form-item>
|
|
|
+ <ws-form-item label="预计到港日期" span="1" prop="receiveDateEnd">{{ deptBudgetList.receiveDateEnd }}</ws-form-item>
|
|
|
<!-- 船名 -->
|
|
|
<ws-form-item label="船名" span="1" prop="shipName">{{ deptBudgetList.shipName }}</ws-form-item>
|
|
|
<!-- 航次 -->
|
|
|
@@ -99,35 +70,26 @@
|
|
|
<!-- 类型 -->
|
|
|
<ws-form-item label="类型" span="1" prop="shipType">{{ deptBudgetList.shipType }}</ws-form-item>
|
|
|
<!-- 数量 -->
|
|
|
- <ws-form-item
|
|
|
- label="数量"
|
|
|
- span="1"
|
|
|
- prop="boxNumber"
|
|
|
- v-if="deptBudgetList.shipType == '集装箱'"
|
|
|
- >{{ deptBudgetList.boxNumber }}</ws-form-item>
|
|
|
+ <ws-form-item label="数量" span="1" prop="boxNumber" v-if="deptBudgetList.shipType == '集装箱'">
|
|
|
+ {{ deptBudgetList.boxNumber }}</ws-form-item>
|
|
|
</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;"
|
|
|
- class="upload-demo inline-block margin-right-10"
|
|
|
- action
|
|
|
- :on-change="handleChange"
|
|
|
- :show-file-list="false"
|
|
|
+ <div style="font-size: 16px; width: 50%; float: left; text-align: right;display:flex;justify-content:end;">
|
|
|
+ <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"
|
|
|
- >
|
|
|
+ :auto-upload="false">
|
|
|
<el-button type="primary">导入</el-button>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
<div class="liaison" v-if="this.deptBudgetList.tranCarInfoList.length>0">
|
|
|
- <div
|
|
|
- style="width: 100%"
|
|
|
- class="flex position"
|
|
|
- v-for="(item, index) in this.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-if="item.shipType == '集装箱'">
|
|
|
集装箱-{{ index + 1 }}
|
|
|
@@ -151,83 +113,38 @@
|
|
|
</div>
|
|
|
<!--箱号-->
|
|
|
<el-form-item label="箱号" prop="caseNo" v-if="item.shipType == '集装箱'">
|
|
|
- <el-input
|
|
|
- v-if="item.status == '已装车' || item.status == '已送达'"
|
|
|
- :disabled="readonly"
|
|
|
- v-model="item.caseNo"
|
|
|
- placeholder="请输入箱号"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-if="item.status == '已装车' || item.status == '已送达'" :disabled="readonly" v-model="item.caseNo"
|
|
|
+ placeholder="请输入箱号"></el-input>
|
|
|
<el-input v-else v-model="item.caseNo" placeholder="请输入箱号"></el-input>
|
|
|
</el-form-item>
|
|
|
<!--封号-->
|
|
|
<el-form-item label="封号" prop="titleNo" v-if="item.shipType == '集装箱'">
|
|
|
- <el-input
|
|
|
- v-if="item.status == '已装车' || item.status == '已送达'"
|
|
|
- :disabled="readonly"
|
|
|
- v-model="item.titleNo"
|
|
|
- placeholder="请输入封号"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-if="item.status == '已装车' || item.status == '已送达'" :disabled="readonly" v-model="item.titleNo"
|
|
|
+ placeholder="请输入封号"></el-input>
|
|
|
<el-input v-else v-model="item.titleNo" placeholder="请输入封号"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- 仓位号 -->
|
|
|
- <ws-form-item
|
|
|
- span="1"
|
|
|
- prop="binNumber"
|
|
|
- v-if="item.shipType == '散船'"
|
|
|
- >{{ item.binNumber }}</ws-form-item>
|
|
|
+ <ws-form-item span="1" prop="binNumber" v-if="item.shipType == '散船'">{{ item.binNumber }}</ws-form-item>
|
|
|
<!-- 计划重量 -->
|
|
|
- <ws-form-item
|
|
|
- label="计划重量(吨)"
|
|
|
- span="1"
|
|
|
- prop="positionWeight"
|
|
|
- v-if="item.shipType == '散船'"
|
|
|
- >{{ item.positionWeight }}</ws-form-item>
|
|
|
+ <ws-form-item label="计划重量(吨)" span="1" prop="positionWeight" v-if="item.shipType == '散船'">
|
|
|
+ {{ item.positionWeight }}</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"
|
|
|
- />
|
|
|
- <ws-input
|
|
|
- v-else
|
|
|
- v-model="item.loadNetWeight"
|
|
|
- placeholder="请输入装船净重"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <ws-input v-if="item.status == '已装车' || item.status == '已送达'" :disabled="readonly"
|
|
|
+ v-model="item.loadNetWeight" placeholder="请输入装船净重" maxlength="20" size="small" />
|
|
|
+ <ws-input v-else v-model="item.loadNetWeight" placeholder="请输入装船净重" maxlength="20" size="small" />
|
|
|
</ws-form-item>
|
|
|
<!--装船日期-->
|
|
|
<el-form-item label="装船日期:" span="1" prop="loadingDate" label-width="100px">
|
|
|
- <ws-date-picker
|
|
|
- v-if="item.status == '已装车' || item.status == '已送达'"
|
|
|
- :disabled="readonly"
|
|
|
- v-model="item.loadingDate"
|
|
|
- type="date"
|
|
|
- style="width: 150px"
|
|
|
- placeholder="请选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- <ws-date-picker
|
|
|
- v-else
|
|
|
- v-model="item.loadingDate"
|
|
|
- type="date"
|
|
|
- style="width: 150px"
|
|
|
- placeholder="请选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
+ <ws-date-picker v-if="item.status == '已装车' || item.status == '已送达'" :disabled="readonly"
|
|
|
+ v-model="item.loadingDate" type="date" style="width: 150px" placeholder="请选择日期"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <ws-date-picker v-else v-model="item.loadingDate" type="date" style="width: 150px" placeholder="请选择日期"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
</el-form-item>
|
|
|
<div style=" padding: 10px" class="center1">
|
|
|
- <el-button
|
|
|
- v-show="item.status == '未装车'"
|
|
|
- class="bg-bottom"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="submit(deptBudgetList)"
|
|
|
- >提交</el-button>
|
|
|
+ <el-button v-show="item.status == '未装车'" class="bg-bottom" type="primary" size="small"
|
|
|
+ @click="submit(deptBudgetList)">提交</el-button>
|
|
|
</div>
|
|
|
<div v-show=" item.signStatus == '未签合同'" class="signStatus">{{ item.signStatus }}</div>
|
|
|
<div v-show=" item.signStatus == '已签合同'" class="signStatus1">{{ item.signStatus }}</div>
|
|
|
@@ -235,33 +152,22 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="this.deptBudgetList.tranCarInfoList.length>0" class="yd-bottom">
|
|
|
-
|
|
|
- <ws-form-item label="运单：" span="1" prop="loadPoundImg" class="yd-bottom-left" v-if="freightspace[0].status == '已装车'">
|
|
|
+
|
|
|
+ <ws-form-item label="运单：" span="1" prop="loadPoundImg" class="yd-bottom-left"
|
|
|
+ v-if="freightspace[0].status == '已装车'">
|
|
|
<!-- slot-scope="scope" -->
|
|
|
<template>
|
|
|
- <el-upload
|
|
|
- action="https://www.zthymaoyi.com/upload/admin"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success=" (res) => { uploadSuccessHandle1(res)}"
|
|
|
- class="avatar-uploader"
|
|
|
- accept=".jpg, .jpeg, .png, .gif"
|
|
|
- multiple
|
|
|
- >
|
|
|
- <img
|
|
|
- width="18"
|
|
|
- height="20"
|
|
|
- style="vertical-align: text-top; position: relative"
|
|
|
- src="../../../public/img/fujian.png"
|
|
|
- alt
|
|
|
- />
|
|
|
+ <el-upload action="https://www.zthymaoyi.com/upload/admin" :show-file-list="false"
|
|
|
+ :on-success=" (res) => { uploadSuccessHandle1(res)}" class="avatar-uploader"
|
|
|
+ accept=".jpg, .jpeg, .png, .gif" multiple>
|
|
|
+ <img width="18" height="20" style="vertical-align: text-top; position: relative"
|
|
|
+ src="../../../public/img/fujian.png" alt />
|
|
|
</el-upload>
|
|
|
<div class="tupian">
|
|
|
<span
|
|
|
- v-if="deptBudgetList.tranCarInfoList.length>0&&deptBudgetList.tranCarInfoList[0].loadPoundImg != null "
|
|
|
- >{{pictureTotal}}</span>
|
|
|
+ v-if="deptBudgetList.tranCarInfoList.length>0&&deptBudgetList.tranCarInfoList[0].loadPoundImg != null ">{{pictureTotal}}</span>
|
|
|
<span
|
|
|
- v-if="deptBudgetList.tranCarInfoList.length>0&&deptBudgetList.tranCarInfoList[0].loadPoundImg == null "
|
|
|
- >未上传</span>
|
|
|
+ v-if="deptBudgetList.tranCarInfoList.length>0&&deptBudgetList.tranCarInfoList[0].loadPoundImg == null ">未上传</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</ws-form-item>
|
|
|
@@ -270,14 +176,12 @@
|
|
|
合计(吨)：{{ total }}/{{ deptBudgetList.weight }}
|
|
|
<!--阶段状态-->
|
|
|
<span class="noservice" v-show="deptBudgetList.feedbackStatus == '执行中'">未完货</span>
|
|
|
- <span
|
|
|
- class="service"
|
|
|
- v-show="deptBudgetList.feedbackStatus == '已完货'"
|
|
|
- >{{ deptBudgetList.feedbackStatus }}</span>
|
|
|
+ <span class="service"
|
|
|
+ v-show="deptBudgetList.feedbackStatus == '已完货'">{{ deptBudgetList.feedbackStatus }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="this.deptBudgetList.tranCarInfoList.length==0">
|
|
|
- 暂无船次
|
|
|
+ 暂无船次
|
|
|
</div>
|
|
|
<!--运单-->
|
|
|
<!-- <div
|
|
|
@@ -296,971 +200,1074 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { regionData } from 'element-china-area-data'
|
|
|
-import Pagination from '@/components/Pagination'
|
|
|
-import {
|
|
|
- seeCat,
|
|
|
- packList,
|
|
|
- feedback,
|
|
|
- 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
|
|
|
+ } from 'element-china-area-data'
|
|
|
+ import Pagination from '@/components/Pagination'
|
|
|
+ import {
|
|
|
+ seeCat,
|
|
|
+ packList,
|
|
|
+ feedback,
|
|
|
+ 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 {
|
|
|
- pictureTotal:0,
|
|
|
- deptBudgetList: {
|
|
|
- totalStorage: 0,
|
|
|
- sendDateStart: ''
|
|
|
+ watch: {
|
|
|
+ vesselId(val) {
|
|
|
+ this.getVesselData()
|
|
|
},
|
|
|
- tranCarInfoList: {
|
|
|
- loadPoundImg: ''
|
|
|
- },
|
|
|
- options_: regionData,
|
|
|
- heightData: '600px',
|
|
|
- zoom: 7,
|
|
|
- selectedOptions: [],
|
|
|
- center: [116.244694, 39.517344],
|
|
|
- window: '',
|
|
|
- radio: 1,
|
|
|
- personCharge: [],
|
|
|
- district: null,
|
|
|
- driverList: [],
|
|
|
- readonly: true,
|
|
|
- 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'
|
|
|
+ isShow(val) {
|
|
|
+ this.showType = val
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ excelFreightspace: [],
|
|
|
+ pictureTotal: 0,
|
|
|
+ deptBudgetList: {
|
|
|
+ totalStorage: 0,
|
|
|
+ sendDateStart: ''
|
|
|
+ },
|
|
|
+ tranCarInfoList: {
|
|
|
+ loadPoundImg: ''
|
|
|
+ },
|
|
|
+ options_: regionData,
|
|
|
+ heightData: '600px',
|
|
|
+ zoom: 7,
|
|
|
+ selectedOptions: [],
|
|
|
+ center: [116.244694, 39.517344],
|
|
|
+ window: '',
|
|
|
+ radio: 1,
|
|
|
+ personCharge: [],
|
|
|
+ district: null,
|
|
|
+ driverList: [],
|
|
|
+ readonly: true,
|
|
|
+ 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: [],
|
|
|
+ fileTemp: '',
|
|
|
+ freightspace: [{
|
|
|
+ caseNo: '',
|
|
|
+ titleNo: '',
|
|
|
+ binNumber: '',
|
|
|
+ positionWeight: '',
|
|
|
+ loadNetWeight: '',
|
|
|
+ loadingDate: ''
|
|
|
}
|
|
|
- ]
|
|
|
- },
|
|
|
- tranType: 1,
|
|
|
- size: 10,
|
|
|
- value1: '',
|
|
|
- unitList: [],
|
|
|
- fileTemp: '',
|
|
|
- freightspace: [
|
|
|
- {
|
|
|
- caseNo: '',
|
|
|
- titleNo: '',
|
|
|
- binNumber: '',
|
|
|
- positionWeight: '',
|
|
|
- loadNetWeight: '',
|
|
|
- loadingDate: ''
|
|
|
- }
|
|
|
- // {loadPoundImg:{}},
|
|
|
- ],
|
|
|
- name: '',
|
|
|
- staffList: [],
|
|
|
- options: [],
|
|
|
- carModel: [],
|
|
|
- tranCarInfoList: {
|
|
|
- loadPoundImg: ''
|
|
|
- },
|
|
|
- //上传
|
|
|
- accessoryTFs: false,
|
|
|
- fileList: [],
|
|
|
- appendixIdsAdd: '',
|
|
|
- }
|
|
|
- },
|
|
|
- activated() {
|
|
|
- this.deptBudgetList.id = this.$route.query.id
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- computed: {
|
|
|
- totalStorage: function() {
|
|
|
- var maxStorage = 0
|
|
|
- for (var i = 0; i < this.freightspace.length; i++) {
|
|
|
- maxStorage += Number(this.freightspace[i].maxStorage)
|
|
|
+ // {loadPoundImg:{}},
|
|
|
+ ],
|
|
|
+ name: '',
|
|
|
+ staffList: [],
|
|
|
+ options: [],
|
|
|
+ carModel: [],
|
|
|
+ tranCarInfoList: {
|
|
|
+ loadPoundImg: ''
|
|
|
+ },
|
|
|
+ //上传
|
|
|
+ accessoryTFs: false,
|
|
|
+ fileList: [],
|
|
|
+ appendixIdsAdd: '',
|
|
|
}
|
|
|
- return maxStorage
|
|
|
},
|
|
|
- total: function() {
|
|
|
- if (this.deptBudgetList.tranCarInfoList != null) {
|
|
|
+ activated() {
|
|
|
+ this.deptBudgetList.id = this.$route.query.id
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ 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
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- 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
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ )
|
|
|
}
|
|
|
- })
|
|
|
- } 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
|
|
|
+ return maxStorage
|
|
|
+ } else {
|
|
|
+ return 0
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- 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
|
|
|
- },
|
|
|
- //下拉司机姓名改变事件
|
|
|
- selectdriver() {},
|
|
|
- handleChange(value) {
|
|
|
- this.selectedOptions = value
|
|
|
- },
|
|
|
- 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
|
|
|
- },
|
|
|
- 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)
|
|
|
+ methods: {
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ //下拉司机姓名改变事件
|
|
|
+ selectdriver() {},
|
|
|
+ handleChange(value) {
|
|
|
+ this.selectedOptions = value
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ 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: '附件格式错误，请删除后重新上传！'
|
|
|
+ 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 = ''
|
|
|
+ },
|
|
|
+ importf(obj) {
|
|
|
+ this.dialogVisible = true
|
|
|
+ let _this = this
|
|
|
+ let inputDOM = this.$refs.inputer // 通过DOM取文件数据
|
|
|
+ this.file = event.currentTarget.files[0]
|
|
|
var rABS = false //是否将文件读取为二进制字符串
|
|
|
- var pt = this
|
|
|
- var wb //读取完成的数据
|
|
|
- var outdata
|
|
|
+ var f = this.file
|
|
|
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'
|
|
|
+ //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/gi, '')
|
|
|
+ console.log(jsonString)
|
|
|
+ v = JSON.parse(jsonString)
|
|
|
+ let obj = {}
|
|
|
+ //xxx代表列名
|
|
|
+ obj.caseNo = v.箱号
|
|
|
+ obj.titleNo = v.封号
|
|
|
+ obj.binNumber = v.仓位号
|
|
|
+ obj.positionWeight = v.散船重量
|
|
|
+ obj.loadNetWeight = v.装船净重
|
|
|
+ obj.loadingDate = v.装船日期
|
|
|
+ obj.status = v.状态
|
|
|
+ obj.shipType = v.类型
|
|
|
+ console.log(obj)
|
|
|
+ _this.excelFreightspace.push(obj)
|
|
|
})
|
|
|
+ let _ispushData = true
|
|
|
+ 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].binNumber == _this.freightspace[k].binNumber) {
|
|
|
+ _this.freightspace[k] = _this.excelFreightspace[i]
|
|
|
+ _ispushData = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (_ispushData) {
|
|
|
+ _this.freightspace.push(_this.excelFreightspace[i])
|
|
|
+
|
|
|
+ _ispushData = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _this.$forceUpdate();
|
|
|
}
|
|
|
- // 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/gi, '')
|
|
|
- console.log(jsonString)
|
|
|
- v = JSON.parse(jsonString)
|
|
|
- let obj = {}
|
|
|
- //xxx代表列名
|
|
|
- obj.caseNo = v.箱号
|
|
|
- obj.titleNo = v.封号
|
|
|
- obj.binNumber = v.仓位号
|
|
|
- obj.positionWeight = v.散船重量
|
|
|
- obj.loadNetWeight = v.装船净重
|
|
|
- obj.loadingDate = toString(v.装船日期)
|
|
|
- obj.status = v.状态
|
|
|
- obj.shipType = 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)
|
|
|
+ },
|
|
|
+ uploadSectionFile(param) {
|
|
|
+ var fileName = param.file.name.split('.')
|
|
|
+ var fileSuffix = fileName[fileName.length - 1]
|
|
|
+ if (
|
|
|
+ !(
|
|
|
+ fileSuffix.toLowerCase() == 'xlsx' ||
|
|
|
+ fileSuffix.toLowerCase() == 'xls'
|
|
|
+ )
|
|
|
+ ) {
|
|
|
+ EventBus.$emit('error', this.$t('upload.message08'))
|
|
|
+ loading.close()
|
|
|
+ return
|
|
|
}
|
|
|
- reader.readAsArrayBuffer(f)
|
|
|
- }
|
|
|
- if (rABS) {
|
|
|
- reader.readAsArrayBuffer(f)
|
|
|
- } else {
|
|
|
- reader.readAsBinaryString(f)
|
|
|
- }
|
|
|
- console.log(reader)
|
|
|
- },
|
|
|
- uploadSectionFile(param) {
|
|
|
- var fileName = param.file.name.split('.')
|
|
|
- var fileSuffix = fileName[fileName.length - 1]
|
|
|
- if (
|
|
|
- !(
|
|
|
- fileSuffix.toLowerCase() == 'xlsx' ||
|
|
|
- fileSuffix.toLowerCase() == 'xls'
|
|
|
- )
|
|
|
- ) {
|
|
|
- EventBus.$emit('error', this.$t('upload.message08'))
|
|
|
- loading.close()
|
|
|
- return
|
|
|
- }
|
|
|
|
|
|
- var data = new FormData()
|
|
|
- data.append('file', param.file)
|
|
|
- data.append('compId', sessionStorage.getItem('ws-pf_compId'))
|
|
|
- data.append('userId', sessionStorage.getItem('ws-pf_userId'))
|
|
|
+ var data = new FormData()
|
|
|
+ data.append('file', param.file)
|
|
|
+ data.append('compId', sessionStorage.getItem('ws-pf_compId'))
|
|
|
+ data.append('userId', sessionStorage.getItem('ws-pf_userId'))
|
|
|
|
|
|
- importApplFileUrl(data)
|
|
|
- .toPromise()
|
|
|
- .then(success => {
|
|
|
- console.log(success)
|
|
|
- })
|
|
|
- },
|
|
|
+ importApplFileUrl(data)
|
|
|
+ .toPromise()
|
|
|
+ .then(success => {
|
|
|
+ console.log(success)
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- //完货
|
|
|
- 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'
|
|
|
- })
|
|
|
- })
|
|
|
- } else {
|
|
|
- return false
|
|
|
- }
|
|
|
+ //完货
|
|
|
+ finished() {
|
|
|
+ this.$confirm(`完货操作后，装船信息不可修改，是否确定完货？`, {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
})
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return false
|
|
|
- })
|
|
|
- },
|
|
|
- submit() {
|
|
|
- // if (!this.freightspace[i].sendDateStart) {
|
|
|
- // this.$message({
|
|
|
- // message: '发船日期不能为空！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (!this.freightspace[i].caseNo) {
|
|
|
- // this.$message({
|
|
|
- // message: '箱号不能为空！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // this.freightspace[i].caseNo.length > 15 ||
|
|
|
- // this.freightspace[i].caseNo.length < 1
|
|
|
- // ) {
|
|
|
- // this.$message({
|
|
|
- // message: '箱号输入错误！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (!this.freightspace[i].titleNo) {
|
|
|
- // this.$message({
|
|
|
- // message: '封号不能为空！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // this.freightspace[i].titleNo.length > 15 ||
|
|
|
- // this.freightspace[i].titleNo.length < 1
|
|
|
- // ) {
|
|
|
- // this.$message({
|
|
|
- // message: '封号输入错误！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (!this.freightspace[i].loadNetWeight) {
|
|
|
- // this.$message({
|
|
|
- // message: '装船净重不能为空！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // (this.freightspace[i].loadNetWeight &&
|
|
|
- // String(this.freightspace[i].loadNetWeight).indexOf('.') != -1 &&
|
|
|
- // String(this.freightspace[i].loadNetWeight).length -
|
|
|
- // (String(this.freightspace[i].loadNetWeight).indexOf('.') + 1) >
|
|
|
- // 2) ||
|
|
|
- // this.freightspace[i].loadNetWeight > 10000 ||
|
|
|
- // this.freightspace[i].loadNetWeight < 0
|
|
|
- // ) {
|
|
|
- // this.$message({
|
|
|
- // message: '装船净重输入错误',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- // if (!this.freightspace[i].loadingDate) {
|
|
|
- // this.$message({
|
|
|
- // message: '装船日期不能为空！',
|
|
|
- // type: 'warning',
|
|
|
- // })
|
|
|
- // return
|
|
|
- // }
|
|
|
- this.$confirm(`提交成功后装船信息不可修改，是否确定提交？`, {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.$refs.deptBudgetList.validate(valid => {
|
|
|
- if (valid) {
|
|
|
- this.tranCarInfoList = this.freightspace
|
|
|
- this.tranCarInfoList[0].sendDateStart = this.deptBudgetList.sendDateStart
|
|
|
- for (var i = 0; i < this.tranCarInfoList.length; i++) {
|
|
|
- this.tranCarInfoList[i].id = this.freightspace[i].id
|
|
|
+ .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'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
}
|
|
|
- var tranProcessInfo = {}
|
|
|
- tranProcessInfo.id = this.deptBudgetList.id
|
|
|
- tranProcessInfo.infoId = this.deptBudgetList.infoId
|
|
|
- tranProcessInfo.processNo = this.deptBudgetList.processNo
|
|
|
- tranProcessInfo.tranCarInfoList = this.tranCarInfoList
|
|
|
- feedback(tranProcessInfo)
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.$message.success('提交成功')
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = {}
|
|
|
- this.selectedOptions = ''
|
|
|
- this.$router.push({
|
|
|
- path: 'tranManagementTransporHairRespond'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submit() {
|
|
|
+ // if (!this.freightspace[i].sendDateStart) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '发船日期不能为空！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (!this.freightspace[i].caseNo) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '箱号不能为空！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // this.freightspace[i].caseNo.length > 15 ||
|
|
|
+ // this.freightspace[i].caseNo.length < 1
|
|
|
+ // ) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '箱号输入错误！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (!this.freightspace[i].titleNo) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '封号不能为空！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // this.freightspace[i].titleNo.length > 15 ||
|
|
|
+ // this.freightspace[i].titleNo.length < 1
|
|
|
+ // ) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '封号输入错误！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (!this.freightspace[i].loadNetWeight) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '装船净重不能为空！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // (this.freightspace[i].loadNetWeight &&
|
|
|
+ // String(this.freightspace[i].loadNetWeight).indexOf('.') != -1 &&
|
|
|
+ // String(this.freightspace[i].loadNetWeight).length -
|
|
|
+ // (String(this.freightspace[i].loadNetWeight).indexOf('.') + 1) >
|
|
|
+ // 2) ||
|
|
|
+ // this.freightspace[i].loadNetWeight > 10000 ||
|
|
|
+ // this.freightspace[i].loadNetWeight < 0
|
|
|
+ // ) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '装船净重输入错误',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // if (!this.freightspace[i].loadingDate) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '装船日期不能为空！',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ this.$confirm(`提交成功后装船信息不可修改，是否确定提交？`, {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$refs.deptBudgetList.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.tranCarInfoList = this.freightspace
|
|
|
+ this.tranCarInfoList[0].sendDateStart = this.deptBudgetList.sendDateStart
|
|
|
+ for (var i = 0; i < this.tranCarInfoList.length; i++) {
|
|
|
+ this.tranCarInfoList[i].id = this.freightspace[i].id
|
|
|
+ }
|
|
|
+ var tranProcessInfo = {}
|
|
|
+ tranProcessInfo.id = this.deptBudgetList.id
|
|
|
+ tranProcessInfo.infoId = this.deptBudgetList.infoId
|
|
|
+ tranProcessInfo.processNo = this.deptBudgetList.processNo
|
|
|
+ tranProcessInfo.tranCarInfoList = this.tranCarInfoList
|
|
|
+ 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
|
|
|
- }
|
|
|
+ } else {
|
|
|
+ // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
})
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return false
|
|
|
- })
|
|
|
- },
|
|
|
- resetForm(deptBudgetList) {
|
|
|
- this.$refs[deptBudgetList].resetFields()
|
|
|
- },
|
|
|
- getList() {
|
|
|
- seeCat({ id: this.deptBudgetList.id })
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- this.deptBudgetList = response
|
|
|
- if (response.tranCarInfoList.length > 0) {
|
|
|
- this.deptBudgetList.driver = response.tranCarInfoList[0].driver
|
|
|
- this.deptBudgetList.driverPhone =
|
|
|
- response.tranCarInfoList[0].driverPhone
|
|
|
- this.$set(
|
|
|
- this.deptBudgetList,
|
|
|
- 'sendDateStart',
|
|
|
- response.tranCarInfoList[0].sendDateStart
|
|
|
- )
|
|
|
- this.deptBudgetList.receiveDateEnd =
|
|
|
- response.tranCarInfoList[0].receiveDateEnd
|
|
|
- this.deptBudgetList.shipName = response.tranCarInfoList[0].shipName
|
|
|
- this.deptBudgetList.shipNo = response.tranCarInfoList[0].shipNo
|
|
|
- this.deptBudgetList.shipType = response.tranCarInfoList[0].shipType
|
|
|
- this.deptBudgetList.boxNumber = response.tranCarInfoList[0].boxNumber
|
|
|
- //上传附件计数
|
|
|
- if(this.deptBudgetList.tranCarInfoList[0].loadPoundImg){
|
|
|
- this.pictureTotal = this.deptBudgetList.tranCarInfoList[0].loadPoundImg.split(",").length
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ resetForm(deptBudgetList) {
|
|
|
+ this.$refs[deptBudgetList].resetFields()
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ seeCat({
|
|
|
+ id: this.deptBudgetList.id
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {
|
|
|
+ this.deptBudgetList = response
|
|
|
+ if (response.tranCarInfoList.length > 0) {
|
|
|
+ this.deptBudgetList.driver = response.tranCarInfoList[0].driver
|
|
|
+ this.deptBudgetList.driverPhone =
|
|
|
+ response.tranCarInfoList[0].driverPhone
|
|
|
+ this.$set(
|
|
|
+ this.deptBudgetList,
|
|
|
+ 'sendDateStart',
|
|
|
+ response.tranCarInfoList[0].sendDateStart
|
|
|
+ )
|
|
|
+ this.deptBudgetList.receiveDateEnd =
|
|
|
+ response.tranCarInfoList[0].receiveDateEnd
|
|
|
+ this.deptBudgetList.shipName = response.tranCarInfoList[0].shipName
|
|
|
+ this.deptBudgetList.shipNo = response.tranCarInfoList[0].shipNo
|
|
|
+ this.deptBudgetList.shipType = response.tranCarInfoList[0].shipType
|
|
|
+ this.deptBudgetList.boxNumber = response.tranCarInfoList[0].boxNumber
|
|
|
+ //上传附件计数
|
|
|
+ if (this.deptBudgetList.tranCarInfoList[0].loadPoundImg) {
|
|
|
+ this.pictureTotal = this.deptBudgetList.tranCarInfoList[0].loadPoundImg.split(",").length
|
|
|
+ }
|
|
|
+ this.freightspace = 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
|
|
|
+ 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' })
|
|
|
+ })
|
|
|
+ //司机姓名下拉
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectunitList(e) {
|
|
|
- for (var i = 0; i < this.unitList.length; i++) {
|
|
|
- if (this.unitList[i].constValue == e) {
|
|
|
- this.deptBudgetList.acceptanceMethodKey = this.unitList[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
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- selectgrade(e) {
|
|
|
- for (var i = 0; i < this.gradeList.length; i++) {
|
|
|
- if (this.gradeList[i].constValue == e) {
|
|
|
- this.deptBudgetList.gradeKey = this.gradeList[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
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ 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) {
|
|
|
+ this.pictureTotal++;
|
|
|
+ if (this.deptBudgetList.tranCarInfoList[0].loadPoundImg) {
|
|
|
+ this.deptBudgetList.tranCarInfoList[0].loadPoundImg += ',' + e.url
|
|
|
+ } else {
|
|
|
+ this.deptBudgetList.tranCarInfoList[0].loadPoundImg = e.url
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- uploadSuccessHandle1(e) {
|
|
|
- this.pictureTotal++;
|
|
|
- if (this.deptBudgetList.tranCarInfoList[0].loadPoundImg) {
|
|
|
- this.deptBudgetList.tranCarInfoList[0].loadPoundImg += ',' + e.url
|
|
|
- } else {
|
|
|
- this.deptBudgetList.tranCarInfoList[0].loadPoundImg = e.url
|
|
|
- }
|
|
|
|
|
|
- console.log(this.deptBudgetList.tranCarInfoList,"duixiang1")
|
|
|
- feedback(this.deptBudgetList)
|
|
|
- .toPromise()
|
|
|
- .then(response => {
|
|
|
- })
|
|
|
+ console.log(this.deptBudgetList.tranCarInfoList, "duixiang1")
|
|
|
+ feedback(this.deptBudgetList)
|
|
|
+ .toPromise()
|
|
|
+ .then(response => {})
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</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 10%;
|
|
|
-}
|
|
|
-/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;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-/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 10%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /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;
|
|
|
display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- flex-direction: row;
|
|
|
- & > span {
|
|
|
- line-height: 50px;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
- /deep/.auditFlow-box {
|
|
|
- position: unset;
|
|
|
- margin-left: 10px;
|
|
|
- &/deep/.auditFlow-icon {
|
|
|
- width: auto;
|
|
|
- padding-right: 30px;
|
|
|
+ /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;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ &>span {
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
}
|
|
|
- &/deep/.auditFlow-main {
|
|
|
- position: absolute;
|
|
|
+
|
|
|
+ /deep/.auditFlow-box {
|
|
|
+ position: unset;
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ &/deep/.auditFlow-icon {
|
|
|
+ width: auto;
|
|
|
+ padding-right: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &/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: 10px;
|
|
|
- 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;
|
|
|
-}
|
|
|
-.center1 {
|
|
|
- width: 100px;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: -2%;
|
|
|
-}
|
|
|
-.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: 10px;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center1 {
|
|
|
+ width: 100px;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: -2%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // .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;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 控制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: 37%;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
|
|
|
+ padding: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .noservice {
|
|
|
+ background: #c4cada;
|
|
|
+ color: #ffffff;
|
|
|
+ padding: 5px 7px;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .service {
|
|
|
+ background: #e5f1f7;
|
|
|
+ color: #50cad4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tupian {
|
|
|
+ // margin-left: 14%;
|
|
|
+ // margin-top: -7%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-input--suffix .el-input__inner {
|
|
|
+ padding-right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .liaison {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yd-bottom {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yd-bottom-left {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .avatar-uploader {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.yd-bottom-left .el-form-item__content {
|
|
|
+ display: flex;
|
|
|
}
|
|
|
-}
|
|
|
-// /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: 37%;
|
|
|
- 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;
|
|
|
-}
|
|
|
-/deep/.liaison .ws-info-table .el-form-item .el-form-item__content {
|
|
|
- padding: 0px;
|
|
|
-}
|
|
|
-.noservice {
|
|
|
- background: #c4cada;
|
|
|
- color: #ffffff;
|
|
|
- padding: 5px 7px;
|
|
|
- border-radius: 4px;
|
|
|
-}
|
|
|
-.service {
|
|
|
- background: #e5f1f7;
|
|
|
- color: #50cad4;
|
|
|
-}
|
|
|
-.tupian {
|
|
|
- // margin-left: 14%;
|
|
|
- // margin-top: -7%;
|
|
|
-}
|
|
|
-/deep/.el-input--suffix .el-input__inner {
|
|
|
- padding-right: 0px;
|
|
|
-}
|
|
|
-.liaison {
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.yd-bottom {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-.yd-bottom-left {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-.avatar-uploader {
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-/deep/.yd-bottom-left .el-form-item__content {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-</style>
|
|
|
+</style>
|
mxx