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 | 110 +++++++++++++++++++++++++++++++------------------------
1 files changed, 62 insertions(+), 48 deletions(-)
diff --git a/src/views/systemSetting/device/bayonet/index.vue b/src/views/systemSetting/device/bayonet/index.vue
index 47b00eb..0fd8a38 100644
--- a/src/views/systemSetting/device/bayonet/index.vue
+++ b/src/views/systemSetting/device/bayonet/index.vue
@@ -4,23 +4,37 @@
<div class="header-content">
<div class="search">
<span style="padding-right: 20px">绛涢�夋潯浠�:</span>
- <el-input v-model="context" placeholder="璇疯緭鍏�" @change="getBayonetListData"></el-input>
+ <el-input
+ v-model="context"
+ placeholder="璇疯緭鍏�"
+
+ ></el-input>
</div>
- </div>
- </header>
- <main>
- <div class="main-content">
+
<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-button @click="handleExport">瀵煎嚭鍗″彛</el-button>
+
+ <el-button @click="handleExport"
+ type="primary">瀵煎嚭鍗″彛</el-button>
</div>
+ </div>
+ </header>
+ <main>
+ <div class="main-content">
<!-- 鏁版嵁灞曠ず -->
- <MyTable :tableOption="tableOption" :get-table-list="getBayonetListData" :tableData="list" :pageShow="false">
+ <MyTable
+ :tableOption="tableOption"
+ :get-table-list="getBayonetListData"
+ :tableData="list"
+ :pageShow="true"
+ >
<template #operation="info">
<el-link
:underline="false"
@@ -166,7 +180,7 @@
.exportBayonetList({
bayonetName: this.context,
current: this.current,
- size: this.size
+ size: this.size,
})
.then((res) => {
downloadFile(res);
@@ -198,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;
@@ -221,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;
@@ -255,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;
@@ -269,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;
+ // }
}
}
@@ -291,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;
@@ -327,4 +341,4 @@
.line {
padding: 0 5px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0