能源需求修改

2024-04-02 16:54:36 +08:00
parent cea7fb622f
commit 94c7f803cc
20 changed files with 3816 additions and 3422 deletions
--- a/src/views/energy/base/energyPlcConnect/components/energyPlcConnectAdd.vue
+++ b/src/views/energy/base/energyPlcConnect/components/energyPlcConnectAdd.vue
@@ -1,139 +1,155 @@
 <template>
-  <el-form ref="form" :rules="rules" label-width="100px" :model="form">
-    <el-form-item label="关联表名" prop="plcId">
-      <el-select v-model="form.plcId" placeholder="请选择" style="width: 100%;" filterable>
-        <el-option
-          v-for="item in plcList"
-          :key="item.id"
-          :label="item.plcTableName"
-          :value="item.id">
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="对象" prop="bindObjectId">
-      <el-cascader
-        style='width: 100%;'
-        v-model="objIds"
-        :options="objList"
-        :props="{ checkStrictly: true, value: 'id', label: 'name' }"
-        popper-class="cascaderParent"
-        @change="selectObj"
-        clearable></el-cascader>
-    </el-form-item>
-  </el-form>
+	<el-form
+		ref="form"
+		:rules="rules"
+		label-width="100px"
+		:model="form">
+		<el-form-item
+			label="关联表名"
+			prop="plcId">
+			<el-select
+				v-model="form.plcId"
+				placeholder="请选择"
+				style="width: 100%"
+				filterable>
+				<el-option
+					v-for="item in plcList"
+					:key="item.id"
+					:label="item.plcTableName"
+					:value="item.id"></el-option>
+			</el-select>
+		</el-form-item>
+		<el-form-item
+			label="对象"
+			prop="bindObjectId">
+			<el-cascader
+				style="width: 100%"
+				v-model="objIds"
+				:options="objList"
+				:props="{ checkStrictly: true, value: 'id', label: 'name' }"
+				@change="selectObj"
+				clearable></el-cascader>
+		</el-form-item>
+	</el-form>
 </template>
 <script>
