litame交易ui美化

src/assets/css/common.css

@@ -521,12 +521,17 @@
   }
 }
 
-
+/* checkbox右对齐 */
 .el-checkbox{
   float: right;
   text-align: center;
 }
 
+/* checkbox左对齐 */
+.checkbox-left{
+  float: left;
+  text-align: center;
+}
 /* .el-checkbox:last-of-type{
   margin-right:30px;
 } */

src/views/Business/Litame/Adcpame.vue

 <template>
   <div class="eibs">
-    <el-col :span="12" style="padding-right: 20px;">
-         <c-col :span="24">
+    <el-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
         <el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">
-            <c-input 
-            :autosize="{ minRows: 12, maxRows: 800}"
+          <c-input
+            :autosize="{ minRows: 12, maxRows: 800 }"
             :disabled="this.flag1"
-            type="textarea" v-model="model.lidgrp.blk.adlcnd" maxlength="52000" show-word-limit placeholder="请输入附加条款" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.adlcnd"
+            maxlength="52000"
+            show-word-limit
+            placeholder="请输入附加条款"
+          ></c-input>
         </el-form-item>
-        </c-col>
-         <c-col :span="22">
-        <el-form-item label="添加/删除当前修订中的文本" prop="litamep.adlcndamep.usrblk">
-            <c-input 
-            :disabled="this.flag2"
-            :autosize="{ minRows: 22, maxRows: 800}"
-            type="textarea" v-model="model.litamep.adlcndamep.usrblk" maxlength="52000" show-word-limit placeholder="请输入添加/删除补充信息" ></c-input>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.adlcndamep.usrblk"
+        >
+          <c-fullbox>
+            <c-input
+              :disabled="this.flag2"
+              :autosize="{ minRows: 22, maxRows: 800 }"
+              type="textarea"
+              v-model="model.litamep.adlcndamep.usrblk"
+              maxlength="52000"
+              show-word-limit
+              placeholder="请输入添加/删除补充信息"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                :disabled="this.flag2"
+                @click="
+                  showGridPromptDialog(
+                    'litamep.adlcndame.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'litamep.adlcndamep.usrblk' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
         </el-form-item>
-        </c-col>
-        <c-col :span="2">
-            <c-button size="small" type="primary" icon="el-icon-search" 
+      </c-col>
+      <!-- <c-col :span="22">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.adlcndamep.usrblk"
+        >
+          <c-input
             :disabled="this.flag2"
-        @click="showGridPromptDialog('litamep.adlcndame.buttxmsel',null,null,{TXT: 'litamep.adlcndamep.usrblk'}, {TXT: false},'doxpDialog')"> 
+            :autosize="{ minRows: 22, maxRows: 800 }"
+            type="textarea"
+            v-model="model.litamep.adlcndamep.usrblk"
+            maxlength="52000"
+            show-word-limit
+            placeholder="请输入添加/删除补充信息"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="2">
+        <c-button
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          :disabled="this.flag2"
+          @click="
+            showGridPromptDialog(
+              'litamep.adlcndame.buttxmsel',
+              null,
+              null,
+              { TXT: 'litamep.adlcndamep.usrblk' },
+              { TXT: false },
+              'doxpDialog'
+            )
+          "
+        >
         </c-button>
-        </c-col>
+      </c-col> -->
     </el-col>
 
-    <el-col :span="12" style="padding-left: 20px;">
-        <c-col :span="24">
+    <el-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
         <el-form-item label="历史概述" prop="lidgrp.blk.adlcndame">
-            <c-input 
-            :autosize="{ minRows: 12, maxRows: 999}"
+          <c-input
+            :autosize="{ minRows: 12, maxRows: 999 }"
             disabled
-            type="textarea" v-model="model.lidgrp.blk.adlcndame" maxlength="4950" show-word-limit placeholder="请输入Additional  Conditions Amendment History" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.adlcndame"
+            maxlength="4950"
+            show-word-limit
+            placeholder="请输入Additional  Conditions Amendment History"
+          ></c-input>
         </el-form-item>
-        </c-col>
+      </c-col>
+
+      <c-col :span="12">
+        <c-checkbox
+          class="checkbox-left"
+          style="margin: 0px 0 10px 120px"
+          v-model="model.lidgrp.rec.redclsflg"
+          >红/绿条款</c-checkbox
+        >
+      </c-col>
 
-        <c-col :span="12">
-	    <c-checkbox 
-        style=" margin: 0px 0 10px 150px;"
-        v-model="model.lidgrp.rec.redclsflg">红/绿条款</c-checkbox>
-       </c-col>
+      <c-col :span="12">
+        <c-checkbox
+          style="margin: 0px 0 10px 100px"
+          v-model="model.lidgrp.rec.spcbenflg"
+          >适用于受益人的特殊付款条款</c-checkbox
+        >
+      </c-col>
 
-        <c-col :span="12">
-	    <c-checkbox 
-        style=" margin: 0px 0 10px 100px;"
-        v-model="model.lidgrp.rec.spcbenflg">适用于受益人的特殊付款条款</c-checkbox>
-       </c-col>
+      <c-col :span="12">
+        <c-checkbox
+          @change="open"
+          class="checkbox-left"
+          style="margin: 0px 0 10px 120px"
+          v-model="model.litamep.adlcndamep.modflg"
+          >修改要替换的文本</c-checkbox
+        >
+      </c-col>
 
-       <c-col :span="12">
-	    <c-checkbox 
-        @change="open"
-        style=" margin: 0px 0 10px 150px;"
-        v-model="model.litamep.adlcndamep.modflg">修改要替换的文本</c-checkbox>
-       </c-col>
+      <c-col :span="12">
+        <c-checkbox
+          style="margin: 0px 0 10px 100px"
+          v-model="model.lidgrp.rec.spcrcbflg"
+          >仅适用于银行的特殊付款条款</c-checkbox
+        >
+      </c-col>
 
-        <c-col :span="12">
-	    <c-checkbox 
-        style=" margin: 0px 0 10px 100px;"
-        v-model="model.lidgrp.rec.spcrcbflg">仅适用于银行的特殊付款条款</c-checkbox>
-       </c-col>
-                  
-       
-                  
-       <c-col :span="12">
-	    <c-checkbox 
-        @change="open1"
-        style=" margin: 0px 0 10px 150px;"
-        v-model="model.litamep.adlcndamep.modmanflg">内部修改文本</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary"  @click="onAdlcndamepButdif">
-            显示差异
+      <c-col :span="12">
+        <el-form-item label=" " prop="litamep.adlcndamep.modmanflg">
+        <c-checkbox
+          @change="open1"
+          class="checkbox-left"
+          v-model="model.litamep.adlcndamep.modmanflg"
+          >内部修改文本</c-checkbox
+        >
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          @click="onAdlcndamepButdif"
+        >
+          显示差异
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary" disabled @click="onAdlcndamepButadd">
-            添加文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          disabled
+          @click="onAdlcndamepButadd"
+        >
+          添加文本
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary" disabled icon="el-icon-delete" @click="onAdlcndamepButdel">
-            删除文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          disabled
+          icon="el-icon-delete"
+          @click="onAdlcndamepButdel"
+        >
+          删除文本
         </c-button>
-       </c-col>
-    </el-col>                                                            
-        
+      </c-col>
+    </el-col>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {};
+  },
+  watch: {
+    "model.litamep.adlcndamep.modflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.adlcndamep.modflg == "X" &&
+          this.model.litamep.adlcndamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.adlcndamep.usrblk = "";
+        } else if (
+          this.model.litamep.adlcndamep.modflg == "X" &&
+          this.model.litamep.adlcndamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.adlcndamep.modflg == "" &&
+          this.model.litamep.adlcndamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.adlcndamep.modflg == "" &&
+          this.model.litamep.adlcndamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.adlcndamep.usrblk = "";
         }
+      },
     },
-    watch:{
-        "model.litamep.adlcndamep.modflg":{
-            immediate:true,
-            handler(val,oldval){
-                if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.adlcndamep.usrblk='';
-                }else if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.adlcndamep.usrblk='';
-                }
-            }
-        },
-        "model.litamep.adlcndamep.modmanflg":{
-            immediate:true,
-            handler(val,oldval){
-                 if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.adlcndamep.usrblk='';
-                }else if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.adlcndamep.usrblk='';
-                }
-            }
+    "model.litamep.adlcndamep.modmanflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.adlcndamep.modflg == "X" &&
+          this.model.litamep.adlcndamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.adlcndamep.usrblk = "";
+        } else if (
+          this.model.litamep.adlcndamep.modflg == "X" &&
+          this.model.litamep.adlcndamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.adlcndamep.modflg == "" &&
+          this.model.litamep.adlcndamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.adlcndamep.modflg == "" &&
+          this.model.litamep.adlcndamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.adlcndamep.usrblk = "";
         }
-
+      },
     },
-    methods:{...Event,
-    open(val){
-        if(val === '' && !(this.model.lidgrp.blk.adlcnd == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+  },
+  methods: {
+    ...Event,
+    open(val) {
+      if (val === "" && !(this.model.lidgrp.blk.adlcnd == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.adlcnd='';
+            this.model.lidgrp.blk.adlcnd = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
+          })
+          .catch(() => {
             //No的功能在这里写
-            this.model.litamep.adlcndamep.modflg='X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
+            this.model.litamep.adlcndamep.modflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
           });
-        }else if(val == 'X' && this.model.litamep.adlcndamep.modmanflg =='X'){
-            this.$confirm('Please reset internal modification first','提示',{
-            confirmButtonText: 'Ok',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.adlcndamep.modflg='';
-          this.flag1=true;
-          this.flag2=false;
-          })
-        }
-    
+      } else if (val == "X" && this.model.litamep.adlcndamep.modmanflg == "X") {
+        this.$confirm("Please reset internal modification first", "提示", {
+          confirmButtonText: "Ok",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.adlcndamep.modflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    open1(val){
-        if(val === '' && !(this.model.lidgrp.blk.adlcnd == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+    open1(val) {
+      if (val === "" && !(this.model.lidgrp.blk.adlcnd == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.adlcnd='';
+            this.model.lidgrp.blk.adlcnd = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
-            //No的功能在这里写
-            this.model.litamep.adlcndamep.modmanflg = 'X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
-        }); 
-    }else if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg =='X'){
-            this.$confirm('Please reset modification to replace first','提示',{
-            confirmButtonText: 'Ok',
-            cancelButtonText: '',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.adlcndamep.modmanflg='';
-          this.flag1=true;
-          this.flag2=false;
           })
-    }
-    }
+          .catch(() => {
+            //No的功能在这里写
+            this.model.litamep.adlcndamep.modmanflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
+          });
+      } else if (
+        this.model.litamep.adlcndamep.modflg == "X" &&
+        this.model.litamep.adlcndamep.modmanflg == "X"
+      ) {
+        this.$confirm("Please reset modification to replace first", "提示", {
+          confirmButtonText: "Ok",
+          cancelButtonText: "",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.adlcndamep.modmanflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    created:function(){
-
-    }
-}
+  },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Litame/Addbcb.vue

@@ -2,7 +2,7 @@
   <div class="eibs-tab">
     <el-collapse v-model="activeNames">
       <el-collapse-item title="备查表" name="addbcb">
-        <el-form-item label="备查表类型">
+        <el-form-item label="备查表类型" class="checkbox-left">
           <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
 
           <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
@@ -13,7 +13,7 @@
 
           <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
 
-          <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
+          <c-checkbox v-model="model.bcbtyp6" style="margin-right:30px;">其它</c-checkbox>
         </el-form-item>
 
         <c-col :span="12" v-if="model.bcbtyp6">
@@ -62,7 +62,9 @@
         </c-col>
 
         <c-col :span="11" :offset="0">
-          <c-checkbox v-model="model.modtyp">修改信用证类型</c-checkbox>
+          <el-form-item label=" " prop="modtyp">
+          <c-checkbox v-model="model.modtyp" class="checkbox-left">修改信用证类型</c-checkbox>
+          </el-form-item>
         </c-col>
 
         <c-col :span="24">
@@ -99,7 +101,9 @@ export default {
   props: ["model", "codes"],
   mixins: [commonProcess],
   data() {
-    return {};
+    return {
+      activeNames: ['addbcb']
+    };
   },
   methods: { ...Event },
   created: function () {},

src/views/Business/Litame/Amep.vue

 <template>
   <div class="eibs">
     <!-- ==========左=============== -->
-    <el-col :span="12" style="padding-right: 20px;">
-    <c-col :span="24">
-        <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
-            <c-fullbox>
-            <c-input  
-            v-model="model.lidgrp.rec.ownref" 
-            maxlength="16"  
-            placeholder="请输入编号"
-            disabled
+    <el-col :span="12" style="padding-right: 20px">
+      <!-- <c-col :span="24">
+        <el-form-item
+          label="客户经理"
+          prop="litp.usr.extkey"
+          style="width: 100%"
+        >
+          <c-fullbox>
+            <c-input
+              v-model="model.litp.usr.extkey"
+              maxlength="8"
+              disabled
+              placeholder="请输入客户经理"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                style="margin-left: 10px; padding: 0 12px"
+                type="primary"
+                icon="el-icon-search"
+                @click="onExtkey"
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col> -->
+      <c-col :span="24">
+        <el-form-item
+          label="信用证编号"
+          prop="lidgrp.rec.ownref"
+          style="width: 100%"
+        >
+          <c-fullbox>
+            <c-input
+              v-model="model.lidgrp.rec.ownref"
+              maxlength="8"
+              placeholder="请输入编号"
+              disabled
             ></c-input>
             <template slot="footer">
               <c-button
-                style="margin: 0 10px 0 10px; padding: 0 12px"
+                style="margin-left: 10px; padding: 0 12px"
                 size="small"
                 type="primary"
-                
+                icon="el-icon-search"
               >
-                
-              </c-button>       
+              </c-button>
             </template>
-            </c-fullbox>
+          </c-fullbox>
         </el-form-item>
-       </c-col>
-       <c-col :span="24">
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="修改日期" prop="trnmod.swiadd.amedat">
-            <c-date-picker type="date"  v-model="model.trnmod.swiadd.amedat" style="width:100%"  placeholder="请选择修改日期"></c-date-picker>
-        </el-form-item>
-       </c-col>
-       <c-col :span="12">
+          <c-date-picker
+            type="date"
+            v-model="model.trnmod.swiadd.amedat"
+            style="width: 100%"
+            placeholder="请选择修改日期"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="信用证名义金额" prop="lidgrp.cbs.nom1.cur">
-            <c-input  
-            v-model="model.lidgrp.cbs.nom1.cur" 
-            maxlength="3"  
+          <c-input
+            v-model="model.lidgrp.cbs.nom1.cur"
+            maxlength="3"
             placeholder="请输入金额"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="信用证金额" prop="oldlidgrp.cbs.nom1.amt">
-            <c-input-currency  
-            v-model="model.oldlidgrp.cbs.nom1.amt"  
+          <c-input-currency
+            v-model="model.oldlidgrp.cbs.nom1.amt"
             placeholder="请输入信用证金额"
             disabled
-            ></c-input-currency>
+          ></c-input-currency>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="溢短装上浮" prop="oldlidgrp.rec.nomtop">
-            <c-input  
-            v-model.number="model.oldlidgrp.rec.nomtop"  
+          <c-input
+            v-model.number="model.oldlidgrp.rec.nomtop"
             placeholder="请输入上浮比例"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="溢短装下浮" prop="oldlidgrp.rec.nomton">
-            <c-input  
-            v-model.number="model.oldlidgrp.rec.nomton"  
+          <c-input
+            v-model.number="model.oldlidgrp.rec.nomton"
             placeholder="请输入下浮比例"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="修改金额" prop="trnmod.swiadd.amecur">
-            <c-input 
-            v-model="model.trnmod.swiadd.amecur" 
-            style="width:100%" 
+          <c-input
+            v-model="model.trnmod.swiadd.amecur"
+            style="width: 100%"
             placeholder="请选择增减金额"
             disabled
-            >
-            </c-input>
+          >
+          </c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="" prop="trnmod.swiadd.ameamt">
-            <c-input-currency  v-model="model.trnmod.swiadd.ameamt"  placeholder="请输入增减金额."
-            ></c-input-currency>
+          <c-input-currency
+            v-model="model.trnmod.swiadd.ameamt"
+            placeholder="请输入增减金额."
+          ></c-input-currency>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="修改后金额" prop="trnmod.swiadd.newcur">
-            <c-input 
-            v-model="model.trnmod.swiadd.newcur" 
-            style="width:100%" 
+          <c-input
+            v-model="model.trnmod.swiadd.newcur"
+            style="width: 100%"
             placeholder="请选择修改后金额"
             disabled
-            >
-            </c-input>
+          >
+          </c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="" prop="trnmod.swiadd.newamt">
-            <c-input-currency  v-model="model.trnmod.swiadd.newamt"  placeholder="请输入修改后金额"></c-input-currency>
+          <c-input-currency
+            v-model="model.trnmod.swiadd.newamt"
+            placeholder="请输入修改后金额"
+          ></c-input-currency>
         </el-form-item>
-       </c-col>
-        <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="新的上浮比例" prop="trnmod.swiadd.newnomtop">
-            <c-input  v-model.number="model.trnmod.swiadd.newnomtop"  placeholder="请输入New positive tolerance"></c-input>
+          <c-input
+            v-model.number="model.trnmod.swiadd.newnomtop"
+            placeholder="请输入New positive tolerance"
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="新的下浮比例" prop="trnmod.swiadd.newnomton">
-            <c-input  v-model.number="model.trnmod.swiadd.newnomton"  placeholder="请输入New negative tolerance"></c-input>
+          <c-input
+            v-model.number="model.trnmod.swiadd.newnomton"
+            placeholder="请输入New negative tolerance"
+          ></c-input>
         </el-form-item>
-       </c-col>
-       <c-col :span="24">
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="限额表述" prop="trnmod.swiadd.nomspc">
-            <c-select 
+          <c-select
             disabled
             :code="codes.nomspc"
-            v-model="model.trnmod.swiadd.nomspc" style="width:100%" placeholder="请选择金额说明">
-            </c-select>
+            v-model="model.trnmod.swiadd.nomspc"
+            style="width: 100%"
+            placeholder="请选择金额说明"
+          >
+          </c-select>
         </el-form-item>
-       </c-col>
-                                   
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="生效日期" prop="oldlidgrp.rec.expdat">
-            <c-date-picker 
+          <c-date-picker
             disabled
-            type="date"  v-model="model.oldlidgrp.rec.expdat" style="width:100%"  placeholder="请选择到期日"></c-date-picker>
-        </el-form-item>
-       </c-col>
-       <c-col :span="12">
+            type="date"
+            v-model="model.oldlidgrp.rec.expdat"
+            style="width: 100%"
+            placeholder="请选择到期日"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="(新)生效日期" prop="trnmod.swiadd.newexpdat">
-            <c-date-picker type="date"  v-model="model.trnmod.swiadd.newexpdat" style="width:100%"  placeholder="请选择新到期日"></c-date-picker>
-        </el-form-item>
-       </c-col>
-        <c-col :span="24">
+          <c-date-picker
+            type="date"
+            v-model="model.trnmod.swiadd.newexpdat"
+            style="width: 100%"
+            placeholder="请选择新到期日"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="信息目的" prop="trnmod.swiadd.purpos">
-            <c-select v-model="model.trnmod.swiadd.purpos" style="width:100%" placeholder="请选择Purpose of message"
+          <c-select
+            v-model="model.trnmod.swiadd.purpos"
+            style="width: 100%"
+            placeholder="请选择Purpose of message"
             :code="codes.purpos5"
-            >
-              </c-select>
+          >
+          </c-select>
         </el-form-item>
-       </c-col>
-                                  
-       <c-col :span="24">
+      </c-col>
+
+      <c-col :span="24">
         <el-form-item label="寄单期限" prop="oldlidgrp.rec.prepers18">
-            <c-input  
-            v-model.number="model.oldlidgrp.rec.prepers18"  
+          <c-input
+            v-model.number="model.oldlidgrp.rec.prepers18"
             placeholder="请输入寄单期限"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-        <c-col :span="24">
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="寄单期限(原)" prop="oldlidgrp.rec.prepertxts18">
-            <c-input 
-            type="textarea" 
-            v-model="model.oldlidgrp.rec.prepertxts18" 
-            maxlength="35" 
-            show-word-limit 
-            placeholder="请输入寄单期限" 
+          <c-input
+            type="textarea"
+            v-model="model.oldlidgrp.rec.prepertxts18"
+            maxlength="35"
+            show-word-limit
+            placeholder="请输入寄单期限"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-        </c-col>
-        <c-col :span="24">
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="费用承担人修改" prop="trnmod.swiadd.trnchato">
-            <c-select v-model="model.trnmod.swiadd.trnchato" style="width:100%" placeholder="请选择Amendm. charge by"
+          <c-select
+            v-model="model.trnmod.swiadd.trnchato"
+            style="width: 100%"
+            placeholder="请选择Amendm. charge by"
             :code="codes.trnchato1"
-            >
-              </c-select>
+          >
+          </c-select>
         </el-form-item>
-       </c-col>
-       <c-col :span="24">
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="收费详情" prop="trnmod.swiadd.trnfeetxt">
-            <c-input 
-            type="textarea" 
-            v-model="model.trnmod.swiadd.trnfeetxt" 
-            maxlength="210" 
-            show-word-limit 
-            placeholder="请输入收费详情" 
-            :disabled="model.trnmod.swiadd.trnchato != 'OTHR' "
-            ></c-input>
-        </el-form-item>
-        </c-col>
-         <!-- <c-col :span="24">
+          <c-input
+            type="textarea"
+            v-model="model.trnmod.swiadd.trnfeetxt"
+            maxlength="210"
+            show-word-limit
+            placeholder="请输入收费详情"
+            :disabled="model.trnmod.swiadd.trnchato != 'OTHR'"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <!-- <c-col :span="24">
         <el-form-item label="RAMROLLAB" prop="litamep.ramrol">
             <c-select v-model="model.litamep.ramrol" style="width:100%" placeholder="请选择Request of Amendment send to">
               </c-select>
@@ -196,190 +259,211 @@
     </el-col>
 
     <!-- ==========右=============== -->
-    <el-col :span="12" style="padding-left: 20px;">
-     <c-col :span="24">
+    <el-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
         <el-form-item label="简略信息" prop="lidgrp.rec.nam">
-            <c-input  
-            v-model="model.lidgrp.rec.nam" 
-            maxlength="40"  
+          <c-input
+            v-model="model.lidgrp.rec.nam"
+            maxlength="40"
             placeholder="请输入Name"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-        <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="修改次数" prop="trnmod.swiadd.amenbr">
-            <c-input  v-model.number="model.trnmod.swiadd.amenbr"  placeholder="请输入修改次数"></c-input>
+          <c-input
+            v-model.number="model.trnmod.swiadd.amenbr"
+            placeholder="请输入修改次数"
+          ></c-input>
         </el-form-item>
-       </c-col>
-                                   
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="实际修改次数" prop="litamep.amenbr">
-            <c-input  
-            v-model.number="model.litamep.amenbr"  
+          <c-input
+            v-model.number="model.litamep.amenbr"
             placeholder="请输入实际修改次数"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="最大金额(原)" prop="oldlidgrp.cbs.max.cur">
-            <c-input  
-            v-model="model.oldlidgrp.cbs.max.cur" 
-            maxlength="3"  
+          <c-input
+            v-model="model.oldlidgrp.cbs.max.cur"
+            maxlength="3"
             placeholder="请选择币种"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="" prop="oldlidgrp.cbs.max.amt">
-            <c-input-currency  
-            v-model="model.oldlidgrp.cbs.max.amt"  
+          <c-input-currency
+            v-model="model.oldlidgrp.cbs.max.amt"
             placeholder="请输入金额"
             disabled
-            ></c-input-currency>
+          ></c-input-currency>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="修改总金额" prop="litamep.engcur">
-            <c-input 
-            v-model="model.litamep.engcur" 
-            style="width:100%" 
+          <c-input
+            v-model="model.litamep.engcur"
+            style="width: 100%"
             placeholder="请选择修改总金额"
             disabled
-            >
-            </c-input>
+          >
+          </c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="" prop="litamep.engamt">
-            <c-input-currency  
-            v-model="model.litamep.engamt"  
+          <c-input-currency
+            v-model="model.litamep.engamt"
             placeholder="请输入修改总金额"
             disabled
-            ></c-input-currency>
+          ></c-input-currency>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="最大金额" prop="litamep.maxcur">
-            <c-input  
-            v-model="model.litamep.maxcur" 
-            maxlength="3"  
+          <c-input
+            v-model="model.litamep.maxcur"
+            maxlength="3"
             placeholder="请选择币种 of Maximum Amount"
             disabled
-            ></c-input>
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
+      </c-col>
+
+      <c-col :span="12">
         <el-form-item label="" prop="litamep.maxamt">
-            <c-input-currency  
-            v-model="model.litamep.maxamt"  
+          <c-input-currency
+            v-model="model.litamep.maxamt"
             placeholder="请输入New Maximum Amount"
             disabled
-            ></c-input-currency>
+          ></c-input-currency>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="装运日期(原)" prop="oldlidgrp.rec.shpdat">
-            <c-date-picker 
-            type="date"  
-            v-model="model.oldlidgrp.rec.shpdat" 
-            style="width:100%"  
+          <c-date-picker
+            type="date"
+            v-model="model.oldlidgrp.rec.shpdat"
+            style="width: 100%"
             placeholder="请选择装运日"
             disabled
-            ></c-date-picker>
+          ></c-date-picker>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="装运日期(新)" prop="trnmod.swiadd.newshpdat">
-            <c-date-picker type="date"  v-model="model.trnmod.swiadd.newshpdat" style="width:100%"  placeholder="请选择新装运日"></c-date-picker>
-        </el-form-item>
-       </c-col>
-       <c-col :span="12">
+          <c-date-picker
+            type="date"
+            v-model="model.trnmod.swiadd.newshpdat"
+            style="width: 100%"
+            placeholder="请选择新装运日"
+          ></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="交单期限(新)" prop="trnmod.swiadd.prepers18">
-            <c-input  v-model.number="model.trnmod.swiadd.prepers18"  placeholder="请输入New Presentation Period"></c-input>
+          <c-input
+            v-model.number="model.trnmod.swiadd.prepers18"
+            placeholder="请输入New Presentation Period"
+          ></c-input>
         </el-form-item>
-       </c-col>
-       <c-col :span="12">
+      </c-col>
+      <c-col :span="12">
         <el-form-item label="交单期限描述" prop="trnmod.swiadd.prepertxts18">
-            <c-input  v-model="model.trnmod.swiadd.prepertxts18" maxlength="35"  placeholder="请输入Presentation period text"></c-input>
+          <c-input
+            v-model="model.trnmod.swiadd.prepertxts18"
+            maxlength="35"
+            placeholder="请输入Presentation period text"
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="12">
-	    <c-checkbox 
-        style="margin-left:150px"
-        v-model="model.litp.aamp.aammod.addamtflg">附加金额</c-checkbox>
-       </c-col>
-        <c-col :span="24">
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label=" " prop="litp.aamp.aammod.addamtflg">
+          <c-checkbox
+            class="checkbox-left"
+            v-model="model.litp.aamp.aammod.addamtflg"
+            >附加金额</c-checkbox
+          >
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="币种" prop="lidgrp.cbs.max2.cur">
-            <c-input 
+          <c-input
             disabled
-            v-model="model.lidgrp.cbs.max2.cur" maxlength="3"  placeholder="请选择币种"></c-input>
+            v-model="model.lidgrp.cbs.max2.cur"
+            maxlength="3"
+            placeholder="请选择币种"
+          ></c-input>
         </el-form-item>
-       </c-col>
-                  
-       <c-col :span="24">
+      </c-col>
+
+      <c-col :span="24">
         <el-form-item label="附加金额" prop="trnmod.swiadd.addamt">
-            <c-input-currency  
-            :disabled=" !(this.model.litp.aamp.aammod.addamtflg == 'X') " 
-            v-model="model.trnmod.swiadd.addamt"  placeholder="请输入附加金额"></c-input-currency>
-        </el-form-item>
-       </c-col>
-        <c-col :span="24">
+          <c-input-currency
+            :disabled="!(this.model.litp.aamp.aammod.addamtflg == 'X')"
+            v-model="model.trnmod.swiadd.addamt"
+            placeholder="请输入附加金额"
+          ></c-input-currency>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
         <el-form-item label="附加金额覆盖" prop="trnmod.swiadd.addamtcov">
-            <c-input type="textarea" 
-            v-model="model.trnmod.swiadd.addamtcov" 
-            maxlength="140" 
-            show-word-limit 
-            placeholder="请输入附加金额" 
-            :disabled=" !(this.model.litp.aamp.aammod.addamtflg == 'X') " 
-            ></c-input>
-        </el-form-item>
-        </c-col>
-         <c-col :span="12">
-	    <c-checkbox 
-        style="margin-left:150px"
-        v-model="model.trnmod.swiadd.reqcan">取消请求</c-checkbox>
-       </c-col>
-       <c-col :span="12">
-	    <c-checkbox 
-        style="margin-left:130px"
-        v-model="model.litamep.cre707flg">创建修改报文</c-checkbox>
-       </c-col>
-    </el-col>                              
-
+          <c-input
+            type="textarea"
+            v-model="model.trnmod.swiadd.addamtcov"
+            maxlength="140"
+            show-word-limit
+            placeholder="请输入附加金额"
+            :disabled="!(this.model.litp.aamp.aammod.addamtflg == 'X')"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <el-form-item label=" " prop="trnmod.swiadd.reqcan">
+        <c-checkbox
+          class="checkbox-left"
+          v-model="model.trnmod.swiadd.reqcan"
+          >取消请求</c-checkbox
+        >
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <c-checkbox style="margin-left: 130px" v-model="model.litamep.cre707flg"
+          >创建修改报文</c-checkbox
+        >
+      </c-col>
+    </el-col>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-
-        }
-    },
-    methods:{...Event,
-    
-    },
-    created:function(){
-
-    }
-}
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {};
+  },
+  methods: { ...Event },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>
 <!-- <c-col :span="12">
         <el-form-item label="Drag  Drop Sender" prop="litamep.recget.sdamod.dadsnd">

src/views/Business/Litame/Dogpame.vue

 <template>
   <div class="eibs">
-
-      <el-col :span="12" style="padding-right: 20px;">
-       <c-col :span="24">
+    <el-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
         <el-form-item label="货物/服务描述" prop="lidgrp.blk.lcrgod">
-            <c-input 
-            :autosize="{ minRows: 12, maxRows: 800}"
+          <c-input
+            :autosize="{ minRows: 12, maxRows: 800 }"
             :disabled="this.flag1"
-            type="textarea" v-model="model.lidgrp.blk.lcrgod" maxlength="52000" show-word-limit placeholder="请输入描述信息" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.lcrgod"
+            maxlength="52000"
+            show-word-limit
+            placeholder="请输入描述信息"
+          ></c-input>
         </el-form-item>
-        </c-col>
+      </c-col>
 
-         <c-col :span="22">
-        <el-form-item label="在当前修订中添加/删除文本" prop="litamep.lcrgodamep.usrblk">
-            <c-input 
+      <c-col :span="24">
+        <el-form-item
+          label="在当前修订中添加/删除文本"
+          prop="litamep.lcrgodamep.usrblk"
+        >
+          <c-fullbox>
+            <c-input
+              :disabled="this.flag2"
+              :autosize="{ minRows: 22, maxRows: 800 }"
+              type="textarea"
+              v-model="model.litamep.lcrgodamep.usrblk"
+              maxlength="52000"
+              show-word-limit
+              placeholder="请输入添加/删除补充信息"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                :disabled="this.flag2"
+                @click="
+                  showGridPromptDialog(
+                    'litamep.lcrgodame.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'litamep.lcrgodamep.usrblk' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+      <!-- <c-col :span="22">
+        <el-form-item
+          label="在当前修订中添加/删除文本"
+          prop="litamep.lcrgodamep.usrblk"
+        >
+          <c-input
             :disabled="this.flag2"
-            :autosize="{ minRows: 22, maxRows: 800}"
-            type="textarea" v-model="model.litamep.lcrgodamep.usrblk" maxlength="52000" show-word-limit placeholder="请输入添加/删除补充信息" ></c-input>
+            :autosize="{ minRows: 22, maxRows: 800 }"
+            type="textarea"
+            v-model="model.litamep.lcrgodamep.usrblk"
+            maxlength="52000"
+            show-word-limit
+            placeholder="请输入添加/删除补充信息"
+          ></c-input>
         </el-form-item>
-        </c-col>
-        <c-col :span="2">
-        <c-button size="small" type="primary" icon="el-icon-search"
-        :disabled="this.flag2" 
-        @click="showGridPromptDialog('litamep.lcrgodame.buttxmsel',null,null,{TXT: 'litamep.lcrgodamep.usrblk'}, {TXT: false},'doxpDialog')"> 
+      </c-col>
+      <c-col :span="2">
+        <c-button
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          :disabled="this.flag2"
+          @click="
+            showGridPromptDialog(
+              'litamep.lcrgodame.buttxmsel',
+              null,
+              null,
+              { TXT: 'litamep.lcrgodamep.usrblk' },
+              { TXT: false },
+              'doxpDialog'
+            )
+          "
+        >
         </c-button>
-        </c-col>
+      </c-col> -->
+    </el-col>
 
-      </el-col>
-
-      <el-col :span="12" style="padding-left: 20px;">
+    <el-col :span="12" style="padding-left: 20px">
       <c-col :span="24">
         <el-form-item label="历史概述" prop="lidgrp.blk.lcrgodame">
-            <c-input 
-            :autosize="{ minRows: 12, maxRows: 999}"
+          <c-input
+            :autosize="{ minRows: 12, maxRows: 999 }"
             disabled
-            type="textarea" v-model="model.lidgrp.blk.lcrgodame" maxlength="4950" show-word-limit placeholder="请输入Description of Goods Amendment History" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.lcrgodame"
+            maxlength="4950"
+            show-word-limit
+            placeholder="请输入Description of Goods Amendment History"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="" prop="litamep.lcrgodamep.modflg">
+          <c-checkbox
+            @change="open"
+            class="checkbox-left"
+            v-model="model.litamep.lcrgodamep.modflg"
+            >修改要替换的文本</c-checkbox
+          >
         </el-form-item>
-        </c-col>
+      </c-col>
 
-         <c-col :span="12">
-	    <c-checkbox 
-        @change="open"
-        style=" margin: 0px 0 10px 150px;"
-        v-model="model.litamep.lcrgodamep.modflg">修改要替换的文本</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="12">
-	    <c-checkbox 
-        @change="open1"
-        style=" margin: 0px 0 10px 125px;"
-        v-model="model.litamep.lcrgodamep.modmanflg">内部修改文本</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary"  @click="onLcrgodamepButdif">
-            显示差异
+      <c-col :span="12">
+        <c-checkbox
+          @change="open1"
+          style="margin: 0px 0 10px 125px"
+          v-model="model.litamep.lcrgodamep.modmanflg"
+          >内部修改文本</c-checkbox
+        >
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          @click="onLcrgodamepButdif"
+        >
+          显示差异
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small" type="primary"  @click="onLcrgodamepButadd">
-           添加文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          @click="onLcrgodamepButadd"
+        >
+          添加文本
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small" type="primary" icon="el-icon-delete" @click="onLcrgodamepButdel">
-            删除文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          icon="el-icon-delete"
+          @click="onLcrgodamepButdel"
+        >
+          删除文本
         </c-button>
-       </c-col>
-      </el-col>                                                          
-  
+      </c-col>
+    </el-col>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-            flag1:true,
-            flag2:false,
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      flag1: true,
+      flag2: false,
+    };
+  },
+  watch: {
+    "model.litamep.lcrgodamep.modflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.lcrgodamep.modflg == "X" &&
+          this.model.litamep.lcrgodamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrgodamep.usrblk = "";
+        } else if (
+          this.model.litamep.lcrgodamep.modflg == "X" &&
+          this.model.litamep.lcrgodamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.lcrgodamep.modflg == "" &&
+          this.model.litamep.lcrgodamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.lcrgodamep.modflg == "" &&
+          this.model.litamep.lcrgodamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrgodamep.usrblk = "";
         }
+      },
     },
-     watch:{
-        "model.litamep.lcrgodamep.modflg":{
-            immediate:true,
-            handler(val,oldval){
-                if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrgodamep.usrblk='';
-                }else if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrgodamep.usrblk='';
-                }
-            }
-        },
-        "model.litamep.lcrgodamep.modmanflg":{
-            immediate:true,
-            handler(val,oldval){
-                 if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrgodamep.usrblk='';
-                }else if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrgodamep.usrblk='';
-                }
-            }
+    "model.litamep.lcrgodamep.modmanflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.lcrgodamep.modflg == "X" &&
+          this.model.litamep.lcrgodamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrgodamep.usrblk = "";
+        } else if (
+          this.model.litamep.lcrgodamep.modflg == "X" &&
+          this.model.litamep.lcrgodamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.lcrgodamep.modflg == "" &&
+          this.model.litamep.lcrgodamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.lcrgodamep.modflg == "" &&
+          this.model.litamep.lcrgodamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrgodamep.usrblk = "";
         }
-
+      },
     },
-    methods:{...Event,
-    open(val){
-        if(val === '' && !(this.model.lidgrp.blk.lcrgod == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+  },
+  methods: {
+    ...Event,
+    open(val) {
+      if (val === "" && !(this.model.lidgrp.blk.lcrgod == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.lcrgod='';
+            this.model.lidgrp.blk.lcrgod = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
+          })
+          .catch(() => {
             //No的功能在这里写
-            this.model.litamep.lcrgodamep.modflg='X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
+            this.model.litamep.lcrgodamep.modflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
           });
-        }else if(val == 'X' && this.model.litamep.lcrgodamep.modmanflg =='X'){
-            this.$confirm('Please reset internal modification first','提示',{
-            confirmButtonText: 'Ok',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.lcrgodamep.modflg='';
-          this.flag1=true;
-          this.flag2=false;
-          })
-        }
-    
+      } else if (val == "X" && this.model.litamep.lcrgodamep.modmanflg == "X") {
+        this.$confirm("Please reset internal modification first", "提示", {
+          confirmButtonText: "Ok",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.lcrgodamep.modflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    open1(val){
-        if(val === '' && !(this.model.lidgrp.blk.lcrgod == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+    open1(val) {
+      if (val === "" && !(this.model.lidgrp.blk.lcrgod == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.lcrgod='';
+            this.model.lidgrp.blk.lcrgod = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
-            //No的功能在这里写
-            this.model.litamep.lcrgodamep.modmanflg = 'X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
-        }); 
-    }else if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg =='X'){
-            this.$confirm('Please reset modification to replace first','提示',{
-            confirmButtonText: 'Ok',
-            cancelButtonText: '',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.lcrgodamep.modmanflg='';
-          this.flag1=true;
-          this.flag2=false;
           })
-    }
-    }
+          .catch(() => {
+            //No的功能在这里写
+            this.model.litamep.lcrgodamep.modmanflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
+          });
+      } else if (
+        this.model.litamep.lcrgodamep.modflg == "X" &&
+        this.model.litamep.lcrgodamep.modmanflg == "X"
+      ) {
+        this.$confirm("Please reset modification to replace first", "提示", {
+          confirmButtonText: "Ok",
+          cancelButtonText: "",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.lcrgodamep.modmanflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    created:function(){
-
-    }
-}
+  },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Litame/Dorpame.vue

 <template>
   <div class="eibs">
-      <c-col :span="12" style="padding-right: 20px;">
-        <c-col :span="24">
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
         <el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc">
-            <c-input 
-            :autosize="{ minRows: 12, maxRows: 800}"
+          <c-input
+            :autosize="{ minRows: 12, maxRows: 800 }"
             :disabled="this.flag1"
-            type="textarea" v-model="model.lidgrp.blk.lcrdoc" maxlength="52000" show-word-limit placeholder="请输入单据要求" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.lcrdoc"
+            maxlength="52000"
+            show-word-limit
+            placeholder="请输入单据要求"
+          ></c-input>
         </el-form-item>
-        </c-col>
+      </c-col>
 
-        <c-col :span="22">
-        <el-form-item label="添加/删除当前修订中的文本" prop="litamep.lcrdocamep.usrblk">
-            <c-input type="textarea" 
+      <c-col :span="24">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.lcrdocamep.usrblk"
+        >
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              :disabled="this.flag2"
+              v-model="model.litamep.lcrdocamep.usrblk"
+              maxlength="52000"
+              show-word-limit
+              placeholder="请输入添加/删除补充信息"
+              :autosize="{ minRows: 22, maxRows: 800 }"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                :disabled="this.flag2"
+                @click="
+                  showGridPromptDialog(
+                    'litamep.lcrdocame.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'litamep.lcrdocamep.usrblk' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+      <!-- <c-col :span="22">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.lcrdocamep.usrblk"
+        >
+          <c-input
+            type="textarea"
             :disabled="this.flag2"
-            v-model="model.litamep.lcrdocamep.usrblk" 
-            maxlength="52000" 
-            show-word-limit placeholder="请输入添加/删除补充信息"
-            :autosize="{ minRows: 22, maxRows: 800}"
-             ></c-input>
+            v-model="model.litamep.lcrdocamep.usrblk"
+            maxlength="52000"
+            show-word-limit
+            placeholder="请输入添加/删除补充信息"
+            :autosize="{ minRows: 22, maxRows: 800 }"
+          ></c-input>
         </el-form-item>
-        </c-col>
-        <c-col :span="2">
-        <c-button size="small" type="primary" icon="el-icon-search" 
-        :disabled="this.flag2"
-        @click="showGridPromptDialog('litamep.lcrdocame.buttxmsel',null,null,{TXT: 'litamep.lcrdocamep.usrblk'}, {TXT: false},'doxpDialog')"> 
-        </c-button>
-        </c-col>
       </c-col>
-        
-        <c-col :span="12" style="padding-left: 20px;">
-       <c-col :span="24">
+      <c-col :span="2">
+        <c-button
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          :disabled="this.flag2"
+          @click="
+            showGridPromptDialog(
+              'litamep.lcrdocame.buttxmsel',
+              null,
+              null,
+              { TXT: 'litamep.lcrdocamep.usrblk' },
+              { TXT: false },
+              'doxpDialog'
+            )
+          "
+        >
+        </c-button>
+      </c-col> -->
+    </c-col>
+
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
         <el-form-item label="历史概述" prop="lidgrp.blk.lcrdocame">
-            <c-input 
-            :autosize="{ minRows: 12, maxRows: 999}"
+          <c-input
+            :autosize="{ minRows: 12, maxRows: 999 }"
             disabled
-            type="textarea" v-model="model.lidgrp.blk.lcrdocame" maxlength="4950" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.lcrdocame"
+            maxlength="4950"
+            show-word-limit
+            placeholder="请输入单据要求 Amendment History"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label=" " prop="litamep.lcrdocamep.modflg">
+          <c-checkbox
+            @change="open"
+            class="checkbox-left"
+            v-model="model.litamep.lcrdocamep.modflg"
+            >修改要替换的文本</c-checkbox
+          >
         </el-form-item>
-        </c-col>
-         
-       
-                  
-       <c-col :span="12">
-           
-	    
-        <c-checkbox 
-        @change="open"
-        style=" margin: 0px 0 10px 150px;"
-        v-model="model.litamep.lcrdocamep.modflg">修改要替换的文本</c-checkbox>
-          
-       </c-col>
-                  
-       <c-col :span="12">
-	    <c-checkbox 
-        @change="open1"
-        style=" margin: 0px 0 10px 125px;"
-        v-model="model.litamep.lcrdocamep.modmanflg">内部修改文本</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="12">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary"  @click="onLcrdocamepButdif">
-            显示差异
+      </c-col>
+
+      <c-col :span="12">
+        <c-checkbox
+          @change="open1"
+          style="margin: 0px 0 10px 125px"
+          v-model="model.litamep.lcrdocamep.modmanflg"
+          >内部修改文本</c-checkbox
+        >
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          @click="onLcrdocamepButdif"
+        >
+          显示差异
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small" type="primary"  @click="onLcrdocamepButadd">
-            添加文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          @click="onLcrdocamepButadd"
+        >
+          添加文本
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small"  type="primary" icon="el-icon-delete" @click="onLcrdocamepButdel">
-            删除文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          icon="el-icon-delete"
+          @click="onLcrdocamepButdel"
+        >
+          删除文本
         </c-button>
-       </c-col>
-        </c-col>
+      </c-col>
+    </c-col>
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-            flag1:true,
-            flag2:false,
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      flag1: true,
+      flag2: false,
+    };
+  },
+  watch: {
+    "model.litamep.lcrdocamep.modflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.lcrdocamep.modflg == "X" &&
+          this.model.litamep.lcrdocamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrdocamep.usrblk = "";
+        } else if (
+          this.model.litamep.lcrdocamep.modflg == "X" &&
+          this.model.litamep.lcrdocamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.lcrdocamep.modflg == "" &&
+          this.model.litamep.lcrdocamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.lcrdocamep.modflg == "" &&
+          this.model.litamep.lcrdocamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrdocamep.usrblk = "";
         }
+      },
     },
-    watch:{
-        "model.litamep.lcrdocamep.modflg":{
-            immediate:true,
-            handler(val,oldval){
-                 if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrdocamep.usrblk='';
-                }else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrdocamep.usrblk='';
-                }
-            }
-        },
-        "model.litamep.lcrdocamep.modmanflg":{
-            immediate:true,
-            handler(val,oldval){
-                if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrdocamep.usrblk='';
-                }else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.lcrdocamep.usrblk='';
-                }
-            }
+    "model.litamep.lcrdocamep.modmanflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.lcrdocamep.modflg == "X" &&
+          this.model.litamep.lcrdocamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrdocamep.usrblk = "";
+        } else if (
+          this.model.litamep.lcrdocamep.modflg == "X" &&
+          this.model.litamep.lcrdocamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.lcrdocamep.modflg == "" &&
+          this.model.litamep.lcrdocamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.lcrdocamep.modflg == "" &&
+          this.model.litamep.lcrdocamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.lcrdocamep.usrblk = "";
         }
-
+      },
     },
