设备保养

.env.dev

@@ -1,8 +1,8 @@
 ###
  # @Author: Do not edit
  # @Date: 2023-08-29 09:40:39
- # @LastEditTime: 2023-11-21 10:36:47
+ # @LastEditTime: 2024-07-22 08:48:47
- # @LastEditors: DY
+ # @LastEditors: zhp
  # @Description:
 ###
 # 开发环境配置
@@ -13,7 +13,7 @@ VUE_APP_TITLE = MES系统
 
 # 芋道管理系统/开发环境
 # VUE_APP_BASE_API = 'http://100.64.0.26:48082'
-VUE_APP_BASE_API = 'http://192.168.0.33:48082'
+# VUE_APP_BASE_API = 'http://192.168.0.33:48082'
 # VUE_APP_BASE_API = 'http://192.168.4.173:48080'
 # VUE_APP_BASE_API = 'http://192.168.2.173:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.49:48082'
@@ -21,6 +21,8 @@ VUE_APP_BASE_API = 'http://192.168.0.33:48082'
 # VUE_APP_BASE_API = 'http://192.168.4.159:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.56:48082'
 # VUE_APP_BASE_API = 'http://192.168.4.159:48080'
+VUE_APP_BASE_API = 'http://192.168.1.64:48082'
+
 
 # 积木报表指向地址
 VUE_APP_JIMU_API = 'http://192.168.0.33:48082'

src/api/equipment/base/maintain/items.js

