src/views/monitoring/equipmentStatusAndParams/index.vue

@@ -84,9 +84,28 @@ export default {
 				},
 				{ width: 128, prop: 'inQuantity', label: '投入数', align: 'center' },
 				{ width: 128, prop: 'outQuantity', label: '产出数', align: 'center' },
-				{ width: 128, prop: 'run', label: '是否运行', align: 'center' },
-				{ width: 128, prop: 'status', label: '状态', align: 'center' },
-				{ width: 128, prop: 'error', label: '是否故障', align: 'center' },
+				{
+					width: 128,
+					prop: 'run',
+					label: '是否运行',
+					align: 'center',
+					filter: (val) => (val != null ? (val ? '是' : '否') : '-'),
+				},
+				{
+					width: 128,
+					prop: 'status',
+					label: '状态',
+					align: 'center',
+					filter: (val) =>
+						val != null ? ['正常', '计划停机', '故障'][val] : '-',
+				},
+				{
+					width: 128,
+					prop: 'error',
+					label: '是否故障',
+					align: 'center',
+					filter: (val) => (val != null ? (val ? '是' : '否') : '-'),
+				},
 				{
 					prop: 'quantityRecordTime',
 					label: '生产量记录时间',
@@ -174,6 +193,7 @@ export default {
 				productionLineId: null,
 				equipmentId: null,
 			},
+			total: 0,
 			// 表单参数
 			form: {},
 			// 表单校验
@@ -210,6 +230,11 @@ export default {
 		/** 监听 search bar 的产线下拉框改变 */
 		async handleSearchBarItemChange({ param, value: id }) {
 			if (param == 'productionLineId') {
+				if (id == '') {
+					// 清除设备选框里的选项
+					this.searchBarFormConfig[1].selectOptions = [];
+					return;
+				}
 				const list = await this.getEquipmentList(id);
 				this.searchBarFormConfig[1].selectOptions = list.map((eq) => ({
 					name: eq.name,
@@ -218,119 +243,40 @@ export default {
 			}
 		},
 
-		/** 重写 basicPageMixin 里的 handleSearchBarBtnClick */
 		handleSearchBarBtnClick(btn) {
-			// 仅查询一种情况
-			this.queryParams.createTime = btn.createTime;
-			this.handleQuery();
+			const { equipmentId, productionLineId } = btn;
+			if (equipmentId) this.queryParams.equipmentId = equipmentId;
+			else this.queryParams.equipmentId = null;
+			if (productionLineId)
+				this.queryParams.productionLineId = productionLineId;
+			else this.queryParams.productionLineId = null;
+			this.getList();
 		},
+
 		/** 查询列表 */
-		getList() {
+		async getList() {
 			this.loading = true;
-			// 执行查询
-			// getEquipmentAlarmLogPage(this.queryParams).then((response) => {
-			// 	this.list = response.data.list;
-			// 	this.total = response.data.total;
-			// 	this.loading = false;
-			// });
-		},
-		/** 取消按钮 */
-		cancel() {
-			this.open = false;
-			this.reset();
-		},
-		/** 表单重置 */
-		reset() {
-			this.form = {
-				id: undefined,
-				alarmId: undefined,
-				alarmContent: undefined,
-				alarmValue: undefined,
-				alarmEquipmentId: undefined,
-				remark: undefined,
-			};
-			this.resetForm('form');
-		},
-		/** 搜索按钮操作 */
-		handleQuery() {
-			this.queryParams.pageNo = 1;
-			this.getList();
-		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm('queryForm');
-			this.handleQuery();
-		},
-		/** 新增按钮操作 */
-		handleAdd() {
-			this.reset();
-			this.open = true;
-			this.title = '添加设备报警日志';
-		},
-		/** 修改按钮操作 */
-		handleUpdate(row) {
-			this.reset();
-			const id = row.id;
-			getEquipmentAlarmLog(id).then((response) => {
-				this.form = response.data;
-				this.open = true;
-				this.title = '修改设备报警日志';
+			const { data } = await this.$axios({
+				url: '/monitoring/equipment-monitor/realtime-page',
+				method: 'get',
+				params: this.queryParams,
 			});
+			this.list = data.list;
+			this.total = data.total;
 		},
-		/** 提交按钮 */
-		submitForm() {
-			this.$refs['form'].validate((valid) => {
-				if (!valid) {
-					return;
+
+		handleEmitFun({ action, value }) {
+			if (action == 'params-monitor') {
+				const { equipmentId, equipmentName, equipmentCode } = value;
+				this.$router.push({
+					name: 'equipmentFullParams',
+					params: {
+						equipmentId,
+						equipmentCode,
+						equipmentName,
+					},
+				});
 			}
-				// 修改的提交
-				if (this.form.id != null) {
-					updateEquipmentAlarmLog(this.form).then((response) => {
-						this.$modal.msgSuccess('修改成功');
-						this.open = false;
-						this.getList();
-					});
-					return;
-				}
-				// 添加的提交
-				createEquipmentAlarmLog(this.form).then((response) => {
-					this.$modal.msgSuccess('新增成功');
-					this.open = false;
-					this.getList();
-				});
-			});
-		},
-		/** 删除按钮操作 */
-		handleDelete(row) {
-			const id = row.id;
-			this.$modal
-				.confirm('是否确认删除设备报警日志编号为"' + id + '"的数据项?')
-				.then(function () {
-					return deleteEquipmentAlarmLog(id);
-				})
-				.then(() => {
-					this.getList();
-					this.$modal.msgSuccess('删除成功');
-				})
-				.catch(() => {});
-		},
-		/** 导出按钮操作 */
-		handleExport() {
-			// 处理查询参数
-			let params = { ...this.queryParams };
-			params.pageNo = undefined;
-			params.pageSize = undefined;
-			this.$modal
-				.confirm('是否确认导出所有设备报警日志数据项?')
-				.then(() => {
-					this.exportLoading = true;
-					return exportEquipmentAlarmLogExcel(params);
-				})
-				.then((response) => {
-					this.$download.excel(response, '设备报警日志.xls');
-					this.exportLoading = false;
-				})
-				.catch(() => {});
 		},
 	},
 };