litopn ui改造

src/assets/css/common.css

@@ -112,7 +112,7 @@
 
 .el-tabs .el-tabs__content {
   /* background: #fff; */
-  padding: 10px;
+  /* padding: 10px; */
 }
 
 .el-tabs--card>.el-tabs__header .el-tabs__item {
@@ -153,6 +153,10 @@
   margin-bottom: -2px;
 }
 
+.el-form-item__label {
+  padding: 0 20px 0 0;
+}
+
 .el-form-item--small .el-form-item__label {
   font-size: var(--normalfont);
   height: var(--lineheight);
@@ -161,8 +165,8 @@
 
 .el-form-item--mini.el-form-item,
 .el-form-item--small.el-form-item {
-  margin-bottom: 12px;
-  margin-top: 20px;
+  margin-bottom: 20px;
+  /* margin-top: 20px; */
 }
 
 .el-input--small .el-input__inner {
@@ -374,14 +378,22 @@
 }
 
 .el-collapse .el-collapse-item__wrap{
-   background-color: var(--bgcolor);
+   /* background-color: var(--bgcolor); */
 }
 
 .el-collapse-item__header{
-  background-color: var(--bgcolor);
+  /* background-color: var(--bgcolor); */
 }
 
 .el-collapse-item__header.is-active{
   font-size: 15px;
   font-weight: bold;
+}
+
+.col-left {
+  padding-right: 20px;
+}
+
+.col-right {
+  padding-left: 20px;
 }
\ No newline at end of file

src/components/Content.vue

@@ -10,7 +10,7 @@
 			height: {
 				type: Number,
 				require: false,
-				default: 250
+				default: 240
 			}
 		},
 		data() {

src/components/FunctionBtn.vue

@@ -133,7 +133,7 @@ export default {
   flex-wrap: nowrap;
   justify-content: center;
   align-items: flex-start;
-  height: 24px;
+  /* height: 24px; */
   text-align: center;
   margin-right:10px;
 }
@@ -152,7 +152,7 @@ export default {
   margin: 0px 10px 0px 0px;
 }
 .m-funcBtn-eContainer .el-button--default {
-  background-image: linear-gradient(#fff,#dedede);
+  /* background-image: linear-gradient(#fff,#dedede); */
   border: 1px solid #ccc;
 }
 .m-funcBtn-eContainer .el-button--primary {

src/views/Business/Bopsel/index.vue

@@ -121,6 +121,6 @@ export default {
 <style>
 .el-tabs .el-tabs__content {
     /* background: #fff; */
-    padding: 5px;
+    /* padding: 5px; */
   }
 </style>

src/views/Business/Infbed/index.vue

@@ -184,7 +184,7 @@ export default {
 </script>
 <style>
      .infbedTab .el-tabs__content {
-        padding: 10px 0 10px 0;
+        /* padding: 10px 0 10px 0; */
     }
 
     .infbedTab .infrow {
@@ -201,6 +201,6 @@ export default {
         background-color: #f7faff;
     }
     .eContainer {
-  padding: 0px 15px 3px;
-}
+      /* padding: 0px 15px 3px; */
+     }
 </style>

src/views/Business/Inflid/Infsea.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <c-list-search @form-reset="handleReset" @form-search="handleSearch">
       <template v-slot="searchSlot">
         <el-form

src/views/Business/Litopn/Detp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- ========================左边======================== -->
     <c-col :span="11">
       <c-col :span="24">

src/views/Business/Litopn/Ovwp.vue

@@ -4,7 +4,7 @@
       <el-collapse-item title="概要" name="1">
         <!-- ======================= 左 ========================= -->
 
-        <c-col :span="11">
+        <c-col :span="12" style="padding-right: 20px;">
           <el-col :spam="24">
             <el-form-item
               label="信用证编号"
@@ -372,7 +372,7 @@
         </c-col>
 
         <!-- ======================右边====================== -->
-        <c-col :span="11" :offset="1">
+        <c-col :span="12" style="padding-left: 20px;">
           <c-col :span="24">
             <el-form-item label="简略信息" prop="lidgrp.rec.nam">
               <c-input

src/views/Business/Litopn/Ptyp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- ================= 左 ================== -->
     <c-col :span="11">
       <c-col :span="24">

src/views/Business/Sptrou/index.vue

@@ -138,8 +138,8 @@ export default {
 }
 </script>
 <style>
-    .m-Btn-eContainer {
-        display: flex; /*flex布局*/
+    /* .m-Btn-eContainer {
+        display: flex; 
         flex-direction: row;
         flex-wrap: nowrap;
         justify-content: space-between;
@@ -160,5 +160,5 @@ export default {
 }
 .m-funcBtn-eContainer .el-button--primary {
   border: 1px solid #0D4FBD;
-}
+} */
 </style>

src/views/Business/index.vue

@@ -38,12 +38,15 @@ export default {
 #business_container {
   flex: 1;
   width: 85%;
-  margin: 40px auto 0;
+  margin: 0 auto;
+  padding-top: 40px;
+  background-color: #ffffff;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 0 3px 0 rgb(0 0 0 / 4%);
 }
 #business_container .eibs-tab {
-  padding: 0 15px;
+  padding: 40px;
 }
-#business_container .eibs-tab::after {
+#business_container .eibs::after, #business_container .eibs-tab::after {
   content: "";
   display: block;
   clear: both;

src/views/TaskList/index.vue

 <template>
-  <div class="eContainer-taskList">
-    <c-tabs :value="tabVal" type="card" @tab-click="tabClick">
-      <el-tab-pane label="待经办列表" name="sptsel">
-        <!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
-        <span slot="label">
-          待经办列表
-          <el-badge
-            v-if="$store.state.Status.taskList.sptsel > 0"
-            :value="$store.state.Status.taskList.sptsel"
-            :max="99"
-          />
-        </span>
-        <c-content :height="180">
-          <t-sptsel />
-        </c-content>
-      </el-tab-pane>
+  <c-page title="任务列表">
+    <div class="eContainer-taskList">
+      <c-tabs :value="tabVal" type="card" @tab-click="tabClick">
+        <el-tab-pane label="待经办列表" name="sptsel">
+          <!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
+          <span slot="label">
+            待经办列表
+            <el-badge
+              v-if="$store.state.Status.taskList.sptsel > 0"
+              :value="$store.state.Status.taskList.sptsel"
+              :max="99"
+            />
+          </span>
+          <c-content>
+            <t-sptsel />
+          </c-content>
+        </el-tab-pane>
 
-      <el-tab-pane label="待复核列表" name="trnrel">
-        <span slot="label">
-          待复核列表
-          <el-badge
-            v-if="$store.state.Status.taskList.trnrel > 0"
-            :value="$store.state.Status.taskList.trnrel"
-            :max="99"
-          />
-        </span>
-        <c-content :height="180">
-          <t-trnrel />
-        </c-content>
-      </el-tab-pane>
+        <el-tab-pane label="待复核列表" name="trnrel">
+          <span slot="label">
+            待复核列表
+            <el-badge
+              v-if="$store.state.Status.taskList.trnrel > 0"
+              :value="$store.state.Status.taskList.trnrel"
+              :max="99"
+            />
+          </span>
+          <c-content>
+            <t-trnrel />
+          </c-content>
+        </el-tab-pane>
 
-      <el-tab-pane label="已完成列表" name="trnfnd">
-        <c-content :height="180">
-          <t-trnfnd />
-        </c-content>
-      </el-tab-pane>
-      <el-tab-pane label="待申报列表" name="bopsel">
-        <t-bopsel />
-      </el-tab-pane>
-      <el-tab-pane label="草稿箱" name="sptbrk">
-        <span slot="label">
-          草稿箱
-          <el-badge
-            v-if="$store.state.Status.taskList.sptbrk > 0"
-            :value="$store.state.Status.taskList.sptbrk"
-            :max="99"
-          />
-        </span>
-        <t-sptbrk />
-      </el-tab-pane>
-      <el-tab-pane label="到期提示" name="diasel">
-        <span slot="label">
-          到期提示
-          <el-badge
-            v-if="$store.state.Status.taskList.diasel > 0"
-            :value="$store.state.Status.taskList.diasel"
-            :max="99"
-          />
-        </span>
-        <c-content :height="180">
-          <t-diasel />
-        </c-content>
-      </el-tab-pane>
-      <!--
-        <el-tab-pane label="数据对比" name="compare">
-            <span slot="label">
-                数据对比
-            </span>
-            <c-content :height="180">
-            <t-compare />
-            </c-content>
+        <el-tab-pane label="已完成列表" name="trnfnd">
+          <c-content>
+            <t-trnfnd />
+          </c-content>
+        </el-tab-pane>
+        <el-tab-pane label="待申报列表" name="bopsel">
+          <t-bopsel />
+        </el-tab-pane>
+        <el-tab-pane label="草稿箱" name="sptbrk">
+          <span slot="label">
+            草稿箱
+            <el-badge
+              v-if="$store.state.Status.taskList.sptbrk > 0"
+              :value="$store.state.Status.taskList.sptbrk"
+              :max="99"
+            />
+          </span>
+          <t-sptbrk />
+        </el-tab-pane>
+        <el-tab-pane label="到期提示" name="diasel">
+          <span slot="label">
+            到期提示
+            <el-badge
+              v-if="$store.state.Status.taskList.diasel > 0"
+              :value="$store.state.Status.taskList.diasel"
+              :max="99"
+            />
+          </span>
+          <c-content>
+            <t-diasel />
+          </c-content>
         </el-tab-pane>
-        -->
-    </c-tabs>
-  </div>
+        <!--
+          <el-tab-pane label="数据对比" name="compare">
+              <span slot="label">
+                  数据对比
+              </span>
+              <c-content>
+              <t-compare />
+              </c-content>
+          </el-tab-pane>
+          -->
+      </c-tabs>
+    </div>
+  </c-page>
 </template>
 
 <script>