Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 2518de7e by Thews
Options

20231208汪皖苏

1 parent f6fcb405
Inline Side-by-side
Showing with 273 additions and 33 deletions
src/api/index.js
...@@ -64,11 +64,11 @@ export function getJGYSGLDel(params) { ...@@ -64,11 +64,11 @@ export function getJGYSGLDel(params) {
export function getJGSTPZlist(params) { export function getJGSTPZlist(params) {
return post('/vwDis/', params); return post('/vwDis/', params);
} }
// 新建元素(state暂存2发布1) // 新建视图(state暂存2发布1)
export function getJGSTPZAdd(params) { export function getJGSTPZAdd(params) {
return post('/vwDis/addVwDis', params); return post('/vwDis/addVwDis', params);
} }
// 编辑元素(state暂存2发布1) // 编辑视图(state暂存2发布1)
export function getJGSTPZUpdate(params) { export function getJGSTPZUpdate(params) {
return post('/vwDis/updateVwDis', params); return post('/vwDis/updateVwDis', params);
} }
...@@ -76,7 +76,29 @@ export function getJGSTPZUpdate(params) { ...@@ -76,7 +76,29 @@ export function getJGSTPZUpdate(params) {
export function getJGSTPZUpdateBatch(params) { export function getJGSTPZUpdateBatch(params) {
return post('/vwDis/updateVwDisBatch', params); return post('/vwDis/updateVwDisBatch', params);
} }
// 删除元素 // 删除视图
export function getJGSTPZDel(params) { export function getJGSTPZDel(params) {
return post('/vwDis/deleteVwDis', params); return post('/vwDis/deleteVwDis', params);
} }
// 元模型字典管理
// 列表查询
export function getYMXZDGLlist(params) {
return post('/ynMolDicy/', params);
}
// 新建字典
export function getYMXZDGLAdd(params) {
return post('/ynMolDicy/addYnMolDicy', params);
}
// 编辑字典(state暂存2发布1)
export function getYMXZDGLUpdate(params) {
return post('/ynMolDicy/updateYnMolDicy', params);
}
// 批量发布
// export function getYMXZDGLUpdateBatch(params) {
// return post('/ynMolDicy/updateVwDisBatch', params);
// }
// 删除字典
export function getYMXZDGLDel(params) {
return post('/ynMolDicy/deleteYnMolProy', params);
}
\ No newline at end of file
src/views/archiViewConfig/index.vue
...@@ -393,7 +393,7 @@ export default { ...@@ -393,7 +393,7 @@ export default {
// 停用 // 停用
this.formData = item; this.formData = item;
this.formData.state = 0; this.formData.state = 0;
getJGSTPZUpdate(this.formData).then(res => { getJGYSGLUpdate(this.formData).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success("停用成功"); this.$message.success("停用成功");
this.getList(); this.getList();
......
src/views/metaModelDic/index.vue
...@@ -5,11 +5,11 @@ ...@@ -5,11 +5,11 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">字典名称</span> <span class="search_title">字典名称</span>
<el-input v-model="query_item3" placeholder="请输入内容" class="search_item"></el-input> <el-input v-model="params.rsName" placeholder="请输入内容" class="search_item"></el-input>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">架构归属</span> <span class="search_title">适用范围</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item"> <el-select v-model="params.scope" placeholder="请选择" clearable class="search_item">
<el-option label="业务架构" value="业务架构"></el-option> <el-option label="业务架构" value="业务架构"></el-option>
<el-option label="应用架构" value="应用架构"></el-option> <el-option label="应用架构" value="应用架构"></el-option>
<el-option label="内容架构" value="内容架构"></el-option> <el-option label="内容架构" value="内容架构"></el-option>
...@@ -19,30 +19,28 @@ ...@@ -19,30 +19,28 @@
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">状态</span> <span class="search_title">状态</span>
<el-select v-model="query_item4" placeholder="请选择" class="search_item"> <el-select v-model="params.state" placeholder="请选择" clearable class="search_item">
<el-option label="已发布" value="已发布"></el-option> <el-option v-for="(item,idnex) in stateList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
<el-option label="已停用" value="已停用"></el-option>
<el-option label="暂存" value="暂存"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="search_menu_btn_container"> <div class="search_menu_btn_container">
<div class="query_btn"> <div class="query_btn" @click="getList">
<img class="btn_icon" src="@/assets/查询icon.png" alt="" /> <img class="btn_icon" src="@/assets/查询icon.png" alt="" />
<p>查询</p> <p>查询</p>
</div> </div>
<div class="reset_btn"> <div class="reset_btn" @click="reset">
<img class="btn_icon" src="@/assets/重置icon.png" alt="" /> <img class="btn_icon" src="@/assets/重置icon.png" alt="" />
<p>重置</p> <p>重置</p>
</div> </div>
</div> </div>
</div> </div>
<div class="search_btn"> <div class="search_btn">
<div class="add_btn" @click="add_dialog = true"> <div class="add_btn" @click="operate('add')">
<img class="btn_icon" src="@/assets/新建icon.png" alt="" /> <img class="btn_icon" src="@/assets/新建icon.png" alt="" />
<p>新建</p> <p>新建</p>
</div> </div>
<div class="version_btn"> <div class="version_btn" @click="operate('pushAll')">
<img class="btn_icon" src="@/assets/版本发布icon.png" alt="" /> <img class="btn_icon" src="@/assets/版本发布icon.png" alt="" />
<p>版本发布</p> <p>版本发布</p>
</div> </div>
...@@ -60,15 +58,22 @@ ...@@ -60,15 +58,22 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="let5" label="字典版本号" align="center"></el-table-column> <el-table-column prop="let5" label="字典版本号" align="center"></el-table-column>
<el-table-column prop="let6" label="字典版本状态" align="center"></el-table-column> <el-table-column prop="state" label="状态" align="center">
<template slot-scope="scope">
<span >{{dicObj.state[scope.row.state]}}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="360" align="center"> <el-table-column label="操作" width="360" align="center">
<template> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<div class="add_btn" @click="add_dialog = true" style="border: 0;margin-right: 8px;"> <el-button icon="el-icon-edit" size="mini" @click="operate('edit',scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
<el-button icon="el-icon-remove-outline" size="mini" @click="operate('stop',scope.row)" :disabled="scope.row.state != 1">停用</el-button>
<el-button icon="el-icon-upload2" size="mini" @click="operate('push',scope.row)" :disabled="scope.row.state == 1">发布</el-button>
<el-button icon="el-icon-delete" size="mini" @click="operate('del',scope.row)" :disabled="scope.row.state != 2">删除</el-button>
<!-- <div class="add_btn" @click="add_dialog = true" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/编辑_icon_default.png" alt="" /> <img class="btn_icon" src="@/assets/编辑_icon_default.png" alt="" />
<p>编辑</p> <p>编辑</p>
</div> </div>
<!-- <el-button type="text" icon="el-icon-edit" @click="add_dialog = true">编辑</el-button> -->
<div class="reset_btn" style="border: 0;margin-right: 8px;"> <div class="reset_btn" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" /> <img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" />
<p>停用</p> <p>停用</p>
...@@ -80,27 +85,32 @@ ...@@ -80,27 +85,32 @@
<div class="reset_btn" style="border: 0;"> <div class="reset_btn" style="border: 0;">
<img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" /> <img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" />
<p>删除</p> <p>删除</p>
</div> </div> -->
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
background background
layout="prev, pager, next" @size-change="handleSizeChange"
:total="50"> @current-change="handleCurrentChange"
:current-page="page.current"
:page-sizes="page.sizes"
:page-size="page.size"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination> </el-pagination>
</div> </div>
<el-dialog <el-dialog
title="新建字典" :title="title"
:visible.sync="add_dialog" :visible.sync="add_dialog"
:center="false" :center="false"
width="40%"> width="40%">
<div class="add_dialog_content"> <div class="add_dialog_content">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">*字典名称</div> <div class="dialog_form_item_title">*字典名称</div>
<el-input placeholder="请输入内容" class="dialog_form_item_content" v-model="let1"></el-input> <el-input placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.rsName"></el-input>
</div> </div>
<!-- <div class="dialog_form_item"> <!-- <div class="dialog_form_item">
<div class="dialog_form_item_title">元素关系描述</div> <div class="dialog_form_item_title">元素关系描述</div>
...@@ -118,12 +128,12 @@ ...@@ -118,12 +128,12 @@
</div> --> </div> -->
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">*字典描述</div> <div class="dialog_form_item_title">*字典描述</div>
<el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content" v-model="let4"></el-input> <el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.content"></el-input>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="add_dialog = false">发布</el-button> <el-button class="greenButton" @click="operate('push')">发布</el-button>
<el-button class="greenButton" @click="add_dialog = false">暂存</el-button> <el-button class="greenButton" @click="operate('create')">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
...@@ -132,18 +142,26 @@ ...@@ -132,18 +142,26 @@
<script> <script>
import {
getYMXZDGLlist,
getYMXZDGLAdd,
getYMXZDGLDel,
getYMXZDGLUpdate,
// getYMXZDGLUpdateBatch,
} from "@/api/index.js";
export default { export default {
name: 'JiaGouYMXZD', name: 'metaModelDic',
components: { components: {
}, },
data() { data() {
return { return {
tableData: [ tableData: [],
{ let1: '分解', let2: '业务域', let7: '业务职能', let3: '业务架构', let4: '业务域的基本描述', let5: '2023.10.31', let6: '已发布' }, selectList: [],
{ let1: '支撑', let2: '业务域', let7: '业务职能', let3: '业务架构', let4: '业务职能的描述', let5: '2023.10.31', let6: '已发布' }, add_dialog: false,
{ let1: '聚合', let2: '应用域', let7: '应用职能', let3: '应用架构', let4: '应用交互的基本描述', let5: '2023.10.31', let6: '已发布' }, title: "",
], openType: "",
add_dialog: false, add_dialog: false,
query_item1: null, query_item1: null,
query_item3: null, query_item3: null,
...@@ -152,8 +170,207 @@ export default { ...@@ -152,8 +170,207 @@ export default {
let2: '', let2: '',
let3: '', let3: '',
let4: '', let4: '',
formData: {
rsName: "",
content: "",
},
params: {
current: 1,
pageSize: 10,
rsName: "",
scope: "",
state: "",
},
page: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
dicObj: {
state: {
0: "已停用",
1: "已发布",
2: "暂存",
},
},
stateList: [
{
label: "已发布",
value: 1,
},
{
label: "已停用",
value: 0,
},
{
label: "暂存",
value: 2,
},
],
};
},
mounted() {
// 初始化查询列表
this.getList();
},
created() {
},
methods: {
// 查询列表
getList() {
if (this.params.state != '') {
this.params.state = Number(this.params.state)
}
getYMXZDGLlist(this.params).then(res => {
if (res.code == 200) {
// this.page.total = res.data.total;
// this.tableData = res.data.records;
this.tableData = res.data;
}
});
},
// 重置
reset(){
this.params = {
current: 1,
pageSize: 10,
rsName: "",
scope: "",
state: "",
}
},
// 分页事件
handleSizeChange(val) {
this.page.size = val;
this.params.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.page.current = val;
this.paramsp.current = val;
this.getList();
},
// 所有操作
operate(type,item){
this.openType = type;
if (type == "add") {
this.add_dialog = true;
this.title = "新建字典";
this.resetForm();
}else if (type == "edit") {
this.add_dialog = true;
this.title = "编辑字典";
this.formData = item;
}else if (type == "create") {
this.formData.state = 2;
if (this.formData.dicyId) {
// 编辑保存
getYMXZDGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
}
});
}else{
// 新建保存
getYMXZDGLAdd(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
}
});
}
}else if (type == "push") {
this.formData.state = 1;
if (this.formData.dicyId) {
// 编辑发布
getYMXZDGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("发布成功");
this.add_dialog = false;
this.getList();
}
});
}else{
// 新建发布
getYMXZDGLAdd(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("发布成功");
this.add_dialog = false;
this.getList();
}
});
}
}else if (type == "stop") {
// 停用
this.formData = item;
this.formData.state = 0;
getYMXZDGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("停用成功");
this.getList();
}
});
}else if (type == "del") {
// 删除
this.formData = item;
this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
getYMXZDGLDel(this.formData).then(res => {
if (res.code == 200) {
this.getList();
}
});
});
}else if (type == "pushAll") {
if (this.selectList.length <= 0) {
this.$message.error("请选择一项进行发布");
return;
}
let params = {
dicyId: [],
state: 1
}; };
this.selectList.map(item => {
params.dicyId.push(item.dicyId)
})
console.log(params);
getJGYSGLUpdateBatch(params).then(res => {
if (res.code == 200) {
this.$message.success("批量发布成功");
this.getList();
}
});
}
},
// 新建清空表单
resetForm(){
this.formData = {
rsName: "",
content: "",
}
},
// 表格多选
handleSelectionChange(e) {
this.selectList = e;
},
selectInit(row,index){
if(row.state != "1"){
return true //可勾选
}else{
return false //不可勾选
}
},
}, },
} }
</script> </script>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!