From 2c841bc48f45eec08b41feebfa03de79666f940c Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期一, 13 五月 2024 23:07:23 +0800
Subject: [PATCH] 1
---
src/views/console/system/meta-object-type/index.vue | 136 ++++++++++++++++++++++++++++++++++++++-------
1 files changed, 114 insertions(+), 22 deletions(-)
diff --git a/src/views/console/system/meta-object-type/index.vue b/src/views/console/system/meta-object-type/index.vue
index f705868..94c556e 100644
--- a/src/views/console/system/meta-object-type/index.vue
+++ b/src/views/console/system/meta-object-type/index.vue
@@ -15,47 +15,99 @@
<div class="aposcope-right">
<div class="right-content">
<div class="content-title"><span>*</span>鎵�鍦ㄧ墿鐞嗚〃</div>
- <el-select v-model="metaForm.tableName" style="width: 30%" :disabled="isDis">
+ <el-select v-model="metaForm.tableName" :disabled="isDis">
<el-option v-for="item in tableNameList" :key="item.tableName" :label="item.tableName" :value="item.tableName"/>
</el-select>
</div>
<div class="right-content">
<div class="content-title"><span>*</span>瀛楁1</div>
- <el-select v-model="metaForm.refCode" style="width: 30%">
- <el-option v-for="item in testList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+ <el-select v-model="metaForm.refCode" :disabled="isDis">
+ <el-option v-for="item in refCodeList" :key="item.columnName" :label="item.columnName" :value="item.columnName"/>
</el-select>
</div>
<div class="right-content">
<div class="content-title"><span>*</span>瀛楁2</div>
- <el-select v-model="metaForm.refName" style="width: 30%">
- <el-option v-for="item in testList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+ <el-select v-model="metaForm.refName" :disabled="isDis">
+ <el-option v-for="item in refCodeList" :key="item.columnName" :label="item.columnName" :value="item.columnName"/>
</el-select>
</div>
<div class="right-content">
<div class="content-title">缂栫爜瀛楁</div>
- <el-select v-model="metaForm.test" style="width: 30%">
- <el-option v-for="item in testList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+ <el-select v-model="metaForm.test">
+ <el-option v-for="item in refCodeList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</div>
<div class="right-content">
<div class="content-title">鍙傛暟璁剧疆</div>
- <el-button type="primary">娣诲姞鍙傛暟</el-button>
+ <el-button type="primary" @click="addParameter" :disabled="isAdd">娣诲姞鍙傛暟</el-button>
</div>
<el-table ref="searchDataListRef" :data="searchDataList" border style="width: 100%;margin-top: 20px;" class="multipleTableRef">
- <el-table-column prop="fcode" label="瀛楁缂栫爜"></el-table-column>
- <el-table-column prop="fname" label="瀛楁鏍囬"></el-table-column>
- <el-table-column prop="field" label="瀹炰綋灞炴��"></el-table-column>
- <el-table-column prop="elementTypeName" label="鍏冪礌绫诲瀷"></el-table-column>
- <el-table-column prop="enumType" label="鏋氫妇绫诲瀷"></el-table-column>
- <el-table-column prop="seq" label="瀛楁椤哄簭"></el-table-column>
- <el-table-column prop="refObjectTypeId" label="寮曠敤鍏崇郴"></el-table-column>
+ <el-table-column prop="fcode" label="瀛楁缂栫爜">
+ <template #default="scope">
+ <el-select v-if="scope.row.isEdit" v-model="tableForm.fcode">
+ <el-option v-for="item in refCodeList" :key="item.columnName" :label="item.columnName" :value="item.columnName"/>
+ </el-select>
+ <div v-else>{{scope.row.fcode}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="fname" label="瀛楁鏍囬">
+ <template #default="scope">
+ <el-input v-if="scope.row.isEdit" v-model="tableForm.fname"></el-input>
+ <div v-else>{{scope.row.fname}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="field" label="瀹炰綋灞炴��">
+ <template #default="scope">
+ <el-input v-if="scope.row.isEdit" v-model="tableForm.field"></el-input>
+ <div v-else>{{scope.row.field}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="elementTypeName" label="鍏冪礌绫诲瀷">
+ <template #default="scope">
+ <el-select v-if="scope.row.isEdit" v-model="tableForm.elementTypeName">
+ <el-option v-for="item in dictionaryType" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+ </el-select>
+ <div v-else>{{scope.row.elementTypeName}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="enumType" label="鏋氫妇绫诲瀷">
+ <template #default="scope">
+ <el-select v-if="scope.row.isEdit" v-model="tableForm.enumType" disabled>
+ <el-option v-for="item in testList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+ </el-select>
+ <div v-else>{{scope.row.enumType}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="seq" label="瀛楁椤哄簭">
+ <template #default="scope">
+ <el-input-number v-if="scope.row.isEdit" scope.row.isEdit v-model="tableForm.seq" :min="0" :max="99" style="width:100%;"/>
+ <div v-else>{{scope.row.seq}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="refObjectTypeId" label="寮曠敤鍏崇郴">
+ <template #default="scope">
+ <el-select v-if="scope.row.isEdit" v-model="tableForm.refObjectTypeId" disabled>
+ <el-option v-for="item in testList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+ </el-select>
+ <div v-else>{{scope.row.refObjectTypeId}}</div>
+ </template>
+ </el-table-column>
<el-table-column label="鎿嶄綔">
<template #default="scope">
- <el-icon><Edit /></el-icon>
- <el-icon><Edit /></el-icon>
+ <div v-if="scope.row.isEdit">
+ <el-button size="small" type="primary" @click="comfirmTable">纭畾</el-button>
+ <el-button size="small" @click="cancelTable">鍙栨秷</el-button>
+ </div>
+ <div v-else>
+ <el-icon class="operationIcon"><Edit /></el-icon>
+ <el-icon class="operationIcon"><Delete /></el-icon>
+ </div>
</template>
</el-table-column>
</el-table>
+ <div class="saveBtn">
+ <el-button type="primary" @click="saveBtn">淇濆瓨</el-button>
+ </div>
</div>
</div>
</template>
@@ -69,9 +121,21 @@
name: "metaObject",
data(){
return {
- isDis: true,
testList: [],
+ tableForm: {
+ fcode: "",
+ fname: "",
+ field: "",
+ elementTypeName: "",
+ enumType: "",
+ seq: 0,
+ refObjectTypeId: ""
+ },
+ inputValue: "",
+ isAdd: false,
+ isDis: true,
tableNameList: [],
+ refCodeList: [],
metaForm: {
tableName: "",
refCode: "",
@@ -109,6 +173,21 @@
...ElementPlusIconsVue
},
methods: {
+ saveBtn() {
+
+ },
+ comfirmTable() {
+ this.cancelTable(); //杩樺師
+ this.searchDataList.unshift(this.tableForm);
+ },
+ cancelTable() {
+ this.searchDataList.splice(0,1);
+ this.isAdd = false;
+ },
+ addParameter() {
+ this.isAdd = true;
+ this.searchDataList.unshift({isEdit: true});
+ },
getDictionary() { //瀛楀吀绫诲瀷
this.$HTTP.get("/api/blade-system/dict/dictionary?code=element_type").then(res=> { //鐗╃悊琛�
if(res.code == 200) {
@@ -129,7 +208,7 @@
})
this.$HTTP.get("/api/blade-system/meta-object-type/tableDetail").then(res=> { //鐗╃悊琛�
if(res.code == 200) {
- this.tableNameList = res.data;
+ this.tableNameList = res.data;
this.gettableName(); //鑾峰彇瀛楁
}
})
@@ -138,6 +217,12 @@
gettableName() {
this.$HTTP.get(`/api/blade-system/meta-object-type/detail?fId=${this.dictKey}`).then(res=> { //鐗╃悊琛ㄦ暟鎹�
if(res.code == 200) {
+ this.tableNameList.forEach(item=> {
+ if(res.data.tableName == item.tableName) {
+ this.refCodeList = item.tableColumns;
+ }
+ })
+ console.log(this.refCodeList,111)
this.metaForm.tableName = res.data.tableName;
this.metaForm.refCode = res.data.refCode;
this.metaForm.refName = res.data.refName;
@@ -151,12 +236,10 @@
this.dictionaryType.forEach(item=> {
this.searchDataList.forEach(item1=> {
if(item1.elementType == item.dictKey) {
- console.log(item.code,99)
item1.elementTypeName = item.dictValue;
}
})
})
- console.log(this.searchDataList,12345)
}
})
},
@@ -190,9 +273,9 @@
},
handleNodeClick(data) {
if(!this.firstChild.includes(data.id)) {
- console.log(data,234);
this.dictKey = data.dictKey;
this.getList(); //鎵�鍦ㄧ墿鐞嗚〃銆佹槸鍚﹀彲閫�
+ this.isAdd = false;
}
// this.drawerPath = data.name;
// this.$HTTP.get("/api/blade-system/api-scope/list",this.searchData).then(res=> {
@@ -277,4 +360,13 @@
margin-right: 4px;
color: red;
}
+.operationIcon {
+ font-size: 16px;
+ margin-right:4px;
+ cursor: pointer;
+}
+.saveBtn {
+ margin-top: 20px;
+ text-align: right;
+}
</style>
--
Gitblit v1.9.3