src/views/base/equipmentGroup/components/BasicDrawer.vue

@@ -31,10 +31,11 @@
 
 					<div class="form-part" v-if="section.key == 'base'">
 						<el-skeleton v-if="!showForm" animated />
-						<DialogForm
+						<BaseInfoForm
 							key="drawer-dialog-form"
 							v-if="showForm"
 							ref="form"
+							:disabled="mode.includes('detail')"
 							:dataForm="form"
 							:rows="formRows" />
 					</div>
@@ -69,22 +70,20 @@
 			</div>
 
 			<div class="drawer-body__footer">
-				<el-button style="margin-right: 10px" @click="handleCancel">
+				<el-button style="" @click="handleCancel">
-					返回
+					取消
 				</el-button>
 				<el-button v-if="mode == 'detail'" type="primary" @click="toggleEdit">
 					编辑
 				</el-button>
-				<span v-else>
+				<el-button v-else type="primary" @click="handleSave">保存</el-button>
-					<el-button type="primary" @click="handleSave">保存</el-button>
+				<!-- sections的第二项必须是 属性列表  -->
-					<!-- sections的第二项必须是 属性列表  -->
+				<!-- <el-button
-					<el-button
 						v-if="sections[1].allowAdd"
 						type="primary"
 						@click="handleAddAttr">
 						添加属性
-					</el-button>
+					</el-button> -->
-				</span>
 			</div>
 		</div>
 
@@ -102,14 +101,15 @@
 			<DialogForm
 				v-if="attrFormVisible"
 				ref="attrForm"
-				:dataForm="attrForm"
+				:disabled="mode.includes('detail')"
+				v-model="attrForm"
 				:rows="attrRows" />
 		</base-dialog>
 	</el-drawer>
 </template>
 
 <script>