-import { getEnergyPlcConnect, updateEnergyPlcConnect, createEnergyPlcConnect } from '@/api/base/energyPlcConnect'
-import { getEnergyPlcAll } from '@/api/base/energyPlc'
+import {
+	getEnergyPlcConnect,
+	updateEnergyPlcConnect,
+	createEnergyPlcConnect,
+} from '@/api/base/energyPlcConnect';
+import { getEnergyPlcAll } from '@/api/base/energyPlc';
 export default {
-  name: 'EnergyPlcConnectAdd',
-  props: {
-    objList: {
-      type: Array,
-      default: () => []
-    },
-  },
-  data() {
-    return {
-      form: {
-        id: '',
-        plcId: '',
-        bindObjectId: '',
-        bindObjectType: ''
-      },
-      objIds: [],// 回显数组
-      plcList: [],
-      isEdit: false, //是否是编辑
-      rules: {
-        plcId: [{ required: true, message: '关联表名不能为空', trigger: 'change' }],
-        bindObjectId: [{ required: true, message: '对象不能为空', trigger: 'change' }]
-      }
-    }
-  },
-  methods: {
-    init(id) {
-      getEnergyPlcAll().then((res) => {
-        this.plcList = res.data || []
-      })
-      if (id) {
-        this.isEdit = true
-        this.form.id = id
-        getEnergyPlcConnect( id ).then((res) => {
-          if (res.code === 0) {
-            this.form = res.data
-            this.objIds = this.changeDetSelect(this.form.bindObjectId, this.objList)
-          }
-        })
-      } else {
-        this.isEdit = false
-        this.form.id = ''
-      }
-    },
-    // 递归处理分类回显问题
-    changeDetSelect(key, treeData) {
-      let arr = [] // 递归时操作的数组
-      let returnArr = [] // 存放结果的数组
-      let depth = 0 // 定义全局层级
-      // 定义递归函数
-      function childrenEach(childrendData, depthN) {
-        for (var j = 0; j < childrendData.length; j++) {
-          depth = depthN
-          arr[depthN] = childrendData[j].id
-          if (childrendData[j].id == key) {
-            returnArr = arr.slice(0, depthN + 1)
-            break
-          } else {
-            if (childrendData[j].children) {
-              depth++
-              childrenEach(childrendData[j].children, depth)
-            }
-          }
-        }
-        return returnArr
-      }
-      return childrenEach(treeData, depth)
-    },
-    selectObj(val) {
-      this.form.bindObjectId = val[val.length-1]
-      this.form.bindObjectType = val.length-1
-    },
-    submitForm() {
-      this.$refs['form'].validate((valid) => {
-        if (valid) {
-          if (this.isEdit) {
-            // 编辑
-            updateEnergyPlcConnect({...this.form}).then((res) => {
-              if (res.code === 0) {
-                this.$modal.msgSuccess("操作成功");
-                this.$emit('successSubmit')
-              }
-            })
-          } else {
-            createEnergyPlcConnect({...this.form}).then((res) => {
-              if (res.code === 0) {
-                this.$modal.msgSuccess("操作成功");
-                this.$emit('successSubmit')
-              }
-            })
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    formClear() {
-      this.form.id = ''
-      this.form.plcId = ''
-      this.form.bindObjectId = ''
-      this.form.bindObjectType = ''
-      this.objIds = []
-      this.isEdit = false
-    }
-  }
-}
-</script>
-<style>
-.cascaderParent .el-cascader-panel .el-scrollbar:first-child .el-radio {
-  display: none;
-}
-</style>
+	name: 'EnergyPlcConnectAdd',
+	props: {
+		objList: {
+			type: Array,
+			default: () => [],
+		},
+	},
+	data() {
+		return {
+			form: {
+				id: '',
+				plcId: '',
+				bindObjectId: '',
+				bindObjectType: '',
+			},
+			objIds: [], // 回显数组
+			plcList: [],
+			isEdit: false, //是否是编辑
+			rules: {
+				plcId: [
+					{ required: true, message: '关联表名不能为空', trigger: 'change' },
+				],
+				bindObjectId: [
+					{ required: true, message: '对象不能为空', trigger: 'change' },
+				],
+			},
+		};
+	},
+	methods: {
+		init(id) {
+			getEnergyPlcAll().then((res) => {
+				this.plcList = res.data || [];
+			});
+			if (id) {
+				this.isEdit = true;
+				this.form.id = id;
+				getEnergyPlcConnect(id).then((res) => {
+					if (res.code === 0) {
+						this.form = res.data;
+						this.objIds = this.changeDetSelect(
+							this.form.bindObjectId,
+							this.objList
+						);
+					}
+				});
+			} else {
+				this.isEdit = false;
+				this.form.id = '';
+			}
+		},
+		// 递归处理分类回显问题
+		changeDetSelect(key, treeData) {
+			let arr = []; // 递归时操作的数组
+			let returnArr = []; // 存放结果的数组
+			let depth = 0; // 定义全局层级
+			// 定义递归函数
+			function childrenEach(childrendData, depthN) {
+				for (var j = 0; j < childrendData.length; j++) {
+					depth = depthN;
+					arr[depthN] = childrendData[j].id;
+					if (childrendData[j].id == key) {
+						returnArr = arr.slice(0, depthN + 1);
+						break;
+					} else {
+						if (childrendData[j].children) {
+							depth++;
+							childrenEach(childrendData[j].children, depth);
+						}
+					}
+				}
+				return returnArr;
+			}
+			return childrenEach(treeData, depth);
+		},
+		selectObj(val) {
+			this.form.bindObjectId = val[val.length - 1];
+			this.form.bindObjectType = val.length - 1;
+		},
+		submitForm() {
+			this.$refs['form'].validate((valid) => {
+				if (valid) {
+					if (this.isEdit) {
+						// 编辑
+						updateEnergyPlcConnect({ ...this.form }).then((res) => {
+							if (res.code === 0) {
+								this.$modal.msgSuccess('操作成功');
+								this.$emit('successSubmit');
+							}
+						});
+					} else {
+						createEnergyPlcConnect({ ...this.form }).then((res) => {
+							if (res.code === 0) {
+								this.$modal.msgSuccess('操作成功');
+								this.$emit('successSubmit');
+							}
+						});
+					}
+				} else {
+					return false;
+				}
+			});
+		},
+		formClear() {
+			this.form.id = '';
+			this.form.plcId = '';
+			this.form.bindObjectId = '';
+			this.form.bindObjectType = '';
+			this.objIds = [];
+			this.isEdit = false;
+		},
+	},
+};
+</script>
--- a/src/views/energy/base/energyPlcConnect/index.vue
+++ b/src/views/energy/base/energyPlcConnect/index.vue
@@ -1,236 +1,270 @@
 <template>
-  <div class="app-container">
-
-    <!-- 搜索工作栏 -->
-    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <!-- 列表 -->
-    <base-table :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-props="tableProps" :table-data="list"
-      :max-height="tableH">
-      <method-btn v-if="tableBtn.length" slot="handleBtn" :width="160" label="操作" :method-list="tableBtn"
-        @clickBtn="handleClick" />
-    </base-table>
-    <pagination :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" :total="total"
-      @pagination="getList" />
-    <!-- 新增 -->
-    <base-dialog :dialogTitle="addOrEditTitle" :dialogVisible="centervisible" @cancel="handleCancel"
-      @confirm="handleConfirm" :before-close="handleCancel" width='30%'>
-      <energy-plc-connect-add ref="energyPlcConnect" :objList="objList" @successSubmit="successSubmit" />
-    </base-dialog>
-    <!-- 参数绑定/查看 -->
-    <energy-plc-param v-if="paramVisible" ref="plcParam" @closeDrawer="closeDrawer"
-      :energyTypeList="energyTypeList"></energy-plc-param>
-  </div>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<!-- 列表 -->
+		<base-table
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-props="tableProps"
+			:table-data="list"
+			:max-height="tableH">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="160"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			:total="total"
+			@pagination="getList" />
+		<!-- 新增 -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="centervisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="30%">
+			<energy-plc-connect-add
+				ref="energyPlcConnect"
+				:objList="objList"
+				@successSubmit="successSubmit" />
+		</base-dialog>
+		<!-- 参数绑定/查看 -->
+		<energy-plc-param
+			v-if="paramVisible"
+			ref="plcParam"
+			@closeDrawer="closeDrawer"
+			:energyTypeList="energyTypeList"></energy-plc-param>
+	</div>
 </template>

 <script>
-import { getEnergyPlcConnectPage, deleteEnergyPlcConnect } from "@/api/base/energyPlcConnect";
+import {
+	getEnergyPlcConnectPage,
+	deleteEnergyPlcConnect,
+} from '@/api/base/energyPlcConnect';
 // import { publicFormatter } from '@/utils/dict'
-import { getTree } from '@/api/base/factory'
-import { getEnergyTypeListAll } from '@/api/base/energyType'
-import EnergyPlcConnectAdd from './components/energyPlcConnectAdd'
-import EnergyPlcParam from './components/energyPlcParam'
+import { getTree } from '@/api/analysis/energyAnalysis';
+import { getEnergyTypeListAll } from '@/api/base/energyType';
+import EnergyPlcConnectAdd from './components/energyPlcConnectAdd';
+import EnergyPlcParam from './components/energyPlcParam';
 const tableProps = [
-  {
-    prop: 'objName',
-    label: '对象'
-  },
-  {
-    prop: 'objCode',
-    label: '对象编码',
-    showOverflowtooltip: true
-  },
-  {
-    prop: 'plcTableName',
-    label: '关联表名'
-  },
-  {
-    prop: 'plcTableCode',
-    label: '关联表编码',
-    minWidth: 150,
-    showOverflowtooltip: true
-  },
-  {
-    prop: 'cnName',
-    label: '标识名',
-    minWidth: 150,
-    showOverflowtooltip: true
-  },
-  {
-    prop: 'varNum',
-    label: '绑定参数数量'
-  }
-]
+	{
+		prop: 'objName',
+		label: '对象',
+	},
+	{
+		prop: 'objCode',
+		label: '对象编码',
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'plcTableName',
+		label: '关联表名',
+	},
+	{
+		prop: 'plcTableCode',
+		label: '关联表编码',
+		minWidth: 150,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'cnName',
+		label: '标识名',
+		minWidth: 150,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'varNum',
+		label: '绑定参数数量',
+	},
+];
 export default {
-  name: "EnergyPlcConnect",
-  components: { EnergyPlcConnectAdd, EnergyPlcParam },
-  data() {
-    return {
-      formConfig: [
-        {
-          type: 'input',
-          label: '标识名',
-          placeholder: '标识名',
-          param: 'cnName'
-        },
-        {
-          type: 'button',
-          btnName: '查询',
-          name: 'search',
-          color: 'primary'
-        },
-        {
-          type: 'separate'
-        },
-        {
-          type: this.$auth.hasPermi('base:energy-plc-connect:create') ? 'button' : '',
-          btnName: '新增',
-          name: 'add',
-          color: 'success',
-          plain: true
-        }
-      ],
-      tableProps,
-      tableBtn: [
-        this.$auth.hasPermi('base:energy-plc-connect:bind')
-          ? {
-            type: 'connect',
-            btnName: '绑定'
-          }
-          : undefined,
-        {
-          type: 'detail',
-          btnName: '详情'
-        },
-        this.$auth.hasPermi('base:energy-plc-connect:update')
-          ? {
-            type: 'edit',
-            btnName: '编辑'
-          }
-          : undefined,
-        this.$auth.hasPermi('base:energy-plc-connect:delete')
-          ? {
-            type: 'delete',
-            btnName: '删除'
-          }
-          : undefined
-      ].filter((v) => v),
-      tableH: this.tableHeight(260),
-      // 总条数
-      total: 0,
-      // 班次基础信息列表
-      list: [],
-      // 弹出层标题
-      addOrEditTitle: "",
-      // 是否显示弹出层
-      centervisible: false,
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 20,
-        cnName: null
-      },
-      paramVisible: false,
-      energyTypeList: [],
-      objList: []
-    };
-  },
-  created() {
-    window.addEventListener('resize', () => {
-      this.tableH = this.tableHeight(260)
-    })
-    this.getList();
-  },
-  mounted() {
-    // 获取能源列表
-    this.getEnergyTypeList()
-    // 获取对象树形结构
-    this.getObjTree()
-  },
-  methods: {
-    buttonClick(val) {
-      switch (val.btnName) {
-        case 'search':
-          this.queryParams.pageNo = 1;
-          this.queryParams.cnName = val.cnName
-          this.getList()
-          break
-        default:
-          this.addOrEditTitle = '新增'
-          this.centervisible = true
-          this.$nextTick(() => {
-            this.$refs.energyPlcConnect.init()
-          })
-      }
-    },
-    /** 查询列表 */
-    getList() {
-      getEnergyPlcConnectPage(this.queryParams).then(response => {
-        let arr = response.data.list || [];
-        this.list = arr
-        this.total = response.data.total;
-      });
-    },
-    handleClick(val) {
-      console.log(val)
-      switch (val.type) {
-        case 'edit':
-          this.addOrEditTitle = '编辑'
-          this.$nextTick(() => {
-            this.$refs.energyPlcConnect.init(val.data.id)
-          })
-          this.centervisible = true
-          break
-        case 'delete':
-          this.handleDelete(val.data)
-          break
-        case 'detail':
-          this.paramVisible = true
-          this.$nextTick(() => {
-            this.$refs.plcParam.init(val.data, 'detail')
-          })
-          break
-        default:
-          this.paramVisible = true
-          this.$nextTick(() => {
-            this.$refs.plcParam.init(val.data, 'connect')
-          })
-      }
-    },
-    handleCancel() {
-      this.$refs.energyPlcConnect.formClear()
-      this.centervisible = false
-      this.addOrEditTitle = ''
-    },
-    handleConfirm() {
-      this.$refs.energyPlcConnect.submitForm()
-    },
-    successSubmit() {
-      this.handleCancel()
-      this.getList()
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      this.$modal.confirm('是否确认删除对象为"' + row.objName + '"的数据项?').then(function () {
-        return deleteEnergyPlcConnect(row.id);
-      }).then(() => {
-        this.queryParams.pageNo = 1;
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => { });
-    },
-    closeDrawer() {
-      this.getList()
-    },
-    getEnergyTypeList() {
-      getEnergyTypeListAll().then((res) => {
-        this.energyTypeList = res.data || []
-      })
-    },
-    getObjTree() {
-      getTree().then(res => {
-        this.objList = res.data || []
-      })
-    }
-  }
+	name: 'EnergyPlcConnect',
+	components: { EnergyPlcConnectAdd, EnergyPlcParam },
+	data() {
+		return {
+			formConfig: [
+				{
+					type: 'input',
+					label: '标识名',
+					placeholder: '标识名',
+					param: 'cnName',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('base:energy-plc-connect:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi('base:energy-plc-connect:bind')
+					? {
+							type: 'connect',
+							btnName: '绑定',
+					  }
+					: undefined,
+				{
+					type: 'detail',
+					btnName: '详情',
+				},
+				this.$auth.hasPermi('base:energy-plc-connect:update')
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:energy-plc-connect:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableH: this.tableHeight(260),
+			// 总条数
+			total: 0,
+			// 班次基础信息列表
+			list: [],
+			// 弹出层标题
+			addOrEditTitle: '',
+			// 是否显示弹出层
+			centervisible: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 20,
+				cnName: null,
+			},
+			paramVisible: false,
+			energyTypeList: [],
+			objList: [],
+		};
+	},
+	created() {
+		window.addEventListener('resize', () => {
+			this.tableH = this.tableHeight(260);
+		});
+		this.getList();
+	},
+	mounted() {
+		// 获取能源列表
+		this.getEnergyTypeList();
+		// 获取对象树形结构
+		this.getObjTree();
+	},
+	methods: {
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.queryParams.pageNo = 1;
+					this.queryParams.cnName = val.cnName;
+					this.getList();
+					break;
+				default:
+					this.addOrEditTitle = '新增';
+					this.centervisible = true;
+					this.$nextTick(() => {
+						this.$refs.energyPlcConnect.init();
+					});
+			}
+		},
+		/** 查询列表 */
+		getList() {
+			getEnergyPlcConnectPage(this.queryParams).then((response) => {
+				let arr = response.data.list || [];
+				this.list = arr;
+				this.total = response.data.total;
+			});
+		},
+		handleClick(val) {
+			console.log(val);
+			switch (val.type) {
+				case 'edit':
+					this.addOrEditTitle = '编辑';
+					this.$nextTick(() => {
+						this.$refs.energyPlcConnect.init(val.data.id);
+					});
+					this.centervisible = true;
+					break;
+				case 'delete':
+					this.handleDelete(val.data);
+					break;
+				case 'detail':
+					this.paramVisible = true;
+					this.$nextTick(() => {
+						this.$refs.plcParam.init(val.data, 'detail');
+					});
+					break;
+				default:
+					this.paramVisible = true;
+					this.$nextTick(() => {
+						this.$refs.plcParam.init(val.data, 'connect');
+					});
+			}
+		},
+		handleCancel() {
+			this.$refs.energyPlcConnect.formClear();
+			this.centervisible = false;
+			this.addOrEditTitle = '';
+		},
+		handleConfirm() {
+			this.$refs.energyPlcConnect.submitForm();
+		},
+		successSubmit() {
+			this.handleCancel();
+			this.getList();
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			this.$modal
+				.confirm('是否确认删除对象为"' + row.objName + '"的数据项?')
+				.then(function () {
+					return deleteEnergyPlcConnect(row.id);
+				})
+				.then(() => {
+					this.queryParams.pageNo = 1;
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+		closeDrawer() {
+			this.getList();
+		},
+		getEnergyTypeList() {
+			getEnergyTypeListAll().then((res) => {
+				this.energyTypeList = res.data || [];
+			});
+		},
+		getObjTree() {
+			getTree().then((res) => {
+				this.objList = res.data || [];
+			});
+		},
+	},
 };
 </script>