cptopn setpan优化

src/views/Business/Cptopn/Setpan.vue

 <template>
-  <div class="eibs-tab">
+  <el-row class="eibs-tab">
     <!-- ===================顶部===================== -->
     <el-col :span="6">
             <el-form-item label="Reference" label-width="100px" prop="setmod.ref">
@@ -11,12 +11,12 @@
                 ></c-input>
             </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :span="6">
             <el-form-item label="Amount Settled" label-width="150px">
                 <c-input
-                    v-model="temp1"
+                    v-model="model.setmod.doccur"
                     style="width: 100%"
-                    placeholder=""
+                    placeholder="CNY"
                     :readonly="true"
                     
                 ></c-input>
@@ -26,7 +26,7 @@
         <el-col :span="4">
             <el-form-item label="" label-width="20px">
                 <c-input
-                    v-model="temp2"
+                    v-model="model.setmod.docamt"
                     :readonly="true"
                     placeholder=""
                 ></c-input>
@@ -34,14 +34,21 @@
         </el-col>
 
         <el-col :span="6">
-            <el-form-item label="Type" label-width="100px">
-                <c-input
-                    v-model="temp3"
-                    readonly
+            <el-form-item label="类型" label-width="100px">
+                <c-select
+                    v-model="model.setmod.dspflg"
+                    disabled
                     style="width: 100%"
-                    placeholder=""
+                    placeholder="请选择Type of settlement"
+                >
+                    <el-option
+                        v-for="item in codes.dspflg"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
                     >
-                </c-input >
+                    </el-option>
+                </c-select>
             </el-form-item>
         </el-col>
 
@@ -109,7 +116,7 @@
     <el-col :span="22" style="margin-bottom: 18px" :offset="1">
       <c-table
         style="text-align: center"
-        :list="data"
+        :list="model.setmod.setfog.setfol"
         :paginationShow="false"
         :border="true"
       >
@@ -265,6 +272,7 @@
                 </el-table-column>
             </c-table>
         </el-col>
+        <setpan-dialog v-if="dialogVisible2" :visible="dialogVisible2" :model="model" :idx="index" :codes="codes"/>
         <!--=================== Settlement:================== -->
         <el-col :span="24" style="text-align: left">
             <el-form-item label="Settlement:" label-width="100px">
@@ -273,7 +281,7 @@
         <el-col :span="22" style="margin-bottom: 18px" :offset="1">
             <c-table
                 style="text-align: center"
-                :list="data"
+                :list="model.setmod.setglg.setgll"
                 :paginationShow="false"
                 :border="true"
             >
@@ -341,25 +349,49 @@
                 <el-table-column label="" width="auto"> </el-table-column>
             </c-table>
         </el-col>
-  </div>
+  </el-row>
 </template>
 <script>
 import Api from "~/service/Api";
 import CodeTable from "~/config/CodeTable";
 import Event from "~/model/Cptopn/Event";
+import SetpanDialog from "./SetpanDialog.vue";
+import Utils from "~/utils/index"
 
 export default {
     inject: ['root'],
   props: ["model", "codes"],
+  components: { SetpanDialog },
   data() {
     return {
-        temp1:'USD',
-        temp2:'0.00',
-        temp3:'final',
+         
+            dialogVisible2: false,
+           
+            dialog2: {
+                feetxtinf:"",
+                feetxt:"",
+            },
+            index: 0,
         data:[]
     };
   },
-  methods: { ...Event },
+  methods: { 
+      ...Event,
+       dispDefault(){
+            Api.post("cptopn/executeDefault/mac",Utils.getRequestDataFn.call(this)).then(res=>{
+                 Utils.copyValueFromVO(this.model, res.data)
+            })
+            
+        },
+         
+        detail2(index, row) {
+             Api.post("cptopn/executeRule/det",Utils.getRequestDataFn.call(this)).then(res=>{
+            this.dialogVisible2 = true;
+            this.index = index;
+            this.dialog2 = row
+             })
+        },
+  },
   created: function () {},
 };
 </script>