福达 销售运输方式

src/views/exportTrade/salesContract/detailsPage.vue

@@ -125,6 +125,15 @@
                     <template slot-scope="{}" slot="portOfDestinationLabel"> <span
                             style="color: #409EFF;cursor: pointer" @click.stop="khEdit('portOfLoad')">目的港:</span>
                     </template>
+                    <template slot-scope="{}" slot="transport">
+                        <el-select size="small" v-model="form.transport" placeholder="请选择" @change="transportChange"
+                                   clearable
+                                   :disabled="detailData.status == 1">
+                            <el-option v-for="item in transportOption"
+                                       :key="item.id" :label="item.dictValue" :value="item.dictValue">
+                            </el-option>
+                        </el-select>
+                    </template>
                     <template slot="corpId">
                         <crop-select v-model="form.corpId" @getCorpData="getCorpData" corpType="KH"
                                      :disabled="detailData.status == 1"></crop-select>
@@ -714,11 +723,11 @@ export default {
                 span: 6,
                 type: "select",
                 dicUrl: "/api/blade-system/dict-biz/dictionary?code=mode_transport",
+                dicData:[],
                 props: {
                     label: "dictValue",
                     value: "dictValue"
                 },
-                dicData:[],
                 rules: [
                     {
                         required: true,
@@ -727,12 +736,14 @@ export default {
                     }
                 ],
                 change:((e)=>{
-                    e.column.dicData.forEach(item => {
-                        if (e.value == item.dictValue) {
-                            this.form.transport = item.dictValue
-                            this.form.transportDescription = item.remark;
-                        }
-                    });
+                    // if (e.value == '') return
+                    // console.log(e,731)
+                    // e.column.dicData.forEach(item => {
+                    //     if (e.value == item.dictValue) {
+                    //         this.form.transport = item.dictValue
+                    //         this.form.transportDescription = item.remark;
+                    //     }
+                    // });
                 })
             },{
                 label: "运输方式描述",
@@ -1191,6 +1202,9 @@ export default {
       dateClauseList: [],
       checkDialog: false,
       checkData: {},
+
+
+        transportOption:[],
     };
   },
   props: {
@@ -1304,13 +1318,27 @@ export default {
       return IntegerFormat(num);
     }
   },
-  methods: {
+    mounted() {
+    },
+    methods: {
       // 获取运输方式数据
       getDictionaryfun(){
           getDictionary({code:'mode_transport'}).then(res=>{
-              this.findObject(this.option.column, "transport").dicData = res.data.data
+              // this.findObject(this.option.column, "transport").dicData = res.data.data
+              this.transportOption = res.data.data
+              console.log(res,1312)
           })
       },
+        // 运输方式的监听事件
+        transportChange(){
+            this.transportOption.forEach(item => {
+                if (this.form.transport == item.dictValue) {
+                    this.form.transport = item.dictValue
+                    this.form.transportDescription = item.remark;
+                }
+            });
+            // console.log(e,1334)
+        },
       //审核关闭
       choceScheduleFun() {
           this.checkScheduleDialog = false