feat(store): 添加更新功能列表和事件列表的排序功能、调整字典和用户页面、删除无用代码
- 在 attribute.js 中添加了 UpdateFunctionList 和 UpdateEventList 两个 action
This commit is contained in:
parent
a23c97c513
commit
fccb5033a7
|
@ -177,6 +177,14 @@ const attribute = {
|
||||||
EditEvent({ commit, state }, param) {
|
EditEvent({ commit, state }, param) {
|
||||||
commit('UPDATE_EVENT', param)
|
commit('UPDATE_EVENT', param)
|
||||||
},
|
},
|
||||||
|
// 修改 列表
|
||||||
|
UpdateFunctionList({ commit, state }, param) {
|
||||||
|
commit('SET_FUNCTION_LIST', param)
|
||||||
|
},
|
||||||
|
// 修改 列表
|
||||||
|
UpdateEventList({ commit, state }, param) {
|
||||||
|
commit('SET_EVENT_LIST', param)
|
||||||
|
},
|
||||||
// 删除分组 删除分组 判断分组是否有属性,有属性就不能删除
|
// 删除分组 删除分组 判断分组是否有属性,有属性就不能删除
|
||||||
DeleteGroup({ commit, state }, idx) {
|
DeleteGroup({ commit, state }, idx) {
|
||||||
let groupItem = state.groupList[idx];
|
let groupItem = state.groupList[idx];
|
||||||
|
|
|
@ -877,7 +877,7 @@ export default {
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
deviceTag: [
|
deviceTag: [
|
||||||
{ required: true, message: "设备标签不能为空", trigger: "change" }
|
// { required: true, message: "设备标签不能为空", trigger: "change" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
deviceTypeList: {},
|
deviceTypeList: {},
|
||||||
|
|
|
@ -333,14 +333,12 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { updateDevice, resetPssword, setSwitchControl, setFunctionControl } from "@/api/iot/device";
|
import { setSwitchControl, setFunctionControl } from "@/api/iot/device";
|
||||||
import DialogTemplate from "@/components/DialogTemplate";
|
import DialogTemplate from "@/components/DialogTemplate";
|
||||||
import DeviceAlarmConfig from "@/views/profile/DeviceAlarmConfig/DeviceAlarmConfig";
|
import DeviceAlarmConfig from "@/views/profile/DeviceAlarmConfig/DeviceAlarmConfig";
|
||||||
import DeviceTimingConfig from "@/views/profile/DeviceTimingConfig/DeviceTimingConfig";
|
import DeviceTimingConfig from "@/views/profile/DeviceTimingConfig/DeviceTimingConfig";
|
||||||
import { addCard, delCard, getCard, setCardQuery } from "@/api/iot/cardNumber";
|
import { addCard, delCard, getCard, setCardQuery } from "@/api/iot/cardNumber";
|
||||||
import MyMonacoEditor from '@/views/components/my-monaco-editor'
|
import MyMonacoEditor from '@/views/components/my-monaco-editor'
|
||||||
// import JsonEditor from "@/components/JsonEditor";
|
|
||||||
// import { callFunction } from "@/api/iot/function";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "functionWrap",
|
name: "functionWrap",
|
||||||
|
@ -427,43 +425,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.currentFunction.inputs.map(input => {
|
return this.currentFunction.inputs.map(input => {
|
||||||
// 获取类型显示名称
|
|
||||||
let typeName = "";
|
|
||||||
// switch (input.valueType.type) {
|
|
||||||
// case "int":
|
|
||||||
// typeName = "整数";
|
|
||||||
// break;
|
|
||||||
// case "long":
|
|
||||||
// typeName = "长整数";
|
|
||||||
// break;
|
|
||||||
// case "float":
|
|
||||||
// typeName = "浮点数";
|
|
||||||
// break;
|
|
||||||
// case "double":
|
|
||||||
// typeName = "双精度浮点数";
|
|
||||||
// break;
|
|
||||||
// case "string":
|
|
||||||
// typeName = "字符串";
|
|
||||||
// break;
|
|
||||||
// case "boolean":
|
|
||||||
// typeName = "布尔值";
|
|
||||||
// break;
|
|
||||||
// case "date":
|
|
||||||
// typeName = "日期时间";
|
|
||||||
// break;
|
|
||||||
// case "enum":
|
|
||||||
// typeName = "枚举";
|
|
||||||
// break;
|
|
||||||
// case "array":
|
|
||||||
// typeName = "数组";
|
|
||||||
// break;
|
|
||||||
// case "object":
|
|
||||||
// typeName = "对象";
|
|
||||||
// break;
|
|
||||||
// default:
|
|
||||||
// typeName = input.valueType.type;
|
|
||||||
// }
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...input,
|
...input,
|
||||||
type: input.valueType.type
|
type: input.valueType.type
|
||||||
|
@ -619,42 +580,7 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.$message.error("功能执行失败");
|
this.$message.error("功能执行失败");
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// 模拟API调用
|
|
||||||
// setTimeout(() => {
|
|
||||||
// this.loading = false;
|
|
||||||
//
|
|
||||||
// // 添加执行结果
|
|
||||||
// const result = {
|
|
||||||
// time: new Date().toLocaleString(),
|
|
||||||
// functionName: item.name,
|
|
||||||
// success: Math.random() > 0.2, // 模拟成功/失败
|
|
||||||
// data: JSON.stringify(processedData, null, 2)
|
|
||||||
// };
|
|
||||||
//
|
|
||||||
// this.executionResults.unshift(result);
|
|
||||||
//
|
|
||||||
// // 控制结果列表最大数量
|
|
||||||
// if (this.executionResults.length > 20) {
|
|
||||||
// this.executionResults.pop();
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// // 显示执行结果提示
|
|
||||||
// if (result.success) {
|
|
||||||
// this.$message.success("功能执行成功");
|
|
||||||
// } else {
|
|
||||||
// this.$message.error("功能执行失败");
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// // 滚动到顶部
|
|
||||||
// this.$nextTick(() => {
|
|
||||||
// if (this.$refs.resultContent) {
|
|
||||||
// this.$refs.resultContent.scrollTop = 0;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// }, 1000);
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
|
|
|
@ -100,8 +100,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { listDeviceEventLogList, listDeviceLogList } from "@/api/iot/device";
|
import { listDeviceEventLogList } from "@/api/iot/device";
|
||||||
import SelectTableWrap from "@/components/SelectTable/index";
|
|
||||||
import {formatDate} from "@/utils";
|
import {formatDate} from "@/utils";
|
||||||
import JsonViewer from "vue-json-viewer";
|
import JsonViewer from "vue-json-viewer";
|
||||||
import "vue-json-viewer/style.css";
|
import "vue-json-viewer/style.css";
|
||||||
|
@ -110,12 +109,10 @@ export default {
|
||||||
name: 'EventLog',
|
name: 'EventLog',
|
||||||
props: ['sourceId', 'pDevcieInfo'],
|
props: ['sourceId', 'pDevcieInfo'],
|
||||||
components: {
|
components: {
|
||||||
SelectTableWrap,
|
|
||||||
JsonViewer
|
JsonViewer
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
direction,
|
|
||||||
// 查询参数
|
// 查询参数
|
||||||
pickerValue: null,
|
pickerValue: null,
|
||||||
queryParams: {
|
queryParams: {
|
||||||
|
@ -124,7 +121,6 @@ export default {
|
||||||
orderType: 2,
|
orderType: 2,
|
||||||
deviceId: null,
|
deviceId: null,
|
||||||
deviceName: null,
|
deviceName: null,
|
||||||
direction: direction[0].value,
|
|
||||||
eventType: '',
|
eventType: '',
|
||||||
beginTime: null,
|
beginTime: null,
|
||||||
endTime: null
|
endTime: null
|
||||||
|
@ -201,10 +197,6 @@ export default {
|
||||||
resetQuery() {
|
resetQuery() {
|
||||||
this.resetForm("queryForm");
|
this.resetForm("queryForm");
|
||||||
this.resetPicker();
|
this.resetPicker();
|
||||||
// if (this.eventTypeList && this.eventTypeList.length > 0) {
|
|
||||||
// this.queryParams.eventType = this.eventTypeList[0].id;
|
|
||||||
// this.activeEventObj = this.eventTypeList[0];
|
|
||||||
// }
|
|
||||||
this.handleQuery();
|
this.handleQuery();
|
||||||
},
|
},
|
||||||
resetPicker() {
|
resetPicker() {
|
||||||
|
@ -228,20 +220,6 @@ export default {
|
||||||
this.queryParams = Object.assign(this.queryParams, sort);
|
this.queryParams = Object.assign(this.queryParams, sort);
|
||||||
this.handleQuery();
|
this.handleQuery();
|
||||||
},
|
},
|
||||||
copyOnClick(val) {
|
|
||||||
let self = this;
|
|
||||||
this.$copyText(val).then(
|
|
||||||
function () {
|
|
||||||
self.$message({
|
|
||||||
message: "复制成功",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
function () {
|
|
||||||
self.$message.error("复制失败");
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
openDetail(item){
|
openDetail(item){
|
||||||
let eventContent = '';
|
let eventContent = '';
|
||||||
try {
|
try {
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -33,9 +33,23 @@
|
||||||
align="center"
|
align="center"
|
||||||
class-name="small-padding fixed-width"
|
class-name="small-padding fixed-width"
|
||||||
label="操作"
|
label="操作"
|
||||||
width="180px"
|
width="200px"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
:disabled="scope.$index === 0"
|
||||||
|
icon="el-icon-arrow-up"
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handleMoveUp(scope.$index)"
|
||||||
|
>上移</el-button>
|
||||||
|
<el-button
|
||||||
|
:disabled="scope.$index === eventList.length - 1"
|
||||||
|
icon="el-icon-arrow-down"
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handleMoveDown(scope.$index)"
|
||||||
|
>下移</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
icon="el-icon-edit"
|
icon="el-icon-edit"
|
||||||
size="mini"
|
size="mini"
|
||||||
|
@ -55,21 +69,13 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
|
||||||
v-show="total > 0"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:total="total"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<event-form-model
|
<event-form-model
|
||||||
ref="eventForm"
|
ref="eventForm"
|
||||||
:eventList="eventList"
|
:eventList="eventList"
|
||||||
:paramIdx="eventFormObj.paramIdx"
|
:paramIdx="eventFormObj.paramIdx"
|
||||||
:row="eventFormObj.eventForm"
|
:row="eventFormObj.eventForm"
|
||||||
:tempType="eventFormObj.modelType"
|
:tempType="eventFormObj.modelType"
|
||||||
:title="eventFormObj.modelType == 'add' ? '新增' : '编辑'"
|
:title="eventFormObj.modelType === 'add' ? '新增' : '编辑'"
|
||||||
:visible.sync="eventOpen"
|
:visible.sync="eventOpen"
|
||||||
@ok="handleFormOk"
|
@ok="handleFormOk"
|
||||||
></event-form-model>
|
></event-form-model>
|
||||||
|
@ -77,7 +83,6 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import JsonEditor from "./jsonEditor.vue";
|
|
||||||
import ParamsJsonWrap from "./paramsJson";
|
import ParamsJsonWrap from "./paramsJson";
|
||||||
import eventFormModel from "@/views/profile/attribute/eventFormModel";
|
import eventFormModel from "@/views/profile/attribute/eventFormModel";
|
||||||
|
|
||||||
|
@ -90,7 +95,6 @@ const eventLevel = {
|
||||||
export default {
|
export default {
|
||||||
name: "EventView",
|
name: "EventView",
|
||||||
components: {
|
components: {
|
||||||
JsonEditor,
|
|
||||||
ParamsJsonWrap,
|
ParamsJsonWrap,
|
||||||
eventFormModel
|
eventFormModel
|
||||||
},
|
},
|
||||||
|
@ -110,42 +114,14 @@ export default {
|
||||||
eventOpen: false,
|
eventOpen: false,
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 选中数组
|
|
||||||
ids: [],
|
|
||||||
// 非单个禁用
|
|
||||||
single: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multiple: true,
|
|
||||||
// 总条数
|
|
||||||
total: 0,
|
|
||||||
// 功能定义表格数据
|
// 功能定义表格数据
|
||||||
eventList: [],
|
eventList: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
title: "",
|
title: "",
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
attributeopen: false,
|
attributeopen: false,
|
||||||
// 查询参数
|
|
||||||
queryParams: {},
|
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {},
|
form: {},
|
||||||
// 表单校验
|
|
||||||
rules: {
|
|
||||||
funName: [{ required: true, message: "名称不能为空", trigger: "blur" }],
|
|
||||||
funKey: [
|
|
||||||
{ required: true, message: "标识符不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
funDataType: [
|
|
||||||
{ required: true, message: "数据类型不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
funRwType: [
|
|
||||||
{ required: true, message: "传输类型不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
funValidType: [
|
|
||||||
{ required: true, message: "校验方式不能为空", trigger: "blur" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
baseModelId: "",
|
|
||||||
tempType: "",
|
|
||||||
eventFormObj: {
|
eventFormObj: {
|
||||||
id: "",
|
id: "",
|
||||||
name: "",
|
name: "",
|
||||||
|
@ -164,26 +140,6 @@ export default {
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//数据类型值变化出发方法
|
|
||||||
funDataTypeChange(val) {
|
|
||||||
this.form.funValAcc = null;
|
|
||||||
this.form.funValidType = "";
|
|
||||||
},
|
|
||||||
addJsonObj() {
|
|
||||||
this.$refs["jsonEditors"].addHandel();
|
|
||||||
},
|
|
||||||
jsonEvent(data) {
|
|
||||||
this.form.funObj = data;
|
|
||||||
},
|
|
||||||
// 校验方式发生变化的方法
|
|
||||||
funValidTypeChange(val) {
|
|
||||||
this.form.funValMax = "";
|
|
||||||
this.form.funValMin = "";
|
|
||||||
this.form.funObj = "";
|
|
||||||
if (val === "ENUM") {
|
|
||||||
this.form.funObj = '{"0":""}';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 查询功能定义列表 */
|
/** 查询功能定义列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
|
@ -197,41 +153,6 @@ export default {
|
||||||
});
|
});
|
||||||
}, 50);
|
}, 50);
|
||||||
},
|
},
|
||||||
setList(list) {
|
|
||||||
this.loading = true;
|
|
||||||
this.eventList = [];
|
|
||||||
setTimeout(() => {
|
|
||||||
this.eventList = list;
|
|
||||||
this.$forceUpdate();
|
|
||||||
this.loading = false;
|
|
||||||
}, 50);
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.attributeopen = false;
|
|
||||||
this.reset();
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
sourceId: this.sourceId,
|
|
||||||
mainId: undefined,
|
|
||||||
funName: undefined,
|
|
||||||
funKey: undefined,
|
|
||||||
funDataType: undefined,
|
|
||||||
funValAcc: undefined,
|
|
||||||
funRwType: undefined,
|
|
||||||
funValidType: undefined,
|
|
||||||
funValMin: undefined,
|
|
||||||
funValMax: undefined,
|
|
||||||
funObj: {},
|
|
||||||
unitName: ""
|
|
||||||
};
|
|
||||||
this.resetForm("form");
|
|
||||||
},
|
|
||||||
handleParams() {
|
|
||||||
this.$emit("handleClick", { type: "param", idx: 0 });
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.eventFormObj = {
|
this.eventFormObj = {
|
||||||
|
@ -252,6 +173,55 @@ export default {
|
||||||
};
|
};
|
||||||
this.eventOpen = true;
|
this.eventOpen = true;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* 上移功能
|
||||||
|
* @param {Number} index 当前功能索引
|
||||||
|
*/
|
||||||
|
handleMoveUp(index) {
|
||||||
|
if (index === 0) return; // 已经是第一个,不能再上移
|
||||||
|
|
||||||
|
// 交换当前项与上一项的位置
|
||||||
|
const temp = this.eventList[index];
|
||||||
|
this.$set(this.eventList, index, this.eventList[index - 1]);
|
||||||
|
this.$set(this.eventList, index - 1, temp);
|
||||||
|
|
||||||
|
// 保存到 store
|
||||||
|
this.$store.dispatch("UpdateEventList", this.eventList).then(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '上移成功!'
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
this.$message.error("操作失败:" + err);
|
||||||
|
// 恢复原状
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 下移功能
|
||||||
|
* @param {Number} index 当前功能索引
|
||||||
|
*/
|
||||||
|
handleMoveDown(index) {
|
||||||
|
if (index === this.eventList.length - 1) return; // 已经是最后一个,不能再下移
|
||||||
|
|
||||||
|
// 交换当前项与下一项的位置
|
||||||
|
const temp = this.eventList[index];
|
||||||
|
this.$set(this.eventList, index, this.eventList[index + 1]);
|
||||||
|
this.$set(this.eventList, index + 1, temp);
|
||||||
|
|
||||||
|
// 保存到 store
|
||||||
|
this.$store.dispatch("UpdateEventList", this.eventList).then(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '下移成功!'
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
this.$message.error("操作失败:" + err);
|
||||||
|
// 恢复原状
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
handleUpdate(row, idx) {
|
handleUpdate(row, idx) {
|
||||||
|
@ -301,88 +271,11 @@ export default {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
.product-customparams-wrap {
|
.product-customparams-wrap {
|
||||||
.nl-dialog .el-dialog:not(.is-fullscreen) {
|
.nl-dialog .el-dialog:not(.is-fullscreen) {
|
||||||
margin-top: 3vh !important;
|
margin-top: 3vh !important;
|
||||||
}
|
}
|
||||||
.eldialog-wrap {
|
|
||||||
.el-dialog__header {
|
|
||||||
border-bottom: 1px solid #bdbdbd;
|
|
||||||
}
|
|
||||||
.el-dialog__body {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
.form-button-div {
|
|
||||||
margin-top: 20px;
|
|
||||||
height: 60px;
|
|
||||||
border-top: 1px solid #bdbdbd;
|
|
||||||
text-align: right;
|
|
||||||
width: 100%;
|
|
||||||
padding-top: 15px;
|
|
||||||
|
|
||||||
.el-button + .el-button {
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
.el-button {
|
|
||||||
padding-top: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.el-select {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.el-input-number {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.item-title-wrap {
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 600;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
.custom-wrap {
|
|
||||||
border: 1px solid #d8d7d7;
|
|
||||||
padding-top: 20px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
padding-right: 10px;
|
|
||||||
.el-form-item {
|
|
||||||
border-bottom: 1px dashed #bdbdbd;
|
|
||||||
padding-bottom: 12px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
.el-form-item--medium .el-form-item__label {
|
|
||||||
width: 90px !important;
|
|
||||||
}
|
|
||||||
.el-form-item--medium .el-form-item__content {
|
|
||||||
margin-left: 90px !important;
|
|
||||||
}
|
|
||||||
.enumTypeDiv {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
max-height: 200px;
|
|
||||||
overflow: auto;
|
|
||||||
.enum-item {
|
|
||||||
width: 90%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.max-min-row {
|
|
||||||
width: 90%;
|
|
||||||
padding: 0;
|
|
||||||
margin-left: 5% !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
.el-form-item {
|
|
||||||
border: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.el-form-item--medium .el-form-item__content {
|
|
||||||
margin-left: 0px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.params-eldialog {
|
.params-eldialog {
|
||||||
.el-dialog__header {
|
.el-dialog__header {
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -31,9 +31,23 @@
|
||||||
align="center"
|
align="center"
|
||||||
class-name="small-padding fixed-width"
|
class-name="small-padding fixed-width"
|
||||||
label="操作"
|
label="操作"
|
||||||
width="180px"
|
width="200px"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
:disabled="scope.$index === 0"
|
||||||
|
icon="el-icon-arrow-up"
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handleMoveUp(scope.$index)"
|
||||||
|
>上移</el-button>
|
||||||
|
<el-button
|
||||||
|
:disabled="scope.$index === functionList.length - 1"
|
||||||
|
icon="el-icon-arrow-down"
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handleMoveDown(scope.$index)"
|
||||||
|
>下移</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
icon="el-icon-edit"
|
icon="el-icon-edit"
|
||||||
size="mini"
|
size="mini"
|
||||||
|
@ -128,7 +142,6 @@ export default {
|
||||||
this.functionList = [];
|
this.functionList = [];
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$store.dispatch("GetFunctionList").then(res => {
|
this.$store.dispatch("GetFunctionList").then(res => {
|
||||||
console.log("功能列表数据", res);
|
|
||||||
this.functionList = res;
|
this.functionList = res;
|
||||||
this.$forceUpdate();
|
this.$forceUpdate();
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
|
@ -186,6 +199,55 @@ export default {
|
||||||
};
|
};
|
||||||
this.functionOpen = true;
|
this.functionOpen = true;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* 上移功能
|
||||||
|
* @param {Number} index 当前功能索引
|
||||||
|
*/
|
||||||
|
handleMoveUp(index) {
|
||||||
|
if (index === 0) return; // 已经是第一个,不能再上移
|
||||||
|
|
||||||
|
// 交换当前项与上一项的位置
|
||||||
|
const temp = this.functionList[index];
|
||||||
|
this.$set(this.functionList, index, this.functionList[index - 1]);
|
||||||
|
this.$set(this.functionList, index - 1, temp);
|
||||||
|
|
||||||
|
// 保存到 store
|
||||||
|
this.$store.dispatch("UpdateFunctionList", this.functionList).then(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '上移成功!'
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
this.$message.error("操作失败:" + err);
|
||||||
|
// 恢复原状
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 下移功能
|
||||||
|
* @param {Number} index 当前功能索引
|
||||||
|
*/
|
||||||
|
handleMoveDown(index) {
|
||||||
|
if (index === this.functionList.length - 1) return; // 已经是最后一个,不能再下移
|
||||||
|
|
||||||
|
// 交换当前项与下一项的位置
|
||||||
|
const temp = this.functionList[index];
|
||||||
|
this.$set(this.functionList, index, this.functionList[index + 1]);
|
||||||
|
this.$set(this.functionList, index + 1, temp);
|
||||||
|
|
||||||
|
// 保存到 store
|
||||||
|
this.$store.dispatch("UpdateFunctionList", this.functionList).then(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '下移成功!'
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
this.$message.error("操作失败:" + err);
|
||||||
|
// 恢复原状
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
handleUpdate(row, idx) {
|
handleUpdate(row, idx) {
|
||||||
|
@ -318,8 +380,6 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.params-eldialog {
|
.params-eldialog {
|
||||||
.el-dialog__header {
|
|
||||||
}
|
|
||||||
.el-dialog__body {
|
.el-dialog__body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
max-height: calc(100vh - 200px);
|
max-height: calc(100vh - 200px);
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form
|
<el-form
|
||||||
:model="queryParams"
|
v-show="showSearch"
|
||||||
ref="queryForm"
|
ref="queryForm"
|
||||||
:inline="true"
|
:inline="true"
|
||||||
v-show="showSearch"
|
:model="queryParams"
|
||||||
|
class="main-search-card"
|
||||||
label-width="68px"
|
label-width="68px"
|
||||||
>
|
>
|
||||||
<el-form-item label="字典名称" prop="dictType">
|
<el-form-item label="字典名称" prop="dictType">
|
||||||
|
@ -20,14 +21,14 @@
|
||||||
<el-form-item label="字典标签" prop="dictLabel">
|
<el-form-item label="字典标签" prop="dictLabel">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.dictLabel"
|
v-model="queryParams.dictLabel"
|
||||||
placeholder="请输入字典标签"
|
|
||||||
clearable
|
clearable
|
||||||
|
placeholder="请输入字典标签"
|
||||||
size="small"
|
size="small"
|
||||||
@keyup.enter.native="handleQuery"
|
@keyup.enter.native="handleQuery"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="状态" prop="status">
|
<el-form-item label="状态" prop="status">
|
||||||
<el-select v-model="queryParams.status" placeholder="数据状态" clearable size="small">
|
<el-select v-model="queryParams.status" clearable placeholder="数据状态" size="small">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="dict in statusOptions"
|
v-for="dict in statusOptions"
|
||||||
:key="dict.dictValue"
|
:key="dict.dictValue"
|
||||||
|
@ -37,20 +38,20 @@
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
<el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
<div class="main-content-card">
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['system:dict:add']"
|
v-hasPermi="['system:dict:add']"
|
||||||
|
icon="el-icon-plus"
|
||||||
|
plain
|
||||||
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
@click="handleAdd"
|
||||||
>新增</el-button>
|
>新增</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-col :span="1.5">
|
<!-- <el-col :span="1.5">
|
||||||
|
@ -66,12 +67,12 @@
|
||||||
</el-col> -->
|
</el-col> -->
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExport"
|
|
||||||
v-hasPermi="['system:dict:export']"
|
v-hasPermi="['system:dict:export']"
|
||||||
|
icon="el-icon-download"
|
||||||
|
plain
|
||||||
|
size="mini"
|
||||||
|
type="warning"
|
||||||
|
@click="handleExport"
|
||||||
>导出</el-button>
|
>导出</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
@ -83,43 +84,43 @@
|
||||||
:default-sort="{prop: 'createTime', order: 'descending'}"
|
:default-sort="{prop: 'createTime', order: 'descending'}"
|
||||||
@sort-change="sortChange"
|
@sort-change="sortChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="index" label="序号" align="center" :index="indexFormatter" width="80px"></el-table-column>
|
<el-table-column :index="indexFormatter" align="center" label="序号" type="index" width="80px"></el-table-column>
|
||||||
<el-table-column label="字典标签" align="left" prop="dictLabel" />
|
<el-table-column align="left" label="字典标签" prop="dictLabel" />
|
||||||
<el-table-column label="字典键值" align="left" prop="dictValue" />
|
<el-table-column align="left" label="字典键值" prop="dictValue" />
|
||||||
<el-table-column label="字典排序" align="center" width="100" prop="dictSort" />
|
<el-table-column align="center" label="字典排序" prop="dictSort" width="100" />
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="状态"
|
|
||||||
align="center"
|
|
||||||
width="100"
|
|
||||||
prop="status"
|
|
||||||
:formatter="statusFormat"
|
:formatter="statusFormat"
|
||||||
|
align="center"
|
||||||
|
label="状态"
|
||||||
|
prop="status"
|
||||||
|
width="100"
|
||||||
/>
|
/>
|
||||||
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
|
<el-table-column :show-overflow-tooltip="true" align="center" label="备注" prop="remark" />
|
||||||
<el-table-column label="创建时间" align="center" sortable="custom" prop="createTime" width="160">
|
<el-table-column align="center" label="创建时间" prop="createTime" sortable="custom" width="160">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="操作"
|
|
||||||
align="center"
|
align="center"
|
||||||
width="100px"
|
|
||||||
class-name="small-padding fixed-width"
|
class-name="small-padding fixed-width"
|
||||||
|
label="操作"
|
||||||
|
width="100px"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
|
v-hasPermi="['system:dict:edit']"
|
||||||
|
icon="el-icon-edit"
|
||||||
size="mini"
|
size="mini"
|
||||||
type="text"
|
type="text"
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
@click="handleUpdate(scope.row)"
|
||||||
v-hasPermi="['system:dict:edit']"
|
|
||||||
>修改</el-button>
|
>修改</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
|
v-hasPermi="['system:dict:remove']"
|
||||||
|
icon="el-icon-delete"
|
||||||
size="mini"
|
size="mini"
|
||||||
type="text"
|
type="text"
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
@click="handleDelete(scope.row)"
|
||||||
v-hasPermi="['system:dict:remove']"
|
|
||||||
>删除</el-button>
|
>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -127,14 +128,14 @@
|
||||||
|
|
||||||
<pagination
|
<pagination
|
||||||
v-show="total>0"
|
v-show="total>0"
|
||||||
:total="total"
|
|
||||||
:page.sync="queryParams.pageNum"
|
|
||||||
:limit.sync="queryParams.pageSize"
|
:limit.sync="queryParams.pageSize"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:total="total"
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
<!-- 添加或修改参数配置对话框 -->
|
<!-- 添加或修改参数配置对话框 -->
|
||||||
<el-dialog class="eldialog-wrap" :close-on-click-modal="false" :title="title" :visible.sync="open" width="500px">
|
<el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" class="eldialog-wrap" width="500px">
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||||
<el-form-item label="字典类型:">
|
<el-form-item label="字典类型:">
|
||||||
<el-input v-model="form.dictType" :disabled="true" />
|
<el-input v-model="form.dictType" :disabled="true" />
|
||||||
|
@ -147,10 +148,10 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="显示排序:" prop="dictSort">
|
<el-form-item label="显示排序:" prop="dictSort">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
style="width: 100%;"
|
|
||||||
v-model="form.dictSort"
|
v-model="form.dictSort"
|
||||||
controls-position="right"
|
|
||||||
:min="0"
|
:min="0"
|
||||||
|
controls-position="right"
|
||||||
|
style="width: 100%;"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="状态:" prop="status">
|
<el-form-item label="状态:" prop="status">
|
||||||
|
@ -163,7 +164,7 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注:" prop="remark">
|
<el-form-item label="备注:" prop="remark">
|
||||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
|
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-row :gutter="40">
|
<el-row :gutter="20">
|
||||||
<!--部门数据-->
|
<!--部门数据-->
|
||||||
<el-col :span="4" :xs="24" class="main-search-card">
|
<el-col :span="4" :xs="24" class="main-search-card" style="min-height: 500px">
|
||||||
<div class="head-container">
|
<div class="head-container">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="deptName"
|
v-model="deptName"
|
||||||
|
|
Loading…
Reference in New Issue