信用证单据查询详情优化

src/views/Business/Ditdck/index.vue

@@ -7,7 +7,7 @@
         :handleCheck="handleCheck"
         :handleStash="handleStash"
       >
-        </c-function-btn>
+      </c-function-btn>
       <el-form
         :model="model"
         :rules="rules"
@@ -17,12 +17,15 @@
         size="small"
         :validate-on-rule-change="false"
       >
-      
         <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
           <!--PD000047 -->
           <el-tab-pane label="单据概况" name="litdckp">
             <c-content>
-              <m-litdckp :model="model" :codes="codes" v-on:changeShowDocpre="changeShowDocpre"/>
+              <m-litdckp
+                :model="model"
+                :codes="codes"
+                v-on:changeShowDocpre="changeShowDocpre"
+              />
             </c-content>
           </el-tab-pane>
 
@@ -32,10 +35,9 @@
            </el-tab-pane> -->
 
           <!--PD000062 -->
-        <el-tab-pane label="单据详情" name="docpre" v-if="isShowDocpre">
+          <el-tab-pane label="单据详情" name="docpre" v-if="isShowDocpre">
             <m-docpre :model="model" :codes="codes" />
-        </el-tab-pane>
-          
+          </el-tab-pane> 
 
           <!--PD000079 -->
           <!-- <el-tab-pane label="Shipping Detail" name="shpdet">
@@ -48,7 +50,7 @@
 
           <el-tab-pane label="费用及账务" name="setpan">
             <m-setpan :model="model" :codes="codes" />
-          </el-tab-pane>
+          </el-tab-pane> 
 
           <!-- <el-tab-pane label="分录" name="glepan">
             <m-glepan :model="model" :codes="codes" ref="glepan" />
@@ -68,11 +70,15 @@
 
           <el-tab-pane label="授信额度" name="limitbody">
             <m-limitbody :model="model" :codes="codes" />
-          </el-tab-pane>
+          </el-tab-pane> 
         </c-tabs>
       </el-form>
-         <c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
-	  </c-grid-ety-prompt-dialog>
+      <c-grid-ety-prompt-dialog
+        ref="etyDialog"
+        :promptData="promptData"
+        v-on:select-ety="selectEty"
+      >
+      </c-grid-ety-prompt-dialog>
     </div>
   </c-page>
 </template>