@@ -0,0 +1,47 @@
+/*
+ * @Author: zhp
+ * @Date: 2024-07-12 15:31:41
+ * @LastEditTime: 2024-07-19 14:18:59
+ * @LastEditors: zhp
+ * @Description:
+ */
+import request from '@/utils/request'
+
+// 删除设备保养记录
+export function deleteData(id) {
+  return request({
+    url: '/base/equipment-maintain-program/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+export function getItemPageData(data) {
+  return request({
+    url: '/base/equipment-maintain-program/page',
+    method: 'get',
+    data
+  })
+}
+
+export function getItemData(id) {
+  return request({
+    url: 'base/equipment-maintain-program/get?id=' + id,
+    method: 'get'
+  })
+}
+
+export function updateItemData(data) {
+  return request({
+    url: 'base/equipment-maintain-program/update',
+    method: 'put',
+    data
+  })
+}
+
+export function createItemData(data) {
+  return request({
+    url: 'base/equipment-maintain-program/create',
+    method: 'post',
+    data
+  })
+}

src/components/DialogForm/index.vue

@@ -1,4 +1,4 @@
-<!-- 
+<!--
     filename: dialogForm.vue
     author: liubin
     date: 2023-08-15 10:32:36
@@ -6,123 +6,58 @@
 -->
 
 <template>
-	<el-form
+  <el-form ref="form" :model="form" :label-width="`${labelWidth}px`" :size="size" :label-position="labelPosition"
-		ref="form"
+    v-loading="formLoading">
-		:model="form"
+    <el-row :gutter="20" v-for="(row, rindex) in rows" :key="rindex">
-		:label-width="`${labelWidth}px`"
+      <el-col v-for="col in row" :key="col.label" :span="24 / row.length">
-		:size="size"
+        <el-form-item :label="col.label" :prop="col.prop" :rules="col.rules">
-		:label-position="labelPosition"
+          <el-input v-if="col.input" v-model="form[col.prop]" @change="$emit('update', form)"
-		v-loading="formLoading">
+            :placeholder="`请输入${col.label}`" :disabled="disabled" v-bind="col.bind" />
-		<el-row :gutter="20" v-for="(row, rindex) in rows" :key="rindex">
+          <el-input v-if="col.textarea" type="textarea" v-model="form[col.prop]" :disabled="disabled"
-			<el-col v-for="col in row" :key="col.label" :span="24 / row.length">
+            @change="$emit('update', form)" :placeholder="`请输入${col.label}`" v-bind="col.bind" />
-				<el-form-item :label="col.label" :prop="col.prop" :rules="col.rules">
+          <el-select v-if="col.select" v-model="form[col.prop]" :placeholder="`请选择${col.label}`" :disabled="disabled"
-					<el-input
+            @change="$emit('update', form)" v-bind="col.bind">
-						v-if="col.input"
+            <el-option v-for="opt in optionListOf[col.prop]" :key="opt.value" :label="opt.label" :value="opt.value" />
-						v-model="form[col.prop]"
+          </el-select>
-						@change="$emit('update', form)"
+          <el-date-picker v-if="col.datetime" v-model="form[col.prop]" type="datetime"
-						:placeholder="`请输入${col.label}`"
+            :disabled="col.disabled ? col.disabled : disabled" :placeholder="`请选择${col.label}`" value-format="timestamp"
-						:disabled="disabled"
+            @change="$emit('update', form)" v-bind="col.bind">
-						v-bind="col.bind" />
+          </el-date-picker>
-					<el-input
+          <el-switch v-if="col.switch" v-model="form[col.prop]" :disabled="disabled" active-color="#0b58ff"
-						v-if="col.textarea"
+            inactive-color="#e1e1e1" @change="$emit('update', form)" v-bind="col.bind"></el-switch>
-						type="textarea"
+          <component v-if="col.subcomponent" :key="col.key" :disabled="disabled" :read-only="disabled"
-						v-model="form[col.prop]"
+            :is="col.subcomponent" v-model="form[col.prop]" :inlineStyle="col.style" @on-change="$emit('update', form)"
-						:disabled="disabled"
+            v-bind="col.bind"></component>
-						@change="$emit('update', form)"
-						:placeholder="`请输入${col.label}`"
-						v-bind="col.bind" />
-					<el-select
-						v-if="col.select"
-						v-model="form[col.prop]"
-						:placeholder="`请选择${col.label}`"
-						:disabled="disabled"
-						@change="$emit('update', form)"
-						v-bind="col.bind">
-						<el-option
-							v-for="opt in optionListOf[col.prop]"
-							:key="opt.value"
-							:label="opt.label"
-							:value="opt.value" />
-					</el-select>
-					<el-date-picker
-						v-if="col.datetime"
-						v-model="form[col.prop]"
-						type="datetime"
-						:disabled="disabled"
-						:placeholder="`请选择${col.label}`"
-						value-format="timestamp"
-						@change="$emit('update', form)"
-						v-bind="col.bind"></el-date-picker>
-					<el-switch
-						v-if="col.switch"
-						v-model="form[col.prop]"
-						:disabled="disabled"
-						active-color="#0b58ff"
-						inactive-color="#e1e1e1"
-						@change="$emit('update', form)"
-						v-bind="col.bind"></el-switch>
-					<component
-						v-if="col.subcomponent"
-						:key="col.key"
-						:disabled="disabled"
-						:read-only="disabled"
-						:is="col.subcomponent"
-						v-model="form[col.prop]"
-						:inlineStyle="col.style"
-						@on-change="$emit('update', form)"
-						v-bind="col.bind"></component>
 
-					<div
+          <div class="upload-area" :class="uploadOpen ? '' : 'height-48'" ref="uploadArea" :key="col.prop"
-						class="upload-area"
+            v-if="col.upload">
-						:class="uploadOpen ? '' : 'height-48'"
+            <span class="close-icon" :class="uploadOpen ? 'open' : ''">
-						ref="uploadArea"
+              <el-button type="text" icon="el-icon-arrow-right" @click="handleFilesOpen" />
-						:key="col.prop"
+            </span>
-						v-if="col.upload">
+            <!-- :file-list="uploadedFileList" -->
-						<span class="close-icon" :class="uploadOpen ? 'open' : ''">
+            <el-upload class="upload-in-dialog" v-if="col.upload" :key="col.prop + '__el-upload'" :action="uploadUrl"
-							<el-button
+              :headers="uploadHeaders" :show-file-list="false" icon="el-icon-upload2" :disabled="disabled"
-								type="text"
+              :before-upload="beforeUpload" :on-success="
-								icon="el-icon-arrow-right"
+              	(response, file, fileList) => {
-								@click="handleFilesOpen" />
+              		handleUploadSuccess(response, file, col.prop);
-						</span>
+              	}
-						<!-- :file-list="uploadedFileList" -->
+              " v-bind="col.bind">
-						<el-upload
+              <el-button size="mini" :disabled="col.bind?.disabled || false">
-							class="upload-in-dialog"
+                <svg-icon icon-class="icon-upload" style="color: inherit"></svg-icon>
-							v-if="col.upload"
+                上传文件
-							:key="col.prop + '__el-upload'"
+              </el-button>
-							:action="uploadUrl"
+              <div class="el-upload__tip" slot="tip" v-if="col.uploadTips">
-							:headers="uploadHeaders"
+                {{ col.uploadTips || '只能上传jpg/png文件, 大小不超过2MB' }}
-							:show-file-list="false"
+              </div>
-							icon="el-icon-upload2"
+            </el-upload>
-							:disabled="disabled"
-							:before-upload="beforeUpload"
-							:on-success="
-								(response, file, fileList) => {
-									handleUploadSuccess(response, file, col.prop);
-								}
-							"
-							v-bind="col.bind">
-							<el-button size="mini" :disabled="col.bind?.disabled || false">
-								<svg-icon
-									icon-class="icon-upload"
-									style="color: inherit"></svg-icon>
-								上传文件
-							</el-button>
-							<div class="el-upload__tip" slot="tip" v-if="col.uploadTips">
-								{{ col.uploadTips || '只能上传jpg/png文件, 大小不超过2MB' }}
-							</div>
-						</el-upload>
 
-						<uploadedFile
+            <uploadedFile class="file" v-for="file in form[col.prop]" :file="file" :key="file.fileUrl"
-							class="file"
+              @delete="!disabled && handleDeleteFile(file, col.prop)" />
-							v-for="file in form[col.prop]"
+          </div>
-							:file="file"
+        </el-form-item>
-							:key="file.fileUrl"
+      </el-col>
-							@delete="!disabled && handleDeleteFile(file, col.prop)" />
+    </el-row>
-					</div>
+  </el-form>
-				</el-form-item>
-			</el-col>
-		</el-row>
-	</el-form>
 </template>
 
 <script>

src/views/equipment/base/maintain/PlanConfig/index.vue

@@ -17,7 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
-				:width="120"
+				:width="150"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -64,8 +64,8 @@ export default {
 			searchBarKeys: ['equipmentName', 'createTime'],
 			tableBtn: [
 				{
-					type: 'detail',
+					type: 'content',
-					btnName: '保养记录',
+					btnName: '添加内容',
 				},
 				this.$auth.hasPermi('equipment:plan-config:update')
 					? {
@@ -89,21 +89,24 @@ export default {
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{ prop: 'name', label: '计划名称' },
-				{ prop: 'code', label: '计划编号' },
+        { prop: 'departmentName', label: '部门' },
-				{ prop: 'enabled', label: '启用状态', filter: (val) => ['停用', '启用'][val] },
+        { prop: 'maintenancePeriod', label: '保养频率（天/次）'},
-				{ prop: 'lineName', label: '产线' },
+				// { prop: 'lineName', label: '产线' },
-				{ prop: 'sectionName', label: '工段' },
+        {
-				{ prop: 'equipmentName', label: '设备名称' },
+          prop: 'firstMaintenanceTime', label: '首次保养时间',
-				{ prop: 'maintainDuration', label: '计划保养用时(h)' },
+          filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
-				{ prop: 'maintenancePeriod', label: '保养频率(天/次)' },
+        },
-				{ prop: 'maintainType', label: '保养类型', filter: publicFormatter('maintain_type') },
+        { prop: 'maintainDuration', label: '保养时长（时）' },
+        { prop: 'confirmTimeLimit', label: '确认时限' },
+				// { prop: 'maintenancePeriod', label: '保养频率(天/次)' },
+				// { prop: 'maintainType', label: '保养类型', filter: publicFormatter('maintain_type') },
 				{ prop: 'remark', label: '备注' },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'input',
-					label: '设备名',
+					label: '保养计划名称',
-					placeholder: '请输入设备名称',
+          placeholder: '请输入保养计划名称',
 					param: 'equipmentName',
 				},
 				// 时间段
@@ -184,19 +187,46 @@ export default {
 				[
 					{
 						select: true,
-						label: '设备名称',
+						label: '部门',
-						prop: 'equipmentId',
+            prop: 'departmentId',
-						url: '/base/core-equipment/listAll',
+            url: '/system/dept/list-all-simple',
-						rules: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
+            rules: [{ required: true, message: '部门不能为空', trigger: 'blur' }],
-					},
+          },
-					{
+          {
-						select: true,
+            input: true,
-						label: '保养类型',
+            label: '保养频率(天/次)',
-						prop: 'maintainType',
+            prop: 'maintenancePeriod',
-						options: this.getDictDatas(this.DICT_TYPE.MAINTAIN_TYPE),
+            rules: [
-					},
+              {
+                type: 'number',
+                trigger: 'blur',
+                message: '请输入正确的数字',
+                transform: (val) => Number(val),
+              },
+            ],
+            rules: [{ required: true, message: '保养频率不能为空', trigger: 'blur' }],
+          },
+					// {
+					// 	select: true,
+					// 	label: '保养类型',
+					// 	prop: 'maintainType',
+					// 	options: this.getDictDatas(this.DICT_TYPE.MAINTAIN_TYPE),
+					// },
 				],
-				[
+        [
+          {
+            input: true,
+            label: '确认时限(h)',
+            prop: 'confirmTimeLimit',
+            rules: [
+              {
+                type: 'number',
+                trigger: 'blur',
+                message: '请输入正确的数字',
+                transform: (val) => Number(val),
+              },
+            ],
+          },
 					{
 						input: true,
 						label: '保养时长(h)',
@@ -210,31 +240,22 @@ export default {
 							},
 						],
 					},
-					{
+
-						input: true,
-						label: '保养频率(天/次)',
-						prop: 'maintenancePeriod',
-						rules: [
-							{
-								type: 'number',
-								trigger: 'blur',
-								message: '请输入正确的数字',
-								transform: (val) => Number(val),
-							},
-						],
-						rules: [{ required: true, message: '保养频率不能为空', trigger: 'blur' }],
-					},
 				],
-				[
+        [
-					{
+          {
-						switch: true,
+            datetime: true,
-						label: '启用状态',
+            label: '首次保养时间',
-						prop: 'enabled',
+            disabled: false,
-						bind: {
+            prop: 'firstMaintenanceTime',
-							'active-value': 1,
+            rules: [{ required: true, message: '首次保养时间不能为空', trigger: 'blur' }],
-							'inactive-value': 0,
+            bind: {
-						},
+              format: 'yyyy-MM-dd HH:mm:ss',
-					}
+              'value-format': 'timestamp',
+              // 'value-format': 'yyyy-MM-dd HH:mm:ss',
+              clearable: true,
+            },
+          },
 				],
 				[{ input: true, label: '备注', prop: 'remark' }],
 			],
@@ -246,17 +267,17 @@ export default {
 				pageSize: 10,
 				equipmentName: null,
 				createTime: null,
-			},
+      },
 			// 表单参数
 			form: {},
 			basePath: '/base/equipment-maintain-plan',
 		};
 	},
 	created() {
-		if (this.$route.query) {
+		// if (this.$route.query) {
-			this.queryParams.equipmentId = this.$route.query?.equipmentId ?? undefined
+		// 	this.queryParams.equipmentId = this.$route.query?.equipmentId ?? undefined
-			this.searchBarFormConfig[0].defaultSelect = this.$route.query.equipmentName ?? undefined
+		// 	this.searchBarFormConfig[0].defaultSelect = this.$route.query.equipmentName ?? undefined
-		}
+		// }
 		this.getList();
 	},
 	methods: {
@@ -280,13 +301,15 @@ export default {
 			this.form = {
 				code: null,
 				name: null,
-				equipmentId: null,
+        departmentId: null,
 				enabled: null,
 				maintenancePeriod: null,
-				maintainDuration: null,
+        maintainDuration: null,
-				maintainType: null,
+        confirmTimeLimit: null,
+        firstMaintenanceTime:null,
+				// maintainType: null,
 				remark: null,
-                enabled: 1
+        // enabled: 1
 			};
 			this.resetForm('form');
 		},
@@ -303,7 +326,8 @@ export default {
 		/** 新增按钮操作 */
 		handleAdd() {
 			this.reset();
-			this.open = true;
+      this.open = true;
+      this.rows[3][0].disabled = false
 			this.title = '添加保养计划';
 		},
 		handleDetail(row){
@@ -326,10 +350,15 @@ export default {
 		handleUpdate(row) {
 			this.reset();
 			const id = row.id;
-			this.info({ id }).then((response) => {
+      this.info({ id }).then((response) => {
-				this.form = response.data;
+        this.$nextTick(() => {
-				this.open = true;
+          this.form = response.data;
-				this.title = '修改保养计划';
+          this.open = true
+          this.rows[3][0].disabled = true
+          console.log(this.rows[3].disabled)
+          this.title = '修改保养计划';
+          this.$forceUpdate()
+        })
 			});
 		},
 		/** 提交按钮 */

src/views/equipment/base/maintain/items/components/InputArea.vue

@@ -0,0 +1,46 @@
+<!--
+ * @Author: zhp
+ * @Date: 2024-07-12 13:41:41
+ * @LastEditTime: 2024-07-12 13:41:41
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+  <div class="tableInner">
+    <el-input-number v-model="list[itemProp]" @blur="changeInput" :min="0" :max="100000000" style="width: 100%"
+      :controls='false'></el-input-number>
+  </div>
+</template>
+<script>
+export default {
+  name: 'InputArea',
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({})
+    },
+    itemProp: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      list: this.injectData
+    }
+  },
+  methods: {
+    changeInput() {
+      console.log(this.list)
+      this.$emit('emitData', this.list)
+    }
+  }
+}
+</script>
+<style lang="scss">
+.tableInner .el-input__inner {
+  border: none;
+  padding: 0;
+  height: 33px;
+}
+
+</style>

src/views/equipment/base/maintain/items/components/add-or-updata.vue

@@ -0,0 +1,141 @@
+<!--
+ * @Author: zhp
+ * @Date: 2024-07-18 14:56:21
+ * @LastEditTime: 2024-07-19 14:57:43
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+  <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto">
+    <el-row :gutter="24">
+      <el-col :span="24">
+        <el-form-item label="保养项目" prop="program">
+          <el-input v-model="dataForm.program" placeholder="请输入保养项目" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="24">
+      <el-col :span="24">
+        <el-form-item label="默认保养结果" prop="resultType">
+          <el-select v-model="dataForm.resultType" placeholder="请选择默认保养结果">
+            <el-option v-for="dict in resultList" :key="dict.id" :label="dict.name" :value="dict.id" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row v-if="dataForm.resultType === 0" :gutter="24">
+      <el-col :span="24">
+        <el-form-item prop="maintainResult">
+          <el-input v-model="dataForm.maintainResult" placeholder="请输入文本内容" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row v-else-if="dataForm.resultType === 1" :gutter="24">
+      <el-col :span="24">
+        <el-form-item prop="maintainResult">
+          <el-input oninput="value=value.replace(/[^\-\d.]/g, '')" v-model="dataForm.maintainResult"
+            placeholder="请输入数值" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row v-else-if="dataForm.resultType === 2" :gutter="24">
+      <el-col :span="12">
+        <el-form-item prop="minValue">
+          <el-input oninput="value=value.replace(/[^\-\d.]/g, '')" v-model="dataForm.minValue" placeholder="请输入最小值" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item prop="maxValue">
+          <el-input @change="handleChange" oninput="value=value.replace(/[^\-\d.]/g, '')" v-model="dataForm.maxValue"
+            placeholder="请输入最大值" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import basicAdd from './basic-add';
+import {
+  createItemData,
+  getItemData,
+  updateItemData
+} from '@/api/equipment/base/maintain/items';
+import { getList,} from "@/api/base/qualityScrapType";
+
+// import { getMaterialList } from "@/api/base/material";
+
+export default {
+	mixins: [basicAdd],
+	data() {
+		return {
+			urlOptions: {
+        createURL: createItemData,
+        updateURL: updateItemData,
+        infoURL: getItemData,
+      },
+      typeList: [],
+      resultList: [
+        {
+          id: 0,
+          name:'文本'
+        },
+        {
+          id: 1,
+          name: '单一数值'
+        },
+        {
+          id: 2,
+          name: '数值范围'
+        }
+      ],
+			dataForm: {
+        id: undefined,
+        program: undefined,
+        resultType: undefined,
+        equipmentTypeId: undefined,
+        minValue: undefined,
+        maxValue: undefined,
+        maintainResult:undefined,
+			},
+			// materialList: [],
+			dataRule: {
+				// materialId: [{ required: true, message: "", trigger: "blur" }],
+        program: [{ required: true, message: "保养项目不能为空", trigger: "blur" }],
+        maintainResult: [{ required: true, message: "默认保养结果不能为空", trigger: "blur" }],
+        minValue: [{ required: true, message: "最小值不能为空", trigger: "blur" }],
+        maxValue: [{ required: true, message: "最大值不能为空", trigger: "blur" }],
+
+        // typeId: [{ required: true, message: "报废类型不能为空", trigger: "change" }],
+      }
+		};
+	},
+	mounted() {
+		this.getDict()
+		console.log('我看看', this.dataForm)
+	},
+	methods: {
+		async getDict() {
+			// 物料列表
+      const res = await getList();
+			this.typeList = res.data;
+    },
+    handleChange(val) {
+      if (val && this.dataForm.maxValue) {
+        if (parseFloat(this.dataForm.minValue) >= parseFloat(val)) {
+          return this.$message({
+            message: '最小值不能大于最大值',
+            type: 'warning'
+          });
+        }
+      }
+    }
+		// setMaterialCode() {
+		// 	const chooseM = this.materialList.filter(item => {
+		// 		return item.id === this.dataForm.materialId
+		// 	})
+		// 	this.dataForm.materialCode = chooseM[0].code
+		// }
+	},
+};
+</script>

src/views/equipment/base/maintain/items/components/basic-add.js

@@ -0,0 +1,112 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-24 11:19:43
+ * @LastEditors: zhp
+ * @LastEditTime: 2024-07-19 14:47:02
+ * @Description:
+ */
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        createURL: '',
+        updateURL: '',
+        infoURL: '',
+        codeURL: '',
+        getOption: false,
+        isGetCode: false,
+        optionArrUrl: [],
+        optionArr: {}
+      },
+      visible: false,
+      setData: false
+    }
+  },
+  created() {
+  },
+  activated() {
+  },
+  methods: {
+    init(obj) {
+      console.log(obj);
+      this.dataForm.id = obj.id || "";
+      this.dataForm.equipmentTypeId = obj.equipmentTypeId || "";
+      this.visible = true;
+      if (this.urlOptions.getOption) {
+        this.getArr()
+      }
+      this.$nextTick(() => {
+        this.$refs["dataForm"].resetFields();
+        if (this.dataForm.id) {
+          this.urlOptions.infoURL(this.dataForm.id).then(res => {
+            this.dataForm.id = res.data.id
+            this.dataForm.program = res.data.program
+            this.dataForm.resultType = res.data.resultType
+              // console.log(this.dataForm.maintainResult.search('~'))
+            if (res.data.resultType === 2 || res.data.maintainResult.search('~') != -1) {
+              this.dataForm.minValue = res.data.maintainResult.substring(0, res.data.maintainResult.search('~'))
+              this.dataForm.maxValue = res.data.maintainResult.substring(res.data.maintainResult.search('~') + 1, res.data.maintainResult.length)
+              this.dataForm.maintainResult = undefined
+            //  = this.dataForm.minValue + '-' + this.dataForm.maxValue
+            } else {
+              this.dataForm.minValue = undefined
+              this.dataForm.maxValue = undefined
+              this.dataForm.maintainResult = res.data.maintainResult
+            }
+            console.log(this.dataForm);
+          });
+        }
+      });
+    },
+		getCode() {
+			this.urlOptions.codeURL()
+				.then(({ data: res }) => {
+					this.dataForm.code = res;
+				})
+				.catch(() => {});
+		},
+    getArr() {
+      const params = {
+        pageSize: 100,
+        pageNo: 1,
+      }
+      this.urlOptions.optionArrUrl.forEach((item, index) => {
+        item(params).then(({ data: res }) => {
+          this.$set(this.urlOptions.optionArr, `arr${index}`, res.list)
+        })
+          .catch(() => {
+          });
+      });
+    },
+    // 表单提交
+    dataFormSubmit() {
+      this.$refs["dataForm"].validate((valid) => {
+        if (this.dataForm.resultType === 2) {
+            this.dataForm.maintainResult  = this.dataForm.minValue + '~' + this.dataForm.maxValue
+        }
+        if (!valid) {
+          return false;
+        }
+        // 修改的提交
+        if (this.dataForm.id) {
+          this.urlOptions.updateURL(this.dataForm).then(response => {
+            this.$modal.msgSuccess("修改成功");
+            this.visible = false;
+            this.$emit("refreshDataList");
+          });
+          return;
+        }
+        // 添加的提交
+        this.urlOptions.createURL(this.dataForm).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.visible = false;
+          this.$emit("refreshDataList");
+        });
+      });
+    },
+    formClear() {
+      this.$refs.dataForm.resetFields()
+    }
+  }
+}

