调整部分样式

src/assets/css/common.css

@@ -480,3 +480,50 @@
 .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
   border-radius:0px;
 }
+
+
+@media screen and (min-width: 2561px) {
+    
+  #business_container .eibs-tab{
+    padding: 25px 20px;
+  }
+}
+
+@media screen and (min-width: 1921px) and (max-width: 2560) {
+ 
+   #business_container .eibs-tab{
+    padding: 20px 15px;
+  }
+}
+
+@media screen and (min-width: 1441px) and (max-width: 1920px) {
+ 
+   #business_container .eibs-tab{
+    padding: 20px 10px;
+  }
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1440px) {
+ 
+   #business_container .eibs-tab{
+    padding: 20px 5px;
+  }
+}
+
+@media screen and (max-width: 1199px) {
+ 
+   #business_container .eibs-tab{
+    padding: 20px 5px;
+  }
+}
+
+
+.el-checkbox{
+  float: right;
+  text-align: center;
+}
+
+.checkbox-left {
+float: left;
+margin-left: 120px;
+}

src/components/c-page.vue

 <template>
-  <div class="c-page-container">
+<div class="c-page-container">
     <!-- <div class="title" v-if="showTitle">
       <i class="el-icon-location" style="color: #409eff;"></i>
       <span>{{ title }}</span>
     </div> -->
-    <div style="flex: 1; padding: 0px 15px 5px; position: relative">
+    <div class="c-page-container-div">
         <slot></slot>
     </div>
-  </div>
+</div>
 </template>
 
 <script>
@@ -20,6 +20,7 @@ export default {
     }
 };
 </script>
+
 <style scoped>
 .title {
     margin: 0;
@@ -29,6 +30,7 @@ export default {
     border-bottom: 1px solid var(--darkbgcolor);
     background-color: var(--darkbgcolor);
 }
+
 .c-page-container {
     height: 100%;
     display: flex;
@@ -37,7 +39,6 @@ export default {
     overflow: inherit;
 }
 
-
 .fast-button {
     display: flex;
     flex-direction: row;
@@ -51,20 +52,66 @@ export default {
     right: 0px;
 }
 
-.fast-button .el-button{
-    border:none;
-    border-radius:0px;
-    margin-left:0px!important;
+.fast-button .el-button {
+    border: none;
+    border-radius: 0px;
+    margin-left: 0px !important;
     background-color: #1561e0;
     color: white;
     border-right: solid 1px;
     position: relative;
-    height:25px;
+    height: 25px;
 }
 
-.fast-button .el-button:focus, .fast-button .el-button:hover {
+.fast-button .el-button:focus,
+.fast-button .el-button:hover {
     background: white;
     border-color: white;
     color: #1561e0;
 }
+
+.c-page-container-div {
+
+    flex: 1;
+    padding: 0px 15px 5px;
+    position: relative
+}
+
+@media screen and (min-width: 2561px) {
+    .c-page-container-div {
+        padding: 0px 20px 5px;
+    }
+   
+}
+
+@media screen and (min-width: 1921px) and (max-width: 2560) {
+    .c-page-container-div {
+        padding: 0px 15px 5px;
+    }
+    
+}
+
+@media screen and (min-width: 1441px) and (max-width: 1920px) {
+    .c-page-container-div {
+        padding: 0px 10px 5px;
+    }
+   
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1440px) {
+    .c-page-container-div {
+        padding: 0px 5px 5px;
+    }
+   
+}
+
+@media screen and (max-width: 1199px) {
+    .c-page-container-div {
+        padding: 0px 5px 5px;
+    }
+   
+}
+
+
+
 </style>

src/views/Business/Litcan/Canp.vue

@@ -14,13 +14,13 @@
         </el-form-item>
        </c-col>
                   
-       <c-col :span="10">
+       <c-col :span="9">
         <el-form-item label=""  label-width="10px" prop="lidgrp.cbs.nom1.amt">
             <c-input disabled v-model="model.lidgrp.cbs.nom1.amt"  placeholder="请输入开证金额"></c-input>
         </el-form-item>
        </c-col>
 
-       <c-col :span="4">
+       <c-col :span="5">
 	    <c-checkbox disabled v-model="model.litp0.aammod.addamtflg">附加金额</c-checkbox>
        </c-col>
        <c-col :span="10">
@@ -29,13 +29,13 @@
         </el-form-item>
        </c-col>
                   
-       <c-col :span="10">
+       <c-col :span="9">
         <el-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
             <c-input disabled v-model="model.lidgrp.cbs.opn1.amt"  placeholder="请输入金额"></c-input>
         </el-form-item>
        </c-col>
                   
-       <c-col :span="4">
+       <c-col :span="5">
         
 	    <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>
        
@@ -129,18 +129,45 @@
         </el-form-item>
        </c-col>
        
-      <c-col :span="16">
+
+
+
+
+
+   <c-col :span="24">
         <el-form-item label="叙述内容" prop="litcanf.strinf">
-            <c-input type="textarea" 
-            :rows="3"
-            v-model="model.litcanf.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative" ></c-input>
+          <c-fullbox>
+            <c-input
+              type="textarea"
+              v-model="model.litcanf.strinf"
+              row="3"
+              maxlength="50"
+              show-word-limit
+              placeholder="请输入叙述内容"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                @click="onIlccanletButtxmsel"
+              ></c-button>
+            </template>
+          </c-fullbox>
         </el-form-item>
       </c-col>
 
-       <c-col :span="8">
-        <c-button size="small" type="primary" icon="el-icon-search" @click="onIlccanletButtxmsel">
-        </c-button>
-        <c-checkbox v-model="model.byinst">关于申请人的指示</c-checkbox>
+
+
+
+
+
+
+
+      
+                  
+       <c-col :span="24">
+        <c-checkbox class="checkbox-left" v-model="model.byinst">关于申请人的指示</c-checkbox>
        </c-col>           
     </el-col>
     

src/views/Business/index.vue

@@ -59,9 +59,11 @@ export default {
   background-color: unset;
   box-shadow: unset;
 }
+/*
 #business_container .eibs-tab {
   padding: 40px;
 }
+*/
 #business_container .eibs::after, #business_container .eibs-tab::after {
   content: "";
   display: block;

src/views/Layout/index.vue

@@ -250,6 +250,44 @@ export default {
   box-sizing: border-box;
 }
 
+
+
+
+@media screen and (min-width: 2561px) {
+    
+   .el-aside {
+     width: 240px!important;
+    }
+}
+
+@media screen and (min-width: 1921px) and (max-width: 2560) {
+   
+    .el-aside {
+     width: 200px!important;
+    }
+}
+
+@media screen and (min-width: 1441px) and (max-width: 1920px) {
+   
+    .el-aside {
+     width: 190px!important;
+    }
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1440px) {
+   
+    .el-aside {
+      width: 170px!important;
+    }
+}
+
+@media screen and (max-width: 1199px) {
+   
+    .el-aside {
+      width: 150px!important;
+    }
+}
+
 .m-draggable {
   border-radius: 2px;
   border: 1px solid #ccc;
@@ -274,9 +312,9 @@ export default {
   width: 1000;
   padding: 10px 20px 10px 20px;
   z-index: 10000 !important;
-  background-color: #409eff;
+  background-color: #1561e0;
   /* border:0px; */
-  border: 1px solid #409eff;
+  border: 1px solid #1561e0;
 }
 .m-draggable-content {
   height: 420px;