|
|
@@ -31,7 +31,6 @@
|
|
|
<dic-select
|
|
|
v-model="form.boxMakingCompany"
|
|
|
placeholder="造箱公司"
|
|
|
- key="id"
|
|
|
label="cnName"
|
|
|
res="records"
|
|
|
url="/blade-los/bcorps/selectList?corpTypeName=箱东"
|
|
|
@@ -41,6 +40,92 @@
|
|
|
@selectChange="dicChange('boxMakingCompany', $event)"
|
|
|
></dic-select>
|
|
|
</tempalte>
|
|
|
+ <tempalte slot-scope="{ type, disabled }" slot="addressCnameForm">
|
|
|
+ <dic-select
|
|
|
+ v-model="form.addressCname"
|
|
|
+ placeholder="港口"
|
|
|
+ label="cnName"
|
|
|
+ res="records"
|
|
|
+ url="/blade-los/bports/list"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ dataName="cnName"
|
|
|
+ :disabled="disabled"
|
|
|
+ @selectChange="dicChange('addressCname', $event)"
|
|
|
+ ></dic-select>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot-scope="{ type, disabled }" slot="stationCnameForm">
|
|
|
+ <dic-select
|
|
|
+ v-model="form.stationCname"
|
|
|
+ placeholder="场站"
|
|
|
+ label="cnName"
|
|
|
+ res="records"
|
|
|
+ url="/blade-los/bcorps/selectList?corpTypeName=场站&status=0"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ dataName="cnName"
|
|
|
+ :disabled="disabled"
|
|
|
+ @selectChange="dicChange('stationCname', $event)"
|
|
|
+ ></dic-select>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot-scope="{ type, disabled }" slot="restrictedPortsNameForm">
|
|
|
+ <dic-select
|
|
|
+ v-model="form.restrictedPortsName"
|
|
|
+ placeholder="港口"
|
|
|
+ label="cnName"
|
|
|
+ url="/blade-los/bports/listAll?status=0"
|
|
|
+ :filterable="true"
|
|
|
+ :multiple="true"
|
|
|
+ :collapseTags="true"
|
|
|
+ dataType="string"
|
|
|
+ dataName="cnName"
|
|
|
+ :disabled="disabled"
|
|
|
+ @selectChange="dicChange('restrictedPortsName', $event)"
|
|
|
+ ></dic-select>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot-scope="{ type, disabled }" slot="restrictingShippingCompaniesNameForm">
|
|
|
+ <dic-select
|
|
|
+ v-model="form.restrictingShippingCompaniesName"
|
|
|
+ placeholder="港口"
|
|
|
+ label="cnName"
|
|
|
+ url="blade-los/bcorps/listAll?status=0&corpTypeName=船公司"
|
|
|
+ :filterable="true"
|
|
|
+ :multiple="true"
|
|
|
+ :collapseTags="true"
|
|
|
+ dataType="string"
|
|
|
+ dataName="cnName"
|
|
|
+ :disabled="disabled"
|
|
|
+ @selectChange="dicChange('restrictingShippingCompaniesName', $event)"
|
|
|
+ ></dic-select>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot-scope="{ type, disabled }" slot="leasingCompanyForm">
|
|
|
+ <dic-select
|
|
|
+ v-model="form.leasingCompany"
|
|
|
+ placeholder="租赁公司"
|
|
|
+ label="shortName"
|
|
|
+ res="records"
|
|
|
+ url="/blade-los/bcorps/selectList?status=0&corpTypeName=箱东"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ dataName="shortName"
|
|
|
+ :disabled="disabled"
|
|
|
+ @selectChange="dicChange('leasingCompany', $event)"
|
|
|
+ ></dic-select>
|
|
|
+ </tempalte>
|
|
|
+ <tempalte slot-scope="{ type, disabled }" slot="boxMakingCompanyForm">
|
|
|
+ <dic-select
|
|
|
+ v-model="form.boxMakingCompany"
|
|
|
+ placeholder="造箱公司"
|
|
|
+ label="shortName"
|
|
|
+ res="records"
|
|
|
+ url="/blade-los/bcorps/selectList?status=0&corpTypeName=箱东"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ dataName="shortName"
|
|
|
+ :disabled="disabled"
|
|
|
+ @selectChange="dicChange('boxMakingCompany', $event)"
|
|
|
+ ></dic-select>
|
|
|
+ </tempalte>
|
|
|
<template slot-scope="{ type, size, row, index, disabled }" slot="code">
|
|
|
<span class="el-button--text" style="cursor: pointer" @click="track(row)">{{ row.code }}</span>
|
|
|
</template>
|
|
|
@@ -496,6 +581,12 @@ export default {
|
|
|
prop: "boxBelongsTo",
|
|
|
width: 100,
|
|
|
overHidden: true,
|
|
|
+ type: "select",
|
|
|
+ dicUrl: "/api/blade-system/dict-biz/dictionary?code=boxBelongsTo",
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictValue"
|
|
|
+ },
|
|
|
disabled: true
|
|
|
},
|
|
|
{
|
|
|
@@ -629,6 +720,8 @@ export default {
|
|
|
{
|
|
|
label: "空重(kg)",
|
|
|
prop: "emptyWeight",
|
|
|
+ type: "number",
|
|
|
+ controls: false,
|
|
|
width: 100,
|
|
|
overHidden: true,
|
|
|
disabled: false
|
|
|
@@ -636,12 +729,16 @@ export default {
|
|
|
{
|
|
|
label: "毛重(kg)",
|
|
|
prop: "gorssWeight",
|
|
|
+ type: "number",
|
|
|
+ controls: false,
|
|
|
width: 100,
|
|
|
overHidden: true,
|
|
|
disabled: false
|
|
|
},
|
|
|
{
|
|
|
label: "皮重(kg)",
|
|
|
+ type: "number",
|
|
|
+ controls: false,
|
|
|
prop: "tare",
|
|
|
width: 100,
|
|
|
overHidden: true,
|
|
|
@@ -650,6 +747,8 @@ export default {
|
|
|
{
|
|
|
label: "装载重量(kg)",
|
|
|
prop: "loadingWeight",
|
|
|
+ type: "number",
|
|
|
+ controls: false,
|
|
|
width: 100,
|
|
|
overHidden: true,
|
|
|
disabled: false
|
|
|
@@ -657,6 +756,8 @@ export default {
|
|
|
{
|
|
|
label: "容积(m³)",
|
|
|
prop: "volume",
|
|
|
+ type: "number",
|
|
|
+ controls: false,
|
|
|
overHidden: true,
|
|
|
disabled: false,
|
|
|
width: 100
|
|
|
@@ -722,6 +823,9 @@ export default {
|
|
|
{
|
|
|
label: "箱龄(月)",
|
|
|
prop: "boxAge",
|
|
|
+ type: "number",
|
|
|
+ controls: false,
|
|
|
+ precision:0,
|
|
|
overHidden: true,
|
|
|
disabled: false,
|
|
|
width: 100
|
|
|
@@ -783,35 +887,123 @@ export default {
|
|
|
this.form.boxMakingCompany = null;
|
|
|
}
|
|
|
}
|
|
|
+ if (name == "stationCname") {
|
|
|
+ if (row) {
|
|
|
+ this.form.stationId = row.id;
|
|
|
+ this.form.stationCode = row.code;
|
|
|
+ this.form.stationEname = row.enName;
|
|
|
+ } else {
|
|
|
+ this.form.stationId = null;
|
|
|
+ this.form.stationCode = null;
|
|
|
+ this.form.stationEname = null;
|
|
|
+ this.form.stationCname = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (name == "addressCname") {
|
|
|
+ if (row) {
|
|
|
+ this.form.addressId = row.id;
|
|
|
+ this.form.addressCode = row.code;
|
|
|
+ this.form.addressEname = row.enName;
|
|
|
+ } else {
|
|
|
+ this.form.addressId = null;
|
|
|
+ this.form.addressCode = null;
|
|
|
+ this.form.addressEname = null;
|
|
|
+ this.form.addressCname = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (name == "restrictedPortsName") {
|
|
|
+ if (row) {
|
|
|
+ this.form.restrictedPortsIds = row.ids;
|
|
|
+ this.form.restrictedPortsName = row.names;
|
|
|
+ } else {
|
|
|
+ this.form.restrictedPortsIds = null;
|
|
|
+ this.form.restrictedPortsName = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (name == "restrictingShippingCompaniesName") {
|
|
|
+ if (row) {
|
|
|
+ this.form.restrictingShippingCompaniesIds = row.ids;
|
|
|
+ this.form.restrictingShippingCompaniesName = row.names;
|
|
|
+ } else {
|
|
|
+ this.form.restrictingShippingCompaniesIds = null;
|
|
|
+ this.form.restrictingShippingCompaniesName = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (name == "leasingCompany") {
|
|
|
+ if (row) {
|
|
|
+ this.form.leasingCompanyId = row.id;
|
|
|
+ } else {
|
|
|
+ this.form.leasingCompanyId = null;
|
|
|
+ this.form.leasingCompany = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (name == "boxMakingCompany") {
|
|
|
+ if (row) {
|
|
|
+ this.form.boxMakingCompanyId = row.id;
|
|
|
+ } else {
|
|
|
+ this.form.boxMakingCompanyId = null;
|
|
|
+ this.form.boxMakingCompany = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
rowEdit(row, index) {
|
|
|
- // this.option.column.forEach(item => {
|
|
|
- // if (
|
|
|
- // item.prop == "code" ||
|
|
|
- // item.prop == "contractNo" ||
|
|
|
- // item.prop == "addressCname" ||
|
|
|
- // item.prop == "stationCname" ||
|
|
|
- // item.prop == "containerNumber" ||
|
|
|
- // item.prop == "containerNumber" ||
|
|
|
- // item.prop == "typeName" ||
|
|
|
- // item.prop == "newDate" ||
|
|
|
- // item.prop == "status" ||
|
|
|
- // item.prop == "boxBelongsTo" ||
|
|
|
- // item.prop == "containerNumberOw" ||
|
|
|
- // item.prop == "containerNumberTypeOw"||
|
|
|
- // item.prop == "restrictedPortsName"||
|
|
|
- // item.prop == "restrictingShippingCompaniesName"||
|
|
|
- // item.prop == "activationDate"||
|
|
|
- // item.prop == "leasingCompany"||
|
|
|
- // item.prop == "boxSource"||
|
|
|
- // item.prop == "boxStatus"||
|
|
|
- // item.prop == "leaseMethod"||
|
|
|
- // item.prop == "leaseCommencementDate"||
|
|
|
- // item.prop == "purchaseDate"
|
|
|
- // ) {
|
|
|
- // item.disabled = false;
|
|
|
- // }
|
|
|
- // });
|
|
|
+ if (row.containerNumberType == "OW(放)" || row.containerNumberType == "OW(拿)") {
|
|
|
+ this.option.column.forEach(item => {
|
|
|
+ if (
|
|
|
+ item.prop == "code" ||
|
|
|
+ item.prop == "contractNo" ||
|
|
|
+ item.prop == "addressCname" ||
|
|
|
+ item.prop == "stationCname" ||
|
|
|
+ item.prop == "containerNumber" ||
|
|
|
+ item.prop == "containerNumber" ||
|
|
|
+ item.prop == "typeName" ||
|
|
|
+ item.prop == "newDate" ||
|
|
|
+ item.prop == "status" ||
|
|
|
+ item.prop == "boxBelongsTo" ||
|
|
|
+ item.prop == "containerNumberOw" ||
|
|
|
+ item.prop == "containerNumberTypeOw" ||
|
|
|
+ item.prop == "restrictedPortsName" ||
|
|
|
+ item.prop == "restrictingShippingCompaniesName" ||
|
|
|
+ item.prop == "activationDate" ||
|
|
|
+ item.prop == "leasingCompany" ||
|
|
|
+ item.prop == "boxSource" ||
|
|
|
+ item.prop == "boxStatus" ||
|
|
|
+ item.prop == "leaseMethod" ||
|
|
|
+ item.prop == "leaseCommencementDate" ||
|
|
|
+ item.prop == "purchaseDate"
|
|
|
+ ) {
|
|
|
+ item.disabled = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.option.column.forEach(item => {
|
|
|
+ if (
|
|
|
+ item.prop == "code" ||
|
|
|
+ item.prop == "contractNo" ||
|
|
|
+ item.prop == "addressCname" ||
|
|
|
+ item.prop == "stationCname" ||
|
|
|
+ item.prop == "containerNumber" ||
|
|
|
+ item.prop == "containerNumber" ||
|
|
|
+ item.prop == "typeName" ||
|
|
|
+ item.prop == "newDate" ||
|
|
|
+ item.prop == "status" ||
|
|
|
+ item.prop == "boxBelongsTo" ||
|
|
|
+ item.prop == "containerNumberOw" ||
|
|
|
+ item.prop == "containerNumberTypeOw" ||
|
|
|
+ item.prop == "restrictedPortsName" ||
|
|
|
+ item.prop == "restrictingShippingCompaniesName" ||
|
|
|
+ item.prop == "activationDate" ||
|
|
|
+ item.prop == "leasingCompany" ||
|
|
|
+ item.prop == "boxSource" ||
|
|
|
+ item.prop == "boxStatus" ||
|
|
|
+ item.prop == "leaseMethod" ||
|
|
|
+ item.prop == "leaseCommencementDate" ||
|
|
|
+ item.prop == "purchaseDate"
|
|
|
+ ) {
|
|
|
+ item.disabled = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
this.$refs.crud.rowEdit(row, index);
|
|
|
},
|
|
|
// 箱轨迹里合同号跳转
|