From 5aa3a9bdd9001e53f245efd40b0d39263caa4bfc Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 19 十一月 2022 17:27:53 +0800
Subject: [PATCH] 数据管理页面添加，修改
---
src/views/datamanage/metadataManage.vue | 497 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 294 insertions(+), 203 deletions(-)
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index afecd65..1ab29bd 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -9,7 +9,7 @@
<el-divider />
<div class="inquire">
<el-form ref="queryForm" :model="queryForm" :inline="true">
- <el-form-item label="鍏抽敭瀛�" prop="name">
+ <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
<el-input
v-model="queryForm.name"
:placeholder="$t('common.pleaseInput')"
@@ -19,9 +19,9 @@
<el-button
@click="queryInfo()"
icon="el-icon-search"
- type="primary"
+ class="primary"
size="small"
- >鏌ヨ</el-button
+ >{{ $t('common.iquery') }}</el-button
>
</el-form-item>
<el-form-item>
@@ -30,7 +30,7 @@
icon="el-icon-refresh"
type="info"
size="small"
- >閲嶇疆</el-button
+ >{{ $t('common.reset') }}</el-button
>
</el-form-item>
@@ -40,7 +40,7 @@
size="small"
@click="showAddDialog"
icon="el-icon-plus"
- >{{ $t("common.append") }}</el-button
+ >{{ $t('common.append') }}</el-button
>
</el-form-item>
<el-form-item v-if="btnStatus.delete">
@@ -49,7 +49,7 @@
size="small"
@click="deleteMetaInfo"
icon="el-icon-delete"
- >{{ $t("common.delete") }}</el-button
+ >{{ $t('common.delete') }}</el-button
>
</el-form-item>
<el-form-item v-if="btnStatus.download">
@@ -58,7 +58,7 @@
icon="el-icon-download"
type="success"
size="small"
- >涓嬭浇</el-button
+ >{{ $t('common.download') }}</el-button
>
</el-form-item>
</el-form>
@@ -68,45 +68,54 @@
<div class="table_box">
<el-table
:data="tableData"
- border
style="width: 100%"
- fit
@selection-change="handleSelectionChange"
height="99%"
>
<el-table-column type="selection" width="55" />
- <el-table-column min-width="150" prop="name" label="鍚嶇О" />
- <el-table-column min-width="100" prop="format" label="鏍煎紡" />
- <el-table-column min-width="100" prop="sizes" label="澶у皬" />
+ <el-table-column prop="name" :label="$t('common.name')" />
+ <el-table-column prop="format" :label="$t('common.format')" />
+ <el-table-column prop="sizes" :label="$t('common.size')" />
<el-table-column
- min-width="100"
prop="createUser"
- label="鍒涘缓浜哄憳"
+ :label="$t('dataManage.vmobj.createonuser')"
/>
<el-table-column
- min-width="100"
prop="createTime"
- label="鍒涘缓鏃堕棿"
+ :label="$t('dataManage.vmobj.createontime')"
/>
- <el-table-column min-width="100" prop="cs" label="鍧愭爣绯荤粺" />
- <el-table-column min-width="100" prop="scale" label="姣斾緥灏�" />
- <el-table-column min-width="100" prop="resolution" label="鍒嗚鲸鐜�" />
+ <el-table-column
+ prop="cs"
+ :label="$t('dataManage.vmobj.coordSystem')"
+ />
+ <el-table-column
+ prop="scale"
+ :label="$t('dataManage.vmobj.scale')"
+ />
+ <el-table-column
+ prop="resolution"
+ :label="$t('dataManage.vmobj.resolpower')"
+ />
- <el-table-column min-width="100" prop="descr" label="鎻忚堪" />
- <el-table-column min-width="100" label="鎿嶄綔">
+ <el-table-column
+ prop="descr"
+ :label="$t('dataManage.vmobj.describe')"
+ />
+ <el-table-column min-width="100" :label="$t('common.operate')">
<template slot-scope="scope">
- <el-link @click="showDetail(scope.row)">鏌ョ湅</el-link>
- <el-link @click="editInfo(scope.row)" style="margin-left: 10px"
- >淇敼</el-link
+ <el-link style="color: white" @click="showDetail(scope.row)">{{
+ $t('common.details')
+ }}</el-link>
+ <el-link
+ @click="editInfo(scope.row)"
+ style="margin-left: 10px; color: white"
+ >{{ $t('common.edit') }}</el-link
>
</template>
</el-table-column>
</el-table>
</div>
- <div
- style="margin-top: 20px; margin-left: 400px"
- class="pagination_box"
- >
+ <div style="margin-top: 10px" class="pagination_box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -123,63 +132,106 @@
<div class="infoBox" v-show="showinfoBox">
<el-card class="box-card">
<div slot="header" class="clearfix">
- <span>璇︾粏淇℃伅</span>
+ <span>{{ $t('common.details') }}</span>
<div style="float: right; cursor: pointer" @click="closeDetial">
<i class="el-icon-close"></i>
</div>
</div>
<div class="contentBox">
- <p>鏁版嵁鍚嶇О锛歿{ itemdetail.name }}</p>
+ <p>{{ $t('dataManage.vmobj.name') }}锛歿{ itemdetail.name }}</p>
<el-divider></el-divider>
- <p>鏁版嵁绫诲瀷锛歿{ itemdetail.type }}</p>
+ <p>{{ $t('dataManage.vmobj.type') }}锛歿{ itemdetail.type }}</p>
<el-divider></el-divider>
- <p>鏁版嵁鏍煎紡锛歿{ itemdetail.format }}</p>
+ <p>{{ $t('common.format') }}锛歿{ itemdetail.format }}</p>
<el-divider></el-divider>
- <p>鍒涘缓鏃堕棿锛歿{ itemdetail.createTime }}</p>
+ <p>
+ {{ $t('dataManage.vmobj.createontime') }}锛歿{
+ itemdetail.createTime
+ }}
+ </p>
<el-divider></el-divider>
- <p>鍒涘缓浜哄憳锛歿{ itemdetail.createUser }}</p>
+ <p>
+ {{ $t('dataManage.vmobj.createonuser') }}锛歿{
+ itemdetail.createUser
+ }}
+ </p>
<el-divider></el-divider>
- <p>鏇存柊鏃堕棿锛歿{ itemdetail.updateTime }}</p>
+ <p>
+ {{ $t('dataManage.vmobj.updateontime') }}锛歿{
+ itemdetail.updateTime
+ }}
+ </p>
<el-divider></el-divider>
- <p>鏇存柊浜哄憳锛歿{ itemdetail.updateUser }}</p>
+ <p>
+ {{ $t('dataManage.vmobj.updateonuser') }}锛歿{
+ itemdetail.updateUser
+ }}
+ </p>
<el-divider></el-divider>
- <p>鍧愭爣绯荤粺锛歿{ itemdetail.cs }}</p>
+ <p>{{ $t('dataManage.vmobj.coordSystem') }}锛歿{ itemdetail.cs }}</p>
<el-divider></el-divider>
- <p>姣斾緥灏簕{ itemdetail.scale }}</p>
+ <p>{{ $t('dataManage.vmobj.scale') }}锛歿{ itemdetail.scale }}</p>
<el-divider></el-divider>
- <p>鍒嗚鲸鐜噞{ itemdetail.resolution }}</p>
+ <p>
+ {{ $t('dataManage.vmobj.resolpower') }}锛歿{ itemdetail.resolution }}
+ </p>
<el-divider></el-divider>
- <p>鎻忚堪锛歿{ itemdetail.descr }}</p>
+ <p>{{ $t('dataManage.vmobj.describe') }}锛歿{ itemdetail.descr }}</p>
</div>
</el-card>
</div>
<el-dialog
width="510px"
top="5vh"
- :title="behavior"
+ :title="
+ behavior == '鏂板鐢ㄦ埛'
+ ? `${$t('common.append')}`
+ : `${$t('common.update')}`
+ "
:visible.sync="dialogFormVisible"
:before-close="handleClose"
>
<el-form :model="editForm" ref="editForm">
- <el-form-item label="鏁版嵁鍚嶇О" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.vmobj.name')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.name" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鏁版嵁绫诲瀷" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.vmobj.type')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.type" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鏁版嵁鏍煎紡" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('common.format')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.format" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鍧愭爣绯荤粺" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.vmobj.coordSystem')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.cs" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="姣斾緥灏�" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.vmobj.scale')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.scale" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鍒嗚鲸鐜�" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.vmobj.resolpower')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.resolution" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鎻忚堪" :label-width="formLabelWidth">
+ <el-form-item
+ :label="$t('dataManage.vmobj.describe')"
+ :label-width="formLabelWidth"
+ >
<el-input v-model="editForm.descr" autocomplete="off"></el-input>
</el-form-item>
</el-form>
@@ -239,17 +291,17 @@
updateMeta,
deleteMeta,
insertMeta,
-} from "../../api/api";
-import MyBread from "../../components/MyBread.vue";
+} from '../../api/api';
+import MyBread from '../../components/MyBread.vue';
export default {
- name: "metadataManage",
+ name: 'metadataManage',
components: { MyBread },
data() {
var repasswordValidator = (rule, value, callback) => {
- if (value === "") {
- callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ if (value === '') {
+ callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
} else if (value !== this.codeForm.password) {
- callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
} else {
callback();
}
@@ -258,26 +310,26 @@
showCodeBox: false,
value: true,
multipleSelection: [],
- formLabelWidth: "120px",
+ formLabelWidth: '120px',
dialogFormVisible: false,
editForm: {},
showinfoBox: false,
fullscreenLoading: false,
itemdetail: {},
queryForm: {
- name: "",
+ name: '',
},
- behavior: "",
- initialForm: "",
+ behavior: '',
+ initialForm: '',
codeForm: {
- password: "",
- repassword: "",
+ password: '',
+ repassword: '',
},
rules: {
- password: [{ required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }],
+ password: [{ required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' }],
repassword: [
- { required: true, message: "璇疯緭鍏ョ‘璁ゅ瘑鐮�", trigger: "blur" },
- { validator: repasswordValidator, trigger: "blur" },
+ { required: true, message: '璇疯緭鍏ョ‘璁ゅ瘑鐮�', trigger: 'blur' },
+ { validator: repasswordValidator, trigger: 'blur' },
],
},
tableData: [],
@@ -313,20 +365,20 @@
},
ShowWindowFly(res) {
console.log(res);
- if (res == "") return;
- if (res.indexOf(".xls") != -1) {
+ if (res == '') return;
+ if (res.indexOf('.xls') != -1) {
this.showMetadata(res, true);
- } else if (res.indexOf(".doc") != -1) {
+ } else if (res.indexOf('.doc') != -1) {
this.showMetadata(res, true);
- } else if (res.indexOf(".png") != -1) {
+ } else if (res.indexOf('.png') != -1) {
this.showMetadata(res, true);
- } else if (res.indexOf(".jpg") != -1) {
+ } else if (res.indexOf('.jpg') != -1) {
this.showMetadata(res, true);
- } else if (res.indexOf(".pdf") != -1) {
+ } else if (res.indexOf('.pdf') != -1) {
this.showMetadata(res, true);
- } else if (res.indexOf(".fly") != -1) {
+ } else if (res.indexOf('.fly') != -1) {
this.showMetadata(res, false);
- } else if (res.indexOf(".mpt") != -1) {
+ } else if (res.indexOf('.mpt') != -1) {
this.showMetadata(res, false);
}
},
@@ -335,12 +387,12 @@
if (flag == true) {
metaUrl = res;
} else if (flag == false) {
- metaUrl = ifreamUrl + "/LFWeb/MetaPop.html?name=" + res;
+ metaUrl = ifreamUrl + '/LFWeb/MetaPop.html?name=' + res;
}
window.open(
metaUrl,
- "",
- "height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
+ '',
+ 'height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no'
);
},
// 璇锋眰鏁版嵁鍐呭
@@ -362,7 +414,7 @@
this.tableData = res.result;
this.count = res.count;
} else {
- console.log("鏌ヨ鎺ュ彛鎶ラ敊");
+ console.log('鏌ヨ鎺ュ彛鎶ラ敊');
this.$notify.error({
title: res.code,
message: res.result,
@@ -376,7 +428,7 @@
},
//鏂板鎸夐挳
showAddDialog() {
- this.behavior = "鏂板鐢ㄦ埛";
+ this.behavior = '鏂板鐢ㄦ埛';
this.editForm = {};
this.dialogFormVisible = true;
},
@@ -396,8 +448,8 @@
if (res.code == 200) {
this.getMetaData({ pageIndex: 1, pageSize: 10 });
this.$message({
- message: "娣诲姞鎴愬姛",
- type: "success",
+ message: '娣诲姞鎴愬姛',
+ type: 'success',
});
this.editForm = {};
this.dialogFormVisible = false;
@@ -405,11 +457,11 @@
}, 500);
})
.catch((res) => {
- alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+ alert('淇敼澶辫触锛岃閲嶈瘯锛�');
this.fullscreenLoading = false;
});
} else {
- console.log("error submit!!");
+ console.log('error submit!!');
return false;
}
});
@@ -420,10 +472,10 @@
},
// 鍒犻櫎澶氭潯
deleteMetaInfo() {
- this.$confirm("纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
+ this.$confirm('纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
})
.then(() => {
var std = [];
@@ -433,19 +485,19 @@
deleteMeta({ ids: std.toString() }).then((res) => {
if (res.code == 200) {
this.$message({
- type: "success",
- message: "鍒犻櫎鎴愬姛!",
+ type: 'success',
+ message: '鍒犻櫎鎴愬姛!',
});
this.multipleSelection = [];
this.getMetaData({ pageIndex: 1, pageSize: 10 });
} else {
- this.$message.error("鍒犻櫎澶辫触");
+ this.$message.error('鍒犻櫎澶辫触');
this.multipleSelection = [];
}
});
})
.catch(() => {
- this.$message("宸插彇娑堝垹闄�");
+ this.$message('宸插彇娑堝垹闄�');
});
},
@@ -468,12 +520,12 @@
delete row.updateUser;
delete row.updateUser;
this.initialForm = JSON.stringify(row); //澶囦唤
- this.behavior = "淇敼淇℃伅";
+ this.behavior = '淇敼淇℃伅';
this.editForm = JSON.parse(JSON.stringify(row));
this.dialogFormVisible = true;
},
handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
+ this.$confirm('纭鍏抽棴锛�')
.then((_) => {
this.editForm = {};
done();
@@ -483,10 +535,10 @@
// 鎻愪氦淇敼
sendEdit() {
- this.$confirm("鏄惁纭畾缂栬緫?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
+ this.$confirm('鏄惁纭畾缂栬緫?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
})
.then(() => {
this.dialogFormVisible = false;
@@ -496,8 +548,8 @@
if (res.code == 200) {
this.getMetaData({ pageIndex: 1, pageSize: 10 });
this.$message({
- message: "淇敼鎴愬姛",
- type: "success",
+ message: '淇敼鎴愬姛',
+ type: 'success',
});
this.editForm = {};
this.dialogFormVisible = false;
@@ -506,7 +558,7 @@
});
})
.catch(() => {
- alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+ alert('淇敼澶辫触锛岃閲嶈瘯锛�');
this.fullscreenLoading = false;
});
},
@@ -518,33 +570,15 @@
download() {},
closeDown() {
this.showCodeBox = false;
- this.codeForm.password = "";
- this.codeForm.repassword = "";
+ this.codeForm.password = '';
+ this.codeForm.repassword = '';
},
downFormData() {
if (this.multipleSelection.length == 0) {
- alert("璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢");
+ alert('璇峰厛閫夋嫨瑕佷笅杞界殑鏂囦欢');
return;
}
this.showCodeBox = true;
- // this.$prompt("璇疯緭鍏ュ瘑鐮�", "鎻愮ず", {
- // confirmButtonText: "纭畾",
- // cancelButtonText: "鍙栨秷",
- // inputType: "password",
- // inputPattern: /^[\s\S]*.*[^\s][\s\S]*$/,
- // inputErrorMessage: "杈撳叆涓嶈兘涓虹┖",
- // })
- // .then(() => {
- // let ids = "";
- // this.multipleSelection.forEach((e) => {
- // ids += `id=${e.id}&`;
- // });
- // let res = ids.substring(0, ids.length - 1);
- // console.log(res);
- // let url = "http://192.168.20.106/LFServer/Meta/Downloads?" + res;
- // window.open(url);
- // })
- // .catch(() => {});
},
handleSizeChange(val) {
@@ -562,28 +596,29 @@
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.authorityManagement_box {
- background: rgb(240, 242, 245);
- border-radius: 10px;
- height: 100%;
- padding: 10px;
+ height: 81%;
+ width: 97%;
+ position: absolute;
box-sizing: border-box;
+
.inquire {
position: relative;
- height: 50px;
overflow: auto;
- padding: 8px;
- margin-top: 20px;
- background: #fff;
+ padding-bottom: 8px;
+ border: 1px solid white;
border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
- margin-bottom: 20px;
+ padding: 1%;
.el-form-item {
margin: 5px;
}
}
.bottom {
- width: 100%;
- height: 83%;
+ width: 98%;
+ margin-top: 1%;
+ height: 77%;
+ padding: 1%;
+ border: 1px solid white;
+ border-radius: 5px;
.rightTable {
height: 100%;
width: 100%;
@@ -592,78 +627,29 @@
height: 93%;
margin: 0 auto;
overflow: auto;
- background: #fff;
- .el-table {
- height: 100%;
- // overflow: auto;
- }
- .el-table /deep/ .el-table__header-wrapper tr th {
- background-color: rgb(255, 255, 255) !important;
- color: rgb(0, 0, 0);
- }
- // 淇敼姣忚鏍峰紡锛�
- .el-table /deep/ .el-table__row {
- background-color: rgba(255, 255, 255) !important;
- color: rgb(0, 0, 0);
- }
- .el-table /deep/ .el-table__body tr.current-row > td {
- background-color: rgb(211, 211, 211) !important;
- }
- .el-table /deep/ .el-table__body tr:hover > td {
- background-color: rgb(211, 211, 211) !important;
- }
- // 淇敼琛ㄦ牸姣忚杈规鐨勬牱寮忥細
- .el-table /deep/ td,
- .el-table /deep/ th.is-leaf {
- border-bottom: 1px solid #eee;
- border-right: 1px solid #eee;
- }
- .el-table /deep/ .el-table__cell {
- padding: 0;
- }
- // 璁剧疆琛ㄦ牸姣忚鐨勯珮搴︼細
- .el-table /deep/ .el-table__header tr,
- .el-table /deep/ .el-table__header th {
- height: 40px;
- }
- .el-table__body tr,
- .el-table__body td {
- height: 40px;
- padding: 0;
- }
- // 璁剧疆琛ㄦ牸杈规棰滆壊锛�
-
- .el-table--border::after,
- .el-table--group::after {
- width: 0;
- }
- .el-table::before {
- height: 0;
- }
- // a {
- // color: #000;
- // }
}
}
}
.infoBox {
width: 500px;
- border: 1px solid #eee;
position: absolute;
z-index: 100;
- top: 15%;
+ top: 10%;
right: 25%;
- background-color: #fff;
+ background: #303030;
+ color: #fff;
.el-card {
background-color: transparent;
+ color: #fff;
span {
+ color: #fff;
font-size: 16px;
font-weight: 600;
}
}
.contentBox {
margin: 0 aotu 10px;
- height: 600px;
+ height: 500px;
overflow: auto;
p {
// background-color: #bfa;
@@ -672,24 +658,7 @@
}
}
}
- /deep/ .el-dialog {
- // width: 500px !important;
- // margin-top: 10vh !important;
- }
- /deep/.el-dialog .el-input__inner {
- width: 300px;
- }
- /deep/ .el-dialog__body {
- padding: 0px 30px;
- }
- /deep/ .el-dialog__footer {
- padding-top: 0 !important;
- width: 200px;
- display: flex;
- margin: 0 auto;
- justify-content: center;
- }
.dotClass {
width: 10px;
height: 10px;
@@ -702,10 +671,132 @@
top: 20%;
left: 50%;
padding: 20px;
- background-color: #fff;
+
width: 20%;
border: 1px solid #000;
border-radius: 10px;
}
+ /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
+ /deep/ .el-table {
+ background-color: transparent;
+
+ th,
+ td {
+ background-color: transparent;
+ }
+ .el-table__expanded-cell {
+ background-color: transparent !important;
+ }
+
+ // 琛ㄥご鑳屾櫙鑹�
+ th.el-table__cell {
+ background-color: #303030;
+ color: #fff;
+ }
+ tr > td {
+ background-color: #303030;
+ color: #fff;
+ }
+
+ // hover鏁堟灉
+ tr:hover > td {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ }
+
+ tbody tr:hover {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ // text-align: center;
+ }
+
+ // 婊氬姩鏉″楂�
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+ }
+
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 5px;
+ /*婊氬姩鏉″搴�*/
+ height: 5px;
+ /*婊氬姩鏉￠珮搴�*/
+ }
+ /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
+ .el-table__body-wrapper::-webkit-scrollbar-track {
+ box-shadow: 0px 1px 3px #216fe6 inset;
+ /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
+ border-radius: 10px;
+ }
+
+ /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
+ .el-table__body-wrapper::-webkit-scrollbar-thumb {
+ box-shadow: 0px 1px 3px #216fe6 inset;
+ border-radius: 6px;
+ background-color: #216fe6;
+ }
+ }
+ /deep/.el-form-item__label {
+ color: white;
+ }
+ // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱
+ /deep/.el-input__inner {
+ background-color: transparent !important ;
+ color: #fff;
+ border: 1px solid;
+ }
+ /deep/ .el-dialog {
+ background: #303030;
+ }
+ /deep/.el-range-editor.is-active,
+ .el-range-editor.is-active:hover,
+ .el-select .el-input.is-focus .el-input__inner {
+ border: 1px solid;
+ }
+ /deep/.el-dialog__title {
+ color: white;
+ }
+ /deep/ .el-select .el-input__inner {
+ border-color: #fff !important;
+ }
+ .pagination_box {
+ margin-top: 20px;
+ /deep/.el-input__inner {
+ background-color: transparent !important;
+ border: 1px solid;
+ color: white;
+ }
+ /deep/.el-pagination__total {
+ color: white;
+ }
+ /deep/.el-pagination__jump {
+ color: white;
+ }
+ /deep/.el-pager li.active {
+ color: #409eff;
+ }
+ /deep/.el-pager li {
+ color: white;
+ background: transparent;
+ }
+ /deep/.el-pager li {
+ color: white;
+ }
+ /deep/.btn-prev {
+ background: transparent;
+ }
+ /deep/.btn-next {
+ background: transparent;
+ }
+ /deep/.btn-next i {
+ color: white;
+ }
+ /deep/.btn-prev i {
+ color: white;
+ }
+ }
+ .primary {
+ background: #409eff;
+ border: #409eff;
+ color: white;
+ }
}
</style>
--
Gitblit v1.9.3