From 731d894cf232d98b547df2bd006795de74fb16a7 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 09 二月 2023 15:05:10 +0800
Subject: [PATCH] 数据管理样式修改
---
src/views/datamanage/metadataManage.vue | 136 +++++++++++++++++++++++++++++++++++++--------
1 files changed, 112 insertions(+), 24 deletions(-)
diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index c814193..e8e2db2 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -12,7 +12,25 @@
:inline="true"
>
<el-form-item>
- <el-cascader
+ <el-select
+ :popper-append-to-body="false"
+ v-model="queryForm.depName"
+ >
+ <el-option
+ :value="queryForm.depid"
+ :label="queryForm.depName"
+ style=" height:auto"
+ >
+ <el-tree
+ ref="tree"
+ :data="companyOption1"
+ node-key="id"
+ :props="cascader"
+ @node-click="handleChange1"
+ />
+ </el-option>
+ </el-select>
+ <!-- <el-cascader
v-model="queryForm.depid"
:show-all-levels="false"
:options="companyOption1"
@@ -24,10 +42,28 @@
checkStrictly: true,
emitPath: false,
}"
- ></el-cascader>
+ ></el-cascader> -->
</el-form-item>
<el-form-item>
- <el-cascader
+ <el-select
+ :popper-append-to-body="false"
+ v-model="queryForm.dirName"
+ >
+ <el-option
+ :value="queryForm.dirid"
+ :label="queryForm.dirName"
+ style=" height:auto"
+ >
+ <el-tree
+ ref="tree"
+ :data="companyOption"
+ node-key="id"
+ :props="cascader"
+ @node-click="handleChange"
+ />
+ </el-option>
+ </el-select>
+ <!-- <el-cascader
v-model="queryForm.dirid"
:show-all-levels="false"
:options="companyOption"
@@ -39,10 +75,11 @@
checkStrictly: true,
emitPath: false,
}"
- ></el-cascader>
+ ></el-cascader> -->
</el-form-item>
<el-form-item>
<el-select
+ :popper-append-to-body="false"
v-model="queryForm.verid"
placeholder="璇烽�夋嫨"
@change="verHandleChange($event)"
@@ -183,16 +220,13 @@
:label="$t('common.operate')"
>
<template slot-scope="scope">
- <el-link
- style="color: white"
- @click="showDetail(scope.row)"
- >{{
+ <el-link @click="showDetail(scope.row)">{{
$t('common.details')
}}</el-link>
<el-link
v-if="btnStatus.update"
@click="editInfo(scope.row)"
- style="margin-left: 10px; color: white"
+ style="margin-left: 10px; "
>{{ $t('common.edit') }}</el-link>
</template>
</el-table-column>
@@ -287,7 +321,7 @@
</el-card>
</div>
<el-dialog
- width="510px"
+ width="80vh"
top="5vh"
:title="
behavior == '鏂板鐢ㄦ埛'
@@ -332,25 +366,61 @@
:label="$t('dataManage.vmobj.depName')"
:label-width="formLabelWidth"
>
- <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
- <el-cascader
+ <el-select
+ style="width:100%"
+ :popper-append-to-body="false"
+ v-model="editForm.depName"
+ >
+ <el-option
+ :value="editForm.depid"
+ :label="editForm.depName"
+ style=" height:auto"
+ >
+ <el-tree
+ ref="tree"
+ :data="companyOption1"
+ node-key="id"
+ :props="cascader"
+ @node-click="handleChange2"
+ />
+ </el-option>
+ </el-select>
+ <!-- <el-cascader
v-model="editForm.depid"
:options="companyOption"
:props="cascader"
style="width:350px"
- ></el-cascader>
+ ></el-cascader> -->
</el-form-item>
<el-form-item
:label="$t('dataManage.vmobj.dirName')"
:label-width="formLabelWidth"
>
- <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
- <el-cascader
+ <el-select
+ style="width:100%"
+ :popper-append-to-body="false"
+ v-model="editForm.dirName"
+ >
+ <el-option
+ :value="editForm.dirid"
+ :label="editForm.dirName"
+ style=" height:auto"
+ >
+ <el-tree
+ ref="tree"
+ :data="dirComPanyOption"
+ node-key="id"
+ :props="cascader"
+ @node-click="handleChange3"
+ />
+ </el-option>
+ </el-select>
+ <!-- <el-cascader
v-model="editForm.dirid"
:options="dirComPanyOption"
:props="cascader"
style="width:350px"
- ></el-cascader>
+ ></el-cascader> -->
</el-form-item>
<el-form-item
:label="$t('dataManage.vmobj.describe')"
@@ -452,7 +522,7 @@
</el-dialog>
<div
- class="downloadBox"
+ class="downloadBox box_div subpage_Div"
v-if="showCodeBox"
>
<h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
@@ -714,7 +784,7 @@
}
this.companyOption1 = this.treeData(res.result);
this.queryForm.depid = this.companyOption1[0].id
-
+ this.queryForm.depName = this.companyOption1[0].name
this.getQueryDirTree();
},
@@ -727,6 +797,7 @@
}
this.companyOption = this.treeData(res.result);
this.queryForm.dirid = this.companyOption[0].id
+ this.queryForm.dirName = this.companyOption[0].name
this.getQueryVerList();
},
@@ -746,17 +817,31 @@
this.listData.pageIndex = 1;
this.getMetaData();
},
- handleChange(value) {
+ handleChange(data, node, nodeData) {
this.listData.pageSize = 10;
this.listData.pageIndex = 1;
- this.queryForm.dirid = value;
+ this.queryForm.dirid = data.id;
+ this.queryForm.dirName = data.name
this.getQueryVerList()
},
- handleChange1(value) {
+ handleChange1(data, node, nodeData) {
this.listData.pageSize = 10;
this.listData.pageIndex = 1;
- this.queryForm.depid = value;
+ this.queryForm.depid = data.id;
+ this.queryForm.depName = data.name
this.getMetaData();
+ },
+ handleChange2(data, node, nodeData) {
+
+ this.editForm.depid = data.id;
+ this.editForm.depName = data.name
+
+ },
+ handleChange3(data, node, nodeData) {
+
+ this.editForm.dirid = data.id;
+ this.editForm.dirName = data.name
+
},
//鏍煎紡鍖栧垪琛�
formatData(row, column) {
@@ -880,7 +965,7 @@
getMetaData() {
this.listData.depid = this.queryForm.depid;
this.listData.dirid = this.queryForm.dirid;
-
+
this.listData.verid = this.queryForm.verid;
// this.listData.dirid = 57
@@ -905,6 +990,8 @@
this.listData.name = null;
this.queryForm.dirid = this.companyOption[0].id;
this.queryForm.depid = this.companyOption1[0].id;
+ this.queryForm.dirName = this.companyOption[0].name;
+ this.queryForm.depName = this.companyOption1[0].name;
this.getQueryVerList();
this.getMetaData();
},
@@ -1009,6 +1096,7 @@
this.behavior = '淇敼淇℃伅';
this.editForm = JSON.parse(JSON.stringify(row));
this.dialogFormVisible = true;
+ this.getSelectDictTab();
},
handleClose(done) {
this.$confirm('纭鍏抽棴锛�')
@@ -1131,7 +1219,7 @@
.inquire {
position: relative;
- overflow: auto;
+
padding-bottom: 8px;
border-radius: 5px;
--
Gitblit v1.9.3