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/dictionaryManage.vue | 902 +++++++++++++++++++++++++++----------------------------
1 files changed, 443 insertions(+), 459 deletions(-)
diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue
index b97d801..00e9894 100644
--- a/src/views/datamanage/dictionaryManage.vue
+++ b/src/views/datamanage/dictionaryManage.vue
@@ -1,5 +1,5 @@
<template>
- <div class="authorityManagement_box">
+ <div class="dictionaryBox">
<My-bread
:list="[
`${$t('dataManage.dataManage')}`,
@@ -7,151 +7,143 @@
]"
></My-bread>
<el-divider />
- <div class="searchComp">
- <el-form ref="ruleForm" :model="ruleForm" :inline="true">
- <el-form-item
- :label="$t('dataManage.dictionaryManageObj.tableName')"
- prop="name"
- >
- <el-select
- clearable
- v-model="queryName"
- @change="changeQueryName"
- :placeholder="$t('dataManage.dictionaryManageObj.selectTableName')"
- >
- <el-option
- v-for="(item, i) in selectData"
- :key="i"
- :label="item.tabDesc"
- :value="item.tab"
- >
- </el-option>
- </el-select>
+ <div>
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item :label="$t('dataManage.vmobj.keyword')">
+ <el-input
+ v-model="formInline.tab"
+ :placeholder="$t('common.pleaseInput')"
+ ></el-input>
</el-form-item>
<el-form-item>
<el-button
- @click="InsertFormdialog = true"
- v-if="btnStatus.insert"
- icon="el-icon-edit"
- type="success"
- size="small"
- >{{ $t("dataManage.dictionaryManageObj.add") }}</el-button
+ icon="el-icon-search"
+ @click="getSelectDictTab"
+ class="primary"
+ >{{ $t('common.iquery') }}</el-button
>
<el-button
- v-if="btnStatus.delete"
- @click="DelFormData"
- icon="el-icon-delete"
- type="danger"
- size="small"
- >{{ $t("dataManage.dictionaryManageObj.del") }}</el-button
+ icon="el-icon-refresh"
+ @click="getRemoveForm"
+ type="info"
+ >{{ $t('common.reset') }}</el-button
>
+ <el-button
+ icon="el-icon-edit"
+ @click="InsertFormdialog = true"
+ type="success"
+ >{{ $t('common.append') }}</el-button
+ >
+ <el-button icon="el-icon-delete" @click="DelFormData" type="danger">{{
+ $t('common.delete')
+ }}</el-button>
</el-form-item>
</el-form>
</div>
- <div class="bottom">
- <div class="rightTable">
- <div class="table_box">
- <el-table
- :data="tableData"
- border
- style="width: 100%"
- @selection-change="handleSelectionChange"
- height="98%"
- >
- <el-table-column type="selection" width="55" />
- <el-table-column
- prop="orderNum"
- :label="$t('dataManage.dictionaryManageObj.number')"
- />
- <el-table-column
- min-width="100"
- prop="field"
- :label="$t('dataManage.dictionaryManageObj.fieldName')"
- />
- <el-table-column
- min-width="90"
- prop="alias"
- :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
- />
- <el-table-column
- min-width="100"
- prop="type"
- :label="$t('dataManage.dictionaryManageObj.fieldType')"
- />
- <el-table-column
- min-width="60"
- prop="len"
- :label="$t('dataManage.dictionaryManageObj.fieldLength')"
- />
- <el-table-column
- min-width="60"
- prop="precision"
- :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
- />
- <el-table-column
- min-width="100"
- prop="tab"
- :label="
- $t('dataManage.dictionaryManageObj.rangeAssociationTable')
- "
- />
- <el-table-column
- min-width="100"
- prop="bak"
- :label="$t('dataManage.dictionaryManageObj.remark')"
- />
- <el-table-column
- min-width="100"
- prop="createTime"
- :label="$t('dataManage.dictionaryManageObj.creationTime')"
- :formatter="formatData"
- />
- <el-table-column
- min-width="100"
- prop="createUser"
- :label="$t('dataManage.dictionaryManageObj.createPersonnel')"
- />
- <el-table-column
- min-width="100"
- prop="updateTime"
- :label="$t('dataManage.dictionaryManageObj.updateTime')"
- :formatter="formatData"
- />
- <el-table-column
- min-width="100"
- prop="updateUser"
- :label="$t('dataManage.dictionaryManageObj.updatePersonnel')"
- />
-
- <el-table-column
- min-width="70"
- :label="$t('dataManage.dictionaryManageObj.operation')"
- >
- <template slot-scope="scope">
- <el-link
- v-if="btnStatus.select"
- @click="showDetail(scope.$index, scope.row)"
- >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-link
- >
- <el-link
- v-if="btnStatus.update"
- @click="handleEdit(scope.$index, scope.row)"
- style="margin-left: 10px"
- >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-link
- >
- </template>
- </el-table-column>
- </el-table>
- </div>
- <div
- style="margin-top: 20px; text-align: center"
- class="pagination_box"
+ <div class="dictionaryContent">
+ <div class="dictionary_leftTree">
+ <ul>
+ <li @click="getTableDesc(item)" v-for="item in optionCount">
+ {{ item.tabDesc }}({{ item.tab }})
+ </li>
+ </ul>
+ </div>
+ <div class="dictionary_rightContent">
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ height="93%"
>
+ <el-table-column type="selection" width="55" />
+ <el-table-column
+ prop="orderNum"
+ :label="$t('dataManage.dictionaryManageObj.number')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="field"
+ :label="$t('dataManage.dictionaryManageObj.fieldName')"
+ />
+ <el-table-column
+ min-width="90"
+ prop="alias"
+ :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="type"
+ :label="$t('dataManage.dictionaryManageObj.fieldType')"
+ />
+ <el-table-column
+ min-width="60"
+ prop="len"
+ :label="$t('dataManage.dictionaryManageObj.fieldLength')"
+ />
+ <el-table-column
+ min-width="60"
+ prop="precision"
+ :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="tab"
+ :label="$t('dataManage.dictionaryManageObj.rangeAssociationTable')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="bak"
+ :label="$t('dataManage.dictionaryManageObj.remark')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="createTime"
+ :label="$t('dataManage.dictionaryManageObj.creationTime')"
+ :formatter="formatData"
+ />
+ <el-table-column
+ min-width="100"
+ prop="createUser"
+ :label="$t('dataManage.dictionaryManageObj.createPersonnel')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="updateTime"
+ :label="$t('dataManage.dictionaryManageObj.updateTime')"
+ :formatter="formatData"
+ />
+ <el-table-column
+ min-width="100"
+ prop="updateUser"
+ :label="$t('dataManage.dictionaryManageObj.updatePersonnel')"
+ />
+
+ <el-table-column
+ min-width="100"
+ :label="$t('dataManage.dictionaryManageObj.operation')"
+ >
+ <template slot-scope="scope">
+ <el-link
+ v-if="btnStatus.select"
+ style="color: white"
+ @click="showDetail(scope.$index, scope.row)"
+ >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-link
+ >
+ <el-link
+ v-if="btnStatus.update"
+ @click="handleEdit(scope.$index, scope.row)"
+ style="margin-left: 10px; color: white"
+ >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-link
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="pagination_box" style="margin-top: 10px">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="listData.pageIndex"
- :page-sizes="[10, 20, 50, 100]"
+ :page-sizes="[10, 20, 30, 40]"
:page-size="listData.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="count"
@@ -163,84 +155,82 @@
<div class="infoBox" v-show="showinfoBox">
<el-card class="box-card">
<div slot="header" class="clearfix">
- <span>{{ $t("dataManage.dictionaryManageObj.particulars") }}</span>
+ <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span>
<div style="float: right; cursor: pointer" @click="closeDetial">
<i class="el-icon-close"></i>
</div>
</div>
<div class="contentBox">
<p>
- {{ $t("dataManage.dictionaryManageObj.tableName") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.tableName') }}锛歿{
itemdetail.tab
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.tableAliasName") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.tableAliasName') }}锛歿{
itemdetail.tabDesc
}}
</p>
<el-divider></el-divider>
- <!-- <p>琛ㄧ被鍨嬶細{{ itemdetail.type }}</p>
- <el-divider></el-divider> -->
+
<p>
- {{ $t("dataManage.dictionaryManageObj.fieldName") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.fieldName') }}锛歿{
itemdetail.field
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.fieldAliasName") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.fieldAliasName') }}锛歿{
itemdetail.alias
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.fieldType") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.fieldType') }}锛歿{
itemdetail.type
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.fieldLength") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.fieldLength') }}锛歿{
itemdetail.len
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.FieldPrecision") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.FieldPrecision') }}锛歿{
itemdetail.precision
}}
</p>
<el-divider></el-divider>
- <!-- <p>鍊煎煙鍏宠仈琛細{{ itemdetail.domain_name }}</p>
- <el-divider></el-divider> -->
+
<p>
- {{ $t("dataManage.dictionaryManageObj.remark") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.remark') }}锛歿{
itemdetail.bak
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.creationTime") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.creationTime') }}锛歿{
itemdetail.createTime
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.createPersonnel") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.createPersonnel') }}锛歿{
itemdetail.createUser
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.updateTime") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.updateTime') }}锛歿{
itemdetail.updateTime
}}
</p>
<el-divider></el-divider>
<p>
- {{ $t("dataManage.dictionaryManageObj.updatePersonnel") }}锛歿{
+ {{ $t('dataManage.dictionaryManageObj.updatePersonnel') }}锛歿{
itemdetail.updateUser
}}
</p>
@@ -272,17 +262,7 @@
>
<el-input v-model="upform.tabDesc" autocomplete="off"></el-input>
</el-form-item>
- <!-- <el-form-item label="绫诲瀷" :label-width="formLabelWidth">
- <el-select
- v-model="upform.table_type"
- style="width: 100%"
- placeholder="璇烽�夋嫨鏁版嵁绫诲瀷"
- >
- <el-option label="鐐瑰嚑浣�" value="鐐瑰嚑浣�"></el-option>
- <el-option label="绾垮嚑浣�" value="绾垮嚑浣�"></el-option>
- <el-option label="闈㈠嚑浣�" value="闈㈠嚑浣�"></el-option>
- </el-select>
- </el-form-item> -->
+
<el-form-item
:label="$t('dataManage.dictionaryManageObj.fieldName')"
:label-width="formLabelWidth"
@@ -313,9 +293,7 @@
>
<el-input v-model="upform.precision" autocomplete="off"></el-input>
</el-form-item>
- <!-- <el-form-item label="鍊煎煙鍚嶇О" :label-width="formLabelWidth">
- <el-input v-model="upform.domain_name" autocomplete="off"></el-input>
- </el-form-item> -->
+
<el-form-item
:label="$t('dataManage.dictionaryManageObj.remark')"
:label-width="formLabelWidth"
@@ -325,10 +303,10 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">{{
- $t("dataManage.dictionaryManageObj.cancel")
+ $t('dataManage.dictionaryManageObj.cancel')
}}</el-button>
<el-button type="primary" @click="updateForm">{{
- $t("dataManage.dictionaryManageObj.confirm")
+ $t('dataManage.dictionaryManageObj.confirm')
}}</el-button>
</div>
</el-dialog>
@@ -357,17 +335,7 @@
>
<el-input v-model="insertform.tabDesc" autocomplete="off"></el-input>
</el-form-item>
- <!-- <el-form-item label="绫诲瀷" :label-width="formLabelWidth">
- <el-select
- v-model="insertform.table_type"
- style="width: 100%"
- placeholder="璇烽�夋嫨鏁版嵁绫诲瀷"
- >
- <el-option label="鐐瑰嚑浣�" value="鐐瑰嚑浣�"></el-option>
- <el-option label="绾垮嚑浣�" value="绾垮嚑浣�"></el-option>
- <el-option label="闈㈠嚑浣�" value="闈㈠嚑浣�"></el-option>
- </el-select>
- </el-form-item> -->
+
<el-form-item
:label="$t('dataManage.dictionaryManageObj.fieldName')"
:label-width="formLabelWidth"
@@ -401,12 +369,7 @@
autocomplete="off"
></el-input>
</el-form-item>
- <!-- <el-form-item label="鍊煎煙鍚嶇О" :label-width="formLabelWidth">
- <el-input
- v-model="insertform.domain_name"
- autocomplete="off"
- ></el-input>
- </el-form-item> -->
+
<el-form-item
:label="$t('dataManage.dictionaryManageObj.remark')"
:label-width="formLabelWidth"
@@ -416,10 +379,10 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="InsertFormdialog = false">{{
- $t("dataManage.dictionaryManageObj.cancel")
+ $t('dataManage.dictionaryManageObj.cancel')
}}</el-button>
<el-button type="primary" @click="insertFromData">{{
- $t("dataManage.dictionaryManageObj.confirm")
+ $t('dataManage.dictionaryManageObj.confirm')
}}</el-button>
</div>
</el-dialog>
@@ -433,35 +396,32 @@
deleteDicts,
updateDict,
insertDict,
-} from "../../api/api";
-import MyBread from "../../components/MyBread.vue";
+} from '../../api/api';
+import MyBread from '../../components/MyBread.vue';
export default {
- name: "dictionaryManage",
+ name: 'dictionaryManage',
components: { MyBread },
data() {
return {
- multipleSelection: [],
- formLabelWidth: "120px",
- dialogFormVisible: false,
- InsertFormdialog: false,
- insertform: {},
- upform: {},
- showinfoBox: false,
- itemdetail: {},
- ruleForm: {
- name: "",
- },
- tableData: [],
- count: 0,
- currentPage: 1,
- searchName: "",
- selectName: [],
- queryName: "",
+ formInline: [],
listData: {
+ ns: '',
+ tab: '',
pageIndex: 1,
pageSize: 10,
},
- selectData: [],
+ count: 0,
+ InsertFormdialog: false,
+ optionCount: [],
+ tableData: [],
+ showinfoBox: false,
+ dialogFormVisible: false,
+ itemdetail: {},
+ upform: {},
+ insertform: {},
+
+ multipleSelection: [],
+ formLabelWidth: '130px',
btnStatus: {
select: false,
delete: false,
@@ -473,11 +433,95 @@
};
},
created() {
- this.startQueryNameData();
this.getSelectDictTab();
this.showPermsBtn();
},
methods: {
+ //鏂板
+ async insertFromData() {
+ const data = await insertDict(this.insertform);
+ if (data.code != 200) {
+ }
+ this.InsertFormdialog = false;
+ this.startQueryNameData();
+ },
+
+ //鏌ョ湅璇︽儏
+ showDetail(index, row) {
+ this.showinfoBox = true;
+ this.itemdetail = row;
+ },
+ closeDetial() {
+ this.showinfoBox = false;
+ this.itemdetail = {};
+ },
+ //鑾峰彇琛ㄦ牸瀛楁淇℃伅
+ getTableDesc(res) {
+ this.insertform.tab = res.tab;
+ this.insertform.tabDesc = res.tabDesc;
+
+ this.listData.tab = res.tab;
+ this.listData.ns = res.ns;
+ this.startQueryNameData();
+ },
+ async startQueryNameData() {
+ if (this.listData.tab == '') {
+ delete this.listData.tab;
+ }
+ const data = await selectByPageAndCount(this.listData);
+
+ if (data.code != 200) {
+ this.$message.error('鍒楄〃璋冪敤澶辫触');
+ }
+
+ this.tableData = data.result;
+ this.count = data.count;
+ },
+ handleSelectionChange(res) {
+ this.multipleSelection = res;
+ },
+
+ handleSizeChange(val) {
+ thihs.listData.pageIndex = 1;
+ this.listData.pageSize = val;
+ this.startQueryNameData();
+ },
+ handleCurrentChange(val) {
+ this.listData.pageIndex = val;
+ this.startQueryNameData();
+ },
+ //淇敼璇︽儏
+ async updateForm() {
+ const data = await updateDict(this.upform);
+ if (data.code != 200) {
+ this.$message.error('淇敼澶辫触');
+ return;
+ }
+ this.dialogFormVisible = false;
+ this.startQueryNameData();
+ },
+ //淇敼璇︽儏寮规
+ handleEdit(index, row) {
+ this.dialogFormVisible = true;
+ this.upform = row;
+ },
+ //鍒犻櫎鍒楄〃
+ async DelFormData() {
+ var std = [];
+
+ for (var i in this.multipleSelection) {
+ std.push(this.multipleSelection[i].id);
+ }
+
+ const data = await deleteDicts({ ids: std.toString() });
+ if (data.code != 200) {
+ this.$message.error('鍒犻櫎澶辫触');
+ }
+ this.listData.pageIndex = 1;
+ this.listData.pageSize = 10;
+ this.startQueryNameData();
+ },
+
showPermsBtn() {
let currentPerms = this.$store.state.currentPerms;
let permsEntity = this.$store.state.permsEntity;
@@ -485,37 +529,13 @@
.filter((item) => item.perms == currentPerms)
.map((item) => (this.btnStatus[item.tag.substr(1)] = true));
},
- //涓嬫媺閫夐」璋冪敤
- async getSelectDictTab() {
- this.selectData = [];
- const data = await selectDictTab();
- if (data.code != 200) {
- this.$message.error("涓嬫媺璋冪敤澶辫触");
+ //鏍煎紡鍖栧垪琛�
+ formatData(row, column) {
+ let data = row[column.property];
+ if (data == null) {
+ return data;
}
- data.result.forEach((e) => {
- if (e) {
- this.selectData.push({
- tab: e.tab,
- tabDesc: `${e.tabDesc}锛�${e.tab}锛塦,
- });
- }
- });
- },
- //鍒楄〃璇锋眰
- async startQueryNameData() {
- if (this.listData.tab == "") {
- delete this.listData.tab;
- }
- const data = await selectByPageAndCount(this.listData);
- if (data.code != 200) {
- this.$message.error("鍒楄〃璋冪敤澶辫触");
- }
- this.tableData = data.result;
- this.count = data.count;
- },
- //鏍煎紡鍖栨椂闂�
- add0(m) {
- return m < 10 ? "0" + m : m;
+ return this.format(data);
},
//鏍煎紡鍖栨椂闂�
format(shijianchuo) {
@@ -527,248 +547,196 @@
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
- return (
- y + "-" + this.add0(m) + "-" + this.add0(d)
- // " " +
- // this.add0(h) +
- // ":" +
- // this.add0(mm) +
- // ":" +
- // this.add0(s)
- );
+ return y + '-' + this.add0(m) + '-' + this.add0(d);
},
- //鏍煎紡鍖栧垪琛�
- formatData(row, column) {
- let data = row[column.property];
- if (data == null) {
- return data;
+ //鏍煎紡鍖栨椂闂�
+ add0(m) {
+ return m < 10 ? '0' + m : m;
+ },
+ getRemoveForm() {
+ this.formInline.tab = null;
+ this.getSelectDictTab();
+ },
+ //鐩綍鏍戣幏鍙�
+ async getSelectDictTab() {
+ const data = await selectDictTab({ name: this.formInline.tab });
+ if (data.code != 200) {
+ this.$message.error('涓嬫媺璋冪敤澶辫触');
}
- return this.format(data);
- },
- //淇敼璇︽儏
- updateForm() {
- this.$confirm(
- `${$t("dataManage.dictionaryManageObj.tipsUp")}`,
- `${$t("dataManage.dictionaryManageObj.tips")}`,
- {
- confirmButtonText: `${$t("dataManage.dictionaryManageObj.confirm")}`,
- cancelButtonText: `${$t("dataManage.dictionaryManageObj.cancel")}`,
- type: "warning",
- }
- )
- .then(async () => {
- const data = await updateDict(this.upform);
- if (data.code != 200) {
- this.$message.error(
- `${$t("dataManage.dictionaryManageObj.failModify")}`
- );
- }
- this.dialogFormVisible = false;
- this.startQueryNameData();
- this.$message({
- message: `${$t(
- "dataManage.dictionaryManageObj.modifySuccessfully"
- )}`,
- type: "success",
- });
- })
- .catch(() => {});
- },
-
- //鏌ョ湅璇︽儏
- showDetail(index, row) {
- // console.log(index, row);
- this.showinfoBox = true;
- this.itemdetail = row;
- },
- closeDetial() {
- this.showinfoBox = false;
- this.itemdetail = {};
- },
- //淇敼璇︽儏寮规
- handleEdit(index, row) {
- this.dialogFormVisible = true;
- this.upform = row;
- console.log(this.upform);
- },
-
- handleSizeChange(val) {
- console.log(val);
- // console.log(`姣忛〉 ${val} 鏉);
- this.listData.pageSize = val;
- this.startQueryNameData();
- },
- handleCurrentChange(val) {
- this.listData.pageIndex = val;
- this.startQueryNameData();
- },
- //鏂板
- insertFromData() {
- this.$confirm(
- `${$t("dataManage.dictionaryManageObj.tipsAdd")}`,
- `${$t("dataManage.dictionaryManageObj.tips")}`,
- {
- confirmButtonText: `${$t("dataManage.dictionaryManageObj.confirm")}`,
- cancelButtonText: `${$t("dataManage.dictionaryManageObj.cancel")}`,
- type: "warning",
- }
- )
- .then(async () => {
- const data = await insertDict(this.insertform);
- if (data.code != 200) {
- this.$message.error(
- `${$t("dataManage.dictionaryManageObj.FailedAdd")}`
- );
- }
- this.InsertFormdialog = false;
- this.startQueryNameData();
- this.$message({
- message: `${$t("dataManage.dictionaryManageObj.NewSuccess")}`,
- type: "success",
- });
- })
- .catch(() => {});
- },
-
- //鍒楄〃閫夋嫨
- handleSelectionChange(val) {
- this.multipleSelection = val;
- },
- //鍒犻櫎鍒楄〃
- DelFormData() {
- var std = [];
- console.log(this.multipleSelection);
- for (var i in this.multipleSelection) {
- std.push(this.multipleSelection[i].id);
- }
- this.$confirm(
- `${$t("dataManage.dictionaryManageObj.tipsDelete")}`,
- `${$t("dataManage.dictionaryManageObj.tips")}`,
- {
- confirmButtonText: `${$t("dataManage.dictionaryManageObj.confirm")}`,
- cancelButtonText: `${$t("dataManage.dictionaryManageObj.cancel")}`,
- type: "warning",
- }
- )
- .then(async () => {
- const data = await deleteDicts({ ids: std.toString() });
- if (data.code != 200) {
- this.$message.error(
- `${$t("dataManage.dictionaryManageObj.DeleteFailed")}`
- );
- }
- this.$message({
- type: "success",
- message: `${$t(
- "dataManage.dictionaryManageObj.deletedSuccessfully"
- )}`,
- });
- this.startQueryNameData();
- })
- .catch(() => {});
- },
-
- //鎼滅储妗�
- changeQueryName(val) {
- this.listData.tab = val;
- this.startQueryNameData();
+ this.optionCount = data.result;
},
},
};
</script>
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
-.authorityManagement_box {
- background: rgb(240, 242, 245);
- border-radius: 10px;
- height: 100%;
- padding: 10px;
+.dictionaryBox {
+ height: 81%;
+ width: 97%;
+ position: absolute;
box-sizing: border-box;
- .searchComp {
- margin: 10px auto;
- background: #fff;
- border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
- .el-form-item {
- margin: 5px;
+ .dictionaryContent {
+ width: 100%;
+ height: 92%;
+ display: flex;
+ justify-content: space-between;
+ .dictionary_leftTree {
+ width: 15%;
+ height: 85%;
+ border: 1px solid white;
+ border-radius: 5px;
+ padding: 1%;
+ max-height: 670px;
+ overflow-y: auto;
+ li {
+ color: white;
+ border-bottom: 1px solid white;
+ line-height: 30px;
+ text-align: center;
+ }
+ li:hover {
+ background: rgba(255, 255, 255, 0.3);
+ }
}
- .el-input {
- width: 467px;
+ .dictionary_rightContent {
+ width: 80%;
+ height: 85%;
+ border: 1px solid white;
+ border-radius: 5px;
+ padding: 1%;
+ overflow-y: auto;
}
}
- .bottom {
- width: 100%;
- height: 85%;
- .rightTable {
- height: 100%;
- width: 100%;
- .table_box {
- width: 100%;
- height: 93%;
- margin: 0 auto;
- overflow: auto;
- background: #fff;
- .el-table {
- height: 100%;
- }
- .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;
- }
- // 璁剧疆琛ㄦ牸杈规棰滆壊锛�
+ .infinite-list-item {
+ background: rgba(255, 255, 255, 0.3);
+ color: white;
+ margin-top: 5%;
+ padding: 1%;
+ text-align: center;
+ }
+ .eldivider {
+ margin-top: 0px;
+ margin-bottom: 10px;
+ }
+ .primary {
+ background: #409eff;
+ border: #409eff;
+ color: white;
+ }
+ /deep/.el-form-item__label {
+ color: white;
+ }
+ // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱
+ /deep/.el-input__inner {
+ background-color: transparent !important ;
+ color: #fff;
+ border: 1px solid;
+ }
+ /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
+ /deep/ .el-table {
+ background-color: transparent;
- .el-table--border::after,
- .el-table--group::after {
- width: 0;
- }
- .el-table::before {
- height: 0;
- }
- // a {
- // color: #000;
- // }
- }
+ 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;
+ }
+ }
+ .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;
}
}
.infoBox {
width: 500px;
- border: 1px solid #eee;
+
position: absolute;
z-index: 100;
+ background: #303030;
top: 15%;
right: 25%;
- background-color: #fff;
+
.el-card {
+ color: white;
background-color: transparent;
span {
font-size: 16px;
@@ -777,14 +745,30 @@
}
.contentBox {
margin: 0 aotu 10px;
- height: 610px;
+ height: 500px;
overflow: auto;
p {
- // background-color: #bfa;
- // margin-bottom: 10px;
font-size: 14px;
}
}
}
+ /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;
+ }
+ /deep/.el-cascader .el-input__inner {
+ border-color: #fff !important;
+ }
}
</style>
--
Gitblit v1.9.3