预警问题

src/views/work/Alarm.vue

@@ -4,7 +4,7 @@
       <el-form :label-width="120">
         <el-row>
           <el-col :span="6">
-            <el-form-item label="预警类型">
+            <el-form-item label="提醒类型">
               <div class="flex gap">
                 <el-select
                     v-model="query.alarmTypeId"
@@ -18,7 +18,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="预警时间">
+            <el-form-item label="提醒时间">
               <date-time-range-picker-ext
                   v-model="query.discoveryTime"
               />
@@ -59,7 +59,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="预警内容">
+            <el-form-item label="提醒内容">
               <el-input
                   placeholder="请输入"
                   v-model="query.alarmContent"
@@ -89,12 +89,12 @@
       <div class="table-container" v-loading="loading">
         <el-table :data="list" ref="tableRef">
           <el-table-column
-              label="预警时间"
+              label="提醒时间"
               prop="alarmTime"
               width="150"
           />
           <el-table-column
-              label="预警类型"
+              label="提醒类型"
               prop="alarmType"
               width="90"
           />
@@ -104,7 +104,7 @@
               width="150"
           />
           <el-table-column
-              label="预警内容"
+              label="提醒内容"
               prop="alarmContent"
           />
           <el-table-column label="回复情况" width="110">
@@ -118,7 +118,7 @@
               <el-button
                   type="primary"
                   link
-                  @click="handleAction(row)"
+                  @click="showDetail(row)"
               >查看详情
               </el-button>
               <el-button
@@ -148,9 +148,46 @@
     </main>
     <el-dialog v-model="editShow" title="回复问题" width="900px">
       <el-form label-width="148" :model="formData" ref="formRef">
+        <el-form-item
+            label="提醒类型"
+        >
+          <el-input
+              v-model="formData.alarmType"
+              style="width: 280px"
+              disabled
+          />
+        </el-form-item>
+        <el-form-item
+            label="提醒时间"
+        >
+          <el-input
+              v-model="formData.alarmTime"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
+        <el-form-item
+            label="被通知单位"
+        >
+          <el-input
+              v-model="formData.notificationDepartName"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
+        <el-form-item
+            label="提醒内容"
+        >
+          <el-input
+              type="textarea"
+              v-model="formData.alarmContent"
+              :autosize="{ minRows: 6 }"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
         <el-form-item
             label="回复问题"
-              prop="thingDesc"
             :rules="{
                         required: true,
                         message: '请输入回复内容',
@@ -160,18 +197,82 @@
           <el-input
               type="textarea"
               placeholder="请输入回复内容"
-                v-model="formData.thingDesc"
-                :autosize="{ minRows: 4 }"
+              v-model="formData.replyResultContent"
+              :autosize="{ minRows: 6 }"
           />
         </el-form-item>
       </el-form>
       <footer class="flex end">
         <el-button @click="editShow = false" size="large">取消</el-button>
         <el-button type="primary" @click="handleSumbit" size="large"
-        >确定</el-button
+        >确定
+        </el-button
         >
       </footer>
     </el-dialog>
+
+    <el-dialog
+        title="查看详情"
+        v-model="dialogShow"
+        width="600"
+    >
+      <el-form :model="showData" :label-width="120" ref="fomrRef">
+        <el-form-item
+            label="提醒类型"
+        >
+          <el-input
+              v-model="showData.alarmType"
+              style="width: 280px"
+              disabled
+          />
+        </el-form-item>
+        <el-form-item
+            label="提醒时间"
+        >
+          <el-input
+              v-model="showData.alarmTime"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
+        <el-form-item
+            label="被通知单位"
+        >
+          <el-input
+              v-model="showData.notificationDepartName"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
+        <el-form-item
+            label="提醒内容"
+        >
+          <el-input
+              type="textarea"
+              v-model="showData.alarmContent"
+              :autosize="{ minRows: 6 }"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
+
+        <el-form-item
+            v-if="showData.replyState == 1"
+            label="回复内容"
+        >
+          <el-input
+              type="textarea"
+              v-model="showData.replyResultContent"
+              disabled
+              :autosize="{ minRows: 4 }"
+              style="width: 280px"
+          />
+        </el-form-item>
+      </el-form>
+      <footer class="flex end">
+        <el-button @click="dialogShow = false">关闭</el-button>
+      </footer>
+    </el-dialog>
   </div>
 
 </template>
@@ -198,27 +299,35 @@ const query = ref({
 const list = ref([]);
 const total = ref(0);
 
+let showData = ref({})
+let dialogShow = ref(false)
+
 const loading = ref(true);
 
+const showDetail = (data) => {
+  showData.value = data;
+  dialogShow.value = true;
+}
+
 function getList() {
   let param = {
     current: query.value.current,
     size: query.value.size,
   }
-  if(query.value.alarmTypeId != -1) {
+  if (query.value.alarmTypeId != -1) {
     param['alarmTypeId'] = query.value.alarmTypeId
   }
-  if(query.value.replyState != -1) {
+  if (query.value.replyState != -1) {
     param['replyState'] = query.value.replyState
   }
-  if(query.value.discoveryTime != undefined && query.value.discoveryTime != null) {
+  if (query.value.discoveryTime != undefined && query.value.discoveryTime != null) {
     param['startTime'] = query.value.discoveryTime[0]
     param['endTime'] = query.value.discoveryTime[1]
   }
-  if(formData.value.involveDepartId != undefined) {
+  if (formData.value.involveDepartId != undefined) {
     param['notificationDepartCode'] = formData.value.involveDepartId
   }
-  if(query.value.alarmContent != undefined) {
+  if (query.value.alarmContent != undefined) {
     param['alarmContent'] = query.value.alarmContent;
   }
   loading.value = true;
@@ -229,17 +338,6 @@ function getList() {
   });
 }
 
-function handleTableSort(orderObj) {
-  if (orderObj.order) {
-    query.value.order = orderObj.order
-    query.value.orderProp = orderObj.prop
-  } else {
-    query.value.order = ''
-    query.value.orderProp = ''
-  }
-  getList()
-}
-
 const tableRef = ref()
 
 function reset() {