修改页面缓存

src/views/pqs/supervise/retire/deviceQuitPopup.vue

@@ -1,54 +1,63 @@
 <template>
-    <el-dialog draggable class='cn-operate-dialog' v-model='dialogVisible' :title='title'
-               style='max-width: 450px;height: 320px' top='30vh'>
+    <el-dialog
+        draggable
+        class="cn-operate-dialog"
+        v-model="dialogVisible"
+        :title="title"
+        style="max-width: 450px; height: 320px"
+        top="30vh"
+    >
         <el-scrollbar>
-            <el-form :inline='false' :model='formData' label-width='120px' :rules='rules' ref='formRef'>
-
-                <el-form-item label='设备类型' prop='deviceType'>
-                    <el-radio-group v-model='formData.deviceType' @change='changeType'>
-                        <el-radio border label='1'>装置设备</el-radio>
-                        <el-radio border label='2'>监测设备</el-radio>
+            <el-form :inline="false" :model="formData" label-width="120px" :rules="rules" ref="formRef">
+                <el-form-item label="设备类型" prop="deviceType">
+                    <el-radio-group v-model="formData.deviceType" @change="changeType">
+                        <el-radio border label="1">监测装置</el-radio>
+                        <el-radio border label="2">监测点</el-radio>
                     </el-radio-group>
                 </el-form-item>
 
-                <el-form-item label='设备' prop='deviceId'>
+                <el-form-item label="设备" prop="deviceId">
                     <el-tree-select
-                        v-model='formData.deviceId'
-                        :data='data'
+                        v-model="formData.deviceId"
+                        :data="data"
                         filterable
-                        :default-expand-all='true'
-                        style='width: 260px'
+                        :default-expand-all="true"
+                        style="width: 260px"
                     />
                 </el-form-item>
 
-                <el-form-item label='资产编号'>
-                    <el-input
+                <el-form-item label="退役原因" prop="propertyNo">
+                    <!-- <el-input
                         v-model='formData.propertyNo'
                         clearable
-                        placeholder='请输入资产编号'
-                    />
+                        placeholder='请输入退役原因'
+                    /> -->
+                    <el-input
+                        type="textarea"
+                        clearable
+                        :autosize="{ minRows: 2, maxRows: 4 }"
+                        placeholder="请输入退役原因"
+                        v-model="formData.propertyNo"
+                    ></el-input>
                 </el-form-item>
-
-
             </el-form>
         </el-scrollbar>
 
         <template #footer>
-            <span class='dialog-footer'>
-                <el-button @click='dialogVisible = false'>取消</el-button>
-                <el-button type='primary' @click='submit'>确认</el-button>
+            <span class="dialog-footer">
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="submit">确认</el-button>
             </span>
         </template>
     </el-dialog>
 </template>
-<script lang='ts' setup>
+<script lang="ts" setup>
 import { ref, inject, reactive, nextTick } from 'vue'
 import { ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
 import { getTerminalSelectTree } from '@/api/device-boot/Business'
 import { addRunningDevice, quitRunningDeviceUpdate } from '@/api/supervision-boot/device/quitRunningDev'
 
-
 //下拉数据源
 const sourceData = ref()
 const deviceList = ref()
@@ -70,7 +79,8 @@ const formData = reactive({
 //form表单校验规则
 const rules = {
     deviceId: [{ required: true, message: '设备不能为空', trigger: 'change' }],
-    deviceType: [{ required: true, message: '设备类型不能为空', trigger: 'change' }]
+    deviceType: [{ required: true, message: '设备类型不能为空', trigger: 'change' }],
+    propertyNo: [{ required: true, message: '请输入退役原因', trigger: 'blur' }]
 }
 const resetForm = () => {
     if (formRef.value) {
@@ -133,7 +143,6 @@ const open = async (text: string, tempData?: any) => {
     dialogVisible.value = true
 }
 
-
 /**
  * 提交用户表单数据
  */
@@ -152,7 +161,6 @@ const submit = () => {
                 tableStore.index()
                 dialogVisible.value = false
             }
-
         }
     })
 }