gitcrj页面修改

src/views/Business/Gitcrj/Gitsetp1.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="12 " style="padding-right: 20px;">
-      <c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col
+        :span="16"
+        v-if="model.gidgrp.rec.expflg == 'X' || model.gidgrp.rec.expdat != ''"
+      >
         <el-form-item
           label="保函编号"
           prop="gidgrp.rec.ownref"
@@ -23,14 +26,16 @@
                 icon="el-icon-info"
                 @click="onSeainf"
               >
-             
               </c-button>
             </template>
           </c-fullbox>
         </el-form-item>
       </c-col>
 
-    <c-col :span="24" v-if="model.gidgrp.rec.expflg!='X'&&model.gidgrp.rec.expdat==''">
+      <c-col
+        :span="24"
+        v-if="model.gidgrp.rec.expflg != 'X' && model.gidgrp.rec.expdat == ''"
+      >
         <el-form-item
           label="保函编号"
           prop="gidgrp.rec.ownref"
@@ -52,21 +57,17 @@
                 icon="el-icon-info"
                 @click="onSeainf"
               >
-               
               </c-button>
             </template>
           </c-fullbox>
         </el-form-item>
       </c-col>
-      <c-col :span="8" v-if="model.gidgrp.rec.expflg=='X'">
-        <el-form-item
-          style="margin-left:20px"
-          label="我行责任敞口"
-        >
+      <c-col :span="8" v-if="model.gidgrp.rec.expflg == 'X'">
+        <el-form-item style="margin-left: 20px" label="我行责任敞口">
         </el-form-item>
       </c-col>
 
-      <c-col :span="8" v-if="model.gidgrp.rec.expdat!=''">
+      <c-col :span="8" v-if="model.gidgrp.rec.expdat != ''">
         <el-form-item
           label="保函效期"
           label-width="50px"
@@ -82,7 +83,6 @@
         </el-form-item>
       </c-col>
 
-
       <c-col :span="24">
         <el-form-item
           label="索赔编号"
@@ -105,7 +105,6 @@
                 icon="el-icon-info"
                 @click="onSeainf"
               >
-                
               </c-button>
               <c-button
                 size="small"
@@ -208,23 +207,25 @@
             v-model="model.gidgrp.rec.gartyp"
             style="width: 100%"
             placeholder="请选择保函种类"
-            :code="typgar2"
+            :code="codes.typgar"
           >
           </c-select>
         </el-form-item>
       </c-col>
 
-       <c-col :span="24" v-if="model.gidgrp.rec.liadat=='X'" >
-        <el-form-item
-          
-          label="我行责任敞口"
-        >
-        </el-form-item>
+      <c-col :span="24" v-if="model.gidgrp.rec.liadat == 'X'">
+        <el-form-item label="我行责任敞口"> </el-form-item>
       </c-col>
 
-       <c-col :span="24" v-if="model.gidgrp.rec.liadat!=''" >
+      <c-col :span="24" v-if="model.gidgrp.rec.liadat != ''">
         <el-form-item label="责任截至日" prop="gidgrp.rec.liadat">
-            <c-date-picker type="date"  v-model="model.gidgrp.rec.liadat" disabled style="width:100%"  placeholder="请选择责任截至日"></c-date-picker>
+          <c-date-picker
+            type="date"
+            v-model="model.gidgrp.rec.liadat"
+            disabled
+            style="width: 100%"
+            placeholder="请选择责任截至日"
+          ></c-date-picker>
         </el-form-item>
       </c-col>
 
@@ -239,7 +240,7 @@
         </el-form-item>
       </c-col>
     </c-col>
-    <c-col :span="12" style="padding-left: 20px;">
+    <c-col :span="12" style="padding-left: 20px">
       <c-col :span="12">
         <c-form-item
           label="保函余额"
@@ -329,7 +330,7 @@
       </c-col>
     </c-col>
 
-    <c-col :span="12" style="padding-right: 20px;">
+    <c-col :span="12" style="padding-right: 20px">
       <c-col :span="24">
         <el-form-item label="信函名称" prop="lettername">
           <c-input
