From fda6fcfc6598c4349d486ca71d57c74e33043d76 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期一, 20 二月 2023 11:32:58 +0800
Subject: [PATCH] 数据管理页面样式统一修改
---
src/views/datamanage/catalogueManage.vue | 390 ++++++++++++++++++++++++++-----------------------------
1 files changed, 183 insertions(+), 207 deletions(-)
diff --git a/src/views/datamanage/catalogueManage.vue b/src/views/datamanage/catalogueManage.vue
index 07980fc..c6079b6 100644
--- a/src/views/datamanage/catalogueManage.vue
+++ b/src/views/datamanage/catalogueManage.vue
@@ -1,13 +1,15 @@
<template>
<div class="subpage_Box">
- <My-bread :list="[
- `${$t('dataManage.dataManage')}`,
- `${$t('dataManage.catalogueManage')}`,
- ]"></My-bread>
- <el-divider />
<div class="cataLogContent">
<div class="cataLog_leftTree subpage_Div">
- <div style="min-width:450px">
+ <My-bread
+ :list="[
+ `${$t('dataManage.dataManage')}`,
+ `${$t('dataManage.catalogueManage')}`,
+ ]"
+ ></My-bread>
+ <el-divider />
+ <div style="min-width: 450px">
<el-tree
ref="tree"
:props="defaultProps"
@@ -18,26 +20,26 @@
:default-expanded-keys="expandData"
@node-click="handleNodeClick"
>
-
</el-tree>
</div>
</div>
<div class="cataLog_rightContent subpage_Div">
- <div style="align-items: center;display:flex;justify-content:space-between">
+ <div
+ style="
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+ "
+ >
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">{{
- $t('dataManage.dictionaryManageObj.particulars')
- }}</el-breadcrumb-item>
+ $t("dataManage.dictionaryManageObj.particulars")
+ }}</el-breadcrumb-item>
</el-breadcrumb>
- <div style="margin-right: -5px;">
-
+ <div style="margin-right: -5px">
<div class="menuTop">
- <el-form
- :inline="true"
- class="demo-form-inline"
- >
+ <el-form :inline="true" class="demo-form-inline">
<el-form-item>
-
<el-upload
action
accept=".xlsx, .xls"
@@ -46,13 +48,10 @@
:on-change="handleChange"
:file-list="fileList"
>
- <el-button
- type="success"
- icon="el-icon-plus"
- size="small"
- >涓婁紶鏂囦欢</el-button>
+ <el-button type="success" icon="el-icon-plus" size="small"
+ >涓婁紶鏂囦欢</el-button
+ >
</el-upload>
-
</el-form-item>
<el-form-item>
<el-button
@@ -62,7 +61,8 @@
type="success"
icon="el-icon-plus"
size="small"
- >鏂板鍚岀骇</el-button>
+ >鏂板鍚岀骇</el-button
+ >
</el-form-item>
<el-form-item>
<el-button
@@ -72,7 +72,8 @@
type="success"
icon="el-icon-plus"
size="small"
- >鏂板瀛愮骇</el-button>
+ >鏂板瀛愮骇</el-button
+ >
</el-form-item>
<el-form-item>
<el-button
@@ -82,7 +83,8 @@
type="danger"
icon="el-icon-delete"
size="small"
- >鍒犻櫎</el-button>
+ >鍒犻櫎</el-button
+ >
</el-form-item>
<el-form-item>
<el-button
@@ -92,7 +94,8 @@
type="info"
icon="el-icon-top"
size="small"
- >鍚戜笂绉诲姩</el-button>
+ >鍚戜笂绉诲姩</el-button
+ >
</el-form-item>
<el-form-item>
<el-button
@@ -102,26 +105,21 @@
type="info"
icon="el-icon-bottom"
size="small"
- >鍚戜笅绉诲姩</el-button>
+ >鍚戜笅绉诲姩</el-button
+ >
</el-form-item>
-
</el-form>
</div>
-
</div>
</div>
<el-divider />
- <el-form
- :model="itemdetail"
- ref="itemdetail"
- :rules="rules"
- >
+ <el-form :model="itemdetail" ref="itemdetail" :rules="rules">
<el-form-item
prop="name"
:label="$t('dataManage.dataUpObj.directoryName')"
:label-width="formLabelWidth"
>
- <el-input v-model="itemdetail.name" style="max-width: 400px;"/>
+ <el-input v-model="itemdetail.name" style="max-width: 400px" />
</el-form-item>
<el-form-item
:label="$t('dataManage.dataUpObj.catalogDescription')"
@@ -131,7 +129,7 @@
v-model="itemdetail.descr"
type="textarea"
resize="none"
- style="height: 100%; overflow: auto;max-width: 400px;"
+ style="height: 100%; overflow: auto; max-width: 400px"
/>
</el-form-item>
<el-form-item
@@ -142,7 +140,7 @@
v-model="itemdetail.bak"
type="textarea"
resize="none"
- style="max-width: 400px;"
+ style="max-width: 400px"
/>
</el-form-item>
<div class="btnBox">
@@ -151,17 +149,15 @@
class="primary"
size="small"
@click="updCata('itemdetail')"
- >{{
- $t('common.preservation')
- }}</el-button>
+ >{{ $t("common.preservation") }}</el-button
+ >
<el-button
v-if="menuStatus.update"
type="info"
size="small"
@click="reset"
- >{{
- $t('common.cancel')
- }}</el-button>
+ >{{ $t("common.cancel") }}</el-button
+ >
</div>
</el-form>
</div>
@@ -185,52 +181,37 @@
:visible.sync="dialogFormVisible"
:before-close="handleClose"
>
- <el-form
- :model="ruleForm"
- ref="ruleForm"
- :rules="rules"
- >
+ <el-form :model="ruleForm" ref="ruleForm" :rules="rules">
<el-form-item
:label="$t('dataManage.dataUpObj.directoryName')"
prop="name"
:label-width="formLabelWidth"
>
- <el-input
- v-model="ruleForm.name"
- autocomplete="off"
- ></el-input>
+ <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.dataUpObj.catalogDescription')"
:label-width="formLabelWidth"
>
- <el-input
- v-model="ruleForm.descr"
- autocomplete="off"
- ></el-input>
+ <el-input v-model="ruleForm.descr" autocomplete="off"></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.dataUpObj.catalogRemarks')"
:label-width="formLabelWidth"
>
- <el-input
- v-model="ruleForm.bak"
- autocomplete="off"
- ></el-input>
+ <el-input v-model="ruleForm.bak" autocomplete="off"></el-input>
</el-form-item>
</el-form>
- <div
- slot="footer"
- class="dialog-footer"
- >
+ <div slot="footer" class="dialog-footer">
<el-button @click="resetForm('ruleForm')">{{
- $t('common.cancel')
+ $t("common.cancel")
}}</el-button>
<el-button
class="primary"
@click="submitForm('ruleForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t('common.preservation') }}</el-button>
+ >{{ $t("common.preservation") }}</el-button
+ >
</div>
</el-dialog>
</div>
@@ -245,19 +226,19 @@
insertDir,
deleteDir,
getPerms,
-} from '../../api/api';
-import * as XSLX from 'xlsx';
-import MyBread from '../../components/MyBread.vue';
-import clone from '@turf/clone';
+} from "../../api/api";
+import * as XSLX from "xlsx";
+import MyBread from "../../components/MyBread.vue";
+import clone from "@turf/clone";
export default {
- name: 'catalogueManage',
+ name: "catalogueManage",
components: {
MyBread,
},
data() {
let validName = (rule, value, callback) => {
- if (value === '' || value === null || value === undefined) {
- return callback(new Error('鐩綍鍚嶇О涓嶈兘涓虹┖'));
+ if (value === "" || value === null || value === undefined) {
+ return callback(new Error("鐩綍鍚嶇О涓嶈兘涓虹┖"));
} else {
callback();
}
@@ -269,8 +250,8 @@
update: false,
},
defaultProps: {
- children: 'children',
- label: 'name',
+ children: "children",
+ label: "name",
},
fullscreenLoading: false,
oriData: [], //鍘熷鏍戞暟鎹�
@@ -279,21 +260,21 @@
newData: [], //鎷栧姩鍚庡師濮嬫暟鎹�
itemdetail: {},
itemaName: null,
- backUpData: '',
- formLabelWidth: '150px',
- delChildID: '',
+ backUpData: "",
+ formLabelWidth: "150px",
+ delChildID: "",
delChildIDs: [],
dialogFormVisible: false,
ruleForm: {
level: null,
orderNum: null,
pid: null,
- name: '',
- descr: '',
- bak: '',
+ name: "",
+ descr: "",
+ bak: "",
},
rules: {
- name: [{ required: true, validator: validName, trigger: 'blur' }],
+ name: [{ required: true, validator: validName, trigger: "blur" }],
},
newNode: null,
expandData: [],
@@ -329,12 +310,15 @@
}
const XLSX = require("xlsx");
const wb = XLSX.read(binary, {
- type: "binary"
+ type: "binary",
});
- const outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]], { defval: null }); // 榛樿绗竴琛屼笅涓虹┖涔熻兘瑙ｆ瀽鍑虹涓�鍥涜
+ const outdata = XLSX.utils.sheet_to_json(
+ wb.Sheets[wb.SheetNames[0]],
+ { defval: null }
+ ); // 榛樿绗竴琛屼笅涓虹┖涔熻兘瑙ｆ瀽鍑虹涓�鍥涜
var data = [...outdata];
const arr = [];
- data.map(v => {
+ data.map((v) => {
const obj = {};
obj.name = v.name;
obj.pname = v.pname;
@@ -344,9 +328,9 @@
obj.pid = null;
arr.push(obj);
});
- that.tableData = arr
- that.setInsertData(that.tableData)
- }
+ that.tableData = arr;
+ that.setInsertData(that.tableData);
+ };
}
},
setInsertData(res) {
@@ -354,15 +338,14 @@
if (list.length != 0) {
if (list[0].pname != null) {
- return this.$message.error('涓婁紶鏁版嵁閿欒锛岀涓�鏉℃暟鎹笉涓虹┖');
+ return this.$message.error("涓婁紶鏁版嵁閿欒锛岀涓�鏉℃暟鎹笉涓虹┖");
}
- this.getAllNodeId(list)
+ this.getAllNodeId(list);
}
},
async getAllNodeId(res) {
for (let i = 0; i < res.length; i++) {
-
var val = res[i];
if (val.pname == null) {
@@ -371,29 +354,25 @@
} else {
this.tableData.filter((child) => {
if (child.name == val.pname) {
-
val.pid = child.id;
val.orderNum = i + 1;
}
- })
+ });
}
const data = await insertDir(val);
if (data.code != 200) {
-
}
this.tableData.filter((child) => {
if (child.name == val.name && child.pname == val.pname) {
child.id = data.result;
}
- })
+ });
this.itemaName = data.result;
this.getDirTree();
-
-
if (res[i].children) {
- this.getAllNodeId(res[i].children)
+ this.getAllNodeId(res[i].children);
}
}
},
@@ -403,7 +382,7 @@
// 寰幆鎵�鏈夐」
let branchArr = cloneData.filter((child) => father.name == child.pname); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
// 灞炰簬鍚屼竴瀵硅薄闂锛屼緥濡傦細浠� a=b銆乧=1 锛岀劧鍚庡啀浠� b.c=c 锛� 閭ｄ箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭ｄ箞 a.c.d 涔熸槸=2锛�
// 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
return father.pname == null; // 杩斿洖涓�绾ц彍鍗�
@@ -411,10 +390,10 @@
},
readFile(file) {
//鏂囦欢璇诲彇
- return new Promise(resolve => {
+ return new Promise((resolve) => {
let reader = new FileReader();
reader.readAsBinaryString(file); //浠ヤ簩杩涘埗鐨勬柟寮忚鍙�
- reader.onload = ev => {
+ reader.onload = (ev) => {
resolve(ev.target.result);
};
});
@@ -441,32 +420,28 @@
// });
if (this.itemaName != null) {
this.$nextTick(() => {
-
- this.expandData = [this.itemaName]
+ this.expandData = [this.itemaName];
this.$refs.tree.setCurrentKey(this.itemaName);
-
});
}
-
-
} else {
- console.log('鎺ュ彛鎶ラ敊');
+ console.log("鎺ュ彛鎶ラ敊");
}
});
},
handleClose() {
- this.$confirm('纭鍏抽棴锛�')
+ this.$confirm("纭鍏抽棴锛�")
.then((_) => {
this.resetForm();
})
- .catch((_) => { });
+ .catch((_) => {});
},
treeData(source) {
let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
return cloneData.filter((father) => {
// 寰幆鎵�鏈夐」
let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
// 灞炰簬鍚屼竴瀵硅薄闂锛屼緥濡傦細浠� a=b銆乧=1 锛岀劧鍚庡啀浠� b.c=c 锛� 閭ｄ箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭ｄ箞 a.c.d 涔熸槸=2锛�
// 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
@@ -482,104 +457,105 @@
}
}
switch (res) {
- case 1://鍚戜笂绉诲姩
+ case 1: //鍚戜笂绉诲姩
if (currentId != 0) {
const tempChildrenNodex1 = pchildNodes[currentId - 1];
const tempChildrenNodex2 = pchildNodes[currentId];
- tempChildrenNodex2.orderNum = pchildNodes[currentId - 1].data.orderNum;
- tempChildrenNodex1.orderNum = pchildNodes[currentId].data.orderNum
- var arr = [];
- this.oriData.filter(res => {
- if (res.id == tempChildrenNodex2.data.id) {
- res.orderNum = tempChildrenNodex2.orderNum;
- arr.push(res)
- } else if (res.id == tempChildrenNodex1.data.id) {
- res.orderNum = tempChildrenNodex1.orderNum;
- arr.push(res)
- }
-
- })
- this.newData = arr;
- this.sendChange();
- } else {
- this.$message({
- message: '澶勪簬椤剁锛屼笉鑳界户缁笂绉�',
- type: 'warning'
- });
- }
- break;
- case 2://鍚戜笅绉诲姩
- if (currentId < (pchildNodes.length - 1)) {
- const tempChildrenNodex1 = pchildNodes[currentId + 1];
- const tempChildrenNodex2 = pchildNodes[currentId];
- tempChildrenNodex2.orderNum = pchildNodes[currentId + 1].data.orderNum;
+ tempChildrenNodex2.orderNum =
+ pchildNodes[currentId - 1].data.orderNum;
tempChildrenNodex1.orderNum = pchildNodes[currentId].data.orderNum;
var arr = [];
- this.oriData.filter(res => {
+ this.oriData.filter((res) => {
if (res.id == tempChildrenNodex2.data.id) {
res.orderNum = tempChildrenNodex2.orderNum;
- arr.push(res)
+ arr.push(res);
} else if (res.id == tempChildrenNodex1.data.id) {
res.orderNum = tempChildrenNodex1.orderNum;
- arr.push(res)
+ arr.push(res);
}
- })
+ });
this.newData = arr;
this.sendChange();
} else {
this.$message({
- message: '澶勪簬搴曠锛屼笉鑳界户缁笅绉�',
- type: 'warning'
+ message: "澶勪簬椤剁锛屼笉鑳界户缁笂绉�",
+ type: "warning",
});
-
}
break;
-
+ case 2: //鍚戜笅绉诲姩
+ if (currentId < pchildNodes.length - 1) {
+ const tempChildrenNodex1 = pchildNodes[currentId + 1];
+ const tempChildrenNodex2 = pchildNodes[currentId];
+ tempChildrenNodex2.orderNum =
+ pchildNodes[currentId + 1].data.orderNum;
+ tempChildrenNodex1.orderNum = pchildNodes[currentId].data.orderNum;
+ var arr = [];
+ this.oriData.filter((res) => {
+ if (res.id == tempChildrenNodex2.data.id) {
+ res.orderNum = tempChildrenNodex2.orderNum;
+ arr.push(res);
+ } else if (res.id == tempChildrenNodex1.data.id) {
+ res.orderNum = tempChildrenNodex1.orderNum;
+ arr.push(res);
+ }
+ });
+ this.newData = arr;
+ this.sendChange();
+ } else {
+ this.$message({
+ message: "澶勪簬搴曠锛屼笉鑳界户缁笅绉�",
+ type: "warning",
+ });
+ }
+ break;
}
},
setDelNode() {
- this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ョ洰褰�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- }).then(() => {
- this.remove(this.newNode, this.itemdetail)
- }).catch(() => {
+ this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ョ洰褰�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ this.remove(this.newNode, this.itemdetail);
+ })
+ .catch(() => {
this.$message({
- type: 'info',
- message: '宸插彇娑堝垹闄�'
- });
+ type: "info",
+ message: "宸插彇娑堝垹闄�",
+ });
});
},
setNewNode(res) {
var id, lever, orderNum;
- if (res == 1) {//鏂板鍚岀骇
+ if (res == 1) {
+ //鏂板鍚岀骇
id = this.itemdetail.pid;
- orderNum = this.getMaxOrderNum(this.newNode.parent.childNodes)
+ orderNum = this.getMaxOrderNum(this.newNode.parent.childNodes);
lever = this.itemdetail.level;
- } else if (res == 2) {//鏂板瀛愮骇
+ } else if (res == 2) {
+ //鏂板瀛愮骇
id = this.itemdetail.id;
- orderNum = this.getMaxOrderNum(this.newNode.childNodes)
+ orderNum = this.getMaxOrderNum(this.newNode.childNodes);
lever = this.itemdetail.level + 1;
}
this.ruleForm.pid = id;
this.ruleForm.level = lever;
- this.ruleForm.orderNum = orderNum
+ this.ruleForm.orderNum = orderNum;
this.dialogFormVisible = true;
},
getMaxOrderNum(res) {
var val = -100;
for (var i in res) {
if (res[i].data.orderNum > val) {
- val = res[i].data.orderNum
+ val = res[i].data.orderNum;
}
}
val = val + 1;
return val;
},
-
-
append(node, data) {
this.dialogFormVisible = true;
@@ -607,8 +583,8 @@
if (res.code == 200) {
this.$message({
- message: '娣诲姞鎴愬姛',
- type: 'success',
+ message: "娣诲姞鎴愬姛",
+ type: "success",
});
this.itemaName = res.result;
this.itemdetail = {};
@@ -621,7 +597,7 @@
})
.catch((res) => {
this.itemdetail = {};
- this.$message.error('娣诲姞澶辫触');
+ this.$message.error("娣诲姞澶辫触");
this.fullscreenLoading = false;
console.log(res);
});
@@ -635,10 +611,10 @@
remove(node, data) {
this.itemaName = node.parent.data.id;
- this.$confirm('姝ゆ搷浣滃皢鍒犻櫎璇ヨ妭鐐�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
+ this.$confirm("姝ゆ搷浣滃皢鍒犻櫎璇ヨ妭鐐�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
})
.then(() => {
//鍏勫紵閲嶆柊鎺掑簭
@@ -659,29 +635,29 @@
.then((res) => {
if (res[0].code == 200 && res[1].code == 200) {
this.$message({
- type: 'success',
- message: '鍒犻櫎鎴愬姛!',
+ type: "success",
+ message: "鍒犻櫎鎴愬姛!",
});
this.itemdetail = {};
this.getDirTree();
} else if (res[0].code == 200) {
- this.$message.error('鍒犻櫎鎴愬姛锛屼綅缃皟鏁村け璐�');
+ this.$message.error("鍒犻櫎鎴愬姛锛屼綅缃皟鏁村け璐�");
} else if (res[1].code == 200) {
- this.$message.error('鍒犻櫎澶辫触,浣嶇疆璋冩暣鎴愬姛');
+ this.$message.error("鍒犻櫎澶辫触,浣嶇疆璋冩暣鎴愬姛");
} else {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
}
})
.catch(() => {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
this.itemdetail = {};
});
//閲嶇疆瑕佸垹闄ょ殑瀛怚D
this.delChildIDs = [];
})
.catch(() => {
- this.$message('宸插彇娑堝垹闄�');
+ this.$message("宸插彇娑堝垹闄�");
});
// this.dialogMessage="鏄惁鍒犻櫎"
// this.dialogFlag = 1;
@@ -723,20 +699,20 @@
this.old_dirDat = JSON.parse(JSON.stringify(this.dirList)); //灏嗗浠界殑dir閲嶆柊璧嬪��
},
handleDrop(draggingNode, dropNode, dropType, ev) {
- this.$confirm('姝ゆ搷浣滃皢淇濆瓨鐩綍鏇存敼, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
+ this.$confirm("姝ゆ搷浣滃皢淇濆瓨鐩綍鏇存敼, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
})
.then(() => {
//鐖惰妭鐐�
- let data = dropType != 'inner' ? dropNode.parent.data : dropNode.data;
+ let data = dropType != "inner" ? dropNode.parent.data : dropNode.data;
// 鐖惰妭鐐逛腑鍏ㄩ儴瀛愯妭鐐�
let nodeData =
- dropNode.level == 1 && dropType != 'inner' ? data : data.children;
+ dropNode.level == 1 && dropType != "inner" ? data : data.children;
//鍙樻洿鑺傜偣
nodeData.forEach((item, i) => {
- if (dropType != 'inner') {
+ if (dropType != "inner") {
if (draggingNode.data.pid === dropNode.data.pid) {
item.pid = item.pid;
} else {
@@ -760,7 +736,7 @@
this.sendChange();
})
.catch(() => {
- this.$message('宸插彇娑堟洿鏀�');
+ this.$message("宸插彇娑堟洿鏀�");
this.dirList = this.old_dirDat; //灏嗗浠界殑dir閲嶆柊璧嬪��
});
},
@@ -771,11 +747,11 @@
this.getDirTree();
return;
} else {
- this.$message.error('淇敼澶辫触锛岃閲嶈瘯锛�');
+ this.$message.error("淇敼澶辫触锛岃閲嶈瘯锛�");
}
})
.catch(() => {
- this.$message.error('淇敼澶辫触锛岃閲嶈瘯锛�');
+ this.$message.error("淇敼澶辫触锛岃閲嶈瘯锛�");
});
},
handleNodeClick(data, node) {
@@ -802,7 +778,7 @@
}, 500);
})
.catch((res) => {
- this.$message.error('淇敼澶辫触锛岃閲嶈瘯锛�');
+ this.$message.error("淇敼澶辫触锛岃閲嶈瘯锛�");
this.fullscreenLoading = false;
});
} else {
@@ -814,20 +790,19 @@
reset(formName) {
this.itemdetail = {};
// this.$refs[formName].resetFields();
- if (this.backUpData != '') {
+ if (this.backUpData != "") {
this.itemdetail = JSON.parse(this.backUpData);
}
},
showPermsMenu(res) {
-
switch (res.tag) {
- case '/delete':
+ case "/delete":
this.menuStatus.delete = true;
break;
- case '/insert':
+ case "/insert":
this.menuStatus.insert = true;
break;
- case '/update':
+ case "/update":
this.menuStatus.update = true;
break;
}
@@ -844,7 +819,6 @@
}
for (var i = 0; i < permsEntity.length; i++) {
if (val === permsEntity[i].perms) {
-
this.showPermsMenu(permsEntity[i]);
}
}
@@ -859,29 +833,28 @@
<style lang="less" scoped>
.subpage_Box {
- height: 98%;
+ height: 96%;
width: 98%;
- padding: 1%;
+ padding: 1%;
+ border-radius: 10px;
.cataLogContent {
width: 100%;
height: 100%;
- max-height: 670px;
display: flex;
- align-items: center;
+ // align-items: center;
justify-content: space-between;
.cataLog_leftTree {
- width: 15%;
- height: 100%;
+ width: 30%;
+ height: 98%;
border-radius: 5px;
- padding: 1%;
+ padding: 10px;
overflow-y: auto;
}
.cataLog_rightContent {
- width: 80%;
- height: 100%;
- max-height: 670px;
+ width: 66%;
+ height: 98%;
border-radius: 5px;
- padding: 1%;
+ padding: 10px;
.menuTop {
/deep/ .el-form-item {
margin-bottom: 0px;
@@ -890,4 +863,7 @@
}
}
}
+.btnBox{
+ text-align: right;
+}
</style>
--
Gitblit v1.9.3