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>
+  <c-page title="任务列表">
     <div class="eContainer-taskList">
       <c-tabs :value="tabVal" type="card" @tab-click="tabClick">
         <el-tab-pane label="待经办列表" name="sptsel">
@@ -11,7 +12,7 @@
               :max="99"
             />
           </span>
-        <c-content :height="180">
+          <c-content>
             <t-sptsel />
           </c-content>
         </el-tab-pane>
@@ -25,13 +26,13 @@
               :max="99"
             />
           </span>
-        <c-content :height="180">
+          <c-content>
             <t-trnrel />
           </c-content>
         </el-tab-pane>
 
         <el-tab-pane label="已完成列表" name="trnfnd">
-        <c-content :height="180">
+          <c-content>
             <t-trnfnd />
           </c-content>
         </el-tab-pane>
@@ -58,7 +59,7 @@
               :max="99"
             />
           </span>
-        <c-content :height="180">
+          <c-content>
             <t-diasel />
           </c-content>
         </el-tab-pane>
@@ -67,13 +68,14 @@
               <span slot="label">
                   数据对比
               </span>
-            <c-content :height="180">
+              <c-content>
               <t-compare />
               </c-content>
           </el-tab-pane>
           -->
       </c-tabs>
     </div>
+  </c-page>
 </template>
 
 <script>