@@ -344,7 +345,7 @@
         <el-form-item label="选择拒付类型" prop="rejtypsel">
           <c-select
             v-model="model.rejtypsel"
-            style="width:100%"        
+            style="width: 100%"
             placeholder=""
             :code="rejtypsel"
           ></c-select>
@@ -370,10 +371,7 @@
       </c-col>
 
       <c-col :span="24">
-        <el-form-item
-          label="拒付原因"
-          prop="trnmod.swiadd.strinfs20"
-        >
+        <el-form-item label="拒付原因" prop="trnmod.swiadd.strinfs20">
           <c-input
             type="textarea"
             v-model="model.trnmod.swiadd.strinfs20"
@@ -413,7 +411,6 @@
                   )
                 "
               >
-              
               </c-button>
             </template>
           </c-fullbox>
@@ -421,7 +418,7 @@
       </c-col>
     </c-col>
 
-    <c-col :span="12"  style="margin-top: 15px;padding-left: 20px;">
+    <c-col :span="12" style="margin-top: 15px; padding-left: 20px">
       <c-col :span="24">
         <c-form-item label="索赔当事人" prop="gcdgrp.rec.docprbrol">
           <c-select
@@ -469,7 +466,6 @@
                 icon="el-icon-info"
                 @click="onSeainf"
               >
-                
               </c-button>
               <c-button
                 size="small"
@@ -534,7 +530,6 @@
                 icon="el-icon-info"
                 @click="onSeainf"
               >
-             
               </c-button>
               <c-button
                 style="margin: 0 0"
@@ -587,19 +582,18 @@ export default {
       ],
     };
   },
