From d24c9dde20cba23b96082b4db81b5223c75e4ea9 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 08 三月 2023 09:06:28 +0800
Subject: [PATCH] 身份证正反面调整

---
 src/views/systemSetting/device/bayonet/index.vue |  130 ++++++++++++++++++++++---------------------
 1 files changed, 66 insertions(+), 64 deletions(-)

diff --git a/src/views/systemSetting/device/bayonet/index.vue b/src/views/systemSetting/device/bayonet/index.vue
index 635ad74..0fd8a38 100644
--- a/src/views/systemSetting/device/bayonet/index.vue
+++ b/src/views/systemSetting/device/bayonet/index.vue
@@ -4,35 +4,37 @@
       <div class="header-content">
         <div class="search">
           <span style="padding-right: 20px">绛涢�夋潯浠�:</span>
-          <el-select
+          <el-input
             v-model="context"
-            placeholder="璇烽�夋嫨"
-            @change="getBayonetListData"
+            placeholder="璇疯緭鍏�"
+
+          ></el-input>
+        </div>
+
+        <div class="main-title">
+          <el-button type="primary" icon="el-icon-search" @click="getBayonetListData">鏌ヨ
+          </el-button>
+          <el-button
+            class="el-icon-plus button-addition"
+            type="primary"
+            @click="showDialog(false, null)"
+            >娣诲姞</el-button
           >
-            <el-option
-              v-for="item in options"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
+
+          <el-button @click="handleExport"
+            type="primary">瀵煎嚭鍗″彛</el-button>
         </div>
       </div>
     </header>
     <main>
       <div class="main-content">
-        <div class="main-title">
-          <el-button
-            class="el-icon-plus"
-            type="primary"
-            @click="showDialog(false, null)"
-            >娣诲姞</el-button
-          >
-          <el-button @click="handleExport">瀵煎嚭鍗″彛</el-button>
-        </div>
         <!-- 鏁版嵁灞曠ず -->
-        <MyTable :tableOption="tableOption" :tableData="list" :pageShow="false">
+        <MyTable
+          :tableOption="tableOption"
+          :get-table-list="getBayonetListData"
+          :tableData="list"
+          :pageShow="true"
+        >
           <template #operation="info">
             <el-link
               :underline="false"
@@ -85,7 +87,7 @@
   data() {
     return {
       isShowDialog: false,
-      context: 0,
+      context: "",
       options: [
         {
           value: 0,
@@ -150,7 +152,7 @@
     getBayonetListData() {
       bayonet
         .getBayonetList({
-          bayonetName: "",
+          bayonetName: this.context,
           current: this.current,
           size: this.size,
         })
@@ -178,7 +180,7 @@
         .exportBayonetList({
           bayonetName: this.context,
           current: this.current,
-          size: this.size
+          size: this.size,
         })
         .then((res) => {
           downloadFile(res);
@@ -210,14 +212,14 @@
 <style lang="scss" scoped>
 .userList {
   text-align: left;
-  margin: 10px 20px;
-  color: #4b9bb7;
-
+  padding: 10px 20px;
+  // color: #4b9bb7;
+  border: 1px solid #ccc;
   header {
-    background-color: #09152f;
+    // background-color: white;
 
     .header-content {
-      padding: 0 40px;
+      padding: 0;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -233,26 +235,26 @@
 
         .el-input {
           flex: 2;
-          color: #1d3f57;
+          // color: #1d3f57;
 
-          &::v-deep .el-input__inner {
-            background-color: #09152f;
-            border: 1px solid #17324c;
-          }
+          // &::v-deep .el-input__inner {
+          //   background-color: #09152f;
+          //   border: 1px solid #17324c;
+          // }
         }
+      }
+
+      .main-title {
+        line-height: 60px;
+        padding: 10px 0px;
       }
     }
   }
 
   main {
-    background-color: #09152f;
+    // background-color: #09152f;
     margin-top: 20px;
     padding-bottom: 50px;
-
-    .main-title {
-      line-height: 60px;
-      padding: 10px 20px;
-    }
 
     .tools {
       display: flex;
@@ -267,7 +269,7 @@
           line-height: 28px;
           display: flex;
           align-items: center;
-          border: 1px solid #17324c;
+          // border: 1px solid #17324c;
           border-radius: 4px;
           font-size: 12px;
           margin-left: 10px;
@@ -281,18 +283,18 @@
             width: 120px;
           }
 
-          &::v-deep .el-input__inner {
-            border: none;
-            background-color: #09152f;
-          }
+          // &::v-deep .el-input__inner {
+          //   border: none;
+          //   background-color: #09152f;
+          // }
 
-          &:hover {
-            border: 1px solid #4b9bb7;
-          }
+          // &:hover {
+          //   border: 1px solid #4b9bb7;
+          // }
 
-          &:hover .el-checkbox {
-            color: #4b9bb7;
-          }
+          // &:hover .el-checkbox {
+          //   color: #4b9bb7;
+          // }
         }
       }
 
@@ -303,24 +305,24 @@
         justify-content: center;
 
         .el-pagination {
-          &::v-deep li,
-          &::v-deep .btn-prev,
-          &::v-deep .btn-next {
-            background-color: #071f39;
-            color: #4b9bb7;
-          }
+          // &::v-deep li,
+          // &::v-deep .btn-prev,
+          // &::v-deep .btn-next {
+          //   background-color: #071f39;
+          //   color: #4b9bb7;
+          // }
 
-          &::v-deep .active {
-            background-color: #409eff;
-            color: #fff;
-          }
+          // &::v-deep .active {
+          //   background-color: #409eff;
+          //   color: #fff;
+          // }
         }
       }
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       .cell {
         display: flex;
@@ -339,4 +341,4 @@
 .line {
   padding: 0 5px;
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0