面函预览增加iso报文功能

src/components/business/docpan/views/index.vue

@@ -491,7 +491,7 @@
           <el-button @click="print" style="float:right;position:relative;z-index:99" type="primary">打印</el-button>
           <el-tabs type="card"  v-model="tabName">
             <el-tab-pane v-for="(item,index) in formatData" :key="'F'+index" :label="`MT ${item.mt} 格式化文本`" :name="`format${index}`">        
-             <div class="printEm" :ref="`format${index}Div`" style="line-height:2em">
+             <div class="printEm" :ref="`format${index}Div`" style="line-height:2em;font-family: math;font-size: 14px;">
               <el-divider><b>Message Header</b></el-divider>  
               <el-row>
                 <el-col :offset="5" :span="6">Correspondents BIC / TID</el-col>
@@ -530,16 +530,16 @@
                 </el-col>
               </el-row>
               <el-divider><b>Message Body</b></el-divider> 
-              <el-row :key="index" v-for="(tagDesp,index) in item.tagDespList">
+              <el-row :key="index" v-for="(tagDesp,index) in item.tagDespList" >
                 <el-col :offset="5" :span="6">
-                  <pre v-html="tagDesp.desp"></pre>
+                  <pre style="font-family: math;font-size: 14px;" v-html="tagDesp.desp"></pre>
                 </el-col>
                 <el-col :span="2">
-                  <pre>:{{tagDesp.tag}}:</pre>
+                  <pre style="font-family: math;font-size: 14px;">:{{tagDesp.tag}}:</pre>
                 </el-col>
                 <el-col :span="11">
                   <div>
-                    <pre><b>{{tagDesp.value || " "}}</b></pre>
+                    <pre><b style="font-family: math;font-size: 14px;">{{tagDesp.value || " "}}</b></pre>
                   </div>
                 </el-col>
               </el-row> 
@@ -548,7 +548,25 @@
             <el-tab-pane v-for="(item,index) in formatData" :key="'S'+index" :label="`MT ${item.mt} 原报`"
             :name="`source${index}`">
             <div :ref="`source${index}Div`" style="line-height:2em">
-              <pre v-html="item.message"></pre>
+              <!-- <pre v-html="item.message"></pre> -->
+              <c-input
+              class="preMessage"
+              type="textarea"
+              :autosize=true
+              v-model="item.message"
+              :readonly=true
+            ></c-input>
+            </div>
+            </el-tab-pane>
+            <el-tab-pane v-if="isoData != null && isoData != ''"  :label="`ISO MX ${isoType} 报文`" :name="`iso`">
+            <div :ref="`isoDiv`" style="line-height:2em">
+              <c-input
+              class="preMessage"
+              type="textarea"
+              :autosize=true
+              v-model="isoData"
+              :readonly=true
+            ></c-input>
             </div>
             </el-tab-pane>
           </el-tabs>
@@ -586,6 +604,8 @@ export default {
       textContext: '',
       viewPdfurl: '',
       formatData: [],
+      isoData: '',
+      isoType: '',
       tabName:"format0",
       dialogVisible: true
 
@@ -672,6 +692,10 @@ export default {
           this.previewType = "";
           this.textContext = res.data.data;
           this.formatData = res.data.formatData;
+          this.isoData = res.data.isoData;
+          if(this.formatData.length > 0){
+             this.isoType = this.formatData[0].mt;
+          }
         }
       }
      
@@ -822,4 +846,8 @@ export default {
 .preview /deep/ .el-dialog--center .el-dialog_body div {
   height: 100%;
 }
+.preMessage /deep/ .el-textarea__inner {
+    font-size: 14px !important;
+    font-family: math !important;
+}
 </style>