|
@@ -42,8 +42,9 @@
|
|
|
<div class="car-no">{{ deptBudgetList.carNo }}</div>
|
|
|
</div>
|
|
|
<div class="small-title">基本信息</div>
|
|
|
+ <div class='flex'>
|
|
|
<div class='left' style='width:66.6666%;'>
|
|
|
- <!-- <ws-info-table>
|
|
|
+ <ws-info-table>
|
|
|
<ws-form-item label="任务编号" span="1" prop="inOutTaskNo">
|
|
|
<el-select
|
|
|
filterable
|
|
@@ -204,7 +205,7 @@
|
|
|
size="small"
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
- <ws-form-item
|
|
|
+ <!-- <ws-form-item
|
|
|
v-if="deptBudgetList.type == '潮粮'"
|
|
|
label="干粮水分占比"
|
|
|
span="1"
|
|
@@ -254,7 +255,7 @@
|
|
|
maxlength="100"
|
|
|
size="small"
|
|
|
/>
|
|
|
- </ws-form-item>
|
|
|
+ </ws-form-item> -->
|
|
|
|
|
|
<ws-form-item label="品级" span="1" class="readonly">
|
|
|
<ws-select
|
|
@@ -288,11 +289,14 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</ws-form-item>
|
|
|
-
|
|
|
- <ws-form-item label="出库方式" span="1" prop="outType">
|
|
|
+ </ws-info-table>
|
|
|
+ </div>
|
|
|
+ <div class='right' style='width:33.3333%;'>
|
|
|
+ <ws-info-table>
|
|
|
+ <ws-form-item label="运输方式" span="1" prop="outType">
|
|
|
<el-select
|
|
|
v-model="deptBudgetList.outType"
|
|
|
- placeholder="请选择出库方式"
|
|
|
+ placeholder="请选择运输方式"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in multiSelector"
|
|
@@ -466,450 +470,9 @@
|
|
|
size="small"
|
|
|
/>
|
|
|
</ws-form-item>
|
|
|
- </ws-info-table> -->
|
|
|
- </div>
|
|
|
- <ws-info-table>
|
|
|
- <!--任务编号-->
|
|
|
- <ws-form-item label="任务编号" span="1" prop="inOutTaskNo">
|
|
|
- <el-select
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- v-model="deptBudgetList.inOutTaskNo"
|
|
|
- placeholder="请选择任务编号"
|
|
|
- class="typeselect"
|
|
|
- @change="contractNoChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in deptBudgetList1"
|
|
|
- :key="item.inOutTaskNo"
|
|
|
- :label="item.inOutTaskNo"
|
|
|
- :value="item.inOutTaskNo"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item label="合同编号" span="1" prop="contractNo">
|
|
|
- <ws-select
|
|
|
- disabled
|
|
|
- v-model="deptBudgetList.contractNo"
|
|
|
- class="typeselect"
|
|
|
- @change="contractNoChange1"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in outContractNo"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.contractNo"
|
|
|
- :value="item.contractNo"
|
|
|
- />
|
|
|
- </ws-select>
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item label="提示" span="1" prop="tips">
|
|
|
- <ws-input
|
|
|
- onmouseover="this.title=this.value"
|
|
|
- v-model="deptBudgetList.tips"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <!-- 货名 -->
|
|
|
- <ws-form-item label="货名" span="1">
|
|
|
- <ws-select
|
|
|
- disabled
|
|
|
- v-model="deptBudgetList.goodsName"
|
|
|
- placeholder
|
|
|
- class="typeselect"
|
|
|
- @change="selectgoodsName"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in goodnameList"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.constValue"
|
|
|
- :value="item.constValue"
|
|
|
- />
|
|
|
- </ws-select>
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item label="类型" span="1" prop="type">
|
|
|
- <ws-select
|
|
|
- disabled
|
|
|
- v-model="deptBudgetList.type"
|
|
|
- @change="typeChange"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in typeList"
|
|
|
- :key="item"
|
|
|
- :label="item"
|
|
|
- :value="item"
|
|
|
- />
|
|
|
- </ws-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--毛重(公斤)-->
|
|
|
- <ws-form-item label="毛重(公斤)" span="1" prop="grossWeight">
|
|
|
- <ws-input
|
|
|
- :disabled="allowEdit"
|
|
|
- @input="grossWeightchange"
|
|
|
- v-model="deptBudgetList.grossWeight"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- placeholder="请输入毛重"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- v-if="information == '毛重检斤'"
|
|
|
- @click="openPort"
|
|
|
- >重新获取</el-button
|
|
|
- >
|
|
|
- </ws-form-item>
|
|
|
-
|
|
|
- <!--皮重(公斤)-->
|
|
|
- <ws-form-item
|
|
|
- label="皮重(公斤)"
|
|
|
- span="1"
|
|
|
- prop="tare"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- :disabled="allowEdit"
|
|
|
- @input="tarechange"
|
|
|
- v-model="deptBudgetList.tare"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- placeholder="请输入皮重"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- v-if="information == '皮重检斤'"
|
|
|
- @click="openPort"
|
|
|
- >重新获取</el-button
|
|
|
- >
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item label="净重(公斤)" span="1" prop="netWeight">
|
|
|
- <ws-input
|
|
|
- disabled
|
|
|
- v-model="deptBudgetList.netWeight"
|
|
|
- placeholder="不可编辑,自动计算"
|
|
|
- maxlength="120"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- v-if="deptBudgetList.type == '潮粮'"
|
|
|
- label="扣重比"
|
|
|
- span="1"
|
|
|
- prop="buckleWeightRatio"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- @input="pureweight"
|
|
|
- v-model="deptBudgetList.buckleWeightRatio"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- placeholder="请输入扣重比"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- v-if="deptBudgetList.type == '潮粮'"
|
|
|
- label="干粮水分占比"
|
|
|
- span="1"
|
|
|
- prop="solidGrainWater"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- @input="pureweight"
|
|
|
- v-model="deptBudgetList.solidGrainWater"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- placeholder="请输入干粮水分占比"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- v-if="deptBudgetList.type == '潮粮'"
|
|
|
- label="潮粮水分占比"
|
|
|
- span="1"
|
|
|
- prop="tidalGrainWater"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- @input="pureweight"
|
|
|
- v-model="deptBudgetList.tidalGrainWater"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- placeholder="请输入潮粮水分占比"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- v-if="deptBudgetList.type == '潮粮'"
|
|
|
- label="纯重"
|
|
|
- span="1"
|
|
|
- prop="pureWeight"
|
|
|
- class="readonly"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- disabled
|
|
|
- v-model="deptBudgetList.pureWeight"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- placeholder="不可编辑,自动计算"
|
|
|
- maxlength="100"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <!-- 品级 -->
|
|
|
- <ws-form-item label="品级" span="1" class="readonly">
|
|
|
- <ws-select
|
|
|
- v-model="deptBudgetList.grade"
|
|
|
- placeholder=""
|
|
|
- class="typeselect"
|
|
|
- @change="selectpackingMethod"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in gradeList"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.constValue"
|
|
|
- :value="item.constValue"
|
|
|
- />
|
|
|
- </ws-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--经办人-->
|
|
|
- <ws-form-item label="经办人" span="1" prop="agent">
|
|
|
- <el-select
|
|
|
- v-model="deptBudgetList.agent"
|
|
|
- placeholder="请选择经办人"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- @change="selectstaff"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.staffName"
|
|
|
- :value="item.staffName"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--出库日期-->
|
|
|
- <ws-form-item
|
|
|
- label="出库日期"
|
|
|
- span="1"
|
|
|
- prop="inOutDate"
|
|
|
- class="deliverydate"
|
|
|
- >
|
|
|
- <ws-date-picker
|
|
|
- v-model="deptBudgetList.inOutDate"
|
|
|
- type="date"
|
|
|
- placeholder="请选择出库日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <!-- 出库类型 -->
|
|
|
- <ws-form-item label="出库类型" span="1">
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.inOutType"
|
|
|
- class="right-bottom"
|
|
|
- :disabled="isSelectType"
|
|
|
- placeholder="暂无"
|
|
|
- />
|
|
|
- <!-- <ws-select
|
|
|
- v-model="deptBudgetList.deliveryType"
|
|
|
- placeholder=""
|
|
|
- class="typeselect"
|
|
|
- @change="selectstorageType"
|
|
|
- >
|
|
|
- <ws-option
|
|
|
- v-for="item in deliveryType"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.constValue"
|
|
|
- :value="item.constValue"
|
|
|
- />
|
|
|
- </ws-select> -->
|
|
|
- </ws-form-item>
|
|
|
- <!--出库方式-->
|
|
|
- <ws-form-item label="出库方式" span="1" prop="outType">
|
|
|
- <el-select
|
|
|
- v-model="deptBudgetList.outType"
|
|
|
- placeholder="请选择出库方式"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in multiSelector"
|
|
|
- :key="item.value"
|
|
|
- :label="item.name"
|
|
|
- :value="item.name"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--车牌号-->
|
|
|
- <ws-form-item
|
|
|
- label="车牌号"
|
|
|
- span="1"
|
|
|
- prop="carNo"
|
|
|
- v-if="
|
|
|
- deptBudgetList.outType == '汽运' ||
|
|
|
- deptBudgetList.outType == '集装箱船'
|
|
|
- "
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-if="!carstatus"
|
|
|
- v-model="deptBudgetList.carNo"
|
|
|
- placeholder="请输入车牌号"
|
|
|
- maxlength="7"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- <el-select
|
|
|
- v-if="carstatus"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- :filter-method="dataFilter2"
|
|
|
- v-model="deptBudgetList.carNo"
|
|
|
- placeholder="请选择车牌号"
|
|
|
- class="typeselect"
|
|
|
- @change="carChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in options2"
|
|
|
- :key="item.constKey"
|
|
|
- :label="item.carNo + '(' + item.tranCarNo + ')'"
|
|
|
- :value="item.carNo"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </ws-form-item>
|
|
|
- <!--车号 -->
|
|
|
- <ws-form-item
|
|
|
- label="车号"
|
|
|
- span="1"
|
|
|
- prop="carNo"
|
|
|
- v-if="deptBudgetList.outType == '火运'"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.carNo"
|
|
|
- placeholder="请输入车号"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="箱号-1"
|
|
|
- span="1"
|
|
|
- prop="boxNo"
|
|
|
- v-if="
|
|
|
- deptBudgetList.outType == '汽运' ||
|
|
|
- deptBudgetList.outType == '集装箱船'
|
|
|
- "
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.boxNo"
|
|
|
- placeholder="请输入箱号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="箱号-2"
|
|
|
- span="1"
|
|
|
- prop="boxNoOther"
|
|
|
- v-if="
|
|
|
- deptBudgetList.outType == '汽运' ||
|
|
|
- deptBudgetList.outType == '集装箱船'
|
|
|
- "
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.boxNoOther"
|
|
|
- placeholder="请输入箱号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="封号-1"
|
|
|
- span="1"
|
|
|
- prop="titleNo"
|
|
|
- v-if="
|
|
|
- deptBudgetList.outType == '汽运' ||
|
|
|
- deptBudgetList.outType == '集装箱船'
|
|
|
- "
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.titleNo"
|
|
|
- placeholder="请输入封号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="封号-2"
|
|
|
- span="1"
|
|
|
- prop="titleNoOther"
|
|
|
- v-if="
|
|
|
- deptBudgetList.outType == '汽运' ||
|
|
|
- deptBudgetList.outType == '集装箱船'
|
|
|
- "
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.titleNoOther"
|
|
|
- placeholder="请输入封号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="车厢号-1"
|
|
|
- span="1"
|
|
|
- prop="wingNumber"
|
|
|
- v-if="deptBudgetList.outType == '火运'"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.wingNumber"
|
|
|
- placeholder="请输入车厢号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="车厢号-2"
|
|
|
- span="1"
|
|
|
- prop="wingNumberOther"
|
|
|
- v-if="deptBudgetList.outType == '火运'"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.wingNumberOther"
|
|
|
- placeholder="请输入车厢号"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="船名"
|
|
|
- span="1"
|
|
|
- prop="shipName"
|
|
|
- v-if="deptBudgetList.outType == '散船'"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.shipName"
|
|
|
- placeholder="请输入船名"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
- <ws-form-item
|
|
|
- label="航次"
|
|
|
- span="1"
|
|
|
- prop="shipNumber"
|
|
|
- v-if="deptBudgetList.outType == '散船'"
|
|
|
- >
|
|
|
- <ws-input
|
|
|
- v-model="deptBudgetList.shipNumber"
|
|
|
- placeholder="请输入航次"
|
|
|
- maxlength="20"
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </ws-form-item>
|
|
|
</ws-info-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div class="small-title">上传磅单照片</div>
|
|
|
<el-upload
|
|
@@ -2553,10 +2116,26 @@ export default {
|
|
|
.ws-info-table {
|
|
|
border: none;
|
|
|
}
|
|
|
+.left{
|
|
|
+ .el-form-item {
|
|
|
+ width: 50%;
|
|
|
+ // width: 33.3333%;
|
|
|
+ border: none;
|
|
|
+
|
|
|
+ .el-form-item__label {
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
|
|
|
+ .el-form-item__content {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.right{
|
|
|
.el-form-item {
|
|
|
- // width: 50%;
|
|
|
- width: 33.3333%;
|
|
|
+ width: 100%;
|
|
|
+ // width: 33.3333%;
|
|
|
border: none;
|
|
|
|
|
|
.el-form-item__label {
|
|
@@ -2569,6 +2148,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
.el-button--default {
|
|
|
color: #5473e8;
|