导出 导入 列表筛选

src/views/AllPersonnelBase/dclb.vue

@@ -25,62 +25,78 @@
       class="head"
       v-if="showType == 1"
     >
-      <div class='search taskNumber'>
-        <div class='item'> 任务号：</div>
-        <el-input
-          placeholder="请输入任务号"
-          v-model.trim="taskNumber"
-          maxlength="14"
-          show-word-limit
-          clearable
-        >
-        </el-input>
-      </div>
-      <div class='search barcode'>
-        <div class='item'> 人员编号：</div>
-        <el-input
-          placeholder="请输入人员编号"
-          v-model.trim="barcode"
-          maxlength="23"
-          show-word-limit
-          clearable
-        >
-        </el-input>
+      <div class='left'>
+        <div class='search taskNumber'>
+          <div class='item'> 任务号：</div>
+          <el-input
+            placeholder="请输入任务号"
+            v-model.trim="taskNumber"
+            maxlength="14"
+            show-word-limit
+            clearable
+          >
+          </el-input>
+        </div>
+        <div class='search barcode'>
+          <div class='item'> 人员编号：</div>
+          <el-input
+            placeholder="请输入人员编号"
+            v-model.trim="barcode"
+            maxlength="23"
+            show-word-limit
+            clearable
+          >
+          </el-input>
+        </div>
       </div>
       <div class="right">
-        <el-button @click="clear">清空</el-button>
-        <el-button @click="search">筛选</el-button>
+        <el-button
+          type="text"
+          @click="clear"
+        >清空</el-button>
+        <el-button
+          class='sx'
+          @click="search"
+        >筛选</el-button>
       </div>
     </div>
     <div
       class='head'
       v-if="showType==2"
     >
-      <div class='search taskNumber'>
-        <div class='item'> 任务号：</div>
-        <el-input
-          placeholder="请输入任务号"
-          v-model.trim="taskNumber"
-          maxlength="14"
-          show-word-limit
-          clearable
-        >
-        </el-input>
-      </div>
-      <div class='search barcode'>
-        <div class='item'> 案事件编号：</div>
-        <el-input
-          placeholder="请输入人员编号"
-          v-model.trim="barcode"
-          maxlength="23"
-          show-word-limit
-          clearable
-        >
-        </el-input>
+      <div class="left">
+        <div class='search taskNumber'>
+          <div class='item'> 任务号：</div>
+          <el-input
+            placeholder="请输入任务号"
+            v-model.trim="taskNumber"
+            maxlength="14"
+            show-word-limit
+            clearable
+          >
+          </el-input>
+        </div>
+        <div class='search barcode'>
+          <div class='item'> 案事件编号：</div>
+          <el-input
+            placeholder="请输入人员编号"
+            v-model.trim="barcode"
+            maxlength="23"
+            show-word-limit
+            clearable
+          >
+          </el-input>
+        </div>
       </div>
       <div class="right">
-        <el-button @click="clear">清空</el-button>
-        <el-button @click="search">筛选</el-button>
+        <el-button
+          type="text"
+          @click="clear"
+        >清空</el-button>
+        <el-button
+          class='sx'
+          @click="search"
+        >筛选</el-button>
       </div>
     </div>
     <el-divider></el-divider>
@@ -978,6 +994,7 @@ export default {
     margin-top: 10px;
     height: 55px;
     display: flex;
+    justify-content: space-between;
     align-items: center;
     /deep/.el-radio:nth-child(2) {
       margin-left: 24px;
@@ -990,6 +1007,10 @@ export default {
     /deep/.el-input__icon {
       line-height: 32px;
     }
+    .left {
+      display: flex;
+    }
+
     .search {
       display: flex;
       align-items: center;
@@ -1027,7 +1048,7 @@ export default {
       }
     }
     .right {
-      /deep/.el-button {
+      /deep/.sx {
         width: 72px;
         height: 32px;
         background: #055fe7;
@@ -1047,7 +1068,7 @@ export default {
       margin-top: 24px;
     }
     .right {
-      /deep/.el-button {
+      /deep/.sx {
         width: 72px;
         height: 32px;
         background: #055fe7;

src/views/drFPTX/RAList.vue

@@ -180,8 +180,14 @@
         </el-radio-group>
       </div>
       <div class="right">
-        <el-button @click="clear">清空</el-button>
-        <el-button @click="search">筛选</el-button>
+        <el-button
+          type="text"
+          @click="clear"
+        >清空</el-button>
+        <el-button
+          class="sx"
+          @click="search"
+        >筛选</el-button>
       </div>
     </div>
     <el-divider></el-divider>
@@ -1327,7 +1333,7 @@ export default {
       margin-top: 24px;
     }
     .right {
-      /deep/.el-button {
+      /deep/.sx {
         width: 72px;
         height: 32px;
         background: #055fe7;