|
|
@@ -6,57 +6,28 @@
|
|
|
<h2 class="bg-left title">查看船运装船信息</h2>
|
|
|
</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=""
|
|
|
- />返回</el-button
|
|
|
- >
|
|
|
+ <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 />返回
|
|
|
+ </el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <ws-form
|
|
|
- class="position"
|
|
|
- ref="deptBudgetList"
|
|
|
- :rules="rules"
|
|
|
- :model="deptBudgetList"
|
|
|
- >
|
|
|
+ <ws-form class="position" ref="deptBudgetList" :rules="rules" :model="deptBudgetList">
|
|
|
<div class="small-title" style="font-size: 16px">任务详情</div>
|
|
|
<ws-info-table>
|
|
|
<!--任务编号-->
|
|
|
- <ws-form-item label="任务编号" span="1" prop="processNo">
|
|
|
- {{ deptBudgetList.processNo }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="任务编号" span="1" prop="processNo">{{ deptBudgetList.processNo }}</ws-form-item>
|
|
|
<!--货名-->
|
|
|
- <ws-form-item label="货名" span="1" prop="goodsName">
|
|
|
- {{ deptBudgetList.goodsName }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="货名" span="1" prop="goodsName">{{ deptBudgetList.goodsName }}</ws-form-item>
|
|
|
<!--重量（吨）-->
|
|
|
- <ws-form-item label="重量（吨）" span="1" prop="weight">
|
|
|
- {{ deptBudgetList.weight }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="重量（吨）" span="1" prop="weight">{{ deptBudgetList.weight }}</ws-form-item>
|
|
|
<!--发货地址-->
|
|
|
<ws-form-item label="发货地址" span="1" prop="sendDetailedAddress">
|
|
|
- {{ deptBudgetList.sendPrivate }}{{ deptBudgetList.sendCity}}{{ deptBudgetList.sendArea }}
|
|
|
- </ws-form-item>
|
|
|
+ {{ deptBudgetList.sendPrivate }}{{ deptBudgetList.sendCity}}{{ 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 label="发货人电话" span="1" prop="senderPhone" class="readonly">{{ deptBudgetList.senderPhone }}
|
|
|
</ws-form-item>
|
|
|
<!--收货地址-->
|
|
|
<ws-form-item label="收货地址" span="1" prop="receiveDetailedAddress">
|
|
|
@@ -64,810 +35,819 @@
|
|
|
}}{{ deptBudgetList.receiveArea }}
|
|
|
</ws-form-item>
|
|
|
<!--收货人-->
|
|
|
- <ws-form-item label="收货人" span="1" prop="receiver">
|
|
|
- {{ deptBudgetList.receiver }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="收货人" span="1" prop="receiver">{{ deptBudgetList.receiver }}</ws-form-item>
|
|
|
<!--收货人电话-->
|
|
|
- <ws-form-item label="收货人电话" span="1" prop="receiverPhone">
|
|
|
- {{ deptBudgetList.receiverPhone }}
|
|
|
- </ws-form-item>
|
|
|
+ <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 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>
|
|
|
+ <ws-form-item label="合同编号" span="1" prop="contractNo">{{ deptBudgetList.contractNo }}</ws-form-item>
|
|
|
<!-- 运输方式 -->
|
|
|
- <ws-form-item label="运输方式" span="1" prop="tranType">
|
|
|
- {{ deptBudgetList.tranType }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="运输方式" span="1" prop="tranType">{{ deptBudgetList.tranType }}</ws-form-item>
|
|
|
</ws-info-table>
|
|
|
<div class="small-title" style="font-size: 16px">联络员及航次</div>
|
|
|
<ws-info-table>
|
|
|
<!-- 姓名 -->
|
|
|
- <ws-form-item label="姓名" span="1" prop="driver">
|
|
|
- {{ deptBudgetList.driver }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="姓名" span="1" prop="driver">{{ deptBudgetList.driver }}</ws-form-item>
|
|
|
<!-- 电话 -->
|
|
|
- <ws-form-item label="电话" span="1" prop="driverPhone">
|
|
|
- {{ deptBudgetList.driverPhone }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="电话" span="1" prop="driverPhone">{{ deptBudgetList.driverPhone }}</ws-form-item>
|
|
|
<!--发船日期-->
|
|
|
- <ws-form-item label="发船日期" span="1" prop="sendDateStart">
|
|
|
- {{ deptBudgetList.sendDateStart }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="发船日期" span="1" prop="sendDateStart">{{ deptBudgetList.sendDateStart }}</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>
|
|
|
+ <ws-form-item label="船名" span="1" prop="shipName">{{ deptBudgetList.shipName }}</ws-form-item>
|
|
|
<!-- 航次 -->
|
|
|
- <ws-form-item label="航次" span="1" prop="shipNo">
|
|
|
- {{ deptBudgetList.shipNo }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="航次" span="1" prop="shipNo">{{ deptBudgetList.shipNo }}</ws-form-item>
|
|
|
<!-- 类型 -->
|
|
|
- <ws-form-item label="类型" span="1" prop="shipType">
|
|
|
- {{ deptBudgetList.shipType }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="类型" span="1" prop="shipType">{{ deptBudgetList.shipType }}</ws-form-item>
|
|
|
<!-- 数量 -->
|
|
|
<ws-form-item label="数量" span="1" prop="tranType" v-if="deptBudgetList.shipType == '集装箱'">
|
|
|
- {{ deptBudgetList.tranType }}
|
|
|
- </ws-form-item>
|
|
|
- </ws-info-table>
|
|
|
+ {{ deptBudgetList.tranType }}</ws-form-item>
|
|
|
+ </ws-info-table>
|
|
|
<div class="small-title" style="font-size: 16px">装船详情</div>
|
|
|
<div class="liaison">
|
|
|
- <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 this.freightspace" :key="index">
|
|
|
<ws-info-table>
|
|
|
- <div class="catNos" v-if="item.shipType == '集装箱'">
|
|
|
+ <div class="catNos" v-if="item.shipType == '集装箱'">
|
|
|
集装箱-{{ index + 1 }}
|
|
|
- <span class="noservice" v-show="item.status == '未装车'">
|
|
|
- 未装船
|
|
|
- </span>
|
|
|
- <span class="service" v-show="item.status == '已装车'">
|
|
|
- 已装船
|
|
|
- </span>
|
|
|
- <span class="serviced" v-show="item.status == '已送达'">{{
|
|
|
- item.status
|
|
|
- }}</span>
|
|
|
+ <span class="noservice" v-show="item.status == '未装车'">未装船</span>
|
|
|
+ <span class="service" v-show="item.status == '已装车'">已装船</span>
|
|
|
+ <span class="serviced" v-show="item.status == '已送达'">
|
|
|
+ {{
|
|
|
+ item.status
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<div class="catNos" v-if="item.shipType == '散船'">
|
|
|
仓位号-{{ index + 1 }}
|
|
|
- <span class="noservice" v-show="item.status == '未装车'">
|
|
|
- 未装船
|
|
|
- </span>
|
|
|
- <span class="service" v-show="item.status == '已装车'">
|
|
|
- 已装船
|
|
|
- </span>
|
|
|
- <span class="serviced" v-show="item.status == '已送达'">{{
|
|
|
- item.status
|
|
|
- }}</span>
|
|
|
+ <span class="noservice" v-show="item.status == '未装车'">未装船</span>
|
|
|
+ <span class="service" v-show="item.status == '已装车'">已装船</span>
|
|
|
+ <span class="serviced" v-show="item.status == '已送达'">
|
|
|
+ {{
|
|
|
+ item.status
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<!--箱号-->
|
|
|
<ws-form-item label="箱号:" span="1" prop="caseNo" v-if="item.shipType == '集装箱'">
|
|
|
- <span>{{ item.caseNo }}</span>
|
|
|
+ <span>{{ item.caseNo }}</span>
|
|
|
</ws-form-item>
|
|
|
<!--封号-->
|
|
|
<ws-form-item label="封号:" span="1" prop="titleNo" v-if="item.shipType == '集装箱'">
|
|
|
- <span>{{ item.titleNo }}</span>
|
|
|
+ <span>{{ item.titleNo }}</span>
|
|
|
</ws-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>
|
|
|
+ {{ item.positionWeight }}</ws-form-item>
|
|
|
<!--装船净重-->
|
|
|
- <ws-form-item label="装船净重(吨)" span="1" prop="loadNetWeight">
|
|
|
- {{ item.loadNetWeight }}
|
|
|
- </ws-form-item>
|
|
|
+ <ws-form-item label="装船净重(吨)" span="1" prop="loadNetWeight">{{ item.loadNetWeight }}</ws-form-item>
|
|
|
<!--装船日期-->
|
|
|
- <ws-form-item label="装船日期" span="1" prop="loadingDate">
|
|
|
- {{ item.loadingDate }}
|
|
|
- </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
|
|
|
- >
|
|
|
+ <ws-form-item label="装船日期" span="1" prop="loadingDate">{{ item.loadingDate }}</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>
|
|
|
</ws-info-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="text-align: right; color: #8890b1; font-size: 16px">
|
|
|
合计(吨)：{{ total }}/{{ deptBudgetList.weight }}
|
|
|
<!--阶段状态-->
|
|
|
- <span class="noservice" v-show="deptBudgetList.feedbackStatus=='执行中'">
|
|
|
- 未完货
|
|
|
- </span>
|
|
|
- <span class="service" v-show="deptBudgetList.feedbackStatus=='已完货'">{{
|
|
|
+ <span class="noservice" v-show="deptBudgetList.feedbackStatus=='执行中'">未完货</span>
|
|
|
+ <span class="service" v-show="deptBudgetList.feedbackStatus=='已完货'">
|
|
|
+ {{
|
|
|
deptBudgetList.feedbackStatus
|
|
|
- }}</span>
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<!--运单-->
|
|
|
- <ws-form-item label="运单：" span="1" prop="loadPoundImg">
|
|
|
- <template>
|
|
|
- <img
|
|
|
- width="18"
|
|
|
- height="20"
|
|
|
- style="
|
|
|
+ <ws-form-item label="运单：" span="1" prop="loadPoundImg">
|
|
|
+ <template>
|
|
|
+ <img width="18" height="20" style="
|
|
|
vertical-align: text-top;
|
|
|
position: relative;
|
|
|
top: -1px;
|
|
|
- "
|
|
|
- src="../../../public/img/fujian.png"
|
|
|
- @click="fujian()"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <span
|
|
|
- v-if="
|
|
|
- deptBudgetList.tranCarInfoList[0].loadPoundImgArr
|
|
|
- .length > 0
|
|
|
- "
|
|
|
- >{{
|
|
|
- deptBudgetList.tranCarInfoList[0].loadPoundImgArr.length
|
|
|
- }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="
|
|
|
- deptBudgetList.tranCarInfoList[0].loadPoundImgArr
|
|
|
- .length == 0
|
|
|
- "
|
|
|
- >无</span>
|
|
|
- </template>
|
|
|
- </ws-form-item>
|
|
|
+ " src="../../../public/img/fujian.png" @click="fujian()" alt />
|
|
|
+ <span v-if="deptBudgetList.tranCarInfoList.length>0&&deptBudgetList.tranCarInfoList[0].loadPoundImgArr.length > 0">
|
|
|
+ {{ deptBudgetList.tranCarInfoList[0].loadPoundImgArr.length}}
|
|
|
+ </span>
|
|
|
+ <span v-if="deptBudgetList.tranCarInfoList.length>0&&deptBudgetList.tranCarInfoList[0].loadPoundImgArr.length == 0
|
|
|
+ ">无</span>
|
|
|
+ </template>
|
|
|
+ </ws-form-item>
|
|
|
</ws-form>
|
|
|
<div style="text-align: right; padding: 10px" class="center">
|
|
|
- <el-button
|
|
|
- class="bg-bottom"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="returnsales()"
|
|
|
- >关闭</el-button
|
|
|
- >
|
|
|
+ <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">关闭</el-button>
|
|
|
</div>
|
|
|
<!-- 附件弹框 -->
|
|
|
- <WinseaContentModal
|
|
|
- v-model="accessoryTFs"
|
|
|
- :title="$t('system.noticeCircular.information')"
|
|
|
- @on-cancel="handleClose"
|
|
|
- >
|
|
|
+ <WinseaContentModal v-model="accessoryTFs" :title="$t('system.noticeCircular.information')"
|
|
|
+ @on-cancel="handleClose">
|
|
|
<p>查看附件</p>
|
|
|
- <div
|
|
|
- style="display: inline-block; margin: 5px"
|
|
|
- v-for="item in appendixIdss"
|
|
|
- >
|
|
|
- <img width="100" height="100" :src="item" alt="" />
|
|
|
+ <div style="display: inline-block; margin: 5px" v-for="item in appendixIdss">
|
|
|
+ <img width="100" height="100" :src="item" alt />
|
|
|
</div>
|
|
|
</WinseaContentModal>
|
|
|
- <WinseaContentModal
|
|
|
- v-model="accesscard"
|
|
|
- :title="$t('system.noticeCircular.information')"
|
|
|
- @on-cancel="handleClose1"
|
|
|
- >
|
|
|
+ <WinseaContentModal v-model="accesscard" :title="$t('system.noticeCircular.information')" @on-cancel="handleClose1">
|
|
|
<p>查看附件</p>
|
|
|
- <img width="100" height="100" :src="accessurl" alt="" />
|
|
|
+ <img width="100" height="100" :src="accessurl" alt />
|
|
|
</WinseaContentModal>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
|
|
-import { seeCat, packList, feedback } from '@/model/transport/index'
|
|
|
-import WsUpload from '@/components/WsUpload'
|
|
|
-import mapDrag from '@/components/mapdrag/mapdrag'
|
|
|
-export default {
|
|
|
- name: 'viewSpareMoney',
|
|
|
- components: {
|
|
|
- WsUpload,
|
|
|
- mapDrag,
|
|
|
- },
|
|
|
- watch: {
|
|
|
- vesselId(val) {
|
|
|
- this.getVesselData()
|
|
|
- },
|
|
|
- isShow(val) {
|
|
|
- this.showType = val
|
|
|
+ import {
|
|
|
+ regionData,
|
|
|
+ CodeToText,
|
|
|
+ TextToCode
|
|
|
+ } from 'element-china-area-data'
|
|
|
+ import {
|
|
|
+ seeCat,
|
|
|
+ packList,
|
|
|
+ feedback
|
|
|
+ } from '@/model/transport/index'
|
|
|
+ import WsUpload from '@/components/WsUpload'
|
|
|
+ import mapDrag from '@/components/mapdrag/mapdrag'
|
|
|
+ export default {
|
|
|
+ name: 'viewSpareMoney',
|
|
|
+ components: {
|
|
|
+ WsUpload,
|
|
|
+ mapDrag
|
|
|
},
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- deptBudgetList: {
|
|
|
- totalStorage: 0,
|
|
|
- },
|
|
|
- options_: regionData,
|
|
|
- heightData: '600px',
|
|
|
- zoom: 7,
|
|
|
- selectedOptions: [],
|
|
|
- center: [116.244694, 39.517344],
|
|
|
- window: '',
|
|
|
- radio: 1,
|
|
|
- personCharge: [],
|
|
|
- district: null,
|
|
|
- driverList: [],
|
|
|
- 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: [],
|
|
|
- freightspace: [
|
|
|
- {
|
|
|
+ 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: [],
|
|
|
+ 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: [],
|
|
|
+ freightspace: [{
|
|
|
driver: '',
|
|
|
driverPhone: '',
|
|
|
carNo: '',
|
|
|
- loadNetWeight: '',
|
|
|
- },
|
|
|
- ],
|
|
|
- name: '',
|
|
|
- staffList: [],
|
|
|
- options: [],
|
|
|
- // carModel: [],
|
|
|
- tranCarInfoList: {},
|
|
|
- //上传
|
|
|
- accessoryTFs: false,
|
|
|
- accesscard: false,
|
|
|
- accessurl: '',
|
|
|
- fileList: [],
|
|
|
- // appendixIdsAdd: '',
|
|
|
- //附件
|
|
|
- appendixIdss: [],
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- 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)
|
|
|
+ loadNetWeight: ''
|
|
|
+ }],
|
|
|
+ name: '',
|
|
|
+ staffList: [],
|
|
|
+ options: [],
|
|
|
+ // carModel: [],
|
|
|
+ tranCarInfoList: {},
|
|
|
+ //上传
|
|
|
+ accessoryTFs: false,
|
|
|
+ accesscard: false,
|
|
|
+ accessurl: '',
|
|
|
+ fileList: [],
|
|
|
+ // appendixIdsAdd: '',
|
|
|
+ //附件
|
|
|
+ appendixIdss: []
|
|
|
}
|
|
|
- return maxStorage
|
|
|
},
|
|
|
- total: function () {
|
|
|
- if (this.deptBudgetList.tranCarInfoList != null) {
|
|
|
+ mounted() {
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ 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: {
|
|
|
- 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
|
|
|
- },
|
|
|
- handleClose1() {
|
|
|
- this.accesscard = false
|
|
|
- },
|
|
|
- handleChange(value) {
|
|
|
- this.selectedOptions = value
|
|
|
- },
|
|
|
- returnsales() {
|
|
|
- this.deptBudgetList = {}
|
|
|
- this.freightspace = {}
|
|
|
- this.selectedOptions = ''
|
|
|
- this.$router.push({ path: 'tranManagementTransporHairRespond' })
|
|
|
- },
|
|
|
- // confirmPosition() {
|
|
|
- // this.draggable = false
|
|
|
- // },
|
|
|
- // 上传附件
|
|
|
- uploadSuccess(data, files, url) {
|
|
|
- console.log(data, files, url)
|
|
|
- },
|
|
|
- handleClose() {
|
|
|
- this.accessoryTFs = false
|
|
|
- },
|
|
|
- resetForm(deptBudgetList) {
|
|
|
- this.$refs[deptBudgetList].resetFields()
|
|
|
- },
|
|
|
- getList() {
|
|
|
- seeCat({ id: this.deptBudgetList.id })
|
|
|
- .toPromise()
|
|
|
- .then((response) => {
|
|
|
- this.deptBudgetList = response
|
|
|
- this.deptBudgetList.driver= response.tranCarInfoList[0].driver
|
|
|
- this.deptBudgetList.driverPhone = response.tranCarInfoList[0].driverPhone
|
|
|
- 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
|
|
|
- // 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
|
|
|
+ methods: {
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ handleClose1() {
|
|
|
+ this.accesscard = false
|
|
|
+ },
|
|
|
+ handleChange(value) {
|
|
|
+ this.selectedOptions = value
|
|
|
+ },
|
|
|
+ returnsales() {
|
|
|
+ this.deptBudgetList = {}
|
|
|
+ this.freightspace = {}
|
|
|
+ this.selectedOptions = ''
|
|
|
+ this.$router.push({
|
|
|
+ path: 'tranManagementTransporHairRespond'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // confirmPosition() {
|
|
|
+ // this.draggable = false
|
|
|
+ // },
|
|
|
+ // 上传附件
|
|
|
+ uploadSuccess(data, files, url) {
|
|
|
+ console.log(data, files, url)
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.accessoryTFs = 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.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[i].loadPoundImg != null) {
|
|
|
- this.deptBudgetList.tranCarInfoList[i].loadPoundImgArr =
|
|
|
- this.deptBudgetList.tranCarInfoList[i].loadPoundImg.split(',')
|
|
|
- this.fileList[i] =
|
|
|
- this.deptBudgetList.tranCarInfoList[i].loadPoundImg.split(',')
|
|
|
- } else {
|
|
|
- this.deptBudgetList.tranCarInfoList[i].loadPoundImgArr = []
|
|
|
+
|
|
|
+ // 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
|
|
|
+ }
|
|
|
+ if (this.deptBudgetList.tranCarInfoList[i].loadPoundImg != null) {
|
|
|
+ this.deptBudgetList.tranCarInfoList[
|
|
|
+ i
|
|
|
+ ].loadPoundImgArr = this.deptBudgetList.tranCarInfoList[
|
|
|
+ i
|
|
|
+ ].loadPoundImg.split(',')
|
|
|
+ this.fileList[i] = this.deptBudgetList.tranCarInfoList[
|
|
|
+ i
|
|
|
+ ].loadPoundImg.split(',')
|
|
|
+ } else {
|
|
|
+ this.deptBudgetList.tranCarInfoList[i].loadPoundImgArr = []
|
|
|
+ }
|
|
|
}
|
|
|
+ })
|
|
|
+ },
|
|
|
+ selectChapterTwo(e) {
|
|
|
+ for (var i = 0; i < this.ChapterTwoList.length; i++) {
|
|
|
+ if (this.ChapterTwoList[i].constValue == e) {
|
|
|
+ this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- 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
|
|
|
+ }
|
|
|
}
|
|
|
+ },
|
|
|
+ //上传
|
|
|
+ fujian(e) {
|
|
|
+ if (
|
|
|
+ this.deptBudgetList.tranCarInfoList[0].loadPoundImg === null ||
|
|
|
+ this.deptBudgetList.tranCarInfoList[0].loadPoundImg === ''
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '暂无附件！',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ } else {
|
|
|
+ this.accessoryTFs = true
|
|
|
+ }
|
|
|
+ this.appendixIdss = this.deptBudgetList.tranCarInfoList[0].loadPoundImgArr
|
|
|
}
|
|
|
- },
|
|
|
- //上传
|
|
|
- fujian(e) {
|
|
|
- if (
|
|
|
- this.deptBudgetList.tranCarInfoList[0].loadPoundImg === null ||
|
|
|
- this.deptBudgetList.tranCarInfoList[0].loadPoundImg === ''
|
|
|
- ) {
|
|
|
- this.$message({
|
|
|
- message: '暂无附件！',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- return
|
|
|
- } else {
|
|
|
- this.accessoryTFs = true
|
|
|
- }
|
|
|
- this.appendixIdss =
|
|
|
- this.deptBudgetList.tranCarInfoList[0].loadPoundImgArr
|
|
|
- },
|
|
|
- },
|
|
|
-}
|
|
|
+ }
|
|
|
+ }
|
|
|
</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;
|
|
|
-}
|
|
|
-.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;
|
|
|
-}
|
|
|
-.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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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: 30px;
|
|
|
+ &>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 {
|
|
|
- margin-right: 50px;
|
|
|
-}
|
|
|
-.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;
|
|
|
}
|
|
|
- .el-date-editor {
|
|
|
- i {
|
|
|
- display: none;
|
|
|
- }
|
|
|
+
|
|
|
+ .bg-right {
|
|
|
+ padding-right: 10px;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
- .is-disabled {
|
|
|
- .el-input__inner:hover {
|
|
|
- background-color: #fff !important;
|
|
|
- border: 0;
|
|
|
- }
|
|
|
- color: #606266;
|
|
|
+
|
|
|
+ .bg-bottom {
|
|
|
+ margin: 15px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wenzi {
|
|
|
+ width: 900px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wenzi h3 {
|
|
|
+ display: inline-block;
|
|
|
+ left: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wenzi p {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ margin-right: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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 {
|
|
|
- background-color: #fff !important;
|
|
|
- border: 0;
|
|
|
- color: #606266;
|
|
|
+ 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 {
|
|
|
+ // 控制select为只读的时候显示样式
|
|
|
+ /deep/.ws-class-table-col {
|
|
|
+ height: auto;
|
|
|
padding: 0px 2px;
|
|
|
+
|
|
|
+ /deep/.el-input__inner {
|
|
|
+ padding: 0px 2px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
-/deep/.is-disabled {
|
|
|
- .el-input__prefix,
|
|
|
- .el-input__suffix {
|
|
|
+
|
|
|
+ /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-input__inner {
|
|
|
+
|
|
|
+ .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;
|
|
|
- border-color: #fff !important;
|
|
|
- color: #000 !important;
|
|
|
font-size: 14px;
|
|
|
- cursor: text;
|
|
|
- padding: 0 !important;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #8890b1;
|
|
|
+ line-height: 16px;
|
|
|
}
|
|
|
-}
|
|
|
-.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: 14px;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #8890b1;
|
|
|
- line-height: 16px;
|
|
|
-}
|
|
|
+ /deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ 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;
|
|
|
- border-right: 1px solid #d8dce6;
|
|
|
- border-radius: 0px;
|
|
|
- padding: 0px;
|
|
|
-}
|
|
|
-//联络员及车次
|
|
|
-/deep/.liaison .ws-info-table .el-form-item {
|
|
|
- width: 20%;
|
|
|
-}
|
|
|
-/deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
|
- width: 50%;
|
|
|
- background: #f6f7fc;
|
|
|
-}
|
|
|
-/deep/.liaison .flex {
|
|
|
- display: contents;
|
|
|
-}
|
|
|
-/deep/.liaison .ws-info-table {
|
|
|
- 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;
|
|
|
-}
|
|
|
-.signStatus {
|
|
|
- height: 25px;
|
|
|
- border-radius: 3px;
|
|
|
- border: 1px solid #5473e8;
|
|
|
- padding: 0 3px;
|
|
|
- margin-left: 30px;
|
|
|
- color: #ffffff;
|
|
|
- background: #c4cada;
|
|
|
- line-height: 24px;
|
|
|
-}
|
|
|
-.signStatus1 {
|
|
|
- height: 25px;
|
|
|
- background: #e6ebff;
|
|
|
- border-radius: 3px;
|
|
|
- border: 1px solid #5473e8;
|
|
|
- padding: 0 3px;
|
|
|
- margin-left: 30px;
|
|
|
- color: #5473e8;
|
|
|
- line-height: 24px;
|
|
|
-}
|
|
|
-.noservice {
|
|
|
- background: #c4cada;
|
|
|
- color: #ffffff;
|
|
|
-}
|
|
|
-.service {
|
|
|
- background: #e5f1f7;
|
|
|
- color: #50cad4;
|
|
|
-}
|
|
|
-.forlist{
|
|
|
- background-color: #F5F7FA;
|
|
|
- border-radius: 10px;
|
|
|
- width: 100%;
|
|
|
- padding-left: 15px;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- color: #C0C4CC;
|
|
|
- font-size: 14px;
|
|
|
+ /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;
|
|
|
+ border-right: 1px solid #d8dce6;
|
|
|
+ border-radius: 0px;
|
|
|
+ padding: 0px;
|
|
|
+ }
|
|
|
+ //联络员及车次
|
|
|
+ /deep/.liaison .ws-info-table .el-form-item {
|
|
|
+ width: 20%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .ws-info-table .el-form-item .el-form-item__label {
|
|
|
+ width: 50%;
|
|
|
+ background: #f6f7fc;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .flex {
|
|
|
+ display: contents;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.liaison .ws-info-table {
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .signStatus {
|
|
|
+ height: 25px;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #5473e8;
|
|
|
+ padding: 0 3px;
|
|
|
+ margin-left: 30px;
|
|
|
+ color: #ffffff;
|
|
|
+ background: #c4cada;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .signStatus1 {
|
|
|
+ height: 25px;
|
|
|
+ background: #e6ebff;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #5473e8;
|
|
|
+ padding: 0 3px;
|
|
|
+ margin-left: 30px;
|
|
|
+ color: #5473e8;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .noservice {
|
|
|
+ background: #c4cada;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .service {
|
|
|
+ background: #e5f1f7;
|
|
|
+ color: #50cad4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .forlist {
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ border-radius: 10px;
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 15px;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ color: #c0c4cc;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .liaison{
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