-// import DialogForm from '@/components/DialogForm';
+import BaseInfoForm from '@/components/DialogForm';
 import DialogForm from './dialogForm';
 
 const SmallTitle = {
@@ -138,7 +138,7 @@ const SmallTitle = {
 };
 
 export default {
-	components: { SmallTitle, DialogForm },
+	components: { SmallTitle, DialogForm, BaseInfoForm },
 	props: ['sections', 'defaultMode', 'dataId'], // dataId 作为一个通用的存放id的字段
 	data() {
 		return {
@@ -151,9 +151,13 @@ export default {
 			attrTitle: '',
 			attrForm: {
 				id: null,
-				equipmentId: null,
+				equipmentGroupId: '',
-				name: '',
+				code: '',
-				value: '',
+				type: '',
+				grade: '',
+				alarmCode: '',
+				alarmContent: '',
+				plcParamName: '',
 			},
 			attrFormVisible: false,
 			attrRows: [
@@ -207,8 +211,8 @@ export default {
 			attrQuery: {
 				params: {
 					pageNo: 1,
-					pageSize: 10
+					pageSize: 10,
-				}
+				},
 			}, // 属性列表的请求
 			infoQuery: null, // 基本信息的请求
 			attrFormSubmitting: false,
@@ -318,14 +322,18 @@ export default {
 
 		// 新增属性
 		handleAddAttr() {
-			if (!this.dataId) return this.$message.error('请先创建设备信息');
+			if (!this.dataId) return this.$message.error('请先创建设备分组信息');
 			this.attrForm = {
 				id: null,
-				equipmentId: this.dataId,
+				equipmentGroupId: this.dataId,
-				name: '',
+				code: '',
-				value: '',
+				type: '',
+				grade: '',
+				alarmCode: '',
+				alarmContent: '',
+				plcParamName: '',
 			};
-			this.attrTitle = '添加设备属性';
+			this.attrTitle = '添加设备分组报警';
 			this.attrFormVisible = true;
 		},
 
@@ -338,14 +346,14 @@ export default {
 			});
 			if (res.code == 0) {
 				this.attrForm = res.data;
-				this.attrTitle = '编辑设备属性';
+				this.attrTitle = '编辑设备分组报警';
 				this.attrFormVisible = true;
 			}
 		},
 
 		// 删除属性
 		handleDeleteAttr(attrId) {
-			this.$confirm('确定删除该属性?', '提示', {
+			this.$confirm('确定删除该分组报警?', '提示', {
 				confirmButtonText: '确定',
 				cancelButtonText: '取消',
 				type: 'warning',
@@ -406,19 +414,11 @@ export default {
 
 		handleClick(raw) {
 			if (raw.type === 'delete') {
-				this.$confirm(
+				this.$confirm(`确定删除该报警?`, '提示', {
-					`确定对${
+					confirmButtonText: '确定',
-						raw.data.name
+					cancelButtonText: '取消',
-							? '[名称=' + raw.data.name + ']'
+					type: 'warning',
-							: '[序号=' + raw.data._pageIndex + ']'
+				})
-					}进行删除操作?`,
-					'提示',
-					{
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					}
-				)
 					.then(() => {
 						deleteProductAttr(raw.data.id).then(({ data }) => {
 							this.$message({

src/views/base/equipmentGroup/components/dialogForm.vue

@@ -18,6 +18,7 @@
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.code"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入工段排序" />
@@ -46,6 +47,7 @@
 					prop="type"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
+						:disabled="disabled"
 						v-model="dataForm.type"
 						placeholder="请选择报警类型"
 						@change="$emit('update', dataForm)">
@@ -68,6 +70,7 @@
 					prop="grade"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
+						:disabled="disabled"
 						v-model="dataForm.grade"
 						placeholder="请选择报警级别"
 						@change="$emit('update', dataForm)">
@@ -86,6 +89,7 @@
 					label="设备报警编码"
 					prop="alarmCode">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.alarmCode"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入设备报警编码" />
@@ -99,6 +103,7 @@
 					prop="plcParamName"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.plcParamName"
 						placeholder="请输入参数列名"
 						@change="$emit('update', dataForm)"></el-input>
@@ -110,6 +115,7 @@
 					prop="alarmContent"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.alarmContent"
 						placeholder="请输入报警内容"
 						@change="$emit('update', dataForm)"></el-input>
@@ -133,6 +139,10 @@ export default {
 			type: Object,
 			default: () => ({}),
 		},
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {

src/views/base/equipmentGroupAlarm/dialogForm.vue

@@ -18,24 +18,25 @@
 					prop="code"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.code"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入工段排序" />
 				</el-form-item>
 				<!-- 				
-				<el-form-item
+						<el-form-item
-					label="报警编码"
+						label="报警编码"
-					prop="code"
+						prop="code"
-					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+						:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-					<el-select
+						<el-select
 						v-model="dataForm.code"
 						placeholder="请选择产线"
 						@change="handleProductlineChange">
 						<el-option
-							v-for="opt in productionLineList"
+						v-for="opt in productionLineList"
-							:key="opt.value"
+						:key="opt.value"
-							:label="opt.label"
+						:label="opt.label"
-							:value="opt.value" />
+						:value="opt.value" />
 					</el-select>
 				</el-form-item> -->
 			</el-col>
@@ -47,6 +48,7 @@
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
 						v-model="dataForm.type"
+						:disabled="disabled"
 						placeholder="请选择报警类型"
 						@change="$emit('update', dataForm)">
 						<el-option
@@ -68,6 +70,7 @@
 					prop="grade"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-select
+						:disabled="disabled"
 						v-model="dataForm.grade"
 						placeholder="请选择报警级别"
 						@change="$emit('update', dataForm)">
@@ -86,6 +89,7 @@
 					label="设备报警编码"
 					prop="alarmCode">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.alarmCode"
 						@change="$emit('update', dataForm)"
 						placeholder="请输入设备报警编码" />
@@ -99,6 +103,7 @@
 					prop="plcParamName"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.plcParamName"
 						placeholder="请输入参数列名"
 						@change="$emit('update', dataForm)"></el-input>
@@ -110,6 +115,7 @@
 					prop="alarmContent"
 					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
 					<el-input
+						:disabled="disabled"
 						v-model="dataForm.alarmContent"
 						placeholder="请输入报警内容"
 						@change="$emit('update', dataForm)"></el-input>
@@ -133,6 +139,10 @@ export default {
 			type: Object,
 			default: () => ({}),
 		},
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {