Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 337a4d93 by Thews
Options

20231211汪皖苏

1 parent 139ca94f
Expand all
Inline Side-by-side
Showing with 159 additions and 33 deletions
src/api/index.js
...@@ -124,6 +124,16 @@ export function getYMXZDGLProyList(params) { ...@@ -124,6 +124,16 @@ export function getYMXZDGLProyList(params) {
return post('/ynMolDicy/getYnMolProyList', params); return post('/ynMolDicy/getYnMolProyList', params);
} }
// 新增字典数据
export function getYMXZDGLProyAdd(params) {
return post('/ynMolDicy/addYnMolProy', params);
}
// 编辑字典数据
export function getYMXZDGLProyUpdate(params) {
return post('/ynMolDicy/updateYnMolProy', params);
}
// 删除字典数据 // 删除字典数据
export function getYMXZDGLProyDel(params) { export function getYMXZDGLProyDel(params) {
return post('/ynMolDicy/deleteYnMolProy', params); return post('/ynMolDicy/deleteYnMolProy', params);
......
src/views/metaModelDic/pages/page1.vue
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
<el-table-column prop="version" label="版本" align="center"></el-table-column> <el-table-column prop="version" label="版本" align="center"></el-table-column>
<el-table-column label="状态" align="center"> <el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span >{{dicObj.state[scope.row.state]}}</span> <span>{{dicObj.state[scope.row.state]}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="360" align="center"> <el-table-column label="操作" width="360" align="center">
...@@ -73,6 +73,7 @@ ...@@ -73,6 +73,7 @@
</el-pagination> </el-pagination>
</div> </div>
<!-- 第一个弹窗 -->
<el-dialog <el-dialog
:title="title" :title="title"
:visible.sync="add_dialog" :visible.sync="add_dialog"
...@@ -100,47 +101,49 @@ ...@@ -100,47 +101,49 @@
<el-table :data="tableData2" stripe border height="350" @cell-dblclick="tableDbclick"> <el-table :data="tableData2" stripe border height="350" @cell-dblclick="tableDbclick">
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="fieldName" label="字段名" align="center"> <el-table-column prop="fieldName" label="字段名" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.fieldName}}</div> <div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.fieldName}}</div>
<el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.fieldName"></el-input> <el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.fieldName"></el-input>
</template> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="chineseName" label="中文名" align="center"> <el-table-column prop="chineseName" label="中文名" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.chineseName}}</div> <div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.chineseName}}</div>
<el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.chineseName"></el-input> <el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.chineseName"></el-input>
</template> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="displayOrder" label="排序" align="center"> <el-table-column prop="displayOrder" label="排序" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.displayOrder}}</div> <div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.displayOrder}}</div>
<el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.displayOrder"></el-input> <el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.displayOrder"></el-input>
</template> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="contentLength" label="长度" align="center"> <el-table-column prop="contentLength" label="长度" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.contentLength}}</div> <div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{scope.row.contentLength}}</div>
<el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.contentLength"></el-input> <el-input v-show="columnIsShow&& (editIndex== scope.row.index)" @blur="columnIsShow = false" v-model="scope.row.contentLength"></el-input>
</template> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="controlType" label="控件" align="center"> <el-table-column prop="controlType" label="控件" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{dicObj.controlType[scope.row.controlType]}}</div> <div v-show=" !columnIsShow|| (editIndex!= scope.row.index)">{{dicObj.controlType[scope.row.controlType]}}</div>
<el-select v-show="columnIsShow&& (editIndex== scope.row.index)" v-model="scope.row.controlType"> <el-select v-show="columnIsShow&& (editIndex== scope.row.index)" v-model="scope.row.controlType">
<el-option <el-option
v-for="(item, stateListIndex) in stateList" v-for="(item, index) in selectTypeList"
:key="stateListIndex" :key="index"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select> </el-select>
</template> -->
<template slot-scope="scope">
<span>{{dicObj.controlType[scope.row.controlType]}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="200" align="center"> <el-table-column label="操作" width="200" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<!-- <el-button icon="el-icon-edit" size="mini" @click="operateDia('edit',scope.row)">编辑</el-button> --> <el-button icon="el-icon-edit" size="mini" @click="operateDia('edit',scope.row)">编辑</el-button>
<!-- <el-button icon="el-icon-circle-plus-outline" size="mini" @click="operateDia('add',scope.row,scope.$index)">添加</el-button> -->
<el-button icon="el-icon-delete" size="mini" @click="operateDia('del',scope.row,scope.$index)">删除</el-button> <el-button icon="el-icon-delete" size="mini" @click="operateDia('del',scope.row,scope.$index)">删除</el-button>
</div> </div>
</template> </template>
...@@ -156,6 +159,47 @@ ...@@ -156,6 +159,47 @@
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- 第二个弹窗 -->
<el-dialog
:title="title2"
:visible.sync="add_dialog2"
:center="false"
width="40%">
<div class="add_dialog_content">
<div class="dialog_content_1">
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>字段名</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName"></el-input>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>中文名</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.chineseName"></el-input>
</div>
</div>
<div class="dialog_content_1">
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>排序</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.displayOrder"></el-input>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>长度</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.contentLength"></el-input>
</div>
</div>
<div class="dialog_content_1">
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>控件</div>
<el-select v-model="formData2.controlType" placeholder="请选择" class="search_item">
<el-option v-for="(item,idnex) in selectTypeList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
</el-select>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operateDia('save')">保存</el-button>
<el-button @click="add_dialog2 = false">取消</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
...@@ -169,10 +213,12 @@ import { ...@@ -169,10 +213,12 @@ import {
query_jia_gou_gui_shu, query_jia_gou_gui_shu,
getYMXZDGLProyList, getYMXZDGLProyList,
getYMXZDGLProyDel, getYMXZDGLProyDel,
getYMXZDGLProyAdd,
getYMXZDGLProyUpdate,
} from "@/api/index.js"; } from "@/api/index.js";
export default { export default {
name: 'metaModelDic', name: 'page1',
components: { components: {
}, },
...@@ -183,6 +229,8 @@ export default { ...@@ -183,6 +229,8 @@ export default {
selectList: [], selectList: [],
add_dialog: false, add_dialog: false,
title: "", title: "",
add_dialog2: false,
title2: "",
openType: "", openType: "",
add_dialog: false, add_dialog: false,
query_item1: null, query_item1: null,
...@@ -196,6 +244,13 @@ export default { ...@@ -196,6 +244,13 @@ export default {
rsName: "", rsName: "",
content: "", content: "",
}, },
formData2: {
fieldName: "",
chineseName: "",
displayOrder: "",
contentLength: "",
controlType: "",
},
params: { params: {
current: 1, current: 1,
pageSize: 10, pageSize: 10,
...@@ -373,6 +428,15 @@ export default { ...@@ -373,6 +428,15 @@ export default {
content: "", content: "",
} }
}, },
resetFormData2(){
this.formData2 = {
fieldName: "",
chineseName: "",
displayOrder: "",
contentLength: "",
controlType: "",
};
},
// 表格多选 // 表格多选
handleSelectionChange(e) { handleSelectionChange(e) {
...@@ -399,22 +463,71 @@ export default { ...@@ -399,22 +463,71 @@ export default {
// 对话表格操作 // 对话表格操作
operateDia( type, scopeRow, index){ operateDia( type, scopeRow, index){
// console.log( type, scopeRow, index);
let arr = this.tableData2.concat();
let addData = {}; // JSON.parse(JSON.stringify(arr[index]))
switch (type) { switch (type) {
// 添加 // 添加
case 'add': case 'add':
addData.fieldName = ''; this.add_dialog2 = true;
addData.chineseName = ''; this.title2 = "新建字典属性";
addData.displayOrder = ''; this.resetFormData2();
addData.contentLength = ''; break;
addData.controlType = ''; // 编辑
arr.splice(arr.length, 0, addData); case 'edit':
this.add_dialog2 = true;
this.title2 = "编辑字典属性";
this.formData2 = scopeRow;
console.log(this.formData2);
break;
// 保存
case 'save':
if (this.formData2.propertyId) {
let params = {
fieldName: this.formData2.fieldName,
chineseName: this.formData2.chineseName,
displayOrder: this.formData2.displayOrder,
contentLength: this.formData2.contentLength,
controlType: this.formData2.controlType,
propertyId: this.formData2.propertyId,
type: this.formData.type,
typeId: this.formData.typeId,
version: this.formData.version,
dicyId: this.formData.dicyId,
state: this.formData.state,
}
// 编辑保存
getYMXZDGLProyUpdate(params).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog2 = false;
this.getProyList(this.formData);
}else{
this.$message.error(res.msg);
}
});
}else{
let params = {
fieldName: this.formData2.fieldName,
chineseName: this.formData2.chineseName,
displayOrder: this.formData2.displayOrder,
contentLength: this.formData2.contentLength,
controlType: this.formData2.controlType,
type: this.formData.type,
typeId: this.formData.typeId,
version: this.formData.version,
dicyId: this.formData.dicyId,
state: this.formData.state,
}
// 新建保存
getYMXZDGLProyAdd(params).then(res => {
if (res.code == 200) {
this.$message.success("新建成功");
this.add_dialog2 = false;
this.getProyList(this.formData);
}
});
}
break; break;
// 删除 // 删除
case 'del': case 'del':
// arr.splice( index, 1)
this.$confirm("确认删除吗", "提示", { this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
...@@ -429,26 +542,20 @@ export default { ...@@ -429,26 +542,20 @@ export default {
}); });
break; break;
} }
this.tableData2 = arr;
}, },
tableDbclick( row, column, cell, e){ tableDbclick( row, column, cell, e){
if ( this.readOnly ) { // this.editIndex = row.index;
return; // this.columnIsShow = true;
}
this.editIndex = row.index;
this.columnIsShow = true;
}, },
// 获取字典属性接口 // 获取字典属性接口
getProyList(item) { getProyList(item) {
console.log(item);
let params = { let params = {
type: item.type, type: item.type,
typeId: item.typeId, typeId: item.typeId,
} }
getYMXZDGLProyList(params).then(res => { getYMXZDGLProyList(params).then(res => {
if (res.code == 200) { if (res.code == 200) {
console.log(res);
this.tableData2 = res.data; this.tableData2 = res.data;
} }
}); });
...@@ -475,6 +582,15 @@ export default { ...@@ -475,6 +582,15 @@ export default {
.dialog_content_1{ .dialog_content_1{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.dialog_form_item_title{
width: 70px;
}
.el-input{
width: 270px;
}
.el-select{
width: 270px;
}
} }
.search_menu{ .search_menu{
display: flex; display: flex;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!