-  watch:{
-    "model.rejtypsel" : {
+  watch: {
+    "model.rejtypsel": {
       immediate: true,
-      handler(val,oldval){
-        if(this.model.rejtypsel=="I"){
-        this.model.mtabut.clsflg=""
-        }else if(this.model.rejtypsel=="R"){
-        this.model.mtabut.clsflg="X"
-
-      }
+      handler(val, oldval) {
+        if (this.model.rejtypsel == "I") {
+          this.model.mtabut.clsflg = "";
+        } else if (this.model.rejtypsel == "R") {
+          this.model.mtabut.clsflg = "X";
         }
       },
     },
+  },
 
   methods: { ...Event },
   created: function () {},

src/views/Business/Gitcrj/index.vue

 <template>
-
   <div class="eContainer">
     <c-page title="进口保函拒付">
-    
       <!-- <el-button size="small">备忘录</el-button>
                 <el-button size="small">影像信息</el-button> -->
       <!-- <el-button size="small">使用模板</el-button> -->
@@ -17,19 +15,24 @@
         label-width="120px"
         label-position="right"
         size="small"
-    :validate-on-rule-change="false">
-       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
-      
+        :validate-on-rule-change="false"
+      >
+        <c-tabs
+          v-model="tabVal"
+          ref="elment"
+          type="card"
+          @tab-click="myTabClick"
+        >
           <el-tab-pane label="业务信息" name="ovwp">
             <c-content>
-                <m-ovwp :model="model" :codes="codes"/>
+              <m-ovwp :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
           <!--PD000001 -->
           <el-tab-pane label="统一授信" name="limitbody">
             <c-content>
-                <m-limitbody :model="model" :codes="codes"/>
+              <m-limitbody :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
@@ -65,21 +68,23 @@
           <!--PD000529 -->
           <el-tab-pane label="报文/面函" name="docpan">
             <c-content>
-                <m-docpan :model="model" :codes="codes"/>
+              <m-docpan :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
 
           <!--PD000546 -->
           <el-tab-pane label="附件信息" name="doctre">
             <c-content>
-                <m-doctre :model="model" :codes="codes"/>
+              <m-doctre :model="model" :codes="codes" />
             </c-content>
           </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
+        ref="etyDialog"
+        :promptData="promptData"
+        v-on:select-ety="selectEty"
+      >
       </c-grid-ety-prompt-dialog>
       <c-grid-ety-prompt-dialog
         ref="doxpDialog"
@@ -88,58 +93,55 @@
         @select-ety="selectMsg"
       >
       </c-grid-ety-prompt-dialog>
-      </c-page>
+
       <c-function-btn
         :handleSubmit="handleSubmit"
         :handleCheck="handleCheck"
         :handleStash="handleStash"
       >
       </c-function-btn>
-
+    </c-page>
   </div>
- 
-  
 </template>
 <script>
-import Api from "~/service/Api"
-import CodeTable from "~/config/CodeTable"
-import Gitcrj from "~/model/Gitcrj"
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import Gitcrj from "~/model/Gitcrj";
 import commonProcess from "~/mixin/commonProcess";
 
 import commonFuncs from "~/mixin/commonFuncs";
-import Check from "~/model/Gitcrj/Check"
-import Default from "~/model/Gitcrj/Default"
-import Pattern from "~/model/Gitcrj/Pattern"
-import Gitsetp1 from "./Gitsetp1"
-import Gitbin from "./Gitbin"
-
-import Limitbody from "~/views/Public/Limitbody"
-import Doctre from "~/views/Public/Doctre"
-import Docpan from "~/views/Public/Docpan"
-import Setpan from "~/views/Public/Setpan"
-import Coninfp from "~/views/Public/Coninfp"
-import Ovwp from "./Ovwp"
-
+import Check from "~/model/Gitcrj/Check";
+import Default from "~/model/Gitcrj/Default";
+import Pattern from "~/model/Gitcrj/Pattern";
+import Gitsetp1 from "./Gitsetp1";
+import Gitbin from "./Gitbin";
+
+import Limitbody from "~/views/Public/Limitbody";
+import Doctre from "~/views/Public/Doctre";
+import Docpan from "~/views/Public/Docpan";
+import Setpan from "~/views/Public/Setpan";
+import Coninfp from "~/views/Public/Coninfp";
+import Ovwp from "./Ovwp";
 
 export default {
   name: "Gitcrj",
-    components:{
-        "m-gitsetp1" : Gitsetp1,
-        "m-setpan" : Setpan,
-        "m-coninfp" : Coninfp,
-        "m-docpan" : Docpan,
-        "m-doctre" : Doctre,
-        "m-gitbin" : Gitbin,
-        "m-limitbody" : Limitbody,
-        "m-ovwp" : Ovwp,
+  components: {
+    "m-gitsetp1": Gitsetp1,
+    "m-setpan": Setpan,
+    "m-coninfp": Coninfp,
+    "m-docpan": Docpan,
+    "m-doctre": Doctre,
+    "m-gitbin": Gitbin,
+    "m-limitbody": Limitbody,
+    "m-ovwp": Ovwp,
   },
   provide() {
     return {
-            root: this
-        }
+      root: this,
+    };
   },
-  mixins: [commonProcess,commonFuncs],     // 里面包含了Default、Check等的公共处理
-    data(){
+  mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
+  data() {
     return {
       tabVal: "ovwp",
       trnName: "gitcrj",
@@ -148,37 +150,32 @@ export default {
       defaultRules: Default,
       pattern: Pattern,
       rules: null,
-            codes: {...CodeTable
-            },
-            activeNames: ["setpan","coninfp"],
-        }
+      codes: { ...CodeTable },
+      activeNames: ["setpan", "coninfp"],
+    };
   },
-    methods:{
-        myTabClick(tab){
-            this.tabClick(tab)
+  methods: {
+    myTabClick(tab) {
+      this.tabClick(tab);
       /**
        *  do it yourself
        **/
-        }
     },
-    created:async function(){
+  },
+  created: async function () {
     console.log("进入gitcrj交易");
-        let rtnmsg = await this.init({})
-        if(rtnmsg.respCode == SUCCESS)
-        {
-           this.updateModel(rtnmsg.data)
+    let rtnmsg = await this.init({});
+    if (rtnmsg.respCode == SUCCESS) {
+      this.updateModel(rtnmsg.data);
       //TODO 处理数据逻辑
       if (this.isInDisplay) {
         this.restoreDisplay();
       }
+    } else {
+      this.$notify.error({ title: "错误", message: "服务请求失败！" });
     }
-        else
-        {
-            this.$notify.error({title: '错误',message: '服务请求失败！'});
-        }
-    }
-}
+  },
+};
 </script>
 <style>
-
 </style>