SSCC还原

src/views/BarCode/SSCC.vue

 <template>
-  <div class="corppay ssccpage">
+  <div class="corppay">
     <cate :father="sfmlqdCate"></cate>
     <!-- 条码生成区域start -->
     <div class="generate_area">
-      <div class="enter_box row">
-        <div class="enter_name col-lg-2">AI标识符：</div>
+      <div class="enter_box">
+        <div class="enter_name">AI标识符：</div>
         <div class="input_list">
           <el-form
             :inline="true"
@@ -15,7 +15,7 @@
             :rules="info.rules"
           >
             <template>
-              <el-form-item  class="col-lg-5">
+              <el-form-item>
                 <el-select
                   v-model="info.flag"
                   placeholder="请选择AI标识符"
@@ -54,7 +54,7 @@
               </template>
               <!-- 时间类型 -->
               <template v-else-if="info.isDate === 1">
-                <el-form-item class="col-lg-6">
+                <el-form-item>
                   <el-date-picker
                     type="date"
                     v-model="info.cValue"
@@ -69,7 +69,7 @@
               </template>
               <!-- 剩余其他类型 -->
               <template v-else>
-                <el-form-item class="col-lg-5">
+                <el-form-item>
                   <el-input
                     v-model="info.cValue"
                     :placeholder="info.prompt"
@@ -83,7 +83,7 @@
                 </el-form-item>
               </template>
 
-              <el-form-item class="col-lg-1" v-if="i === 0">
+              <el-form-item v-if="i === 0">
                 <img
                   @click="addRow"
                   src="../../assets/image/barcode/add.png"
@@ -91,7 +91,7 @@
                   class="button_sty"
                 />
               </el-form-item>
-              <el-form-item class="col-lg-1" v-else>
+              <el-form-item v-else>
                 <img
                   @click="deleteRow(i)"
                   src="../../assets/image/barcode/delete.png"
@@ -103,9 +103,7 @@
           </el-form>
         </div>
       </div>
-      <div class="row justify-content-center">
-        <div class="col-lg-3 operate_button" @click="handleGenerate">生成条码</div>
-      </div>
+      <div class="operate_button" @click="handleGenerate">生成条码</div>
     </div>
     <!-- 条码生成区域end -->
     <!-- 条码生成成功区域start -->
@@ -332,7 +330,7 @@ input::-webkit-inner-spin-button {
 
 .CT1_form_inline.el-input,
 .CT1_form_inline.el-input .el-input__inner {
-  width: 300px;
+  width: 320px;
   height: 40px;
 }
 .CT2_form_inline.el-input,
@@ -364,16 +362,12 @@ input::-webkit-inner-spin-button {
 }
 .DT_form_inline.el-date-editor,
 .DT_form_inline.el-date-editor .el-input__inner {
-  width: 300px;
+  width: 320px;
   height: 40px;
 }
 .DT_form_inline.el-input .el-input__inner {
   padding-left: 40px;
 }
-.ssccpage .el-form--inline .el-form-item{
-  margin-right: 0;
-  margin-bottom: 0;
-}
 </style>
 <style lang="scss" scoped>
 .corppay {
@@ -382,23 +376,20 @@ input::-webkit-inner-spin-button {
     // height: 100px;
     // background: orchid;
     padding: 0 30px;
-    // margin-bottom: 29px;
     .enter_box {
-      // display: flex;
+      display: flex;
       // height: 40px;
       // line-height: 40px;
       margin-top: 29px;
-      
       box-sizing: border-box;
       .enter_name {
         width: 100px;
         font-size: 14px;
         font-family: MicrosoftYaHei;
         color: #414345;
-        height: 40px;
-        line-height: 40px;
       }
       .input_list {
+        // height: 40px;
         .check_code {
           width: 70px;
           border-radius: 2px;
@@ -413,6 +404,21 @@ input::-webkit-inner-spin-button {
           cursor: pointer;
         }
       }
+      .tag_num {
+        width: 72px;
+        border-radius: 2px;
+        border: 1px solid #cccccc;
+        font-size: 13px;
+        font-family: MicrosoftYaHei;
+        color: #454545;
+        padding-left: 10px;
+        padding-left: 10px;
+      }
+      .input_box {
+        width: 242px;
+        height: 40px;
+        margin-left: 10px;
+      }
     }
     .operate_button {
       width: 240px;
@@ -424,10 +430,10 @@ input::-webkit-inner-spin-button {
       font-family: MicrosoftYaHei;
       color: #ffffff;
       text-align: center;
-      // margin-top: 20px;
-      // margin-left: 182px;
-      margin-bottom: 20px;
+      margin-top: 20px;
+      margin-left: 271px;
       cursor: pointer;
+      margin-bottom: 40px;
     }
     .operate_button:hover{
       font-size: 15px;