style: 修改样式

src/views/datamanager/alertformdata/components/common/AlertTable.vue

@@ -34,14 +34,16 @@
       </el-table-column>
       <el-table-column label="操作" width="130" fixed="right">
         <template #default="{ row }">
-          <img src="/src/assets/images/alert/urgent.png" alt="" v-if="!isShowTab && !row.priority"
-            @click="handleUrgent(row)">
-          <img src="/src/assets/images/alert/urgent-active.png" alt="" v-if="!isShowTab && row.priority"
+          <img src="/src/assets/images/alert/urgent.png" alt="" title="点击标记为加急问题" v-if="!isShowTab && !row.priority"
             @click="handleUrgent(row)">
+          <img src="/src/assets/images/alert/urgent-active.png" alt="" title="点击取消问题加急"
+            v-if="!isShowTab && row.priority" @click="handleUrgent(row)">
           <img src="/src/assets/images/alert/edit.png" alt="" v-if="isShowTab" @click="handleEdit(row)">
-          <img src="/src/assets/images/alert/show-on.png" alt="" v-if="!row.isHide" @click="handleShow(row)">
-          <img src="/src/assets/images/alert/show-off.png" alt="" v-if="row.isHide" @click="handleShow(row)">
-          <img src="/src/assets/images/alert/delete.png" alt="" @click="handleDelete(row)">
+          <img src="/src/assets/images/alert/show-on.png" alt="" title="点击隐藏问题展示" v-if="!row.isHide"
+            @click="handleShow(row)">
+          <img src="/src/assets/images/alert/show-off.png" alt="" title="点击恢复问题展示" v-if="row.isHide"
+            @click="handleShow(row)">
+          <img src="/src/assets/images/alert/delete.png" alt="" title="点击删除问题数据" @click="handleDelete(row)">
         </template>
       </el-table-column>
     </el-table>
@@ -108,6 +110,9 @@ const colorOfState = ({ row, columnIndex }) => {
     if (row.issueState === 4) return { color: "#FF4D4F" };
     else if (row.issueState === 5) return { color: "#52C41A " };
     else return { color: "#1890FF " };
+  };
+  if (row.isHide) {
+    return { color: "#A8ABB2" };
   }
 };
 

src/views/datamanager/alertformdata/components/common/QuestionFormBase.vue

@@ -3,21 +3,22 @@
     <el-drawer v-model="visible" title="问题详情" direction="rtl" size="30%" :close-on-click-modal="false"
       @close="handleCancel">
       <el-form ref="formRef" :model="formData">
-        <el-form-item label="问题来源：" prop="source" :rules="{ required: true, message: '请选择问题来源' }">
+        <el-form-item label="问题来源：" prop="source" :rules="{ required: true, message: '请完成必填项' }">
           <el-select v-model="formData.source" placeholder="请选择问题来源" clearable @change="handleSelectChange">
             <el-option v-for="item in sourceOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
-        <el-form-item label="问题类型：" prop="issueType" :rules="{ required: true, message: '请选择问题类型' }">
+        <el-form-item label="问题类型：" prop="issueType" :rules="{ required: true, message: '请完成必填项' }">
           <el-select v-model="formData.issueType" placeholder="请选择问题类型" clearable>
             <el-option v-for="item in options" :label="item.name" :value="item.id" />
           </el-select>
         </el-form-item>
-        <el-form-item label="问题描述：" prop="description" :rules="{ required: true, message: '请输入问题描述，不超过100个字' }">
+        <el-form-item label="问题描述：" prop="description" :rules="{ required: true, message: '请完成必填项' }">
           <el-input v-model="formData.description" type="textarea" maxlength="100" autosize show-word-limit
             placeholder="请输入问题描述，不超过100个字"></el-input>
         </el-form-item>
-        <el-form-item label="问题图片：" prop="pictures" :rules="{ required: true, message: '请至少上传一张图片' }">
+        <el-form-item class="pic-form-item" label="问题图片：" prop="pictures"
+          :rules="{ required: true, message: '请完成必填项' }">
           <p>(建议尺寸192*108，大小10M以下)</p>
           <el-upload v-model:file-list="fileList" action="/skyeye-admin-api/issue/uploadPicture"
             list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove"
@@ -30,15 +31,15 @@
             <img w-full :src="dialogImageUrl" alt="Preview Image" />
           </el-dialog>
         </el-form-item>
-        <el-form-item label="问题地点：" prop="workspaceId" :rules="{ required: true, message: '请选择问题地点' }">
+        <el-form-item label="问题地点：" prop="workspaceId" :rules="{ required: true, message: '请完成必填项' }">
           <el-cascader v-model="workLocation" :options="locationOptions" :props="location" placeholder="请选择问题地点"
             clearable @change="handleCascaderChange" />
         </el-form-item>
-        <el-form-item label="问题时间：" prop="issueTime" :rules="{ required: true, message: '请选择问题时间' }">
+        <el-form-item label="问题时间：" prop="issueTime" :rules="{ required: true, message: '请完成必填项' }">
           <el-date-picker v-model="formData.issueTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss.SSS"
             placeholder="请选择问题时间" />
         </el-form-item>
-        <el-form-item label="问题状态：" prop="issueState" :rules="{ required: true, message: '请选择问题状态' }">
+        <el-form-item label="问题状态：" prop="issueState" :rules="{ required: true, message: '请完成必填项' }">
           <el-select v-model="formData.issueState" placeholder="请选择问题状态" clearable>
             <el-option v-for="item in issueStateOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
@@ -225,8 +226,14 @@ onBeforeMount(() => {
   margin-top: 10px;
 }
 
-p {
-  font-size: 10px;
-  color: #A8ABB2;
+.pic-form-item {
+  :deep(.el-form-item__content) {
+    display: block;
+  }
+
+  p {
+    font-size: 10px;
+    color: #A8ABB2;
+  }
 }
 </style>

src/views/datamanager/alertformdata/components/default/Default.vue

@@ -101,7 +101,13 @@ const handleHideAll = () => {
   };
   updateDefaultTableData(updateList).then(() => {
     getTableData();
-    isActiveHide.value = !isActiveHide.value;
+    ElMessage({
+      message: '隐藏成功',
+      type: 'success',
+    });
+    setTimeout(function () {
+      isActiveHide.value = !isActiveHide.value;
+    }, 1000);
   });
 };
 
@@ -147,7 +153,13 @@ const handleUrgentAll = () => {
   };
   updateDefaultTableData(updateList).then(() => {
     getTableData();
-    isActiveUrgent.value = !isActiveUrgent.value;
+    ElMessage({
+      message: '已加急',
+      type: 'success',
+    });
+    setTimeout(function () {
+      isActiveUrgent.value = !isActiveUrgent.value;
+    }, 1000);
   });
 };
 
@@ -156,7 +168,7 @@ const handleCopyToShow = () => {
   if (showActionBar.value) isActiveCopy.value = !isActiveCopy.value;
   copyToShowTableData(chooseId.value).then(() => {
     ElMessage({
-      message: '复制成功！',
+      message: '复制成功',
       type: 'success',
     });
     setTimeout(function () {

src/views/datamanager/alertformdata/components/show/Show.vue

@@ -109,7 +109,13 @@ const handleHideAll = () => {
   };
   updateShowTableData(updateList).then(() => {
     getTableData();
-    isActiveHide.value = !isActiveHide.value;
+    ElMessage({
+      message: '隐藏成功',
+      type: 'success',
+    });
+    setTimeout(function () {
+      isActiveHide.value = !isActiveHide.value;
+    }, 1000);
   });
 };