Skip to content

F
founder_vue
Commit eb551e24 by xue_wengang
Options

字典增加加载动画

parent f8c5114c
Showing with 237 additions and 194 deletions
src/api/dictionaryCode.js
......@@ -21,10 +21,10 @@ export const EsShrQuery = params =>
postJson("/api2/EsShrQuery", params);
export const queryDictItem = params =>
post("/api4/dic/queryDictItem", params);
post("http://47.92.225.109:5177/dic/queryDictItem", params);
export const getDictitemByCode = params =>
post("/api4/dic/getDictitemByCode", params);
post("http://47.92.225.109:5177/dic/getDictitemByCode", params);
export const getTableTitleRedis = params =>
post("/api2/getTableTitleRedis", params);
......
src/api/zdgl.js
import { get, post, postJson, postform } from "@/utils/http.js";
export const dictitemEdit = params =>
post("/api4/dic/dictitemEdit", params);
post("http://47.92.225.109:5177/dic/dictitemEdit", params);
export const UpdateRedisRest = params =>
post("/api4/UpdateRedisRest", params);
post("http://47.92.225.109:5177/UpdateRedisRest", params);
export const xalbJoinGWDQ = params =>
post("/api4/dic/xalbJoinGWDQ", params);
post("http://47.92.225.109:5177/dic/xalbJoinGWDQ", params);
export const queryXalbJoinGWDQ = params =>
post("/api4/dic/queryXalbJoinGWDQ", params);
post("http://47.92.225.109:5177/dic/queryXalbJoinGWDQ", params);
\ No newline at end of file
src/views/zdgl.vue
<template>
<el-container class="main">
<el-container>
<el-aside class="left"
width="304px">
<el-aside class="left" width="304px">
<div class="title">字典管理</div>
<div class="tree">
<el-tree :data="setTree"
:props="defaultProps"
@node-click="handleNodeClick"></el-tree>
<el-tree
:data="setTree"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</div>
</el-aside>
<el-main>
......@@ -16,186 +17,196 @@
</div>
<div class="btn">
<el-button type="primary"
@click="zdSubmit('insert')"
plain
size="mini">添加</el-button>
<el-button type="primary"
@click="zdSubmit('update')"
plain
size="mini">编辑</el-button>
<el-button type="primary"
@click="zdSubmit('delete')"
plain
size="mini">删除</el-button>
<el-button type="primary"
plain
size="mini"
style="margin-left: 16px"
@click="gwdqSubmit">关联高危地区</el-button>
<el-button
type="primary"
@click="zdSubmit('insert')"
plain
size="mini"
>添加</el-button
>
<el-button
type="primary"
@click="zdSubmit('update')"
plain
size="mini"
>编辑</el-button
>
<el-button
type="primary"
@click="zdSubmit('delete')"
plain
size="mini"
>删除</el-button
>
<el-button
type="primary"
plain
size="mini"
style="margin-left: 16px"
@click="gwdqSubmit"
>关联高危地区</el-button
>
</div>
<div>
<el-table ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 98%"
max-height="750px"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="55"> </el-table-column>
<el-table-column label="字典名称"
width="250">
<el-table
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 98%"
max-height="750px"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column label="字典名称" width="250">
<template slot-scope="scope">{{ scope.row.name }}</template>
</el-table-column>
<el-table-column prop="code"
label="字典代码"
width="120">
<el-table-column prop="code" label="字典代码" width="120">
</el-table-column>
<el-table-column prop="description"
label="字典描述"
show-overflow-tooltip>
<el-table-column
prop="description"
label="字典描述"
show-overflow-tooltip
>
</el-table-column>
</el-table>
</div>
</el-main>
<el-dialog :title="dialogName"
:visible.sync="zdDialogVisible"
width="650px"
center>
<el-form label-width="100px"
:model="formLabelAlign"
style="margin-top: 20px">
<el-form-item label="字典名称"
style="width: 500px">
<el-dialog
:title="dialogName"
:visible.sync="zdDialogVisible"
width="650px"
center
>
<el-form
label-width="100px"
:model="formLabelAlign"
style="margin-top: 20px"
>
<el-form-item label="字典名称" style="width: 500px">
<el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
<el-form-item label="组"
style="width: 500px">
<el-input disabled
v-model="formLabelAlign.group"></el-input>
<el-form-item label="组" style="width: 500px">
<el-input disabled v-model="formLabelAlign.group"></el-input>
</el-form-item>
<el-form-item label="上级字典"
style="width: 500px">
<el-input disabled
v-model="formLabelAlign.parentCode"></el-input>
<el-form-item label="上级字典" style="width: 500px">
<el-input disabled v-model="formLabelAlign.parentCode"></el-input>
</el-form-item>
<el-form-item label="字典描述"
style="width: 500px">
<el-input type="textarea"
v-model="formLabelAlign.ms"></el-input>
<el-form-item label="字典描述" style="width: 500px">
<el-input type="textarea" v-model="formLabelAlign.ms"></el-input>
</el-form-item>
</el-form>
<span slot="footer"
class="dialog-footer">
<span slot="footer" class="dialog-footer">
<el-button @click="zdDialogVisible = false">取 消</el-button>
<el-button type="primary"
@click="zdSumit()">确 定</el-button>
<el-button type="primary" @click="zdSumit()">确 定</el-button>
</span>
</el-dialog>
<el-dialog title="关联高危地区"
:visible.sync="gwdqDialogVisible"
width="800px"
center>
<el-form label-width="100px"
:model="formLabelAlign2"
style="margin-top: 20px">
<el-form-item label="字典名称"
style="width: 500px">
<el-select v-model="formLabelAlign2.xzqh"
clearable
placeholder="请选择">
<el-option v-for="(item,index) in optionxz"
:key="index"
:label="item.label"
:value="item.value">
<el-dialog
title="关联高危地区"
:visible.sync="gwdqDialogVisible"
width="800px"
center
>
<el-form
label-width="100px"
:model="formLabelAlign2"
style="margin-top: 20px"
>
<el-form-item label="字典名称" style="width: 500px">
<el-select
v-model="formLabelAlign2.xzqh"
clearable
placeholder="请选择"
>
<el-option
v-for="(item, index) in optionxz"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="行政区划代码"
style="width: 500px">
<el-form-item label="行政区划代码" style="width: 500px">
<el-input v-model="formLabelAlign2.xzqhdm"></el-input>
</el-form-item>
<el-form-item label="重点乡村镇"
style="width: 500px">
<el-form-item label="重点乡村镇" style="width: 500px">
<el-input v-model="formLabelAlign2.xc"></el-input>
</el-form-item>
<el-form-item label="重点族别"
style="width: 500px">
<el-select v-model="formLabelAlign2.zb"
clearable
placeholder="请选择">
<el-option v-for="(item,index) in optionzb"
:key="index"
:label="item.label"
:value="item.value">
<el-form-item label="重点族别" style="width: 500px">
<el-select
v-model="formLabelAlign2.zb"
clearable
placeholder="请选择"
>
<el-option
v-for="(item, index) in optionzb"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="手段描述"
style="width: 500px">
<el-input type="textarea"
v-model="formLabelAlign2.ms"></el-input>
<el-form-item label="手段描述" style="width: 500px">
<el-input type="textarea" v-model="formLabelAlign2.ms"></el-input>
</el-form-item>
</el-form>
<el-table :data="gwdqData"
border
stripe
class="gwdqcontent">
<el-table-column type="index"
style="
width:50px"
label="序号">
<el-table :data="gwdqData" border stripe class="gwdqcontent">
<el-table-column type="index" style="width: 50px" label="序号">
</el-table-column>
<el-table-column v-for="(columnTitle, columnIndex) in gwdqList"
:key="columnTitle.label"
:label="columnTitle.label"
:prop="columnTitle.prop"
align="center">
<el-table-column
v-for="(columnTitle, columnIndex) in gwdqList"
:key="columnTitle.label"
:label="columnTitle.label"
:prop="columnTitle.prop"
align="center"
>
<template slot-scope="scope">
<div v-if="
<div
v-if="
columnIndex == gwdqList.length - 1 && columnTitle.prop == 'cz'
"
style="
style="
color: #1a81e1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
">
"
>
<span @click="xxDetail(scope, xsitem.isClick)">{{
scope.row[columnTitle.prop]
}}</span>
<span style="margin-left: 20px"
v-if="scope.row.sfzsshan == '0'"
@click="zlshDetail(scope)">指令审核</span>
<span
style="margin-left: 20px"
v-if="scope.row.sfzsshan == '0'"
@click="zlshDetail(scope)"
>指令审核</span
>
</div>
<div v-else>
{{ scope.row[columnTitle.prop] }}
</div>
</template>
</el-table-column>
<el-table-column fixed="right"
label="操作"
width="120">
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-button @click.native.prevent="deleteRow(scope.row)"
type="text"
size="small"
style="text-align:center">
<el-button
@click.native.prevent="deleteRow(scope.row)"
type="text"
size="small"
style="text-align: center"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<span slot="footer"
class="dialog-footer">
<span slot="footer" class="dialog-footer">
<el-button @click="gwdqDialogVisible = false">取 消</el-button>
<el-button type="primary"
@click="gwdqSumits()">确 定</el-button>
<el-button type="primary" @click="gwdqSumits()">确 定</el-button>
</span>
</el-dialog>
</el-container>
......@@ -204,10 +215,15 @@
<script>
import { queryDictItem } from "@/api/dictionaryCode.js";
import { dictitemEdit, UpdateRedisRest, xalbJoinGWDQ, queryXalbJoinGWDQ } from "@/api/zdgl.js";
import {
dictitemEdit,
UpdateRedisRest,
xalbJoinGWDQ,
queryXalbJoinGWDQ,
} from "@/api/zdgl.js";
export default {
name: "zdgl",
data () {
data() {
return {
gwdqData: [],
gwdqList: [
......@@ -235,7 +251,7 @@ export default {
/*table默认得表头*/
label: "手段描述",
prop: "description",
}
},
],
glgwCode: "",
optionxz: [],
......@@ -296,11 +312,11 @@ export default {
allSelect: [],
};
},
created () {
created() {
this.getQuery();
},
methods: {
getRedis () {
getRedis() {
UpdateRedisRest({
type: "CODE_GABAJZLB",
}).then();
......@@ -308,15 +324,16 @@ export default {
type: "CODE_GABAJXZLB",
}).then();
},
zdSubmit (type) {
zdSubmit(type) {
var self = this;
this.submitType = type;
debugger
if (this.submitType == "update") {
this.dialogName == "编辑字典";
this.dialogName = "编辑字典";
} else if (this.submitType == "delete") {
this.dialogName == "删除字典";
this.dialogName = "删除字典";
} else {
this.dialogName == "新增字典";
this.dialogName = "新增字典";
this.zdDialogVisible = true;
}
if (this.submitType == "update" || this.submitType == "delete") {
......@@ -336,41 +353,50 @@ export default {
}
},
deleteRow (val) {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
xalbJoinGWDQ({
operatetype: "delete",
id: val.id
}).then(res => {
if (res.code == 200) {
this.$message({
type: 'success',
message: '删除成功!'
});
queryXalbJoinGWDQ({
xalbdmbcms: this.seleteObj.code
}).then(res => {
this.gwdqData = res.items
})
} else {
this.$message({
type: 'error',
message: '删除失败!'
});
}
deleteRow(val) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
const loading = this.$loading({
lock: true,
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
xalbJoinGWDQ({
operatetype: "delete",
id: val.id,
}).then((res) => {
if (res.code == 200) {
this.$message({
type: "success",
message: "删除成功!",
});
queryXalbJoinGWDQ({
xalbdmbcms: this.seleteObj.code,
}).then((res) => {
this.gwdqData = res.items;
});
} else {
this.$message({
type: "error",
message: "删除失败!",
});
}
loading.close();
});
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
});
},
gwdqSubmit () {
gwdqSubmit() {
if (
this.allSelect.length == 1 &&
this.allSelect.every((item) => item.pid.length != 2)
......@@ -394,7 +420,6 @@ export default {
});
});
});
console.log(this.optionxz, '1111')
queryDictItem({
pid: "",
groupid: "CODE_MZ",
......@@ -407,15 +432,19 @@ export default {
});
});
queryXalbJoinGWDQ({
xalbdmbcms: this.seleteObj.code
}).then(res => {
this.gwdqData = res.items
})
xalbdmbcms: this.seleteObj.code,
}).then((res) => {
this.gwdqData = res.items;
});
},
gwdqSumits () {
gwdqSumits() {
const loading = this.$loading({
lock: true,
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
var self = this;
debugger
console.log(this.allSelect[0].id);
xalbJoinGWDQ({
operatetype: "insert",
xzqhcode: this.formLabelAlign2.xzqhdm,
......@@ -427,11 +456,18 @@ export default {
}).then((res) => {
if (res.code == 200) {
this.gwdqDialogVisible = false;
loading.close();
}
});
},
zdSumit () {
zdSumit() {
var self = this;
const loading = this.$loading({
lock: true,
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
dictitemEdit({
operateType: this.submitType,
name: this.formLabelAlign.name,
......@@ -447,15 +483,16 @@ export default {
self.getRedis();
self.getQuerys();
self.zdDialogVisible = false;
loading.close();
}
});
},
handleSelectionChange (data) {
console.log(data[0], '22222')
handleSelectionChange(data) {
console.log(data[0], "22222");
this.allSelect = data;
this.seleteObj = data[0];
},
getQuerys () {
getQuerys() {
queryDictItem({
pid: this.seleteObj.pid,
groupid:
......@@ -482,7 +519,7 @@ export default {
console.log(this.setTree);
});
},
getQuery () {
getQuery() {
queryDictItem({
pid: "",
groupid: "CODE_GABAJZLB",
......@@ -499,15 +536,19 @@ export default {
});
console.log(this.setTree);
});
},
handleNodeClick (data) {
handleNodeClick(data) {
var self = this;
this.tableData = [];
console.log(data.pid.length);
let arr = [];
let arr1 = [];
let index = data.id;
const loading = this.$loading({
lock: true,
text: "正在查询...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
queryDictItem({
pid: data.code,
groupid: data.groupid,
......@@ -544,8 +585,8 @@ export default {
});
this.setTree[index].children = arr;
loading.close();
});
console.log(arr, "arr");
if (data.pid.length == 2) {
queryDictItem({
pid: data.code,
......@@ -573,12 +614,13 @@ export default {
});
});
});
loading.close();
}
},
handleOpen (key, keyPath) {
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose (key, keyPath) {
handleClose(key, keyPath) {
console.log(key, keyPath);
},
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment