增加info模式

src/business/infbrd/views/Infsea.vue

@@ -353,6 +353,7 @@
                 style="margin-left: 5px"
                 size="small"
                 type="primary"
+                v-if="!isInfo"
                 @click="handler(scope.row)"
                 >处理
               </c-button>
@@ -408,6 +409,16 @@ export default {
   props: ["model", "codes"],
   mixins: [event],
   components: {},
+  computed:{
+    mode () {
+      return this.$store.state.Status.mode
+    },
+    isInfo: {
+      get () {
+        return this.mode === 'info'
+      }
+    }
+  },
   data() {
     return {
       inr: "",

src/business/inflid/event/index.js

 import Api from '~/service/Api';
 import { getTrnNameByInr } from "~/service/business/common";
 import moment from 'moment';
+import Utils from "~/utils"; 
 export default {
   methods: {
     async handleSearch() {
@@ -174,7 +175,8 @@ export default {
         if (res.respCode == SUCCESS) {
           const trnName = res.data.toLowerCase();
           let viewurl = "/#/display/" + trnName + "?trn=" + inr
-          window.open(viewurl, 'newwindow', 'height=1500,width=1200,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+          const serial = Utils.generateUUID();
+          window.open(viewurl, serial, 'height=1500,width=1200,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
         }
       });
     },

src/business/inflid/views/Infsea.vue

@@ -126,7 +126,7 @@
 
     <c-col :span="24" style="margin-top: 10px">
       <c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px" title="LITOPN"
-                @click="toLitopn">
+                @click="toLitopn" v-if="!isInfo">
         进口信用证开立
       </c-button>
     </c-col>
@@ -206,6 +206,7 @@
                   size="small"
                   type="primary"
                   @click="handler(scope.row)"
+                  v-if="!isInfo"
               >处理
               </c-button>
             </template>
@@ -431,6 +432,16 @@ export default {
   methods: {},
   created: function () {
   },
+  computed:{
+    mode () {
+      return this.$store.state.Status.mode
+    },
+    isInfo: {
+      get () {
+        return this.mode === 'info'
+      }
+    },
+  }
 };
 </script>
 <style scope>

src/business/litdck/views/Litdckp.vue

@@ -16,6 +16,7 @@
                 size="small"
                 style="margin-left: 10px; padding: 0 10px"
                 type="primary"
+                @click="onInfoView"
               >
                 <i class="el-icon-info"></i>
               </c-button>
@@ -563,7 +564,7 @@
 import Api from "~/service/Api";
 import CodeTable from "~/config/CodeTable";
 import event from '../event'
-
+import Utils from "~/utils";
 export default {
   inject: ["root"],
   props: ["model", "codes"],
@@ -620,7 +621,11 @@ export default {
     },
   },
   methods: { 
-    
+    onInfoView(){
+      let viewurl = "/#/info/infbrd"
+      const serial = Utils.generateUUID();
+      window.open(viewurl, serial, 'height=1500,width=1200,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+    }
    },
 
    
@@ -630,7 +635,7 @@ export default {
         max2cur(){
       this.model.brdgrp.cbs.max2.cur = this.model.brdgrp.cbs.max.cur
       return this.model.brdgrp.cbs.max2.cur
-    },
+    }
      }
   // dscinsflgChang() {
   //   if (this.model.brdgrp.rec.dscinsflg === "X") {

src/business/litopn/views/Ovwp1.vue

@@ -21,8 +21,9 @@
                 style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                 size="small"
                 type="primary"
-                icon="el-icon-search"
+                @click="onInfoView"
               >
+              <i class="el-icon-info"></i>
               </c-button>
               <c-button
                 style="margin: 0 0"
@@ -605,6 +606,11 @@ export default {
     //   });
 
     //   },
+    onInfoView(){
+      let viewurl = "/#/info/inflid"
+      const serial = Utils.generateUUID();
+      window.open(viewurl, serial, 'height=1500,width=1200,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+    },
     open(val) {
       if (
         val === "" &&
@@ -663,14 +669,28 @@ export default {
         }
       }
     },
-      "model.lidgrp.cbs.nom1.cur":{
-        immediate: true,
-        handler(val, oldVal) {
-        if (val == "JPY") {
-          this.model.lidgrp.cbs.nom1.amt = Number(this.model.lidgrp.cbs.nom1.amt)
-        }
-      }
-    },
+    //   "model.lidgrp.cbs.nom1.cur":{
+    //     immediate: true,
+    //     handler(val, oldVal) {
+    //     if (val == "JPY") {
+    //       console.log("this.root=>",this.root)
+    //       this.model.lidgrp.cbs.nom1.amt = null
+    //       this.root.rules['lidgrp.cbs.nom1.amt'] =  [
+    //         { type: 'number', required: true, message: '必输项' }
+            
+    //       ]
+    //     } else {
+    //       this.root.rules['lidgrp.cbs.nom1.amt'] =  [
+    //         { type: 'string', required: true, message: '必输项' },
+    //         { max: 18, message: '整数位不能超过15位' },
+    //         {
+    //           pattern: /(^\d+$)|(^\.\d{1,2}$)|(^\d+\.\d{1,2}$)/,
+    //           message: '小数位不能超过2位',
+    //         }
+    //       ]
+    //     }
+    //   }
+    // },
     "model.lidgrp":{
      immediate: true,
      deep: true,

src/components/DatePicker.vue

 <template>
-  <el-date-picker   v-storeModify :id="id" :class="{'highlight': highlight,'redClass':red && isDisable}" v-model="model" v-bind="attrs" v-on="$listeners" v-bind:disabled="isDisable" :value-format="valueFormat" :format="format"></el-date-picker>
+  <el-date-picker   v-storeModify :id="id" :class="{'highlight': highlight,'redClass':red && isDisplay}" v-model="model" v-bind="attrs" v-on="$listeners" v-bind:disabled="isDisable" :value-format="valueFormat" :format="format"></el-date-picker>
 </template>
 
 <script>
@@ -78,6 +78,11 @@ export default {
         return this.mode === 'display' || this.disabled
       }
     },
+    isDisplay: {
+      get () {
+        return this.mode === 'display'
+      }
+    },
     highlight () {
       return this.$store.state.Status.highlights.indexOf(this.id) !== -1
     },

src/components/InputCurrency.vue

@@ -2,7 +2,7 @@
   <el-input
     :id="id"
     v-storeModify
-    :class="{'redClass':isDisplay && isDisable}"
+    :class="{'redClass':red && isDisplay}"
     ref="form-item"
     class="m-input-currency"
     v-model="model"
@@ -50,11 +50,6 @@ export default {
       }
     }
   },
-  data(){
-    return {
-      red:false
-    }
-  },
   props: {
     value: {
       type: [String, Number],
@@ -87,7 +82,8 @@ export default {
   },
   data() {
     return {
-      isOnBlur: true
+      isOnBlur: true,
+      red:false
     };
   },
   computed: {

src/components/InputNumber.vue

 <template>
-  <el-input-number :id="id" v-storeModify :class="{'highlight': highlight,'redClass':red && isDisable}" ref="form-item" v-model="model" :controls="false" v-bind="$attrs" v-on="$listeners" v-bind:disabled="isDisable"/>
+  <el-input-number :id="id" v-storeModify :class="{'highlight': highlight,'redClass':red && isDisplay}" ref="form-item" v-model="model" :controls="false" v-bind="$attrs" v-on="$listeners" v-bind:disabled="isDisable"/>
 </template>
 
 <script>
@@ -72,6 +72,11 @@ export default {
         return this.mode === 'display' || this.disabled
       }
     },
+    isDisplay: {
+      get () {
+        return this.mode === 'display'
+      }
+    },
     highlight () {
       return this.$store.state.Status.highlights.indexOf(this.id) !== -1
     }

src/routers/index.js

@@ -2,6 +2,7 @@ import Vue from "vue";
 import VueRouter from "vue-router";
 
 import Display from "../views/Display";
+import Info from "../views/Info";
 import Login from "../views/Login";
 import Layout from "../views/Layout";
 // import BusRouter from "../views/Business/BusRouter";
@@ -20,7 +21,11 @@ const DisplayRouter = Business.map(route => {
     newRoute.name = newRoute.name + 'Display'
     return newRoute;
 })
-
+const InfoRouter = Business.map(route => {
+    const newRoute = Object.assign({}, route)
+    newRoute.name = newRoute.name + 'Info'
+    return newRoute;
+})
 /**
  * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
  * 
@@ -61,6 +66,7 @@ export const routes = [
     { path: "/business-new", component: Layout, children: Business },
     // { path: "/statics", component: Layout, children: StaticsRouter },
     { path: "/display", component: Display, children: DisplayRouter },
+    { path: "/info", component: Info, children: InfoRouter },
     { path: "/login", component: Login, name: "Login" },
     { path: "/docpan", component: () => import("../views/Docpan"), children: DocRouter },
     { path: "/model/viewer",component:ModelViewer},

src/service/business/common.js

 import Api from "~/service/Api"
 
 export function getTrnNameByInr(data) {
-    return Api.post('/business/getTrnNameByInr', data)
+    return Api.post('/service/trnrel/getTrnNameByInr', data)
 }
\ No newline at end of file

src/views/Info/index.vue

+<template>
+    <div class="info">
+        <businessContainer></businessContainer>
+    </div>
+</template>
+
+<script>
+import businessContainer from "../../business"
+import { mapMutations } from 'vuex'
+export default {
+    name: "Info",
+    components:{
+        businessContainer //复用业务容器
+    },
+    created: function () {
+        console.log("进入快照界面")
+        this.setMode('info')
+    },
+    destroyed: function () {
+        this.setMode('normal')
+    },
+    methods: {
+        ...mapMutations([
+        'setMode'
+        ])
+    }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file