@@ -123,57 +129,46 @@ export default {
   mixins: [CommonProcess, CommonFuncs], // 里面包含了Default、Check等的公共处理
   data() {
     return {
-      isShowDocpre:false,
+      isShowDocpre: false,
       tabVal: "litdckp",
       trnName: "ditdck",
       model: new Ditdck().data,
-      // checkRules: Check,
-      defaultRules: Default,   
+      checkRules: Check,
+      defaultRules: Default,
       pattern: Pattern,
       rules: null,
-      codes: { ...CodeTable,
-      invtypCodes:[
-		{ label: "type1", value: "1" }
-	], },
+      codes: { ...CodeTable, invtypCodes: [{ label: "type1", value: "1" }] },
     };
   },
-  methods: {
-    
+   methods: {
+    changeShowDocpre(val) {
+      this.isShowDocpre = val;
+    },
   },
   created: async function () {
     console.log("进入ditdck交易");
-    let rtnmsg = await this.init(this.$route.query)
-    if(rtnmsg.respCode == SUCCESS)
-    {
-       //TODO 处理数据逻辑
-        console.log(rtnmsg)
-        Utils.copyValueFromVO(this.model,rtnmsg.data)
-        console.log(this.model);
-        if(this.isInDisplay){
-            this.restoreDisplay()
-        }
-    }
-    if(this.model.bddgrp.rec.dscinsflg == "X"){
-        this.isShowDocpre = true;
-    }
-    else
-    {
-        this.$notify.error({title: '错误',message: '服务请求失败！'});
+    let rtnmsg = await this.init(this.$route.query);
+    if (rtnmsg.respCode == SUCCESS) {
+      //TODO 处理数据逻辑
+      console.log(rtnmsg);
+      debugger;
+      Utils.copyValueFromVO(this.model, rtnmsg.data);
+      console.log(this.model);
+      if (this.isInDisplay) {
+        this.restoreDisplay();
+      }
+      
+    };
+    if (this.model.bddgrp.rec.dscinsflg == "X") {
+      this.isShowDocpre = true;
+    } else {
+      this.$notify.error({ title: "错误", message: "服务请求失败!" });
     }
-
-    // console.log("进入ditdck交易");
-    // let rtnmsg = await this.init({});
-    // if (rtnmsg.respCode == SUCCESS) {
-    //   Utils.copyValueFromVO(this.model, rtnmsg.data);
-    // } else {
-    //   this.$notify.error({ title: "错误", message: "服务请求失败！" });
-    // }
+    
   },
-  methods: {
-      changeShowDocpre(val) {
-          this.isShowDocpre = val
-      }
-  }
+
+  
+ 
 };
 </script>
 <style>

src/views/Business/Infbdd/Infsea.vue

@@ -240,12 +240,44 @@
             </template>
             <template slot-scope="scope">
 
-              <c-button
+              <!-- <c-button
                 style="margin-left: 0"
                 size="small"
               >
                 详情
-              </c-button>
+              </c-button> -->
+               <el-popover
+                placement="top-start"
+                title="历史信息"
+                width="800"
+                trigger="click"
+              >
+                <c-istream-table
+                  :list="trnData.data"
+                  :columns="trnData.columns"
+                >
+                  <el-table-column prop="op" label="操作" width="0">
+                    <template slot-scope="scope">
+                      <c-button
+                        style="margin-left: 0"
+                        size="small"
+                        type="primary"
+                        @click="display(scope.$index, scope.row)"
+                      >
+                        查看详情
+                      </c-button>
+                    </template>
+                  </el-table-column>
+                </c-istream-table>
+                <c-button
+                  style="margin-left: 0"
+                  size="small"
+                  @click="getTrnInfo(scope.$index, scope.row)"
+                  slot="reference"
+                >
+                  详情
+                </c-button>
+              </el-popover>
               <c-button
                 style="margin-left: 0"
                 size="small"
@@ -293,6 +325,17 @@ export default {
     return {
         ownref:"",
         initdialog:false,
+          trnData: {
+        columns: [
+          '1 1 "编号" 200',
+          '2 2 "交易名称" 100',
+          '3 3 "日期" 200',
+          '4 4 "状态" 50',
+          '5 5 "币种" 80',
+          '6 6 "金额" 80',
+        ],
+        data: [],
+      },
       stmData: {
         columns: [
           '1 1 "Reference" 140 ',
@@ -333,7 +376,21 @@ export default {
             //跳转交易
           this.$router.history.push("/business/" + code) 
           this.initdialog = false                    
-        }
+        },
+        async getTrnInfo(idx, row) {
+          debugger;
+
+      this.model.infcon.objinr = row["INR"];
+      this.model.didgrp.rec.inr = row["INR"];
+      this.model.infcon.chksubcon = "X";
+
+      this.dialogTableVisible = true;
+      let rtnmsg = await this.executeDefault("infcon.chksubcon");
+
+      if ((rtnmsg.respCode = SUCCESS)) {
+        this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
+      }
+    },
   },
   created: function () {},
 };

src/views/Business/Infdid/Infsea.vue

@@ -322,15 +322,14 @@
                   :list="trnData.data"
                   :columns="trnData.columns"
                 >
-                  <el-table-column prop="op" label="操作" width="110">
+                  <el-table-column prop="op" label="操作" width="0">
                     <template slot-scope="scope">
                       <c-button
                         style="margin-left: 0"
                         size="small"
-                        type="primary"
                         @click="display(scope.$index, scope.row)"
                       >
-                        查看详情
+                        详情
                       </c-button>
                     </template>
                   </el-table-column>
@@ -591,14 +590,12 @@ export default {
       dialogTableVisible: false,
       trnData: {
         columns: [
-          '1 1 "编号" 0',
-          '2 2 "交易名称" 0',
-          '3 3 "日期" 0',
-          '4 4 "状态" 0',
-          '5 5 "币种" 0',
-          '6 6 "金额" 0',
-          '7 7 "Relres" 0',
-          '0 8 "Inr" 0',
+          '1 1 "编号" 200',
+          '2 2 "交易名称" 100',
+          '3 3 "日期" 200',
+          '4 4 "状态" 50',
+          '5 5 "币种" 80',
+          '6 6 "金额" 80',
         ],
         data: [],
       },