src/views/equipment/base/maintain/items/components/basic-page.js

@@ -0,0 +1,172 @@
+/*
+ * @Author: zhp
+ * @Date: 2024-07-19 09:49:22
+ * @LastEditTime: 2024-07-19 14:17:27
+ * @LastEditors: zhp
+ * @Description:
+ */
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        getDataListURL: '',
+        deleteURL: '',
+        statusUrl: '',
+        exportURL: ''
+      },
+      tableData: [],
+      listQuery: {
+        pageSize: 10,
+        pageNo: 1,
+        total: 1,
+      },
+      exportLoading: false,
+      dataListLoading: false,
+      addOrEditTitle: '',
+      addOrUpdateVisible: false,
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        this.tableData = response.data.list;
+        this.listQuery.total = response.data.total;
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.listQuery.pageSize = val;
+      this.listQuery.pageNo = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.listQuery.pageNo = val;
+      this.getDataList();
+    },
+    // 新增 / 修改
+    addOrUpdateHandle(id) {
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id);
+      });
+    },
+    cancel(id) {
+      this.$refs["popover-" + id].showPopper = false;
+    },
+    //改变状态
+    changeStatus(id) {
+      this.$http
+        .post(this.urlOptions.statusUrl, { id })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.$refs["popover-" + id].showPopper = false;
+          this.$message({
+            message: this.$t("prompt.success"),
+            type: "success",
+            duration: 500,
+            onClose: () => {
+              this.getDataList();
+            },
+          });
+        })
+        .catch(() => { });
+    },
+    //tableBtn点击
+    handleClick(val) {
+      if (val.type === "edit") {
+        this.addOrUpdateVisible = true;
+        this.addOrEditTitle = "编辑"
+        let obj = {
+          id: val.data.id,
+          equipmentTypeId:val.data.equipmentTypeId
+        }
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init(obj);
+        });
+      } else if (val.type === "delete") {
+        this.deleteHandle(val.data.id, val.data.program, val.data._pageIndex)
+      } else if (val.type === "change") {
+        this.changeStatus(val.data.id)
+      } else {
+        this.otherMethods(val)
+      }
+    },
+    // 删除
+    deleteHandle(id, name, index) {
+      this.$confirm(`确定要删除${name}?`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.urlOptions.deleteURL(id).then(({ data }) => {
+            this.$message({
+              message: "操作成功",
+              type: "success",
+              duration: 1500,
+              onClose: () => {
+                this.getDataList();
+              },
+            });
+          });
+        })
+        .catch(() => { });
+    },
+    //search-bar点击
+    buttonClick(val) {
+      switch (val.btnName) {
+        case "search":
+          this.listQuery.xm1 = val.xm1;
+          this.listQuery.xm2 = val.xm2;
+          this.listQuery.pageNo = 1;
+          this.getDataList();
+          break;
+        case "add":
+          this.addOrEditTitle = '新增'
+          this.addOrUpdateVisible = true;
+          this.addOrUpdateHandle()
+          break;
+        default:
+          console.log(val)
+      }
+    },
+    handleCancel() {
+      this.$refs.addOrUpdate.formClear()
+      this.addOrUpdateVisible = false
+      this.addOrEditTitle = ''
+    },
+    handleConfirm() {
+      this.$refs.addOrUpdate.dataFormSubmit()
+    },
+    successSubmit() {
+      this.handleCancel()
+      this.getDataList()
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+        this.exportLoading = true;
+        return this.urlOptions.exportURL(params);
+      }).then(response => {
+        this.$download.excel(response, '工厂.xls');
+        this.exportLoading = false;
+      }).catch(() => { });
+    }
+  }
+}

src/views/equipment/base/maintain/items/index.vue

@@ -0,0 +1,257 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索工作栏 -->
+    <SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
+
+    <!-- 列表 -->
+    <base-table :table-props="tableProps" :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-data="list"
+      @emitFun="handleEmitFun">
+      <method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" :method-list="tableBtn"
+        @clickBtn="handleTableBtnClick" />
+    </base-table>
+
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
+
+    <!-- 对话框(添加 / 修改) -->
+    <base-dialog :dialogTitle="title" :dialogVisible="open" @close="cancel" @cancel="cancel" width="20%"
+      @confirm="submitForm">
+      <DialogForm v-if="open" ref="form" v-model="form" :has-files="false" :rows="rows" />
+    </base-dialog>
+    <show-detail v-if="showDetailVisible" ref="showDetail"></show-detail>
+  </div>
+</template>
+
+<script>
+import moment from 'moment';
+import basicPageMixin from '@/mixins/lb/basicPageMixin';
+import { deleteData } from '@/api/equipment/base/maintain/items'
+import showDetail  from './showDetail.vue'
+import { publicFormatter } from '@/utils/dict';
+
+export default {
+  name: 'PlanConfig',
+  mixins: [basicPageMixin],
+  components: {
+    showDetail
+  },
+	data() {
+		const t = new Date();
+		const [y, m, d] = [t.getFullYear(), t.getMonth(), t.getDate()];
+		return {
+      searchBarKeys: ['equipmentName', 'createTime'],
+      equipmentTypeList:[],
+			tableBtn: [
+				{
+					type: 'detail',
+					btnName: '详情',
+				},
+				// this.$auth.hasPermi('equipment:plan-config:update')
+				// 	? {
+				// 			type: 'edit',
+				// 			btnName: '修改',
+				// 	  }
+				// 	: undefined,
+				this.$auth.hasPermi('equipment:plan-config:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+      tableProps: [
+        { prop: 'equipmentType', label: '设备类型' },
+        { prop: 'creator', label: '创建人' },
+				{
+          prop: 'createTime',
+					label: '创建时间',
+					// fixed: true,
+					width: 180,
+					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
+				},
+			],
+			searchBarFormConfig: [
+				{
+					type: 'select',
+					label: '设备类型',
+					placeholder: '请输入设备类型',
+          param: 'equipmentTypeId',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('equipment:plan-config:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					plain: true,
+					color: 'success',
+				},
+			],
+			rows: [
+				[
+					{
+						select: true,
+						label: '设备类型',
+            prop: 'equipmentTypeId',
+            url: '/base/core-equipment-type/listAll',
+            rules: [{ required: true, message: '设备类型不能为空', trigger: 'blur' }],
+					},
+				],
+			],
+			// 是否显示弹出层
+			open: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 10,
+        equipmentTypeId: null,
+      },
+      showDetailVisible:false,
+			// 表单参数
+			form: {},
+      basePath: 'base/equipment-maintain-program-type',
+		};
+	},
+  created() {
+    this.initSearchBar()
+		this.getList();
+	},
+	methods: {
+		/** 查询列表 */
+		getList() {
+			this.loading = true;
+			// 执行查询
+			this.recv(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 = {
+        equipmentTypeId: null,
+        id: null,
+        equipmentType:null,
+			};
+			this.resetForm('form');
+		},
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.queryParams.pageNo = 1;
+			this.getList();
+		},
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm('queryForm');
+			this.handleQuery();
+    },
+    initSearchBar() {
+      this.http('/base/core-equipment-type/listAll', 'get').then(({ data }) => {
+        this.$set(
+          this.searchBarFormConfig[0],
+          'selectOptions',
+          data.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))
+        );
+        this.equipmentTypeList = data
+      });
+    },
+		/** 新增按钮操作 */
+		handleAdd() {
+			this.reset();
+			this.open = true;
+			this.title = '保养项目设置新增';
+		},
+    handleDetail(row) {
+      this.showDetailVisible = true
+      this.$nextTick(() => {
+        this.$refs.showDetail.init(row.equipmentTypeId)
+      })
+				// alert('跳转到 保养记录')
+				// console.log(row)
+				// const queryData = {
+				// 	equipmentId: row.equipmentId,
+				// 	maintainPlanId: row.id,
+				// 	isAdd: 1
+				// 	// relatePlan: row.enabled
+				// }
+				// if (this.queryParams.createTime) {
+				// 	queryData.createTime = this.queryParams.createTime
+				// }
+				// console.log('你好', queryData)
+				// this.$router.push({ path: '/equipment/base/maintain/record',query: queryData })
+				// this.$router.push({ path: '/equipment/base/maintain/record', query: { orderNo: row.orderNo }})
+		},
+		/** 修改按钮操作 */
+    handleUpdate(row) {
+			this.reset();
+			const id = row.id;
+			this.info({ id }).then((response) => {
+				this.form = response.data;
+				this.open = true;
+				this.title = '修改保养计划';
+			});
+		},
+		/** 提交按钮 */
+    submitForm() {
+      this.equipmentTypeList.forEach(ele => {
+        if (this.form.equipmentTypeId === ele.id) {
+          this.form.equipmentType = ele.name
+        }
+      });
+			this.$refs['form'].validate((valid) => {
+				if (!valid) {
+					return;
+				}
+				// 修改的提交
+				if (this.form.id != null) {
+					this.put(this.form).then((response) => {
+						this.$modal.msgSuccess('修改成功');
+						this.open = false;
+						this.getList();
+					});
+					return;
+				}
+        // 添加的提交
+				this.post(this.form).then((response) => {
+					this.$modal.msgSuccess('新增成功');
+					this.open = false;
+					this.getList();
+				});
+			});
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			const id = row.id;
+			this.$modal
+        .confirm('是否确认删除设备类型名称' + row.equipmentType + '?')
+				.then(function () {
+          return deleteData(id);
+				})
+				.then(() => {
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+	},
+};
+</script>

src/views/equipment/base/maintain/items/showDetail.vue

@@ -0,0 +1,134 @@
+<!--
+ * @Author: zhp
+ * @Date: 2024-07-12 13:28:21
+ * @LastEditTime: 2024-07-19 14:59:05
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+  <div>
+    <el-drawer title="配置保养项目" :visible.sync="drawer" :direction="direction" size="50%">
+      <div style="padding: 0px 16px;">
+        <el-form :inline="true" class="">
+          <el-form-item>
+            <el-button :plain='true' type="success" @click="handleAdd">新增</el-button>
+          </el-form-item>
+        </el-form>
+        <base-table v-loading="dataListLoading" :table-props="tableProps" :table-data="tableData">
+          <method-btn v-if="tableBtn.length" slot="handleBtn" :width="80" label="操作" :method-list="tableBtn"
+            @clickBtn="handleClick" />
+        </base-table>
+      </div>
+    </el-drawer>
+    <base-dialog :dialogTitle="addOrEditTitle" :dialogVisible="addOrUpdateVisible" @cancel="handleCancel"
+      @confirm="handleConfirm" :before-close="handleCancel" width="30%">
+      <add-or-update ref="addOrUpdate" @refreshDataList="successSubmit"></add-or-update>
+    </base-dialog>
+  </div>
+
+</template>
+
+<script>
+const tableProps = [
+  {
+    prop: 'program',
+    label: '保养项目',
+    subcomponent: inputArea,
+    align:'center',
+  },
+  {
+    prop: 'maintainResult',
+    label: '默认保养结果',
+    subcomponent: inputArea,
+    align: 'center',
+  },
+]
+const topBtnConfig = [
+  {
+    type: 'add',
+    btnName: 'btn.add'
+  }
+]
+// import basicPageMixin from '@/mixins/lb/basicPageMixin';
+import AddOrUpdate from './components/add-or-updata';
+import {
+  getItemPageData,
+  deleteData
+} from '@/api/equipment/base/maintain/items';
+import basicPage from './components/basic-page';
+import inputArea from './components/InputArea.vue'
+export default {
+  mixins: [basicPage],
+  components: {
+    AddOrUpdate,
+  },
+    data() {
+      return {
+        drawer: false,
+        urlOptions: {
+          getDataListURL: getItemPageData,
+          deleteURL: deleteData,
+          // exportURL: exportFactoryExcel,
+        },
+        direction: 'rtl',
+        dataListLoading:false,
+        addOrUpdateVisible: false,
+        addOrEditTitle: '',
+        queryParams: {
+          pageNo:1,
+          pageSize:10,
+          equipmentTypeId:null,
+        },
+        tableProps,
+        basePath: 'base/equipment-maintain-program',
+        tableData: [],
+        tableBtn: [
+          {
+            type: 'edit',
+            name: '编辑'
+          },
+          {
+            type: 'delete',
+            name: '删除'
+          }
+        ],
+        addButtonShow: '新增'
+      }
+  },
+  methods: {
+    inputChange(val) {
+      // console.log('=======')
+      console.log(val)
+      this.tableData[val._pageIndex - 1][val.prop] = val[val.prop]
+      // console.log(this.tableData)
+    },
+    getDataList(id) {
+      this.dataListLoading = true;
+      this.queryParams.equipmentTypeId = id
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        this.tableData = response.data.list;
+        this.listQuery.total = response.data.total;
+        this.dataListLoading = false
+      });
+    },
+    handleAdd() {
+      this.addOrUpdateVisible = true
+      this.addOrEditTitle = '新增'
+      let obj = {
+        equipmentTypeId: this.queryParams.equipmentTypeId
+      }
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(obj)
+      });
+    },
+    init(id) {
+      this.drawer = true
+      this.getDataList(id)
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>