detopn样式修改

src/views/Business/Detopn/Detp1.vue

@@ -209,7 +209,7 @@
 
     <!--=== ==========右边=============== -->
     <c-col :span="11" :offset="1">
-      <c-col :span="11">
+      <c-col :span="24">
        <el-form-item label="是否可保兑" prop="dedgrp.rec.bdflg">
             <c-select
               v-model="model.dedgrp.rec.bdflg"

src/views/Business/Detopn/Detp2.vue

@@ -4,14 +4,14 @@
   <!-- ========================= Left ========================= -->
   <c-col :span="11"> 
         <el-form-item label="分批装运货物" prop="dedgrp.rec.shppar">
-                <c-select v-model="model.dedgrp.rec.shppar" style="width:50%" placeholder="请选择">
+                <c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择">
                     <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </c-select>
         </el-form-item>
        
-        <el-form-item label="分期装运/提供服务" prop="dedgrp.rec.fqzytgfw">
-                <c-select v-model="model.dedgrp.rec.fqzytgfw" placeholder="请选择" :disabled="model.dedgrp.rec.shppar != 'Y'" style="width:50%">
+        <el-form-item label="分期装运/提供服务" prop="dedgrp.rec. 看看评【评【评【">
+                <c-select v-model="model.dedgrp.rec.fqzytgfw" placeholder="请选择" :disabled="model.dedgrp.rec.shppar != 'Y'" style="width:100%">
                     <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </c-select>
@@ -22,13 +22,11 @@
         </el-form-item>
 
         <el-form-item label="货物运输/交货/服务方式" prop="dedgrp.rec.tratyp">
-            <c-col :span="10">
-                <c-select v-model="model.dedgrp.rec.tratyp" style="width:90%" placeholder="请选择" @change="recTratypChange" :disabled="model.dedgrp.rec.mytype == 'F'">
+                <c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择" @change="recTratypChange" :disabled="model.dedgrp.rec.mytype == 'F'">
                     <el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
                         :value="item.value">
                     </el-option>
                 </c-select>
-            </c-col>
         </el-form-item>
 
         <el-form-item v-if="model.dedgrp.rec.mytype == 'H'" label="手输运输方式" prop="dedgrp.rec.sdsrfs">

src/views/Business/Detopn/Ovwp.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="24">
-      <c-col :span="11">
+    <!-- ====================左边======================= -->
+    <c-col :span="11">
+      <c-col :span="24">
         <c-col :span="20">
           <el-form-item
             label="信用证号码"
@@ -49,21 +50,6 @@
         <!-- </c-col> -->
       </c-col>
 
-      <c-col :span="11" :offset="1">
-        <el-form-item label="摘要" prop="dedgrp.rec.nam">
-          <c-input
-            align="middle"
-            v-model="model.dedgrp.rec.nam"
-            maxlength="40"
-            disabled
-            placeholder="请输入Externally Displayed Name to Identify the Contract"
-          ></c-input>
-        </el-form-item>
-      </c-col>
-    </c-col>
-
-    <!-- ====================左边======================= -->
-    <c-col :span="11">
       <c-col :span="24">
         <el-form-item label="是否可以转让" prop="dedgrp.rec.lcrtyp">
           <c-select
@@ -82,34 +68,32 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="20">
+      <c-col :span="24">
         <el-form-item
           label="所属客户经理"
-          prop="detp.usr.extkey"
+          prop="ditp.usr.extkey"
           style="width: 100%"
         >
-          <c-input
-            style="width: 95%"
-            v-model="model.detp.usr.extkey"
-            maxlength="8"
-            placeholder="请输入所属客户经理"
-            disabled
-          ></c-input>
+          <c-fullbox>
+            <c-input
+              v-model="model.detp.usr.extkey"
+              maxlength="8"
+              placeholder="请输入所属客户经理"
+              disabled
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                style="margin-left:10px;padding: 0 10px;"
+                size="small"
+                icon="el-icon-search"
+                type="primary"
+                @click="onExtkey"
+              ></c-button>
+            </template>  
+          </c-fullbox>
         </el-form-item>
       </c-col>
 
-      <c-col :span="4">
-        <!-- <el-form-item label="" label-width="17px"> -->
-        <c-button
-          style="margin: 0 10px 0 0; padding: 0 10px"
-          size="small"
-          icon="el-icon-search"
-          type="primary"
-          @click="onExtkey"
-        ></c-button>
-        <!-- </el-form-item> -->
-      </c-col>
-
       <!-- <c-col>
                 &nbsp;
       </c-col> -->
@@ -162,13 +146,13 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-col :span="13">
           <el-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
             <c-input
               v-model="model.dedgrp.rec.nomtop"
               maxlength="9"
-              style="width: 40%"
+              style="width: 100%"
               placeholder="请输入Amount Tolerance - Positive"
             ></c-input>
             <label style="display: inline-block; width: 10%; text-align: center"
@@ -177,11 +161,35 @@
             <c-input
               v-model="model.dedgrp.rec.nomton"
               maxlength="9"
-              style="width: 40%"
+              style="width: 100%"
               placeholder="请输入Amount Tolerance - Negative"
             ></c-input>
           </el-form-item>
         </c-col>
+      </c-col> -->
+
+      <c-col :span="24">
+            <c-col :span="13">
+               <c-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
+                    <c-input
+                        v-model="model.dedgrp.rec.nomton"
+                        maxlength="9"
+                        style="width: 100%"
+                        placeholder="请输入Amount Tolerance - Positive"
+                    ></c-input>
+                </c-form-item>
+            </c-col>
+            <c-col :span="1" style="text-align:center">
+                <label style="display:inline-block;width:calc(3% - 4px);text-align:center;">-</label>
+            </c-col>
+            <c-col :span="10">
+                <c-input
+                    v-model="model.dedgrp.rec.nomton"
+                    maxlength="9"
+                    style="width: 100%"
+                    placeholder="请输入Amount Tolerance - Negative"
+                ></c-input>
+            </c-col>
       </c-col>
 
       <!-- <c-col :span="12" style="text-align: left">
@@ -265,32 +273,96 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-col :span="13">
           <el-form-item label="开证日期" prop="dedgrp.rec.opndat">
             <c-date-picker
               type="date"
               v-model="model.dedgrp.rec.opndat"
               value-format="yyyy-MM-dd"
-              style="width: 95%"
+              style="width: 100%"
               placeholder="请选择Date"
             ></c-date-picker>
           </el-form-item>
         </c-col>
+      </c-col> -->
+      <c-col :span="24">
+        <c-form-item label="开证日期" prop="dedgrp.rec.opndat">
+          <c-date-picker
+            type="date"
+            v-model="model.dedgrp.rec.opndat"
+            value-format="yyyy-MM-dd"
+            placeholder="请选择Date"
+            style="width:100%"
+          ></c-date-picker>
+        </c-form-item>
+      </c-col>
+       <c-col :span="24">
+        <el-form-item
+          v-if="model.dedgrp.rec.mytype == 'H'"
+          label="最迟货物装运日"
+          prop="dedgrp.rec.shpdat"
+        >
+          <c-date-picker
+            type="date"
+            v-model="model.dedgrp.rec.shpdat"
+            value-format="yyyy-MM-dd"
+            style="width: 100%"
+            placeholder="请选择Date"
+          ></c-date-picker>
+        </el-form-item>
+        <el-form-item
+          v-if="model.dedgrp.rec.mytype == 'F'"
+          label="最迟服务提供日"
+          prop="dedgrp.rec.shpdat"
+        >
+          <c-date-picker
+            type="date"
+            v-model="model.dedgrp.rec.shpdat"
+            value-format="yyyy-MM-dd"
+            style="width: 100%"
+            placeholder="请选择Date"
+            
+          ></c-date-picker>
+        </el-form-item>
+        <el-form-item
+          label="最迟货物装运日/服务提供日"
+          v-if="model.dedgrp.rec.mytype == '3'"
+          prop="dedgrp.rec.shpdat"
+        >
+          <c-date-picker
+            type="date"
+            v-model="model.dedgrp.rec.shpdat"
+            value-format="yyyy-MM-dd"
+            style="width: 100%"
+            placeholder="请选择"
+          ></c-date-picker>
+        </el-form-item>
       </c-col>
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-col :span="13">
           <el-form-item label="有效日期" prop="dedgrp.rec.expdat">
             <c-date-picker
               type="date"
               v-model="model.dedgrp.rec.expdat"
               value-format="yyyy-MM-dd"
-              style="width: 95%"
+              style="width: 100%"
               placeholder="请选择Date"
             ></c-date-picker>
           </el-form-item>
         </c-col>
+      </c-col> -->
+      <c-col :span="24">
+        <c-form-item label="有效日期" prop="dedgrp.rec.expdat">
+          <c-date-picker
+            type="date"
+            v-model="model.dedgrp.rec.expdat"
+            value-format="yyyy-MM-dd"
+            placeholder="请选择Date"
+            style="width:100%"
+          ></c-date-picker>
+        </c-form-item>
       </c-col>
 
       <c-col :span="24">
@@ -303,7 +375,7 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="24">
+      <!-- <c-col :span="24">
         <c-col :span="13">
           <el-form-item label="货运时间" prop="dedgrp.rec.shpdat">
             <c-date-picker
@@ -314,13 +386,23 @@
             ></c-date-picker>
           </el-form-item>
         </c-col>
+      </c-col> -->
+      <c-col :span="24">
+          <c-form-item label="货运时间" prop="dedgrp.rec.shpdat">
+            <c-date-picker
+              type="date"
+              v-model="model.dedgrp.rec.shpdat"
+              style="width: 100%"
+              placeholder="请选择Shipment Date"
+            ></c-date-picker>
+          </c-form-item>
       </c-col>
 
       <c-col :span="24">
         <el-form-item label="转运" prop="dedgrp.rec.shptrs">
           <c-select
             v-model="model.dedgrp.rec.shptrs"
-            style="width: 50%"
+            style="width: 100%"
             placeholder="请选择"
             :disabled="model.dedgrp.rec.mytype == 'F'"
           >
@@ -403,6 +485,18 @@
 
     <!-- ========================右边======================= -->
     <c-col :span="11" :offset="1">
+      <c-col :span="24" :offset="1">
+        <el-form-item label="摘要" prop="dedgrp.rec.nam">
+          <c-input
+            align="middle"
+            v-model="model.dedgrp.rec.nam"
+            maxlength="40"
+            disabled
+            placeholder="请输入Externally Displayed Name to Identify the Contract"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
       <c-col :span="24">
         <c-ptap
           :model="model"

src/views/Business/Ditopn/Ovwp.vue

@@ -142,7 +142,6 @@
                     placeholder="请输入Amount Tolerance - Negative"
                 ></c-input>
             </c-col>
-        
       </c-col>
       <!-- <c-col :span="12" style="text-align: left">
         <el-form-item