-    methods:{...Event,
-    open(val){
-        if(val === '' && !(this.model.lidgrp.blk.lcrdoc == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+  },
+  methods: {
+    ...Event,
+    open(val) {
+      if (val === "" && !(this.model.lidgrp.blk.lcrdoc == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-            this.model.lidgrp.blk.lcrdoc='';
+            this.model.lidgrp.blk.lcrdoc = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
+          })
+          .catch(() => {
             //No的功能在这里写
-            this.model.litamep.lcrdocamep.modflg='X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
+            this.model.litamep.lcrdocamep.modflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
           });
-        }else if(val == 'X' && this.model.litamep.lcrdocamep.modmanflg =='X'){
-            this.$confirm('Please reset internal modification first','提示',{
-            confirmButtonText: 'Ok',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.lcrdocamep.modflg='';
-          this.flag1=true;
-          this.flag2=false;
-          })
-        }
-    
+      } else if (val == "X" && this.model.litamep.lcrdocamep.modmanflg == "X") {
+        this.$confirm("Please reset internal modification first", "提示", {
+          confirmButtonText: "Ok",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.lcrdocamep.modflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    open1(val){
-        if(val === '' && !(this.model.lidgrp.blk.lcrdoc == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+    open1(val) {
+      if (val === "" && !(this.model.lidgrp.blk.lcrdoc == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.lcrdoc='';
+            this.model.lidgrp.blk.lcrdoc = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
-            //No的功能在这里写
-            this.model.litamep.lcrdocamep.modmanflg = 'X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
-        }); 
-    }else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg =='X'){
-            this.$confirm('Please reset modification to replace first','提示',{
-            confirmButtonText: 'Ok',
-            cancelButtonText: '',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.lcrdocamep.modmanflg='';
-          this.flag1=true;
-          this.flag2=false;
           })
-    }
-    }
+          .catch(() => {
+            //No的功能在这里写
+            this.model.litamep.lcrdocamep.modmanflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
+          });
+      } else if (
+        this.model.litamep.lcrdocamep.modflg == "X" &&
+        this.model.litamep.lcrdocamep.modmanflg == "X"
+      ) {
+        this.$confirm("Please reset modification to replace first", "提示", {
+          confirmButtonText: "Ok",
+          cancelButtonText: "",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.lcrdocamep.modmanflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    created:function(){
-
-    }
-}
+  },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Litame/Inspame.vue

 <template>
   <div class="eibs">
                                                                 
-       <c-col :span="20">
+       <c-col :span="24">
         <el-form-item label="指示信息" prop="lidgrp.blk.insbnk">
             <c-input 
             type="textarea" 

src/views/Business/Litame/Ovwp1.vue

@@ -120,7 +120,7 @@
        </c-col>
                   
        <c-col :span="12">
-	    <c-checkbox disabled v-model="model.lidgrp.rec.dkflg" style="margin-left:20px;padding: 0 10px;">是否代开信用证</c-checkbox>
+	    <c-checkbox disabled v-model="model.lidgrp.rec.dkflg">是否代开信用证</c-checkbox>
        </c-col>
 
         <c-col :span="24">
@@ -322,7 +322,9 @@
        
                   
        <c-col :span="12">
-	    <c-checkbox disabled v-model="model.lidgrp.rec.rmbflg">偿付行信息</c-checkbox>
+        <el-form-item label=" " prop="lidgrp.rec.rmbflg">
+	    <c-checkbox disabled v-model="model.lidgrp.rec.rmbflg" class="checkbox-left">偿付行信息</c-checkbox>
+      </el-form-item>
        </c-col>
        <c-col :span="12">
 	    <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>

src/views/Business/Litame/Ptyp.vue

@@ -285,7 +285,7 @@
                   sortable
                   width="300">
                 </c-table-column>
-                <el-table-column label="" prop="det" width="80px" fixed="right">
+                <el-table-column label="" prop="det" width="100px" fixed="right">
                     <template slot-scope="scope" slot="header">
                         <el-button
                             circle

src/views/Business/Litame/Spbpame.vue

 <template>
   <div class="eibs">
-       <c-col :span="12" style="padding-right: 20px;">
-        <c-col :span="24">
-        <el-form-item label="Special Payment Conditions for Beneficiary" prop="lidgrp.blk.spcben">
-            <c-input 
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
+        <el-form-item
+          label="Special Payment Conditions for Beneficiary"
+          prop="lidgrp.blk.spcben"
+        >
+          <c-input
             :rows="12"
             :disabled="this.flag1"
-            type="textarea" v-model="model.lidgrp.blk.spcben" maxlength="65" show-word-limit placeholder="请输入单据要求" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.spcben"
+            maxlength="65"
+            show-word-limit
+            placeholder="请输入单据要求"
+          ></c-input>
         </el-form-item>
-        </c-col>
-
-        <c-col :span="22">
-        <el-form-item label="添加/删除当前修订中的文本" prop="litamep.spcbenamep.usrblk">
-            <c-input type="textarea" 
+      </c-col>
+      <c-col :span="24">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.spcbenamep.usrblk"
+        >
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              :disabled="this.flag2"
+              v-model="model.litamep.spcbenamep.usrblk"
+              maxlength="1650"
+              show-word-limit
+              placeholder="请输入添加/删除补充信息"
+              :rows="22"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                :disabled="this.flag2"
+                @click="
+                  showGridPromptDialog(
+                    'litamep.spcbenamep.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'litamep.spcbenamep.usrblk' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+      <!-- <c-col :span="22">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.spcbenamep.usrblk"
+        >
+          <c-input
+            type="textarea"
             :disabled="this.flag2"
-            v-model="model.litamep.spcbenamep.usrblk" 
-            maxlength="1650" 
-            show-word-limit placeholder="请输入添加/删除补充信息"
+            v-model="model.litamep.spcbenamep.usrblk"
+            maxlength="1650"
+            show-word-limit
+            placeholder="请输入添加/删除补充信息"
             :rows="22"
-             ></c-input>
+          ></c-input>
         </el-form-item>
-        </c-col>
-        <c-col :span="2">
-        <c-button size="small" type="primary" icon="el-icon-search" 
-        :disabled="this.flag2"
-       @click="showGridPromptDialog('litamep.spcbenamep.buttxmsel',null,null,{TXT: 'litamep.spcbenamep.usrblk'}, {TXT: false},'doxpDialog')"
-        > 
-        </c-button>
-        </c-col>
       </c-col>
-        
-        <c-col :span="12" style="padding-left: 20px;">
-       <c-col :span="24">
+      <c-col :span="2">
+        <c-button
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          :disabled="this.flag2"
+          @click="
+            showGridPromptDialog(
+              'litamep.spcbenamep.buttxmsel',
+              null,
+              null,
+              { TXT: 'litamep.spcbenamep.usrblk' },
+              { TXT: false },
+              'doxpDialog'
+            )
+          "
+        >
+        </c-button>
+      </c-col> -->
+    </c-col>
+
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
         <el-form-item label="历史概述" prop="lidgrp.blk.spcbename">
-            <c-input 
+          <c-input
             :rows="12"
             disabled
-            type="textarea" v-model="model.lidgrp.blk.spcbename" maxlength="50" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.spcbename"
+            maxlength="50"
+            show-word-limit
+            placeholder="请输入单据要求 Amendment History"
+          ></c-input>
         </el-form-item>
-        </c-col>
-         
-       
-                  
-       <c-col :span="12">
-           
-	    
-        <c-checkbox 
-        style=" margin: 0px 0 10px 150px;"
-        @change="open"
-        v-model="model.litamep.spcbenamep.modflg">修改要替换的文本</c-checkbox>
-          
-       </c-col>
-                  
-       <c-col :span="12">
-	    <c-checkbox 
-        @change="open1"
-        style=" margin: 0px 0 10px 125px;"
-        v-model="model.litamep.spcbenamep.modmanflg">内部修改文本</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="12">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary"  @click="onLcrdocamepButdif">
-            显示差异
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="" prop="litamep.spcbenamep.modflg">
+          <c-checkbox
+            class="checkbox-left"
+            @change="open"
+            v-model="model.litamep.spcbenamep.modflg"
+            >修改要替换的文本</c-checkbox
+          >
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <c-checkbox
+          @change="open1"
+          style="margin: 0px 0 10px 125px"
+          v-model="model.litamep.spcbenamep.modmanflg"
+          >内部修改文本</c-checkbox
+        >
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          @click="onLcrdocamepButdif"
+        >
+          显示差异
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small" type="primary"  @click="onLcrdocamepButadd">
-            添加文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          @click="onLcrdocamepButadd"
+        >
+          添加文本
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small"  type="primary" icon="el-icon-delete" @click="onLcrdocamepButdel">
-            删除文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          icon="el-icon-delete"
+          @click="onLcrdocamepButdel"
+        >
+          删除文本
         </c-button>
-       </c-col>
-        </c-col>
+      </c-col>
+    </c-col>
 
-            <!-- !!!!!!!!!!!!!!!!!!!!!!!! -->
-       <!-- <c-col :span="12">
+    <!-- !!!!!!!!!!!!!!!!!!!!!!!! -->
+    <!-- <c-col :span="12">
         <c-form-item label="Special payment Conditions for beneficiary History" prop="lidgrp.blk.spcbename">
             <c-input type="textarea" v-model="model.lidgrp.blk.spcbename" maxlength="50" show-word-limit :placeholder="$t('other.please_enter')+'Special payment Conditions for beneficiary History'" ></c-input>
         </c-form-item>
@@ -133,151 +210,180 @@
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-            flag1:true,
-            flag2:false,
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      flag1: true,
+      flag2: false,
+    };
+  },
+  watch: {
+    "model.litamep.spcbenamep.modflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.spcbenamep.modflg == "X" &&
+          this.model.litamep.spcbenamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcbenamep.usrblk = "";
+        } else if (
+          this.model.litamep.spcbenamep.modflg == "X" &&
+          this.model.litamep.spcbenamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.spcbenamep.modflg == "" &&
+          this.model.litamep.spcbenamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.spcbenamep.modflg == "" &&
+          this.model.litamep.spcbenamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcbenamep.usrblk = "";
         }
+      },
     },
-    watch:{
-        "model.litamep.spcbenamep.modflg":{
-            immediate:true,
-            handler(val,oldval){
-                if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcbenamep.usrblk='';
-                }else if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcbenamep.usrblk='';
-                }
-            }
-        },
-        "model.litamep.spcbenamep.modmanflg":{
-            immediate:true,
-            handler(val,oldval){
-                 if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcbenamep.usrblk='';
-                }else if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcbenamep.usrblk='';
-                }
-            }
+    "model.litamep.spcbenamep.modmanflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.spcbenamep.modflg == "X" &&
+          this.model.litamep.spcbenamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcbenamep.usrblk = "";
+        } else if (
+          this.model.litamep.spcbenamep.modflg == "X" &&
+          this.model.litamep.spcbenamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.spcbenamep.modflg == "" &&
+          this.model.litamep.spcbenamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.spcbenamep.modflg == "" &&
+          this.model.litamep.spcbenamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcbenamep.usrblk = "";
         }
-
+      },
     },
