bugfix

.env.dev

@@ -12,9 +12,9 @@ ENV = 'development'
 VUE_APP_TITLE = 芋道管理系统
 
 # 芋道管理系统/开发环境
-VUE_APP_BASE_API = 'http://192.168.1.49:48080'
+# VUE_APP_BASE_API = 'http://192.168.1.49:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.8:48080'
-# VUE_APP_BASE_API = 'http://192.168.0.33:48080'
+VUE_APP_BASE_API = 'http://192.168.0.33:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.188:48080'
 
 # 路由懒加载

src/assets/styles/index.scss

@@ -10,7 +10,8 @@ body {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+		Microsoft YaHei, Arial, sans-serif;
 }
 
 label {
@@ -90,7 +91,7 @@ div:focus {
 		visibility: hidden;
 		display: block;
 		font-size: 0;
-    content: " ";
+		content: ' ';
 		clear: both;
 		height: 0;
 	}
@@ -104,7 +105,8 @@ aside {
 	display: block;
 	line-height: 32px;
 	font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+		Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
 	color: #2c3e50;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -130,7 +132,7 @@ aside {
 }
 
 .text-center {
-  text-align: center
+	text-align: center;
 }
 
 .sub-navbar {
@@ -141,7 +143,13 @@ aside {
 	text-align: right;
 	padding-right: 20px;
 	transition: 600ms ease position;
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+	background: linear-gradient(
+		90deg,
+		rgba(32, 182, 249, 1) 0%,
+		rgba(32, 182, 249, 1) 0%,
+		rgba(33, 120, 241, 1) 100%,
+		rgba(33, 120, 241, 1) 100%
+	);
 
 	.subtitle {
 		font-size: 20px;
@@ -185,3 +193,21 @@ aside {
 .multiselect--active {
 	z-index: 1000 !important;
 }
+
+.no-data-bg {
+	height: 240px;
+	background: url(../images/no-data-bg.png) 50% 100% / contain
+		no-repeat;
+	position: relative;
+
+	&::after {
+		content: '暂无数据';
+		position: absolute;
+		bottom: 12px;
+		left: 50%;
+		transform: translateX(-50%);
+		color: #ccc;
+		font-size: 18px;
+		letter-spacing: 1px;
+	}
+}

src/assets/styles/ruoyi.scss

@@ -53,7 +53,18 @@
 	margin-left: 20px;
 }
 
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
 	font-family: inherit;
 	font-weight: 500;
 	line-height: 1.1;
@@ -65,7 +76,8 @@
 }
 
 .el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
+	// margin-top: 6vh !important;
+	margin-top: 12vh !important;
 }
 
 .el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
@@ -86,7 +98,8 @@
 }
 
 .el-table {
-  .el-table__header-wrapper, .el-table__fixed-header-wrapper {
+	.el-table__header-wrapper,
+	.el-table__fixed-header-wrapper {
 		th {
 			word-break: break-word;
 			background-color: #f8f8f9;
@@ -96,7 +109,7 @@
 		}
 	}
 	.el-table__body-wrapper {
-    .el-button [class*="el-icon-"] + span {
+		.el-button [class*='el-icon-'] + span {
 			margin-left: 1px;
 		}
 	}
@@ -108,7 +121,7 @@
 	color: #6379bb;
 	border-bottom: 1px solid #ddd;
 	margin: 8px 10px 25px 10px;
-  padding-bottom:5px
+	padding-bottom: 5px;
 }
 
 /** 表格布局 **/
@@ -124,7 +137,7 @@
 .tree-border {
 	margin-top: 5px;
 	border: 1px solid #e5e6e7;
-  background: #FFFFFF none;
+	background: #ffffff none;
 	border-radius: 4px;
 }
 
@@ -149,12 +162,14 @@
 }
 
 /** 表格更多操作下拉样式 */
-.el-table .el-dropdown-link,.el-table .el-dropdown-selfdefine {
+.el-table .el-dropdown-link,
+.el-table .el-dropdown-selfdefine {
 	cursor: pointer;
 	margin-left: 5px;
 }
 
-.el-table .el-dropdown, .el-icon-arrow-down {
+.el-table .el-dropdown,
+.el-icon-arrow-down {
 	font-size: 12px;
 }
 
@@ -209,22 +224,22 @@
 /* button color */
 .el-button--cyan.is-active,
 .el-button--cyan:active {
-  background: #20B2AA;
+	background: #20b2aa;
-  border-color: #20B2AA;
+	border-color: #20b2aa;
-  color: #FFFFFF;
+	color: #ffffff;
 }
 
 .el-button--cyan:focus,
 .el-button--cyan:hover {
-  background: #48D1CC;
+	background: #48d1cc;
-  border-color: #48D1CC;
+	border-color: #48d1cc;
-  color: #FFFFFF;
+	color: #ffffff;
 }
 
 .el-button--cyan {
-  background-color: #20B2AA;
+	background-color: #20b2aa;
-  border-color: #20B2AA;
+	border-color: #20b2aa;
-  color: #FFFFFF;
+	color: #ffffff;
 }
 
 /* text color */
@@ -279,7 +294,7 @@
 
 /* 拖拽列样式 */
 .sortable-ghost {
-  opacity: .8;
+	opacity: 0.8;
 	color: #fff !important;
 	background: #42b983 !important;
 }

src/utils/dynamicProps.js

@@ -1,3 +1,5 @@
+import moment from 'moment';
+
 /**
  * 用于动态表结构的 tableProps 生成
  * @param {*} nameData
@@ -16,10 +18,9 @@ export function handleNameData(nameData) {
 function step1(tree1) {
 	return Array.from(new Set(tree1.map((item) => item.name)))
 		.sort()
-		.map((item) => ({
+		.map((time) => ({
-			prop: item,
+			prop: time,
-			label: item,
+			label: moment(time).format('YYYY-MM-DD HH:mm:ss'),
-			align: 'center',
 			children: [],
 		}));
 }
@@ -33,7 +34,6 @@ function step2(firstTierProps, tree2) {
 			parent.children.push({
 				label: nd.name,
 				prop: `${parent.prop}-${nd.name}`,
-				align: 'center',
 			});
 		}
 	});

src/views/base/equipmentBindGroup/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -85,12 +86,11 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'equipmentName', label: '设备', align: 'center' },
+				{ prop: 'equipmentName', label: '设备' },
-				{ prop: 'groupName', label: '分组', align: 'center' },
+				{ prop: 'groupName', label: '分组' },
 				{
 					_action: 'equipment-bind-group-show-alert',
 					label: '分组报警',
-					align: 'center',
 					subcomponent: {
 						props: ['injectData'],
 						render: function (h) {
@@ -162,6 +162,9 @@ export default {
 						label: '设备',
 						url: '/base/equipment/page?pageNo=1&pageSize=100',
 						prop: 'equipmentId',
+						bind: {
+							filterable: true,
+						},
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
@@ -173,6 +176,9 @@ export default {
 						// depends: '__product_line', // 依赖产线获取数据
 						// depends: 'productionLineId',
 						prop: 'groupId',
+						bind: {
+							filterable: true,
+						},
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
@@ -223,7 +229,7 @@ export default {
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
-			_// 执行查询
+			_; // 执行查询
 			getEquipmentBindGroupPage(this.queryParams).then((response) => {
 				this.list = response.data.list;
 				this.total = response.data.total;

src/views/base/equipmentBindSection/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -83,28 +84,26 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'productionLine', label: '产线名称', align: 'center' },
+				{ prop: 'productionLine', label: '产线名称' },
-				{ prop: 'workshopSection', label: '工段名称', align: 'center' },
+				{ prop: 'workshopSection', label: '工段名称' },
-				{ prop: 'equipment', label: '设备名称', align: 'center' },
+				{ prop: 'equipment', label: '设备名称' },
-				{ prop: 'sort', label: '工段中排序', align: 'center' },
+				{ prop: 'sort', label: '工段中排序' },
 				{
 					prop: 'lineDataType',
 					label: '产线数据类型',
-					align: 'center',
 					filter: (val) =>
 						val != null ? ['无类型', '进口计数', '出口计数'][val] : '-',
 				},
 				{
 					prop: 'sectionDataType',
 					label: '工段数据类型',
-					align: 'center',
 					filter: (val) =>
 						val != null ? ['无类型', '进口计数', '出口计数'][val] : '-',
 				},
 				// {
 				// 	action: 'show-alert',
 				// 	label: '报警',
-				// 	align: 'center',
+				// 	,
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {

src/views/base/equipmentGroup/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -84,13 +85,12 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '设备分组名称', align: 'center' },
+				{ prop: 'name', label: '设备分组名称' },
-				{ prop: 'code', label: '检测分组编码', align: 'center' },
+				{ prop: 'code', label: '设备分组编码' },
-				{ prop: 'remark', label: '备注', align: 'center' },
+				{ prop: 'remark', label: '备注' },
 				{
 					_action: 'equipment-group-show-alert',
 					label: '报警',
-					align: 'center',
 					subcomponent: {
 						props: ['injectData'],
 						render: function (h) {
@@ -127,7 +127,7 @@ export default {
 					type: 'input',
 					label: '分组编码',
 					placeholder: '请输入设备分组编码',
-					param: 'codes',
+					param: 'code',
 				},
 				{
 					type: 'button',
@@ -172,6 +172,7 @@ export default {
 						label: '分组编码',
 						prop: 'code',
 						url: '/base/equipment-group/getCode',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
@@ -302,11 +303,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm(
+				.confirm('是否确认删除设备分组 "' + row.name + '"?')
-					'是否确认删除设备分组（用于同类型不同厂家的设备区分）编号为"' +
-						id +
-						'"的数据项?'
-				)
 				.then(function () {
 					return deleteEquipmentGroup(id);
 				})

src/views/base/equipmentGroupAlarm/dialogForm.vue

@@ -0,0 +1,177 @@
+<!-- 
+    filename: dialogForm.vue
+    author: liubin
+    date: 2023-09-11 15:55:13
+    description: DialogForm for equipmentBindSection only
+-->
+
+<template>
+	<el-form
+		ref="form"
+		:model="dataForm"
+		label-width="100px"
+		v-loading="formLoading">
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="报警编码"
+					prop="code"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-input
+						v-model="dataForm.code"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入工段排序" />
+				</el-form-item>
+				<!-- 				
+				<el-form-item
+					label="报警编码"
+					prop="code"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.code"
+						placeholder="请选择产线"
+						@change="handleProductlineChange">
+						<el-option
+							v-for="opt in productionLineList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item> -->
+			</el-col>
+
+			<el-col :span="12">
+				<el-form-item
+					label="报警类型"
+					prop="type"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.type"
+						placeholder="请选择报警类型"
+						@change="$emit('update', dataForm)">
+						<el-option
+							v-for="opt in [
+								{ label: '布尔型', value: 2 },
+								{ label: '字符型', value: 1 },
+							]"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="报警级别"
+					prop="grade"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.grade"
+						placeholder="请选择报警级别"
+						@change="$emit('update', dataForm)">
+						<el-option
+							v-for="opt in getDictDatas(DICT_TYPE.EQU_ALARM_LEVEL)"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+
+			<el-col :span="12">
+				<el-form-item
+					v-if="+dataForm.type == 1"
+					label="设备报警编码"
+					prop="alarmCode">
+					<el-input
+						v-model="dataForm.alarmCode"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入设备报警编码" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="参数列名"
+					prop="plcParamName"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-input
+						v-model="dataForm.plcParamName"
+						placeholder="请输入参数列名"
+						@change="$emit('update', dataForm)"></el-input>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item
+					label="报警内容"
+					prop="alarmContent"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-input
+						v-model="dataForm.alarmContent"
+						placeholder="请输入报警内容"
+						@change="$emit('update', dataForm)"></el-input>
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>
+
+<script>
+export default {
+	name: 'DialogForm',
+	model: {
+		prop: 'dataForm',
+		event: 'update',
+	},
+	emits: ['update'],
+	components: {},
+	props: {
+		dataForm: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+	data() {
+		return {
+			formLoading: true,
+		};
+	},
+	mounted() {
+		this.getCode('/base/equipment-group-alarm/getCode').then((code) => {
+			this.formLoading = false;
+			this.$emit('update', {
+				...this.dataForm,
+				code,
+			});
+		});
+	},
+	methods: {
+		/** 模拟透传 ref  */
+		validate(cb) {
+			return this.$refs.form.validate(cb);
+		},
+		resetFields(args) {
+			return this.$refs.form.resetFields(args);
+		},
+		async handleProductlineChange(id) {
+			await this.getWorksectionList(id);
+			this.dataForm.workshopSectionId = null;
+			this.$emit('update', this.dataForm);
+		},
+		async getCode(url) {
+			const response = await this.$axios(url);
+			return response.data;
+		},
+	},
+};
+</script>
+
+<style scoped lang="scss">
+.el-date-editor,
+.el-select {
+	width: 100%;
+}
+</style>

src/views/base/equipmentGroupAlarm/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -37,7 +38,7 @@
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
+			<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
@@ -54,10 +55,11 @@ import {
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import moment from 'moment';
 import { publicFormatter } from '@/utils/dict';
+import DialogForm from './dialogForm.vue';
 
 export default {
 	name: 'EquipmentGroupAlarm',
-	components: {},
+	components: { DialogForm },
 	mixins: [basicPageMixin],
 	data() {
 		return {
@@ -84,22 +86,27 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'code', label: '报警编码', align: 'center' },
+				{  width: 240, prop: 'code', label: '报警编码' },
-				{ prop: 'type', label: '报警类型', align: 'center' },
+				{
+					prop: 'type',
+					label: '报警类型',
+					filter: (val) =>
+						val != null ? ['-', '字符型', '布尔型', '-'][val] : '-',
+				},
 				{
 					prop: 'grade',
 					label: '报警级别',
-					align: 'center',
 					filter: publicFormatter(this.DICT_TYPE.EQU_ALARM_LEVEL),
 				},
-				{ prop: 'alarmCode', label: '设备报警编码', align: 'center' },
+				{ prop: 'alarmCode', label: '设备报警编码' },
-				{ prop: 'plcParamName', label: '参数列名', align: 'center' },
+				{ prop: 'plcParamName', label: '参数列名' },
-				{ prop: 'alarmContent', label: '报警内容', align: 'center' },
+				{ prop: 'alarmContent', label: '报警内容' },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'input',
 					label: '设备分组编码',
+					width: '220',
 					placeholder: '/',
 					param: 'equipmentGroupCode',
 					defaultSelect: null,
@@ -181,14 +188,14 @@ export default {
 			},
 			// 表单参数
 			form: {
-				id: undefined,
+				id: null,
-				equipmentGroupId: undefined,
+				equipmentGroupId: null,
-				code: undefined,
+				code: null,
-				type: undefined,
+				type: null,
-				grade: undefined,
+				grade: null,
-				alarmCode: undefined,
+				alarmCode: null,
-				alarmContent: undefined,
+				alarmContent: null,
-				plcParamName: undefined,
+				plcParamName: null,
 			},
 			// // 表单校验
 			// rules: {
@@ -249,14 +256,14 @@ export default {
 		/** 表单重置 */
 		reset() {
 			this.form = {
-				id: undefined,
+				id: null,
-				equipmentGroupId: undefined,
+				equipmentGroupId: null,
-				code: undefined,
+				code: null,
-				type: undefined,
+				type: null,
-				grade: undefined,
+				grade: null,
-				alarmCode: undefined,
+				alarmCode: null,
-				alarmContent: undefined,
+				alarmContent: null,
-				plcParamName: undefined,
+				plcParamName: null,
 			};
 			this.resetForm('form');
 		},
@@ -321,7 +328,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除设备分组报警明细编号为"' + id + '"的数据项?')
+				.confirm('是否确认删除该报警?')
 				.then(function () {
 					return deleteEquipmentGroupAlarm(id);
 				})

src/views/base/equipmentPlc/index.vue

@@ -12,6 +12,7 @@
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
+			ref="pageTable"
 			@emitFun="handleEmitFun">
 			<method-btn
 				v-if="tableBtn.length"
@@ -58,9 +59,12 @@ const switchBtn = {
 	name: 'SwitchBtn',
 	props: ['injectData'],
 	data() {
-		return {
+		return {};
-			active: +this.injectData[this.injectData.prop] == 1 ? true : false,
+	},
-		};
+	computed: {
+		active() {
+			return +this.injectData[this.injectData.prop] == 1 ? true : false;
+		},
 	},
 	methods: {},
 	render: function (h) {
@@ -72,8 +76,6 @@ const switchBtn = {
 				},
 				on: {
 					change: (newVal) => {
-						this.active = !this.active;
-						console.log('changed emit', newVal);
 						this.$emit('emitData', {
 							action: 'update-collect',
 							payload: {
@@ -95,6 +97,7 @@ export default {
 	components: {},
 	data() {
 		return {
+			tableKey: Math.random(),
 			searchBarKeys: ['name', 'plcTableName'],
 			tableBtn: [
 				this.$auth.hasPermi('base:equipment-plc:update')
@@ -118,17 +121,16 @@ export default {
 				// 	width: 180,
 				// 	filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				// },
-				{ prop: 'code', label: '编码', align: 'center' },
+				{ prop: 'code', label: '编码' },
-				{ prop: 'plcTableName', label: '关联表名', align: 'center' },
+				{ prop: 'plcTableName', label: '关联表名' },
-				{ prop: 'name', label: '标识名称', align: 'center' },
+				{ prop: 'name', label: '标识名称' },
-				{ prop: 'enName', label: '英文名称', align: 'center' },
+				{ prop: 'enName', label: '英文名称' },
 				{
 					prop: 'collection',
 					label: '是否采集',
-					align: 'center',
 					subcomponent: switchBtn,
 				},
-				{ prop: 'description', label: '描述', align: 'center' },
+				{ prop: 'description', label: '描述' },
 			],
 			searchBarFormConfig: [
 				{
@@ -185,6 +187,7 @@ export default {
 						label: '编码',
 						prop: 'code',
 						url: '/base/equipment-group/getCode',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 				[
@@ -192,7 +195,7 @@ export default {
 						input: true,
 						label: '标识',
 						prop: 'name',
-						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						// bind: {
 						// 	disabled: true, // some condition, like detail mode...
 						// }
@@ -267,6 +270,7 @@ export default {
 				this.list = response.data.list;
 				this.total = response.data.total;
 				this.loading = false;
+				// this.tableKey = Math.random(); // method 1
 			});
 		},
 		/** 取消按钮 */

src/views/base/equipmentPlcConnect/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -61,7 +62,7 @@ export default {
 	components: {},
 	data() {
 		return {
-			searchBarKeys: ['name', 'plcTableName'],
+			searchBarKeys: ['equipmentId', 'plcId'],
 			// tableBtn: [
 			// 	this.$auth.hasPermi('base:equipment-plc:update')
 			// 		? {
@@ -98,18 +99,17 @@ export default {
 				// 	width: 180,
 				// 	filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				// },
-				{ prop: 'productionLine', label: '产线', align: 'center' },
+				{ prop: 'productionLine', label: '产线' },
-				{ prop: 'workshopSection', label: '工段', align: 'center' },
+				{ prop: 'workshopSection', label: '工段' },
-				{ prop: 'equipmentName', label: '设备名', align: 'center' },
+				{ prop: 'equipmentName', label: '设备名' },
-				{ prop: 'equipmentCode', label: '设备编码', align: 'center' },
+				{ prop: 'equipmentCode', label: '设备编码' },
-				{ prop: 'plcCode', label: '关联表编码', align: 'center' },
+				{ prop: 'plcCode', label: '关联表编码' },
-				{ prop: 'plcTableName', label: '关联表名', align: 'center' },
+				{ prop: 'plcTableName', label: '关联表名' },
-				{ prop: 'plcName', label: '标识名称', align: 'center' },
+				{ prop: 'plcName', label: '标识名称' },
-				{ prop: 'bindingParameters', label: '绑定参数数量', align: 'center' },
+				{ prop: 'bindingParameters', label: '绑定参数数量' },
 				{
 					_action: 'params-bind',
 					label: '查看绑定',
-					align: 'center',
 					subcomponent: {
 						props: ['injectData'],
 						render: function (h) {
@@ -136,16 +136,18 @@ export default {
 			],
 			searchBarFormConfig: [
 				{
-					type: 'input',
+					type: 'select',
 					label: '设备名',
-					placeholder: '请输入设备名',
+					placeholder: '请选择设备',
 					param: 'equipmentId',
+					selectOptions: [],
 				},
 				{
-					type: 'input',
+					type: 'select',
-					label: '编码',
+					label: 'PLC编码',
-					placeholder: '请输入编码',
+					placeholder: '请选择编码',
 					param: 'plcId',
+					selectOptions: [],
 				},
 				{
 					type: 'button',
@@ -179,6 +181,7 @@ export default {
 						select: true,
 						label: '关联表名',
 						prop: 'plcId',
+						labelKey: `plcTableName`,
 						url: '/base/equipment-plc/listAll',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
@@ -207,8 +210,44 @@ export default {
 	},
 	created() {
 		this.getList();
+		this.initSearchOptions();
 	},
 	methods: {
+		async getEquipmentOptions() {
+			const res = await this.$axios({
+				url: '/base/equipment/listAll',
+				method: 'get',
+			});
+			return res.data;
+		},
+
+		async getPlcOptions() {
+			const res = await this.$axios({
+				url: '/base/equipment-plc/listAll',
+				method: 'get',
+			});
+			return res.data;
+		},
+
+		/** 初始化查询条件 */
+		async initSearchOptions() {
+			Promise.all([this.getEquipmentOptions(), this.getPlcOptions()]).then(
+				([eqList, plcList]) => {
+					this.searchBarFormConfig[0].selectOptions = eqList.map((item) => {
+						return {
+							name: item.name,
+							id: item.id,
+						};
+					});
+					this.searchBarFormConfig[1].selectOptions = plcList.map((item) => {
+						return {
+							name: item.name,
+							id: item.id,
+						};
+					});
+				}
+			);
+		},
 		/** 覆盖 handleEmitFun 的默认实现 */
 		handleEmitFun({ action, payload }) {
 			switch (action) {

src/views/base/equipmentPlcParam/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -68,29 +69,27 @@ export default {
 				// 	width: 180,
 				// 	filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				// },
-				{ prop: 'plcParamName', label: '参数列名', align: 'center' },
+				{ prop: 'plcParamName', label: '参数列名' },
-				{ prop: 'name', label: '参数名称', align: 'center' },
+				{ prop: 'name', label: '参数名称' },
 				{
 					prop: 'unit',
 					label: '单位',
-					align: 'center',
 					filter: publicFormatter('unit_dict'),
 				},
 				{
 					prop: 'collection',
 					label: '是否采集',
-					align: 'center',
 					filter: (val) => (val != null ? ['否', '是'][val] : '-'),
 				},
-				{ prop: 'minValue', label: '最小值', align: 'center' },
+				{ prop: 'minValue', label: '最小值' },
-				{ prop: 'maxValue', label: '最大值', align: 'center' },
+				{ prop: 'maxValue', label: '最大值' },
-				{ prop: 'defaultValue', label: '标准值', align: 'center' },
+				{ prop: 'defaultValue', label: '标准值' },
-				{ prop: 'description', label: '描述', align: 'center' },
+				{ prop: 'description', label: '描述' },
-				{ prop: 'remark', label: '备注', align: 'center' },
+				{ prop: 'remark', label: '备注' },
 				// {
 				// 	_action: 'params-bind',
 				// 	label: '查看绑定',
-				// 	align: 'center',
+				// 	,
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {
@@ -157,7 +156,7 @@ export default {
 							{
 								type: 'number',
 								message: '请输入正确的数字',
-								trigger: 'blur',
+								trigger: 'change',
 								transform: (val) => Number(val),
 							},
 						],
@@ -167,10 +166,13 @@ export default {
 						label: '最大值',
 						prop: 'maxValue',
 						rules: [
+							{
+								required: false,
+							},
 							{
 								type: 'number',
 								message: '请输入正确的数字',
-								trigger: 'blur',
+								trigger: 'change',
 								transform: (val) => Number(val),
 							},
 						],
@@ -349,8 +351,8 @@ export default {
 				plcParamName: undefined,
 				name: undefined,
 				unit: undefined,
-				minValue: undefined,
+				minValue: null,
-				maxValue: undefined,
+				maxValue: null,
 				defaultValue: undefined,
 				collection: undefined,
 				description: undefined,

src/views/core/base/equipment/index.vue

@@ -16,6 +16,7 @@
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
+				:width="120"
 				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -147,15 +148,14 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '设备名称', align: 'center' },
+				{ prop: 'name', label: '设备名称' },
-				{ prop: 'code', label: '检测编码', align: 'center' },
+				{ width: 256, prop: 'code', label: '检测编码' },
-				{ prop: 'equipmentType', label: '设备类型', align: 'center' },
+				{ prop: 'equipmentType', label: '设备类型' },
-				{ prop: 'enName', label: '英文名称', align: 'center' },
+				{ prop: 'enName', label: '英文名称' },
-				{ prop: 'abbr', label: '缩写', align: 'center' },
+				{ prop: 'abbr', label: '缩写' },
 				{
 					action: 'show-detail',
 					label: '详情',
-					align: 'center',
 					subcomponent: {
 						props: ['injectData'],
 						render: function (h) {
@@ -377,8 +377,8 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '属性名称', align: 'center' },
+				{ prop: 'name', label: '属性名称' },
-				{ prop: 'value', label: '属性值', align: 'center' },
+				{ prop: 'value', label: '属性值' },
 			],
 			// 是否显示弹出层
 			open: false,

src/views/core/base/equipmentType/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -85,9 +86,9 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '设备类型名称', align: 'center' },
+				{ prop: 'name', label: '设备类型名称',  },
-				{ prop: 'code', label: '检测类型编码', align: 'center' },
+				{ prop: 'code', label: '检测类型编码',  },
-				{ prop: 'remark', label: '备注', align: 'center' },
+				{ prop: 'remark', label: '备注',  },
 			],
 			searchBarFormConfig: [
 				{

src/views/equipment/analysis/efficiency/index.vue

@@ -86,84 +86,72 @@ export default {
 			// 		: undefined,
 			// ].filter((v) => v),
 			tableProps: [
-				{ prop: 'factoryName', label: '工厂', align: 'center' },
+				{ prop: 'factoryName', label: '工厂' },
-				{ prop: 'lineName', label: '产线', align: 'center' },
+				{ prop: 'lineName', label: '产线' },
-				{ prop: 'sectionName', label: '工段', align: 'center' },
+				{ prop: 'sectionName', label: '工段' },
-				{ prop: 'equipmentName', label: '设备', align: 'center' },
+				{ prop: 'equipmentName', label: '设备' },
 				{
 					label: '有效时间',
-					align: 'center',
 					children: [
 						{
 							width: 128,
 							prop: 'workTime',
 							label: '工作时长',
-							align: 'center',
 						},
 						{
 							width: 128,
 							prop: 'workRate',
 							label: '百分比',
-							align: 'center',
 							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
 						},
 					],
 				},
 				{
 					label: '关机时间',
-					align: 'center',
 					children: [
 						{
 							width: 128,
 							prop: 'stopTime',
 							label: '停机时长',
-							align: 'center',
 						},
-						{ width: 128, prop: 'stopRate', label: '百分比', align: 'center' },
+						{ width: 128, prop: 'stopRate', label: '百分比' },
 					],
 				},
 				{
 					label: '中断损失',
-					align: 'center',
 					children: [
 						{
 							width: 128,
 							prop: 'downTime',
 							label: '故障时长',
-							align: 'center',
 							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
 						},
-						{ width: 128, prop: 'downRate', label: '百分比', align: 'center' },
+						{ width: 128, prop: 'downRate', label: '百分比' },
 						{
 							width: 128,
 							prop: 'timeEfficiency',
 							label: '时间开动率',
-							align: 'center',
 							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
 						},
 					],
 				},
 				{
 					label: '速度损失',
-					align: 'center',
 					children: [
 						{
 							width: 128,
 							prop: 'realProcSpeed',
 							label: '实际加工速度',
-							align: 'center',
 						},
 						{
 							width: 128,
 							prop: 'designProcSpeed',
 							label: '理论加工速度',
-							align: 'center',
 						},
 						{
 							width: 128,
 							prop: 'peEfficiency',
 							label: '速度开动率',
-							align: 'center',
 							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
 						},
 					],
@@ -171,19 +159,17 @@ export default {
 				{
 					prop: 'oee',
 					label: 'OEE',
-					align: 'center',
 					filter: (val) => (val != null ? +val.toFixed(3) : '-'),
 				},
 				{
 					prop: 'teep',
 					label: 'TEEP',
-					align: 'center',
 					filter: (val) => (val != null ? +val.toFixed(3) : '-'),
 				},
 				// {
 				// 	_action: 'view-trend',
 				// 	label: '趋势',
-				// 	align: 'center',
+				// 	,
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {

src/views/equipment/analysis/exception/index.vue

@@ -65,24 +65,22 @@ export default {
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
-				{ prop: 'lineName', label: '产线', align: 'center' },
+				{ prop: 'lineName', label: '产线' },
-				{ prop: 'sectionName', label: '工段', align: 'center' },
+				{ prop: 'sectionName', label: '工段' },
-				{ prop: 'equipmentName', label: '设备', align: 'center' },
+				{ prop: 'equipmentName', label: '设备' },
 				{
 					width: 188,
 					prop: 'mtbf',
 					label: '平均故障间隔时间[MTBF](h)',
-					align: 'center',
 				},
 				{
 					width: 180,
 					prop: 'mttr',
 					label: '平均维修时间[MTTR](h)',
-					align: 'center',
 				},
-				{ prop: 'workTime', label: '工作时长(h)', align: 'center' },
+				{ prop: 'workTime', label: '工作时长(h)' },
-				{ prop: 'downTime', label: '故障时长(h)', align: 'center' },
+				{ prop: 'downTime', label: '故障时长(h)' },
-				{ prop: 'downCount', label: '故障次数', align: 'center' },
+				{ prop: 'downCount', label: '故障次数' },
 			],
 			searchBarFormConfig: [
 				{
@@ -163,9 +161,7 @@ export default {
 							moment()
 								.month(btn.month - 1)
 								.format('YYYY-MM') + '-01 00:00:00',
-							moment()
+							moment().month(btn.month).format('YYYY-MM') + '-01 00:00:00',
-								.month(btn.month)
-								.format('YYYY-MM')+'-01 00:00:00',
 						];
 					} else {
 						this.queryParams.recordTime = null;

src/views/equipment/analysis/quality/index.vue

@@ -35,6 +35,7 @@
 </template>
 
 <script>
+import moment from 'moment';
 import LineChart from './components/lineChart.vue';
 
 export default {
@@ -42,6 +43,8 @@ export default {
 	components: { LineChart },
 	props: {},
 	data() {
+		const now = new Date();
+		const [y, m, d] = [now.getFullYear(), now.getMonth(), now.getDate()];
 		return {
 			dialogVisible: false,
 			urls: {
@@ -72,13 +75,30 @@ export default {
 					dateType: 'daterange', // datetimerange
 					// format: 'yyyy-MM-dd HH:mm:ss',
 					format: 'yyyy-MM-dd',
-					valueFormat: 'yyyy-MM-dd HH:mm:ss',
 					// valueFormat: 'timestamp',
+					valueFormat: 'yyyy-MM-dd HH:mm:ss',
 					rangeSeparator: '-',
 					startPlaceholder: '开始日期',
 					endPlaceholder: '结束日期',
-					defaultTime: ['00:00:00', '23:59:59'],
 					param: 'recordTime',
+					defaultSelect: [
+						new Date(y, m, d)
+							.toLocaleString()
+							.split('/')
+							.map((item, index) => {
+								if (index == 1 || index == 2) return item.padStart(2, '0');
+								return item;
+							})
+							.join('-'),
+						new Date(y, m, d, 23, 59, 59)
+							.toLocaleString()
+							.split('/')
+							.map((item, index) => {
+								if (index == 1 || index == 2) return item.padStart(2, '0');
+								return item;
+							})
+							.join('-'),
+					],
 				},
 				{
 					type: 'button',
@@ -86,9 +106,9 @@ export default {
 					name: 'search',
 					color: 'primary',
 				},
-				{
+				// {
-					type: 'separate',
+				// 	type: 'separate',
-				},
+				// },
 				// {
 				// 	type: 'button',
 				// 	btnName: '列表数据',
@@ -111,43 +131,36 @@ export default {
 					// width: 160,
 					prop: 'sectionName',
 					label: '工段',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'equipmentName',
 					label: '设备名称',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'products',
 					label: '产品名称',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'inQuantity',
 					label: '进片数量',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'outQuantity',
 					label: '出片数量',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'nokQuantity',
 					label: '破损/不合格数',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'passRate',
 					label: '合格率',
-					align: 'center',
 				},
 			],
 			lineChartConfig: {
@@ -167,7 +180,7 @@ export default {
 					itemGap: 20,
 					textStyle: {
 						fontSize: 14,
-                        lineHeight: 14
+						lineHeight: 14,
 					},
 				},
 				xAxis: {
@@ -180,9 +193,9 @@ export default {
 					nameLocation: 'end',
 					nameTextStyle: {
 						fontSize: 14,
-                        align: 'right'
+						align: 'right',
 					},
-                    nameGap: 26
+					nameGap: 26,
 				},
 				series: [
 					{

src/views/monitoring/equipmentAlarmLog/index.vue

@@ -16,6 +16,7 @@
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
+				:width="120"
 				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -81,13 +82,12 @@ export default {
 					: undefined,
 			].filter((v) => v),
 			tableProps: [
-				{ width: 128, prop: 'productionLine', label: '产线', align: 'center' },
+				{ width: 128, prop: 'productionLine', label: '产线' },
-				{ width: 128, prop: 'workshopSection', label: '工段', align: 'center' },
+				{ width: 128, prop: 'workshopSection', label: '工段' },
-				{ width: 128, prop: 'equipment', label: '设备名称', align: 'center' },
+				{ width: 128, prop: 'equipment', label: '设备名称' },
 				{
 					prop: 'alarmGrade',
 					label: '报警级别',
-					align: 'center',
 					filter: publicFormatter(this.DICT_TYPE.EQU_ALARM_LEVEL),
 				},
 				{
@@ -96,11 +96,11 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'alarmContent', label: '报警内容', align: 'center' },
+				{ prop: 'alarmContent', label: '报警内容' },
 				// {
 				// 	_action: 'equipment-group-show-alert',
 				// 	label: '报警',
-				// 	align: 'center',
+				// 	,
 				// 	subcomponent: {
 				// 		props: ['injectData'],
 				// 		render: function (h) {

src/views/monitoring/equipmentFullParams/index.vue

@@ -35,7 +35,9 @@
 					" />
 			</div>
 		</div>
-		<div v-else style="margin-top: 20px; color: #c7c7c7; text-align: center;">暂无数据</div>
+		<div v-else style="margin-top: 20px; color: #c7c7c7; text-align: center">
+			暂无数据
+		</div>
 	</div>
 </template>
 
@@ -139,19 +141,16 @@ export default {
 					width: 48,
 					prop: 'index',
 					label: '序号',
-					align: 'center',
 				},
 				{
 					width: 160,
 					prop: 'time',
 					label: '时间',
-					align: 'center',
 				},
 				{
 					width: 200,
 					prop: 'plcCode',
 					label: 'PLC编码',
-					align: 'center',
 				},
 			];
 			const firstLineData = {
@@ -162,7 +161,6 @@ export default {
 			otherList.forEach((item) => {
 				props.push({
 					label: item.name,
-					align: 'center',
 					prop: item.name,
 					width: 128,
 				});

src/views/monitoring/equipmentProcessAmount/graph.vue

@@ -25,7 +25,7 @@ export default {
 				grid: {
 					top: 64,
 					left: 56,
-					right: 24,
+					right: 64,
 					bottom: 56,
 				},
 				title: {
@@ -64,6 +64,10 @@ export default {
 							color: '#ccc',
 						},
 					},
+					name: '数量',
+					nameTextStyle: {
+						fontSize: 14,
+					},
 				},
 				series: [
 					{

src/views/monitoring/equipmentProcessAmount/index.vue

@@ -197,11 +197,11 @@ export default {
 				// },
 			],
 			tableProps: [
-				{ prop: 'lineName', label: '产线', align: 'center' },
+				{ prop: 'lineName', label: '产线',  },
-				{ prop: 'sectionName', label: '工段', align: 'center' },
+				{ prop: 'sectionName', label: '工段',  },
-				{ prop: 'externalCode', label: '设备编码', align: 'center' },
+				{ prop: 'externalCode', label: '设备编码',  },
-				{ prop: 'equipmentName', label: '设备名称', align: 'center' },
+				{ prop: 'equipmentName', label: '设备名称',  },
-				{ prop: 'totalQuantity', label: '加工数量', align: 'center' },
+				{ prop: 'totalQuantity', label: '加工数量',  },
 			],
 			mode: 'table', // table | graph
 			queryParams: {
@@ -230,20 +230,20 @@ export default {
 				this.$set(factory, 'label', factory.name);
 				this.$set(factory, 'type', '工厂');
 				delete factory.name;
-				factory.children = factory.lines;
+				// factory.children = factory.lines;
-				delete factory.lines;
+				// delete factory.lines;
 				factory.children?.forEach((line) => {
 					this.$set(line, 'label', line.name);
 					this.$set(line, 'type', '产线');
 					delete line.name;
-					line.children = line.sections;
+					// line.children = line.sections;
-					delete line.sections;
+					// delete line.sections;
 					line.children?.forEach((ws) => {
 						this.$set(ws, 'label', ws.name);
 						this.$set(ws, 'type', '工段');
 						delete ws.name;
-						ws.children = ws.equipments;
+						// ws.children = ws.equipments;
-						delete ws.equipments;
+						// delete ws.equipments;
 						ws.children?.forEach((eq) => {
 							this.$set(eq, 'label', eq.name);
 							this.$set(eq, 'type', '设备');
@@ -258,6 +258,7 @@ export default {
 			const { data } = await this.$axios('/base/factory/getTree');
 			this.sidebarContent = data;
 			this.buildTree(data);
+			console.log('tree', this.sidebarContent)
 		},
 
 		handleSidebarItemClick({ label, id, type }) {

src/views/monitoring/equipmentRecentHours/index.vue

@@ -11,18 +11,9 @@
 			:formConfigs="[{ label: '设备近24小时生产记录', type: 'title' }]"
 			ref="search-bar" />
 		<el-skeleton v-if="initing" :rows="6" animated />
-		<div v-else>
+		<div v-else :class="{ 'no-data-bg': !list || list.length == 0 }">
-			<div
-				v-if="noData"
-				style="
-					height: 240px;
-					background: url(../../../assets/images/no-data-bg.png) 100% / contain
-						no-repeat;
-				">
-				没有数据
-			</div>
 			<base-table
-				v-else
+				v-if="list && list.length > 0"
 				:span-method="mergeColumnHandler"
 				:table-props="tableProps"
 				:table-data="list"
@@ -63,24 +54,22 @@ export default {
 			} = item;
 
 			const props = [
-				{ prop: 'productLine', label: '产线', align: 'center' },
+				{ prop: 'productLine', label: '产线' },
-				{ prop: 'specification', label: '规格', align: 'center' },
+				{ prop: 'specification', label: '规格' },
-				{ prop: 'equipmentName', label: '设备', align: 'center' },
+				{ prop: 'equipmentName', label: '设备' },
-				{ prop: 'totalQuantity', label: '生产总数', align: 'center' },
+				{ prop: 'totalQuantity', label: '生产总数' },
 			];
 
 			for (const key of Object.keys(hourData).sort()) {
 				const subprop = {
 					label: key,
-					align: 'center',
 					children: [
-						{ prop: key + '__in', label: '进数据', align: 'center' },
+						{ prop: key + '__in', label: '进数据' },
-						{ prop: key + '__out', label: '出数据', align: 'center' },
+						{ prop: key + '__out', label: '出数据' },
-						{ prop: key + '__nok', label: '报废数据', align: 'center' },
+						{ prop: key + '__nok', label: '报废数据' },
 						{
 							prop: key + '__ratio',
 							label: '报废率',
-							align: 'center',
 							filter: (val) => (val != null ? val + ' %' : '-'),
 						},
 					],

src/views/monitoring/equipmentStatusAndParams/index.vue

@@ -18,6 +18,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -74,28 +75,24 @@ export default {
 					width: 128,
 					prop: 'equipmentName',
 					label: '设备名称',
-					align: 'center',
 				},
 				{
 					width: 128,
 					prop: 'equipmentCode',
 					label: '设备编码',
-					align: 'center',
 				},
-				{ width: 128, prop: 'inQuantity', label: '投入数', align: 'center' },
+				{ width: 128, prop: 'inQuantity', label: '投入数' },
-				{ width: 128, prop: 'outQuantity', label: '产出数', align: 'center' },
+				{ width: 128, prop: 'outQuantity', label: '产出数' },
 				{
 					width: 128,
 					prop: 'run',
 					label: '是否运行',
-					align: 'center',
 					filter: (val) => (val != null ? (val ? '是' : '否') : '-'),
 				},
 				{
 					width: 128,
 					prop: 'status',
 					label: '状态',
-					align: 'center',
 					filter: (val) =>
 						val != null ? ['正常', '计划停机', '故障'][val] : '-',
 				},
@@ -103,7 +100,6 @@ export default {
 					width: 128,
 					prop: 'error',
 					label: '是否故障',
-					align: 'center',
 					filter: (val) => (val != null ? (val ? '是' : '否') : '-'),
 				},
 				{
@@ -121,7 +117,6 @@ export default {
 				{
 					_action: 'params-monitor',
 					label: '参数监控',
-					align: 'center',
 					subcomponent: {
 						props: ['injectData'],
 						render: function (h) {

src/views/quality/base/qualityInspectionBoxBtn/dialogForm.vue

@@ -0,0 +1,233 @@
+<!-- 
+    filename: dialogForm.vue
+    author: liubin
+    date: 2023-09-11 15:55:13
+    description: DialogForm for equipmentBindSection only
+-->
+
+<template>
+	<el-form
+		ref="form"
+		:model="dataForm"
+		label-width="100px"
+		v-loading="formLoading">
+		<el-row :gutter="20">
+			<el-col>
+				<el-form-item
+					label="产线"
+					prop="productionId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.productionId"
+						placeholder="请选择产线"
+						filterable
+						@change="handleProductlineChange">
+						<el-option
+							v-for="opt in productionLineList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col>
+				<el-form-item
+					label="工段"
+					prop="sectionId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.sectionId"
+						placeholder="请选择工段"
+						filterable
+						@change="$emit('update', dataForm)">
+						<el-option
+							v-for="opt in workshopSectionList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+
+			<el-col>
+				<el-form-item
+					label="按钮盒识别码"
+					prop="buttonId"
+					:rules="[
+						{
+							type: 'number',
+							message: '请输入整数',
+							trigger: 'blur',
+							transform: (val) => Number.isInteger(Number(val)) && Number(val),
+						},
+					]">
+					<el-input
+						v-model="dataForm.buttonId"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入整数" />
+				</el-form-item>
+				<!-- 				
+				<el-form-item
+					label="报警编码"
+					prop="code"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.code"
+						placeholder="请选择产线"
+						@change="handleProductlineChange">
+						<el-option
+							v-for="opt in productionLineList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item> -->
+			</el-col>
+
+			<el-col>
+				<el-form-item label="按钮盒模式" prop="model">
+					<el-input
+						v-model="dataForm.model"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入按钮盒模式" />
+				</el-form-item>
+			</el-col>
+
+			<el-col>
+				<el-form-item
+					label="按钮值"
+					prop="keyValue"
+					:rules="[
+						{
+							type: 'number',
+							message: '请输入100以内的整数',
+							trigger: 'blur',
+							transform: (val) =>
+								Number(val) <= 100 && Number.isInteger(+val) && Number(val),
+						},
+					]">
+					<el-input
+						v-model="dataForm.keyValue"
+						type="number"
+						min="0"
+						max="100"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入按钮盒模式" />
+				</el-form-item>
+			</el-col>
+
+			<el-col>
+				<el-form-item label="检测内容" prop="inspectionDetContent">
+					<el-input
+						type="textarea"
+						v-model="dataForm.inspectionDetContent"
+						placeholder="请输入检测内容"
+						@change="$emit('update', dataForm)"></el-input>
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>
+
+<script>
+export default {
+	name: 'DialogForm',
+	model: {
+		prop: 'dataForm',
+		event: 'update',
+	},
+	emits: ['update'],
+	components: {},
+	props: {
+		dataForm: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+	data() {
+		return {
+			formLoading: true,
+			productionLineList: [],
+			workshopSectionList: [],
+		};
+	},
+	mounted() {
+		this.getProductionLineList();
+		// this.getWorksectionList();
+		// this.getCode('/base/equipment-group-alarm/getCode').then((code) => {
+		// 	this.formLoading = false;
+		// 	this.$emit('update', {
+		// 		...this.dataForm,
+		// 		code,
+		// 	});
+		// });
+	},
+	watch: {
+		'dataForm.productionId': {
+			handler(id) {
+				this.getWorksectionList(id);
+			},
+			immediate: true
+		}
+	},
+	methods: {
+		/** 模拟透传 ref  */
+		validate(cb) {
+			return this.$refs.form.validate(cb);
+		},
+		resetFields(args) {
+			return this.$refs.form.resetFields(args);
+		},
+		async getProductionLineList() {
+			this.formLoading = true;
+			const res = await this.$axios({
+				url: '/base/production-line/listAll',
+				method: 'get',
+			});
+			if (res.code == 0) {
+				this.productionLineList = res.data.map((item) => ({
+					label: item.name,
+					value: item.id,
+				}));
+			}
+			this.formLoading = false;
+		},
+
+		async getWorksectionList(id) {
+			this.formLoading = true;
+			const res = await this.$axios({
+				url: '/base/workshop-section/listByParentId',
+				method: 'get',
+				params: {
+					id,
+				},
+			});
+			if (res.code == 0) {
+				this.workshopSectionList = res.data.map((item) => ({
+					label: item.name,
+					value: item.id,
+				}));
+			}
+			this.formLoading = false;
+		},
+
+		async handleProductlineChange(id) {
+			await this.getWorksectionList(id);
+			this.dataForm.sectionId = null;
+			this.$emit('update', this.dataForm);
+		},
+
+		async getCode(url) {
+			const response = await this.$axios(url);
+			return response.data;
+		},
+	},
+};
+</script>
+
+<style scoped lang="scss">
+.el-date-editor,
+.el-select {
+	width: 100%;
+}
+</style>

src/views/quality/base/qualityInspectionBoxBtn/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				fixed="right"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -38,7 +39,7 @@
 			@close="cancel"
 			@cancel="cancel"
 			@confirm="submitForm">
-			<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
+			<DialogForm v-if="open" ref="form" v-model="form" :rows="rows" />
 		</base-dialog>
 	</div>
 </template>
@@ -54,11 +55,12 @@ import {
 } from '@/api/base/qualityInspectionBoxBtn';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import moment from 'moment';
+import DialogForm from './dialogForm.vue';
 
 export default {
 	name: 'QualityInspectionBoxBtn',
 	mixins: [basicPageMixin],
-	components: {},
+	components: { DialogForm },
 	data() {
 		return {
 			rows: [
@@ -81,6 +83,9 @@ export default {
 						url: '/base/workshop-section/listAll',
 						prop: 'sectionId',
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						bind: {
+							filterable: true,
+						},
 					},
 				],
 				[
@@ -91,9 +96,10 @@ export default {
 						rules: [
 							{
 								type: 'number',
-								message: '请输入数字',
+								message: '请输入整数',
 								trigger: 'blur',
-								transform: (val) => Number(val),
+								transform: (val) =>
+									Number.isInteger(Number(val)) && Number(val),
 							},
 						],
 					},
@@ -107,9 +113,10 @@ export default {
 						rules: [
 							{
 								type: 'number',
-								message: '请输入100以内的数字',
+								message: '请输入100以内的整数',
 								trigger: 'blur',
-								transform: (val) => Number(val) <= 100 && Number(val),
+								transform: (val) =>
+									Number(val) <= 100 && Number.isInteger(+val) && Number(val),
 							},
 						],
 						bind: { type: 'number', min: 0, max: 100 },
@@ -120,7 +127,7 @@ export default {
 						textarea: true,
 						label: '检测内容',
 						prop: 'inspectionDetContent',
-						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						// rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
 			],
@@ -173,43 +180,36 @@ export default {
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{
-					width: 128,
 					prop: 'productionName',
 					label: '产线',
-					align: 'center',
 				},
 				{
-					width: 128,
 					prop: 'sectionName',
 					label: '工段',
-					align: 'center',
 				},
 				{
-					width: 128,
 					prop: 'inspectionDetContent',
 					label: '检测内容',
-					align: 'center',
 				},
 				{
 					width: 160,
 					prop: 'buttonId',
 					label: '按钮盒识别码',
-					align: 'center',
 				},
 				// {
 				// 	width: 256,
 				// 	prop: 'productionId',
 				// 	label: '按钮盒所在产线ID',
-				// 	align: 'center',
+				// 	,
 				// },
 				// {
 				// 	width: 256,
 				// 	prop: 'sectionId',
 				// 	label: '按钮盒所在工段ID',
-				// 	align: 'center',
+				// 	,
 				// },
-				{ width: 90, prop: 'keyValue', label: '按钮值', align: 'center' },
+				{ width: 90, prop: 'keyValue', label: '按钮值' },
-				{ width: 128, prop: 'model', label: '按钮盒模式', align: 'center' },
+				{ width: 128, prop: 'model', label: '按钮盒模式' },
 			],
 			// 查询参数
 			queryParams: {
@@ -220,13 +220,13 @@ export default {
 			// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
 			searchBarKeys: ['inspectionDetContent'],
 			form: {
-				id: undefined,
+				id: null,
-				inspectionDetId: undefined,
+				buttonId: null,
-				inspectionDetContent: undefined,
+				inspectionDetContent: null,
-				productionId: undefined,
+				productionId: null,
-				sectionId: undefined,
+				sectionId: null,
-				model: undefined,
+				model: null,
-				keyValue: undefined,
+				keyValue: null,
 			},
 		};
 	},
@@ -247,13 +247,13 @@ export default {
 		/** 表单重置 */
 		reset() {
 			this.form = {
-				id: undefined,
+				id: null,
-				inspectionDetId: undefined,
+				buttonId: null,
-				inspectionDetContent: undefined,
+				inspectionDetContent: null,
-				productionId: undefined,
+				productionId: null,
-				sectionId: undefined,
+				sectionId: null,
-				model: undefined,
+				model: null,
-				keyValue: undefined,
+				keyValue: null,
 			};
 			this.resetForm('form');
 		},
@@ -300,7 +300,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除安灯按钮16键对应编号为"' + id + '"的数据项?')
+				.confirm('是否确认删除"' + row.sectionName + '"?')
 				.then(function () {
 					return deleteQualityInspectionBoxBtn(id);
 				})

src/views/quality/base/qualityInspectionDet/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				fixed="right"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -172,10 +173,10 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'typeName', label: '类型名称', align: 'center' },
+				{ prop: 'typeName', label: '类型名称',  },
-				{ prop: 'content', label: '检测内容', align: 'center' },
+				{ prop: 'content', label: '检测内容',  },
-				{ prop: 'code', label: '检测编码', align: 'center' },
+				{ prop: 'code', label: '检测编码',  },
-				{ prop: 'remark', label: '备注', align: 'center' },
+				{ prop: 'remark', label: '备注',  },
 			],
 			// 查询参数
 			queryParams: {
@@ -275,7 +276,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除质量检测信息基础编号为"' + id + '"的数据项?')
+				.confirm('是否确认删除检测信息"' + row.content + '"?')
 				.then(function () {
 					return deleteQualityInspectionDet(id);
 				})

src/views/quality/base/qualityInspectionType/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -106,9 +107,9 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '检测类型名称', align: 'center' },
+				{ prop: 'name', label: '检测类型名称' },
-				{ prop: 'code', label: '检测类型编码', align: 'center' },
+				{ prop: 'code', label: '检测类型编码' },
-				{ prop: 'remark', label: '备注', align: 'center' },
+				{ prop: 'remark', label: '备注' },
 				// {
 				// 	label: '操作',
 				// 	alignt: 'center',
@@ -321,7 +322,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除质量检测类型基础编号为"' + id + '"的数据项?')
+				.confirm('是否确认删除该质量检测类型?')
 				.then(function () {
 					return deleteQualityInspectionType(id);
 				})

src/views/quality/monitoring/qualityInspectionRecord/index.vue

@@ -17,6 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
+				:width="120"
 				fixed="right"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -68,7 +69,7 @@ export default {
 				[
 					{
 						select: true,
-						label: '检测内容ID',
+						label: '检测内容',
 						url: '/base/quality-inspection-det/listAll',
 						prop: 'inspectionDetId',
 						labelKey: 'content',
@@ -97,6 +98,9 @@ export default {
 						label: '产线',
 						url: '/base/production-line/listAll',
 						prop: 'productionLineId',
+						bind: {
+							filterable: true,
+						},
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 					{
@@ -105,6 +109,9 @@ export default {
 						url: '/base/workshop-section/listAll', // 这个 url 其实可加可不加，因为下面会更新 options
 						options: [], // 这个options也可加可不加, 因为下面会更新 options
 						prop: 'sectionId',
+						bind: {
+							filterable: true,
+						},
 						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 					},
 				],
@@ -118,6 +125,7 @@ export default {
 						datetime: true,
 						label: '检测时间',
 						prop: 'checkTime',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
 						bind: {
 							format: 'yyyy-MM-dd HH:mm:ss',
 							'value-format': 'timestamp',
@@ -126,15 +134,15 @@ export default {
 						},
 					},
 				],
-				[
+				// [
-					{
+				// 	{
-						textarea: true,
+				// 		textarea: true,
-						label: '检测内容',
+				// 		label: '检测内容',
-						prop: 'inspectionDetContent',
+				// 		prop: 'inspectionDetContent',
-						value: '',
+				// 		value: '',
-						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+				// 		rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-					},
+				// 	},
-				],
+				// ],
 				[{ textarea: true, label: '描述', prop: 'explainText' }],
 				[{ input: true, label: '备注', prop: 'remark' }],
 			],
@@ -213,32 +221,27 @@ export default {
 					width: 128,
 					prop: 'inspectionDetContent',
 					label: '检测内容',
-					align: 'center',
 				},
 				{
 					// width: 128,
 					prop: 'lineName',
 					label: '产线',
-					align: 'center',
 				},
 				{
 					// width: 128,
 					prop: 'checkPerson',
 					label: '检测人员',
-					align: 'center',
 				},
 				{
 					// width: 160,
 					prop: 'checkTime',
 					label: '检测时间',
-					align: 'center',
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{
 					width: 90,
 					prop: 'source',
 					label: '来源',
-					align: 'center',
 					filter: (val) => ['未知', '手动', '自动'][val],
 				},
 			],
@@ -394,7 +397,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除质量检查信息记录表编号为"' + id + '"的数据项?')
+				.confirm('是否确认删除"' + row.inspectionDetContent + '"?')
 				.then(function () {
 					return deleteQualityInspectionRecord(id);
 				})

src/views/quality/monitoring/qualityRecentHours/index.vue

@@ -13,18 +13,20 @@
 		<!-- <pre><code v-html="jsondemo"></code></pre> -->
 
 		<el-skeleton v-if="initing" :rows="6" animated />
+		<div v-else :class="{ 'no-data-bg': !list || list.length == 0 }">
 			<base-table
-			v-else
+				v-if="list && list.length > 0"
 				:table-props="tableProps"
 				:page="queryParams.pageNo"
 				:limit="queryParams.pageSize"
 				:table-data="list"
 				@emitFun="handleEmitFun"></base-table>
 		</div>
+	</div>
 </template>
 
 <script>
-import response from './response.json';
+// import response from './response.json';
 import { handleNameData, handleDynamicData } from '@/utils/dynamicProps';
 // import hljs from 'highlight.js/lib/highlight';
 // import json from 'highlight.js/lib/languages/json';
@@ -43,7 +45,6 @@ export default {
 				pageNo: 1,
 				pageSize: 10,
 			},
-			// jsondemo: '',
 			list: [
 				// {
 				// 	inspectionContent: '检测内容1',
@@ -56,7 +57,6 @@ export default {
 				{
 					prop: 'inspectionContent',
 					label: '检测内容',
-					align: 'center',
 				},
 			],
 		};
@@ -67,20 +67,10 @@ export default {
 	},
 	methods: {
 		async getList() {
-			// const response = await this.$axios({
+			const response = await this.$axios({
-			// 	url: '/monitoring/record-in-one-day/get',
+				url: '/monitoring/record-in-one-day/get',
-			// 	method: 'get',
+				method: 'get',
-			// });
+			});
-			console.log(response);
-			// const {
-			// 	// data: { nameData },
-			// 	code,
-			// } = response;
-			// this.jsondemo = hljs.highlight(
-			// 	'json',
-			// 	JSON.stringify(response, null, 2),
-			// 	true
-			// ).value;
 			const {
 				data: { data: dyanmicData, nameData },
 			} = response;

src/views/quality/monitoring/qualityStatistics/components/summaryTable.vue

@@ -35,27 +35,22 @@ export default {
 				{
 					prop: 'lineName',
 					label: '产线',
-					align: 'center',
 				},
 				{
 					prop: 'sumUp',
 					label: '上片总数',
-					align: 'center',
 				},
 				{
 					prop: 'sumDown',
 					label: '下片总数',
-					align: 'center',
 				},
 				{
 					prop: 'sumCheck',
 					label: '检测总数',
-					align: 'center',
 				},
 				{
 					prop: 'scrapRatio',
 					label: '比例(%)',
-					align: 'center',
 				},
 			],
 		};

src/views/quality/monitoring/qualityStatistics/index.vue

@@ -171,20 +171,17 @@ export default {
 					// width: 160,
 					prop: 'inspectionContent',
 					label: '检测内容',
-					align: 'center',
 				},
 				...this.dynamicProps,
 				{
 					// width: 128,
 					prop: 'sumInput',
 					label: '检测类型总数',
-					align: 'center',
 				},
 				{
 					// width: 128,
 					prop: 'ratio',
 					label: '比例',
-					align: 'center',
 					// subcomponent: {
 					// 	name: 'TextOnly',
 					// 	props: {
@@ -381,47 +378,47 @@ export default {
 	// 	width: 128,
 	// 	prop: 'line1',
 	// 	label: '产线1',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line2',
 	// 	label: '产线2',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line3',
 	// 	label: '产线3',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line4',
 	// 	label: '产线4',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line5',
 	// 	label: '产线5',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line6',
 	// 	label: '产线6',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line7',
 	// 	label: '产线7',
-	// 	align: 'center',
+	// 	,
 	// },
 	// {
 	// 	width: 128,
 	// 	prop: 'line8',
 	// 	label: '产线8',
-	// 	align: 'center',
+	// 	,
 	// }, -->