移动端-安全检查-新增隐患下发功能

src/view/safeCheck/safeCheck_item/index.vue

@@ -34,6 +34,16 @@
                   <div>状态：{{ item.state }}</div>
                 </div>
               </template>
+              <template #right-icon>
+                <van-button
+                  v-if="item.state === '待下发'"
+                  type="success"
+                  size="mini"
+                  @click.stop="handleSubmitXF(item)"
+                >
+                  下发
+                </van-button>
+              </template>
             </van-cell>
         </div>
       </van-list>
@@ -50,6 +60,73 @@
       <div>确定要删除该项目吗？</div>
     </van-dialog>
 
+    <!-- 下发隐患弹窗 -->
+    <van-dialog
+      v-model:show="submitXFDialogVisible"
+      title="下发隐患"
+      :show-cancel-button="true"
+      :close-on-click-overlay="false"
+      @confirm="confirmSubmitXF"
+      @cancel="cancelSubmitXF"
+    >
+      <van-form ref="submitXFFormRef" @submit="confirmSubmitXF">
+        <van-field
+          v-model="submitXFForm.repairSuggest"
+          name="repairSuggest"
+          label="整改建议"
+          type="textarea"
+          placeholder="请输入整改建议"
+          rows="4"
+          :rules="[{ required: true, message: '请输入整改建议' }]"
+        />
+        <van-field
+          v-model="submitXFForm.repairDdlText"
+          name="repairDdl"
+          label="整改时限"
+          placeholder="请选择整改时限"
+          readonly
+          is-link
+          @click="showDateTimePicker = true"
+          :rules="[{ required: true, message: '请选择整改时限' }]"
+        />
+      </van-form>
+    </van-dialog>
+
+    <!-- 日期时间选择器 -->
+    <van-popup v-model:show="showDateTimePicker" position="bottom" round style="max-height: 50vh;">
+      <van-date-picker
+        v-if="!dateOrTime"
+        v-model="currentDate"
+        title="选择日期"
+        :min-date="minDate"
+        @confirm="onDateConfirm"
+        @cancel="cancelDatePicker"
+      >
+        <template #confirm>
+          <van-button type="primary" @click="onDateConfirm">下一步</van-button>
+        </template>
+        <template #cancel>
+          <van-button type="danger" @click="cancelDatePicker">取消</van-button>
+        </template>
+      </van-date-picker>
+
+      <van-time-picker
+        v-if="dateOrTime"
+        v-model="currentTime"
+        title="选择时间"
+        :columns-type="['hour', 'minute', 'second']"
+        @confirm="onConfirmDateTime"
+        @cancel="cancelTimePicker"
+      >
+        <template #confirm>
+          <van-button type="primary" @click="onConfirmDateTime">确定</van-button>
+        </template>
+        <template #cancel>
+          <van-button type="danger" @click="cancelTimePicker">取消</van-button>
+        </template>
+      </van-time-picker>
+    </van-popup>
+
   </div>
 </template>
 
@@ -276,6 +353,147 @@ const edits = (row) => {
   });
 };
 
+// 下发隐患相关变量
+const submitXFDialogVisible = ref(false);
+const submitXFFormRef = ref(null);
+const currentSubmitRow = ref(null);
+const showDateTimePicker = ref(false);
+const minDate = ref(new Date());
+const maxDate = ref(new Date(2099, 11, 31));
+const dateOrTime = ref(false);
+const currentDate = ref();
+const currentTime = ref();
+
+const submitXFForm = ref({
+  repairSuggest: '',
+  repairDdl: '',
+  repairDdlText: ''
+});
+
+// 打开下发弹窗
+const handleSubmitXF = (row) => {
+  currentSubmitRow.value = row;
+  // 重置表单
+  submitXFForm.value = {
+    repairSuggest: '',
+    repairDdl: '',
+    repairDdlText: ''
+  };
+  dateOrTime.value = false;
+  // 初始化日期和时间
+  const now = new Date();
+  currentDate.value = [now.getFullYear(), now.getMonth() + 1, now.getDate()];
+  currentTime.value = [
+    String(now.getHours()).padStart(2, '0'),
+    String(now.getMinutes()).padStart(2, '0'),
+    String(now.getSeconds()).padStart(2, '0')
+  ];
+  submitXFDialogVisible.value = true;
+};
+
+// 日期选择确认
+const onDateConfirm = () => {
+  dateOrTime.value = true;
+};
+
+// 取消日期选择
+const cancelDatePicker = () => {
+  showDateTimePicker.value = false;
+  dateOrTime.value = false;
+};
+
+// 取消时间选择
+const cancelTimePicker = () => {
+  showDateTimePicker.value = false;
+  dateOrTime.value = false;
+};
+
+// 确认日期时间选择
+const onConfirmDateTime = () => {
+  const year = currentDate.value[0];
+  const month = currentDate.value[1].toString().padStart(2, '0');
+  const day = currentDate.value[2].toString().padStart(2, '0');
+  const hours = currentTime.value[0].toString().padStart(2, '0');
+  const minutes = currentTime.value[1].toString().padStart(2, '0');
+  const seconds = currentTime.value[2].toString().padStart(2, '0');
+
+  const dateTimeStr = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  submitXFForm.value.repairDdl = dateTimeStr;
+  submitXFForm.value.repairDdlText = dateTimeStr;
+  showDateTimePicker.value = false;
+  dateOrTime.value = false;
+};
+
+// 确认下发
+const confirmSubmitXF = async () => {
+  try {
+    // 验证表单
+    if (submitXFFormRef.value) {
+      try {
+        await submitXFFormRef.value.validate();
+      } catch (validateError) {
+        // 表单验证失败，不继续执行
+        return;
+      }
+    }
+    
+    // 检查必填项
+    if (!submitXFForm.value.repairSuggest || !submitXFForm.value.repairDdl) {
+      showToast({
+        type: 'fail',
+        message: '请填写完整信息'
+      });
+      return;
+    }
+
+    // 将整改建议和整改时限添加到row数据中
+    const submitData = {
+      ...currentSubmitRow.value,
+      repairSuggest: submitXFForm.value.repairSuggest,
+      repairDdl: submitXFForm.value.repairDdl
+    };
+    
+    const url = 'sgsafe/CheckResultItem/saveXF';
+    const param = {
+      json: JSON.stringify(submitData)
+    };
+    
+    const response = await proxy.$axios.post(url, param);
+    if (response.data.code === 0) {
+      showToast({
+        type: 'success',
+        message: '下发成功'
+      });
+      submitXFDialogVisible.value = false;
+      // 刷新列表
+      basicReset();
+      onLoad();
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  } catch (error) {
+    console.error('下发失败:', error);
+    showToast({
+      type: 'fail',
+      message: '操作失败: ' + (error.message || '未知错误')
+    });
+  }
+};
+
+// 取消下发
+const cancelSubmitXF = () => {
+  submitXFDialogVisible.value = false;
+  submitXFForm.value = {
+    repairSuggest: '',
+    repairDdl: '',
+    repairDdlText: ''
+  };
+  dateOrTime.value = false;
+};
+
 </script>
 
 <style scoped>
@@ -303,6 +521,7 @@ const edits = (row) => {
   display: -webkit-box;                     /* 旧版弹性盒子模型 */
   -webkit-box-orient: vertical;             /* 内容垂直排列 */
   -webkit-line-clamp: 2;                    /* 限制显示行数 */
+  line-clamp: 2;                            /* 标准属性 */
   overflow: hidden;                         /* 超出隐藏 */
   text-overflow: ellipsis;                  /* 省略号 */
   line-height: 1.5;                         /* 可选：设置行高 */