-    methods:{...Event,
-    open(val){
-        if(val === '' && !(this.model.lidgrp.blk.spcben == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+  },
+  methods: {
+    ...Event,
+    open(val) {
+      if (val === "" && !(this.model.lidgrp.blk.spcben == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.spcben='';
+            this.model.lidgrp.blk.spcben = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
+          })
+          .catch(() => {
             //No的功能在这里写
-            this.model.litamep.spcbenamep.modflg='X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
+            this.model.litamep.spcbenamep.modflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
           });
-        }else if(val == 'X' && this.model.litamep.spcbenamep.modmanflg =='X'){
-            this.$confirm('Please reset internal modification first','提示',{
-            confirmButtonText: 'Ok',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.spcbenamep.modflg='';
-          this.flag1=true;
-          this.flag2=false;
-          })
-        }
-    
+      } else if (val == "X" && this.model.litamep.spcbenamep.modmanflg == "X") {
+        this.$confirm("Please reset internal modification first", "提示", {
+          confirmButtonText: "Ok",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.spcbenamep.modflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    open1(val){
-        if(val === '' && !(this.model.lidgrp.blk.spcben == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+    open1(val) {
+      if (val === "" && !(this.model.lidgrp.blk.spcben == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.spcben='';
+            this.model.lidgrp.blk.spcben = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
-            //No的功能在这里写
-            this.model.litamep.spcbenamep.modmanflg = 'X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
-        }); 
-    }else if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg =='X'){
-            this.$confirm('Please reset modification to replace first','提示',{
-            confirmButtonText: 'Ok',
-            cancelButtonText: '',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.spcbenamep.modmanflg='';
-          this.flag1=true;
-          this.flag2=false;
           })
-    }
-    }
+          .catch(() => {
+            //No的功能在这里写
+            this.model.litamep.spcbenamep.modmanflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
+          });
+      } else if (
+        this.model.litamep.spcbenamep.modflg == "X" &&
+        this.model.litamep.spcbenamep.modmanflg == "X"
+      ) {
+        this.$confirm("Please reset modification to replace first", "提示", {
+          confirmButtonText: "Ok",
+          cancelButtonText: "",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.spcbenamep.modmanflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    created:function(){
-
-    }
-}
+  },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>

src/views/Business/Litame/Sprpame.vue

 <template>
   <div class="eibs">
-
-     <c-col :span="12" style="padding-right: 20px;">
-        <c-col :span="24">
-        <el-form-item label="仅适用于银行的特殊付款条款" prop="lidgrp.blk.spcrcb">
-            <c-input 
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
+        <el-form-item
+          label="仅适用于银行的特殊付款条款"
+          prop="lidgrp.blk.spcrcb"
+        >
+          <c-input
             :rows="12"
             :disabled="this.flag1"
-            type="textarea" v-model="model.lidgrp.blk.spcrcb" maxlength="65" show-word-limit placeholder="请输入单据要求" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.spcrcb"
+            maxlength="65"
+            show-word-limit
+            placeholder="请输入单据要求"
+          ></c-input>
         </el-form-item>
-        </c-col>
-
-        <c-col :span="22">
+      </c-col>
+      <c-col :span="24">
+        <el-form-item
+          label="添加/删除当前修订中的文本"
+          prop="litamep.spcrcbamep.usrblk"
+        >
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              :disabled="this.flag2"
+              v-model="model.litamep.spcrcbamep.usrblk"
+              maxlength="1650"
+              show-word-limit
+              placeholder="请输入添加/删除补充信息"
+              :rows="22"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                :disabled="this.flag2"
+                @click="
+                  showGridPromptDialog(
+                    'litamep.spcrcbamep.buttxmsel',
+                    null,
+                    null,
+                    { TXT: 'litamep.spcrcbamep.usrblk' },
+                    { TXT: false },
+                    'doxpDialog'
+                  )
+                "
+              >
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+      <!-- <c-col :span="22">
         <el-form-item label="添加/删除当前修订中的文本" prop="litamep.spcrcbamep.usrblk">
             <c-input type="textarea" 
             :disabled="this.flag2"
@@ -28,66 +71,82 @@
         @click="showGridPromptDialog('litamep.spcrcbamep.buttxmsel',null,null,{TXT: 'litamep.spcrcbamep.usrblk'}, {TXT: false},'doxpDialog')"
         >
         </c-button>
-        </c-col>
-      </c-col>
-        
-        <c-col :span="12" style="padding-left: 20px;">
-       <c-col :span="24">
+        </c-col> -->
+    </c-col>
+
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
         <el-form-item label="历史概述" prop="lidgrp.blk.spcrcbame">
-            <c-input 
+          <c-input
             :rows="12"
             disabled
-            type="textarea" v-model="model.lidgrp.blk.spcrcbame" maxlength="50" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input>
+            type="textarea"
+            v-model="model.lidgrp.blk.spcrcbame"
+            maxlength="50"
+            show-word-limit
+            placeholder="请输入单据要求 Amendment History"
+          ></c-input>
         </el-form-item>
-        </c-col>
-         
-       
-                  
-       <c-col :span="12">
-           
-	    
-        <c-checkbox 
-        style=" margin: 0px 0 10px 150px;"
-        @change="open"
-        v-model="model.litamep.spcrcbamep.modflg">修改要替换的文本</c-checkbox>
-          
-       </c-col>
-                  
-       <c-col :span="12">
-	    <c-checkbox 
-        @change="open1"
-        style=" margin: 0px 0 10px 125px;"
-        v-model="model.litamep.spcrcbamep.modmanflg">内部修改文本</c-checkbox>
-       </c-col>
-                  
-       <c-col :span="12">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        size="small" type="primary"  @click="onLcrdocamepButdif">
-            显示差异
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="" prop="litamep.spcrcbamep.modflg">
+        <c-checkbox
+          class="checkbox-left"
+          @change="open"
+          v-model="model.litamep.spcrcbamep.modflg"
+          >修改要替换的文本</c-checkbox
+        >
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <c-checkbox
+          @change="open1"
+          style="margin: 0px 0 10px 125px"
+          v-model="model.litamep.spcrcbamep.modmanflg"
+          >内部修改文本</c-checkbox
+        >
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          size="small"
+          type="primary"
+          @click="onLcrdocamepButdif"
+        >
+          显示差异
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small" type="primary"  @click="onLcrdocamepButadd">
-            添加文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          @click="onLcrdocamepButadd"
+        >
+          添加文本
         </c-button>
-       </c-col>
-                  
-       <c-col :span="24">
-        <c-button 
-        style=" margin: 0px 0 10px 150px;"
-        disabled
-        size="small"  type="primary" icon="el-icon-delete" @click="onLcrdocamepButdel">
-            删除文本
+      </c-col>
+
+      <c-col :span="24">
+        <c-button
+          style="margin: 0px 0 10px 120px"
+          disabled
+          size="small"
+          type="primary"
+          icon="el-icon-delete"
+          @click="onLcrdocamepButdel"
+        >
+          删除文本
         </c-button>
-       </c-col>
-        </c-col>
-                  
-       <!-- <c-col :span="12">
+      </c-col>
+    </c-col>
+
+    <!-- <c-col :span="12">
         <c-form-item label="仅适用于银行的特殊付款条款 History" prop="lidgrp.blk.spcrcbame">
             <c-input type="textarea" v-model="model.lidgrp.blk.spcrcbame" maxlength="50" show-word-limit :placeholder="$t('other.please_enter')+'仅适用于银行的特殊付款条款 History'" ></c-input>
         </c-form-item>
@@ -133,151 +192,180 @@
   </div>
 </template>
 <script>
-import Api from "~/service/Api"
+import Api from "~/service/Api";
 import commonProcess from "~/mixin/commonProcess";
-import CodeTable from "~/config/CodeTable"
-import Event from "~/model/Litame/Event"
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Litame/Event";
 
 export default {
-    inject: ['root'],
-    props:["model","codes"],
-    mixins: [commonProcess],
-    data(){
-        return {
-            flag1:true,
-            flag2:false,
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      flag1: true,
+      flag2: false,
+    };
+  },
+  watch: {
+    "model.litamep.spcrcbamep.modflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.spcrcbamep.modflg == "X" &&
+          this.model.litamep.spcrcbamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcrcbamep.usrblk = "";
+        } else if (
+          this.model.litamep.spcrcbamep.modflg == "X" &&
+          this.model.litamep.spcrcbamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.spcrcbamep.modflg == "" &&
+          this.model.litamep.spcrcbamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.spcrcbamep.modflg == "" &&
+          this.model.litamep.spcrcbamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcrcbamep.usrblk = "";
         }
+      },
     },
-    watch:{
-        "model.litamep.spcrcbamep.modflg":{
-            immediate:true,
-            handler(val,oldval){
-                 if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcrcbamep.usrblk='';
-                }else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcrcbamep.usrblk='';
-                }
-            }
-        },
-        "model.litamep.spcrcbamep.modmanflg":{
-            immediate:true,
-            handler(val,oldval){
-               if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== ''){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcrcbamep.usrblk='';
-                }else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    
-                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== ''){
-                    this.flag1=true;
-                    this.flag2=false;
-                }else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== 'X'){
-                    this.flag1=false;
-                    this.flag2=true;
-                    this.model.litamep.spcrcbamep.usrblk='';
-                }
-            }
+    "model.litamep.spcrcbamep.modmanflg": {
+      immediate: true,
+      handler(val, oldval) {
+        if (
+          this.model.litamep.spcrcbamep.modflg == "X" &&
+          this.model.litamep.spcrcbamep.modmanflg == ""
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcrcbamep.usrblk = "";
+        } else if (
+          this.model.litamep.spcrcbamep.modflg == "X" &&
+          this.model.litamep.spcrcbamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+        } else if (
+          this.model.litamep.spcrcbamep.modflg == "" &&
+          this.model.litamep.spcrcbamep.modmanflg == ""
+        ) {
+          this.flag1 = true;
+          this.flag2 = false;
+        } else if (
+          this.model.litamep.spcrcbamep.modflg == "" &&
+          this.model.litamep.spcrcbamep.modmanflg == "X"
+        ) {
+          this.flag1 = false;
+          this.flag2 = true;
+          this.model.litamep.spcrcbamep.usrblk = "";
         }
-
+      },
     },
-    methods:{...Event,
-    open(val){
-        if(val === '' && !(this.model.lidgrp.blk.spcrcb == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+  },
+  methods: {
+    ...Event,
+    open(val) {
+      if (val === "" && !(this.model.lidgrp.blk.spcrcb == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.spcrcb='';
+            this.model.lidgrp.blk.spcrcb = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
+          })
+          .catch(() => {
             //No的功能在这里写
-            this.model.litamep.spcrcbamep.modflg='X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
+            this.model.litamep.spcrcbamep.modflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
           });
-        }else if(val == 'X' && this.model.litamep.spcrcbamep.modmanflg =='X'){
-            this.$confirm('Please reset internal modification first','提示',{
-            confirmButtonText: 'Ok',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.spcrcbamep.modflg='';
-          this.flag1=true;
-          this.flag2=false;
-          })
-        }
-    
+      } else if (val == "X" && this.model.litamep.spcrcbamep.modmanflg == "X") {
+        this.$confirm("Please reset internal modification first", "提示", {
+          confirmButtonText: "Ok",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.spcrcbamep.modflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    open1(val){
-        if(val === '' && !(this.model.lidgrp.blk.spcrcb == '')){
-          this.$confirm('Do you really want to reset your manual modifications?','提示',{
-           
-            cancelButtonText: 'Cannel',
-            confirmButtonText: 'Ok',
-            type: 'warning',
-            showClose:false
-          }).then(() => {
+    open1(val) {
+      if (val === "" && !(this.model.lidgrp.blk.spcrcb == "")) {
+        this.$confirm(
+          "Do you really want to reset your manual modifications?",
+          "提示",
+          {
+            cancelButtonText: "Cannel",
+            confirmButtonText: "Ok",
+            type: "warning",
+            showClose: false,
+          }
+        )
+          .then(() => {
             //yes的执行在这里写
-          this.model.lidgrp.blk.spcrcb='';
+            this.model.lidgrp.blk.spcrcb = "";
             this.$message({
-                  type: 'success',
-                  message: '删除成功!'
+              type: "success",
+              message: "删除成功!",
             });
-            
-          }).catch(() => {
-            //No的功能在这里写
-            this.model.litamep.spcrcbamep.modmanflg = 'X'
-                this.$message({
-                  type: 'info',
-                  message: '已取消'
-                });  
-        }); 
-    }else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg =='X'){
-            this.$confirm('Please reset modification to replace first','提示',{
-            confirmButtonText: 'Ok',
-            cancelButtonText: '',
-            showCancelButton:false,
-            type: 'warning',
-            showClose:false
-          }).then(() => {
-            //yes的执行在这里写
-          this.model.litamep.spcrcbamep.modmanflg='';
-          this.flag1=true;
-          this.flag2=false;
           })
-    }
-    }
+          .catch(() => {
+            //No的功能在这里写
+            this.model.litamep.spcrcbamep.modmanflg = "X";
+            this.$message({
+              type: "info",
+              message: "已取消",
+            });
+          });
+      } else if (
+        this.model.litamep.spcrcbamep.modflg == "X" &&
+        this.model.litamep.spcrcbamep.modmanflg == "X"
+      ) {
+        this.$confirm("Please reset modification to replace first", "提示", {
+          confirmButtonText: "Ok",
+          cancelButtonText: "",
+          showCancelButton: false,
+          type: "warning",
+          showClose: false,
+        }).then(() => {
+          //yes的执行在这里写
+          this.model.litamep.spcrcbamep.modmanflg = "";
+          this.flag1 = true;
+          this.flag2 = false;
+        });
+      }
     },
-    created:function(){
-
-    }
-}
+  },
+  created: function () {},
+};
 </script>
 <style>
-
 </style>