Merge branch 'master' of http://119.23.210.103:3000/wy/zdqy_firm_former

src/business/platform/file/attachment/index.vue

@@ -55,7 +55,6 @@
         />
       </template>
     </template>
-
     <ul
       v-if="$utils.isNotEmpty(items)"
       :class="[
@@ -77,7 +76,7 @@
         @update="updateSort"
       >
         <li
-          v-for="(file, index) in items"
+          v-for="(file, index) in displayedList"
           :key="index"
           :class="['el-upload-list__item', focusing ? 'focusing' : '']"
           tabindex="0"
@@ -166,6 +165,14 @@
         </li>
       </vue-draggable>
     </ul>
+    <el-button
+      v-if="shouldShowButton"
+      @click="toggleExpand"
+      type="text"
+      :icon="isExpanded ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
+    >
+      {{ isExpanded ? '收起' : '展开' }}
+    </el-button>
   </div>
 </template>
 <script>
@@ -176,6 +183,7 @@ import {
 } from '@/business/platform/file/constants/fileTypes'
 import { uploadFile } from '@/api/platform/file/attachment'
 import VueDraggable from 'vuedraggable'
+import { debounce } from 'lodash'
 
 export default {
   name: 'ibps-attachment-selector',
@@ -259,7 +267,8 @@ export default {
         disabled: false,
         animation: 200,
         axis: 'y'
-      }
+      },
+      isExpanded: false
     }
   },
   computed: {
@@ -277,9 +286,22 @@ export default {
     toolsWidth() {
       const length = this.editable ? 3 : 1
       return 30 * length + 'px'
+    },
+    shouldShowButton() {
+      return this.items.length > 5
+    },
+    displayedList() {
+      return this.isExpanded ? this.items : this.items.slice(0, 5)
     }
   },
   methods: {
+    toggleExpand: debounce(
+      function () {
+        this.isExpanded = !this.isExpanded
+      },
+      300,
+      { immediate: true }
+    ),
     init() {
       this.fileList = []
     },
@@ -355,7 +377,11 @@ export default {
       if (this.fileSize && file.size > this.fileSize) {
         this.$message.closeAll()
         this.$message({
-          message: `上传文件的尺寸大于${this.$utils.formatSize(this.fileSize, 2, ['B', 'K', 'M', 'G', 'TB'])}`,
+          message: `上传文件的尺寸大于${this.$utils.formatSize(
+            this.fileSize,
+            2,
+            ['B', 'K', 'M', 'G', 'TB']
+          )}`,
           type: 'warning'
         })
         return false

src/views/component/sjzlpjjhx/sjzlpjjhx.vue

@@ -185,16 +185,10 @@
             </el-table-column>
             <el-table-column label="计划时间" prop="jiHuaShiJian" width="180">
               <template slot-scope="{ row }">
-                <el-date-picker
+                <el-input
                   v-if="!isRead && !(row.shiFouYiDengJi === '1')"
                   v-model="row.jiHuaShiJian"
-                  type="datetime"
-                  format="yyyy-MM-dd HH:mm"
-                  placeholder="选择日期"
-                  :default-time="getCurrentTimeHms"
-                  value-format="yyyy-MM-dd HH:mm"
-                >
-                </el-date-picker>
+                 />
                 <span v-else>{{ row.jiHuaShiJian }}</span>
               </template>
             </el-table-column>

src/views/platform/risk/riskPeopleTableV3.vue

@@ -0,0 +1,254 @@
+<template>
+  <div class="paper-table">
+    <el-table
+      ref="elTable"
+      :data="tableList"
+      border
+      stripe
+      highlight-current-row
+      header-row-class-name="exam-table-header"
+      style="width: 100%"
+      class="exam-table"
+    >
+      <el-table-column label="序号" type="index" width="80" />
+      <el-table-column prop="bian_zhi_ren_" label="评估人" width="100">
+        <template slot-scope="{ row }">
+          <ibps-user-selector
+            type="user"
+            :value="row.bian_zhi_ren_"
+            readonly-text="text"
+            :disabled="true"
+            :multiple="false"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="bian_zhi_bu_men_" label="部门" width="140">
+        <template slot-scope="{ row }">
+          <ibps-user-selector
+            type="position"
+            v-model="row.bian_zhi_bu_men_"
+            readonly-text="text"
+            :disabled="!isBianZhiRen"
+            :multiple="false"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="feng_xian_shu_" label="风险数" width="80" />
+      <el-table-column prop="feng_xian_c_" label="风险等级分布情况" />
+      <el-table-column prop="shi_fou_guo_shen_" label="识别状态" width="140">
+        <template slot-scope="{ row }">
+          <el-tag
+            :type="row.shi_fou_guo_shen_ === '已完成' ? 'success' : 'danger'"
+            >{{ row.shi_fou_guo_shen_ }}</el-tag
+          >
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200">
+        <template slot-scope="{ row }">
+          <el-button
+            v-if="isZuZhang"
+            type="primary"
+            size="mini"
+            :disabled="
+              row.shi_fou_guo_shen_ !== '已完成' ||
+              (params && params.shi_fou_guo_shen_ === '已完成')
+            "
+            @click="goBack(row)"
+            >退回</el-button
+          >
+          <el-button type="primary" size="mini" @click="goDetail(row)"
+            >详情</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <RiskDetail ref="RiskDetailRef" :cul-ways="culWays" />
+  </div>
+</template>
+
+<script>
+import ibpsUserSelector from '@/business/platform/org/selector'
+import RiskDetail from './riskDetail.vue'
+import sortableJs from '@/mixins/sortable'
+
+export default {
+  components: {
+    ibpsUserSelector,
+    RiskDetail
+  },
+  mixins: [sortableJs],
+  props: {
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    peopleIds: {
+      type: String,
+      default: ''
+    },
+    culWays: {
+      type: Object,
+      default: () => ({})
+    },
+    bianZhiRen: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    const { userId } = this.$store.getters
+    return {
+      tableList: [],
+      detail: [],
+      isZuZhang: false,
+      userId: userId,
+      sortable: null
+    }
+  },
+  computed: {
+    // 判断当前用户是否为编制人
+    isBianZhiRen() {
+      return this.userId === this.bianZhiRen
+    }
+  },
+  watch: {
+    peopleIds: {
+      handler(val) {
+        this.getPeopleList()
+      }
+      // immediate: true
+    }
+  },
+  mounted() {
+    this.getPeopleList()
+    // this.initSortable()
+  },
+  methods: {
+    sortableEnd(evt) {
+      const { oldIndex, newIndex } = evt
+      // 处理数据交换
+      const currRow = this.tableList.splice(oldIndex, 1)[0]
+      this.tableList.splice(newIndex, 0, currRow)
+      console.log('排序已变更', this.tableList)
+    },
+    // 获取人员部门
+    getPersonPosition(id) {
+      const userList = this.$store.getters.userList
+      const bianzhiUserid = userList.find((i) => i.userId === id)
+      if (bianzhiUserid) {
+        return bianzhiUserid.positionId
+      }
+    },
+    getPersonStatus(id) {
+      const tempList = this.detail.filter((i) => i.bian_zhi_ren_ === id)
+      if (tempList.length) {
+        return tempList.every((i) => i.shi_fou_guo_shen_ === '已完成')
+          ? '已完成'
+          : '未完成'
+      } else {
+        return '未完成'
+      }
+    },
+    getRiskCount(id) {
+      const tempList = this.detail.filter((i) => i.bian_zhi_ren_ === id)
+      if (tempList.length) return tempList.length
+    },
+    getRiskCategory(id) {
+      const tempList = this.detail.filter((i) => i.bian_zhi_ren_ === id)
+      if (tempList.length) {
+        const myMap = new Map()
+        tempList.forEach((item) => {
+          const category = item.feng_xian_deng_ji
+          if (!myMap.has(category)) {
+            myMap.set(category, 0)
+          }
+          myMap.set(category, myMap.get(category) + 1)
+        })
+        let result = ''
+        myMap.forEach((value, key) => {
+          result += `${key}：${value || 0}；`
+        })
+        return result
+      }
+    },
+    async getPeopleList() {
+      this.isZuZhang = this.userId === this.params.zu_chang_id_
+      console.log('watch peopleIds triggered, new value:');
+      if (this.peopleIds) {
+        const {
+          variables: { data }
+        } = await this.$common.request('query', {
+          key: 'getFxsbpgb2ByPid',
+          params: [this.params.id_]
+        })
+        this.detail = data
+        console.log('detail-------------------------', this.detail);
+        const people = this.peopleIds.split(',')
+        if (people.length > 0) {
+          this.tableList = people.map((item) => {
+            
+            return {
+              bian_zhi_ren_: item,
+              bian_zhi_bu_men_:
+                this.detail.find((i) => i.bian_zhi_ren_ === item)
+                  ?.bian_zhi_bu_men_ || this.getPersonPosition(item),
+              shi_fou_guo_shen_: this.getPersonStatus(item),
+              feng_xian_shu_: this.getRiskCount(item),
+              feng_xian_c_: this.getRiskCategory(item)
+            }
+          })
+        }
+      }
+    },
+    goDetail(row) {
+      this.$refs.RiskDetailRef.open(this.params, row)
+    },
+    goBack(row) {
+      this.$confirm('退回操作后评估人可再次修改识别项，是否继续?', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(async () => {
+          const params = {
+            tableName: 't_fxsbpgb2',
+            updList: [
+              {
+                where: {
+                  bian_zhi_ren_: row.bian_zhi_ren_,
+                  parent_id_: this.params.id_
+                },
+                param: {
+                  shi_fou_guo_shen_: '编制中'
+                }
+              }
+            ]
+          }
+          console.log(params)
+          await this.$common.request('update', params)
+          // 发消息给评估人退回消息
+          await this.$common.sendMsg({
+            subject: '风险评估与措施表单退回提醒',
+            content: `您有一份评估与措施表单已退回，请前往-风险控制-风险评估与措施页面重新提交，计划编号：${this.params.ji_hua_bian_hao_}，组长：${this.params.zu_chang_}。`,
+            receiverId: row.bian_zhi_ren_,
+            canreplay: '0',
+            skipTypeMsg: JSON.stringify({
+              skipType: 3,
+              pathInfo: '/tygl/fxkzV2/fxpgycslb' // 路由
+            })
+          })
+          console.log('退回提醒成功')
+          console.log('退回成功')
+          this.$message({
+            type: 'success',
+            message: '退回成功!'
+          })
+          this.$emit('goBack')
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/platform/risk/riskV3.vue

@@ -0,0 +1,1156 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :visible.sync="dialogVisible"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :show-close="false"
+    append-to-body
+    fullscreen
+    class="dialog paper-detail-dialog"
+    top="0"
+  >
+    <div slot="title" class="dialog-title">
+      <span class="dialogtitle">{{ title }}</span>
+      <div>
+        <ibps-toolbar :actions="toolbars" @action-event="handleActionEvent" />
+      </div>
+    </div>
+    <div class="container">
+      <div class="left" :style="{ width: initWidth }">
+        <el-descriptions
+          title=""
+          direction="vertical"
+          :column="5"
+          border
+          size="mini"
+        >
+          <el-descriptions-item label="年度" class="aaaa">
+            <span class="required-star">*</span>
+            <el-date-picker
+              v-model="infoFxssbData.nian_du_"
+              type="year"
+              placeholder="选择年"
+              :disabled="readonly"
+              value-format="yyyy"
+              size="mini"
+            />
+          </el-descriptions-item>
+
+          <el-descriptions-item label="编制部门">
+            <div style="display: flex">
+              <span class="required-star">*</span>
+              <ibps-user-selector
+                v-model="infoFxssbData.bian_zhi_bu_men_"
+                type="position"
+                readonly-text="text"
+                :disabled="readonly"
+                :multiple="false"
+                size="mini"
+                style="width: 100%"
+                :filter="filter"
+                filtrate
+              />
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item label="编制人">
+            <ibps-user-selector
+              type="user"
+              :value="infoFxssbData.bian_zhi_ren_"
+              readonly-text="text"
+              :disabled="true"
+              :multiple="true"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="编制时间">
+            <span class="required-star">*</span>
+            <el-date-picker
+              v-model="infoFxssbData.bian_zhi_shi_jian"
+              type="datetime"
+              placeholder="选择日期时间"
+              :disabled="readonly"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="评估编号">
+            {{ infoFxssbData.ji_hua_bian_hao_ }}
+          </el-descriptions-item>
+          <el-descriptions-item label="组长">
+            <ibps-user-selector
+              type="user"
+              :value="infoFxssbData.zu_chang_id_"
+              readonly-text="text"
+              :disabled="true"
+              :multiple="true"
+              size="mini"
+              :filter="filter"
+              filtrate
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="评估开始时间">
+            <span class="required-star">*</span>
+            <el-date-picker
+              v-model="infoFxssbData.kai_shi_ri_qi_"
+              type="date"
+              placeholder="选择日期"
+              :disabled="readonly"
+              value-format="yyyy-MM-dd"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="评估结束时间">
+            <span class="required-star">*</span>
+            <el-date-picker
+              v-model="infoFxssbData.jie_shu_ri_qi_"
+              type="date"
+              placeholder="选择日期"
+              :disabled="readonly"
+              value-format="yyyy-MM-dd"
+              size="mini"
+            />
+          </el-descriptions-item>
+
+          <el-descriptions-item label="报告完成时间">
+            <span class="required-star">*</span>
+            <el-date-picker
+              v-model="infoFxssbData.bao_gao_shi_jian_"
+              type="date"
+              placeholder="选择日期"
+              :disabled="readonly"
+              value-format="yyyy-MM-dd"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="风险类型">
+            <div>
+              <el-radio
+                v-model="infoFxssbData.feng_xian_lei_xin"
+                label="质量"
+                size="mini"
+                :disabled="isEdit"
+                >质量</el-radio
+              >
+              <el-radio
+                v-model="infoFxssbData.feng_xian_lei_xin"
+                label="安全"
+                size="mini"
+                :disabled="isEdit"
+                >安全</el-radio
+              >
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item label="时机" :span="1">
+            <el-select
+              v-model="infoFxssbData.shi_ji_"
+              :disabled="readonly"
+              placeholder="请选择"
+              size="mini"
+            >
+              <el-option
+                v-for="item in [
+                  '定期评估',
+                  '新增活动',
+                  '不良事件',
+                  '程序变化',
+                  '业务变化'
+                ]"
+                :key="item"
+                :label="item"
+                :value="item"
+              />
+            </el-select>
+          </el-descriptions-item>
+
+          <el-descriptions-item label="范围" :span="onlyoneWay ? 2 : 1">
+            <el-input
+              v-model="infoFxssbData.fan_wei_"
+              :disabled="readonly"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="方法" :span="onlyoneWay ? 2 : 1">
+            <el-select
+              v-model="infoFxssbData.fang_fa_"
+              size="mini"
+              style="width: 100%"
+              :disabled="readonly"
+              filterable
+              allow-create
+              clearable
+              placeholder="请选择方法"
+            >
+              <el-option
+                v-for="item in fangFaOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-descriptions-item>
+          <el-descriptions-item
+            v-if="!onlyoneWay"
+            label="风险系数计算方式"
+            :span="2"
+          >
+            <span class="required-star">*</span>
+            <el-radio
+              v-for="(v, k) in culWays"
+              :key="k"
+              v-model="infoFxssbData.ji_suan_fang_shi_"
+              :label="k"
+              size="mini"
+              :disabled="isEdit"
+              >{{ v }}
+            </el-radio>
+          </el-descriptions-item>
+
+          <el-descriptions-item label="目的" :span="5">
+            <el-input
+              v-model="infoFxssbData.mu_di_"
+              :disabled="readonly"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="依据文件" :span="5">
+            <!-- 模版弹窗 -->
+            <ibps-custom-dialog
+              v-if="!readonly"
+              v-model="infoFxssbData.yi_ju_wen_jian_id"
+              template-key="nsyjwjxz"
+              multiple
+              type="dialog"
+              class="custom-dialog"
+              placeholder="请选择依据文件"
+              size="mini"
+              icon="el-icon-search"
+            />
+            <pre style="margin: 0">{{ infoFxssbData.yi_ju_wen_jian_ }}</pre>
+          </el-descriptions-item>
+
+          <el-descriptions-item label="首次会议时间" :span="1">
+            <el-date-picker
+              v-model="infoFxssbData.hui_yi_shi_jian_"
+              type="datetime"
+              placeholder="选择日期时间"
+              default-time="12:00:00"
+              :disabled="readonly"
+              value-format="yyyy-MM-dd HH:mm"
+              size="mini"
+            />
+          </el-descriptions-item>
+          <el-descriptions-item label="参会人员" :span="4">
+            <div style="display: flex">
+              <ibps-user-selector
+                v-model="infoFxssbData.can_hui_ren_yuan_"
+                style="width: 100%"
+                type="user"
+                readonly-text="text"
+                :disabled="readonly"
+                :multiple="true"
+                size="mini"
+                :filter="filter"
+                filtrate
+              />
+            </div>
+          </el-descriptions-item>
+          <el-descriptions-item label="会议附件" :span="5">
+            <ibps-attachment
+              v-model="infoFxssbData.hui_yi_fu_jian_"
+              :download="true"
+              multiple
+              accept="*"
+              :readonly="readonly"
+              size="mini"
+            />
+          </el-descriptions-item>
+
+          <el-descriptions-item label="事务说明 " :span="5">
+            <el-input
+              v-model="infoFxssbData.shi_wu_shuo_ming_"
+              :disabled="readonly"
+              size="mini"
+          /></el-descriptions-item>
+          <el-descriptions-item label="评估人员 " :span="5">
+            <div style="display: flex">
+              <span class="required-star">*</span>
+              <ibps-user-selector
+                v-model="infoFxssbData.ping_gu_ren_yuan_"
+                type="user"
+                style="width: 100%"
+                readonly-text="text"
+                :disabled="readonly"
+                :multiple="true"
+                size="mini"
+                :filter="filter"
+                filtrate
+              />
+            </div>
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <div style="margin-top: 20px">
+          <el-alert
+            title="根据评估人员选定的风险识别项给每个措施制定人推送风险改进流程"
+            type="success"
+            :closable="false"
+          />
+          <RiskPeopleTable
+            ref="RiskPeopleTableRef"
+            :params="params"
+            :people-ids="infoFxssbData.ping_gu_ren_yuan_"
+            :cul-ways="culWays"
+            :bian-zhi-ren="infoFxssbData.bian_zhi_ren_"  
+            @goBack="goRefresh"
+          />
+        </div>
+      </div>
+    </div>
+
+    <RiskDetail ref="RiskDetailRef" :cul-ways="culWays" @close="goRefresh" />
+    <el-image-viewer
+      v-if="showViewer"
+      :on-close="closeViewer"
+      :url-list="[FlowPic]"
+    />
+  </el-dialog>
+</template>
+
+<script>
+import { getSetting } from '@/utils/query'
+import dayjs from 'dayjs'
+import RiskPeopleTable from './riskPeopleTableV3.vue'
+import ibpsUserSelector from '@/business/platform/org/selector'
+import RiskDetail from './riskDetail.vue'
+
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import DataFormrender from '@/business/platform/data/templaterender/form'
+import DataTemplateFormrenderDialog from '@/business/platform/data/templaterender/form/dialog.vue'
+import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
+import FlowPic from '@/assets/images/risk/file-read-18951.png'
+
+export default {
+  components: {
+    ElImageViewer,
+    RiskDetail,
+    RiskPeopleTable,
+    ibpsUserSelector,
+    IbpsAttachment,
+    DataFormrender,
+    DataTemplateFormrenderDialog,
+    IbpsCustomDialog: () =>
+      import('@/business/platform/data/templaterender/custom-dialog')
+  },
+  props: {
+    params: {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    }
+  },
+  data() {
+    const { userId, position, level } = this.$store.getters
+    return {
+      FlowPic: FlowPic,
+      showViewer: false,
+      filter: [
+        {
+          descVal: '1',
+          includeSub: true,
+          old: 'position',
+          partyId: this.$store.getters.userInfo.employee.positions,
+          partyName: '',
+          scriptContent: '',
+          type: 'user',
+          userType: 'position'
+        }
+      ],
+      isFirst: true,
+      userId: userId,
+      position: position,
+      level: level.second || level.first,
+      pkValue: '',
+      readonly: true,
+      DialogVisible: false,
+      loading: false,
+      dialogVisible: true,
+      title: '风险评估与措施',
+      toolbars: [
+        { key: 'openFlowPic', label: '流程图', icon: 'ibps-icon-image' },
+        {
+          key: 'refresh',
+          label: '刷新',
+          hidden: () => {
+            return !this.isZuZhang || !this.isEdit || this.isFinished
+          }
+        },
+        {
+          key: 'save',
+          label: '保存',
+          hidden: () => {
+            return !this.isZuZhang || this.isFinished
+          }
+        },
+        // { key: 'sendMsg', label: '提醒评估人', icon: 'el-icon-bell', hidden: () => { return !this.isZuZhang || !this.isEdit || this.isFinished } },
+        // { key: 'peizhifengxian', label: '更新风险库', type: 'info', icon: 'el-icon-setting', hidden: () => { return !this.isZuZhang || !this.isEdit } },
+        {
+          key: 'submit',
+          label: '提交',
+          icon: 'el-icon-finished',
+          hidden: () => {
+            return !this.isZuZhang || !this.isEdit || this.isFinished
+          }
+        },
+        {
+          key: 'cancel',
+          label: '退出',
+          type: 'danger',
+          icon: 'ibps-icon-close'
+        }
+      ],
+      infoFxssbData: {
+        nian_du_: '',
+        bian_zhi_bu_men_: '',
+        bian_zhi_ren_: '',
+        bian_zhi_shi_jian: '',
+        zu_chang_: '',
+        zu_chang_id_: '',
+        kai_shi_ri_qi_: '',
+        jie_shu_ri_qi_: '',
+        bao_gao_shi_jian_: '',
+        feng_xian_lei_xin: '',
+        shi_ji_: '',
+        fan_wei_: '',
+        fang_fa_: '',
+        mu_di_: '',
+        yi_ju_wen_jian_id: '',
+        yi_ju_wen_jian_: '',
+        hui_yi_shi_jian_: '',
+        can_hui_ren_yuan_: '',
+        hui_yi_fu_jian_: '',
+        shi_wu_shuo_ming_: '',
+        ping_gu_ren_yuan_: '',
+        ji_hua_bian_hao_: '',
+        ji_suan_fang_shi_: ''
+      },
+      initWidth: '1280px',
+      isEdit: false,
+      isPingGuRen: false,
+      isZuZhang: true,
+      isFinished: false,
+      preParams: {},
+      Ids: [],
+      culWays: { 1: '风险矩阵法', 2: 'FMEA法' },
+      fangFaOptions: [
+        { value: '定量风险评估法', label: '定量风险评估法' },
+        { value: '风险矩阵', label: '风险矩阵' },
+        {
+          value: '头脑风暴法（集体讨论法）',
+          label: '头脑风暴法（集体讨论法）'
+        },
+        { value: '德尔菲法（专家调查法）', label: '德尔菲法（专家调查法）' },
+        { value: '情景分析', label: '情景分析' },
+        { value: '检查表', label: '检查表' },
+        { value: '故障树分析', label: '故障树分析' },
+        { value: '蒙特卡罗模拟分析法', label: '蒙特卡罗模拟分析法' },
+        { value: '贝叶斯统计及贝叶斯网络', label: '贝叶斯统计及贝叶斯网络' }
+      ]
+    }
+  },
+  computed: {
+    onlyoneWay() {
+      const keys = Object.keys(this.culWays)
+      return keys.length === 1
+    }
+  },
+  watch: {
+    'infoFxssbData.yi_ju_wen_jian_id': {
+      handler(val) {
+        this.$common
+          .request('query', {
+            key: 'getRiskFileInfo',
+            params: [val]
+          })
+          .then((response) => {
+            const conts = response.variables.data
+            let fileName = ''
+            let num = 1
+            conts.forEach((item, index) => {
+              fileName += `${num}、${item.name_}\n`
+              num = num + 1
+            })
+            this.infoFxssbData.yi_ju_wen_jian_ = fileName
+          })
+      },
+      immediate: true
+    },
+    'infoFxssbData.zu_chang_id_': {
+      handler(val) {
+        if (val) {
+          const userList = this.$store.getters.userList
+          const bianzhiUserid = userList.find((i) => i.userId === val)
+          if (bianzhiUserid) {
+            this.infoFxssbData.zu_chang_ = bianzhiUserid.userName
+          }
+        }
+      }
+    },
+    'infoFxssbData.feng_xian_lei_xin': {
+      handler(val) {
+        if (val) {
+          if (this.isFirst) {
+            this.isFirst = false
+          } else {
+            this.infoFxssbData.fan_wei_ = `本实验室与${val}相关所有活动`
+            this.infoFxssbData.mu_di_ = `通过对实验室（${val}活动）进行风险评估，识别实验室在（${val}活动）方面存在的潜在风险，评估风险影响程度，制定风险管理策略，减少不利后果发生的概率和影响程度。`
+            this.infoFxssbData.shi_wu_shuo_ming_ = `年度：${this.infoFxssbData.nian_du_}；组长：${this.infoFxssbData.zu_chang_}；评估开始日期：${this.infoFxssbData.kai_shi_ri_qi_}；风险类型：${val}`
+          }
+        }
+      }
+    }
+  },
+
+  async mounted() {
+    const culWays = await getSetting('risk', 'culWays')
+    if (this.$utils.isNotEmpty(culWays)) {
+      this.culWays = culWays
+    }
+    this.init()
+  },
+  beforeDestroy() {
+    if (this.msg) {
+      this.msg.close()
+    }
+  },
+  methods: {
+    // 获取最新数据
+    async getNewData() {
+      const {
+        variables: { data }
+      } = await this.$common.request('query', {
+        key: 'getFxpgjlb2ById',
+        params: [this.params.id_]
+      })
+      return data
+    },
+    // 判断是否已完成
+    async getIsFinish() {
+      const data = await this.getNewData()
+      if (data.length > 0 && data[0].shi_fou_guo_shen_ === '已完成') {
+        throw new Error('已结束，不可操作！')
+      }
+    },
+    // 快照URL
+    getReportParams(path, selection, data) {
+      const { level } = this.$store.getters
+      const str = `org_=${level.first}&second_=${level.second}&id_=`
+      const arr = path.split('&')
+      if (arr.length === 2) {
+        const fieldArr = arr[1].split('=')
+        return str + `${data[fieldArr[1]]}`
+      } else {
+        // 如果是没有传参，还是原报表路径
+        return str + `${selection}`
+      }
+    },
+    // 提交
+    async goSubmit() {
+      try {
+        this.$confirm('提交后不可修改，是否确认保存并提交?', '提示', {
+          confirmButtonText: '继续',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(async () => {
+            // 提交前自动保存
+            await this.goSave()
+            // 判断每个评估人是否已完成识别项
+            const pinGuRenNum = this.Ids.length
+            const {
+              variables: { data }
+            } = await this.$common.request('query', {
+              key: 'getFxsbpgb2ByPid',
+              params: [this.params.id_]
+            })
+            const submitNum = new Set(data.map((item) => item.bian_zhi_ren_))
+              .size
+            if (
+              submitNum === pinGuRenNum &&
+              data.every((item) => item.shi_fou_guo_shen_ === '已完成')
+            ) {
+              // 1.修改状态为已完成
+              const updateParamsRecord = {
+                tableName: 't_fxpgjlb2',
+                updList: [
+                  {
+                    where: {
+                      id_: this.params.id_
+                    },
+                    param: {
+                      shi_fou_guo_shen_: '已完成'
+                    }
+                  }
+                ]
+              }
+              await this.$common.request('update', updateParamsRecord)
+              // 2.推送给措施制定人下一个流程
+              const addParams = {
+                tableName: 't_fxkzcsb2',
+                paramWhere: data
+                  .map((item) => {
+                    if (
+                      item.feng_xian_ying_du !== '风险接受' &&
+                      item.zhi_ding_ren_
+                    ) {
+                      return {
+                        di_dian_: this.level,
+                        shi_fou_guo_shen_: '待制定',
+                        bian_zhi_ren_: item.zhi_ding_ren_,
+                        bian_zhi_bu_men_: this.getPersonPosition(
+                          item.zhi_ding_ren_.split(',')[0]
+                        ),
+                        bian_zhi_shi_jian: dayjs().format(
+                          'YYYY-MM-DD HH:mm:ss'
+                        ),
+                        gai_jin_bian_hao_: '',
+                        yao_su_tiao_kuan_: item.yao_su_tiao_kuan_,
+                        gong_zuo_huan_jie: item.gong_zuo_huan_jie,
+                        // gong_zuo_miao_shu: item.gong_zuo_miao_shu,
+                        feng_xian_miao_sh: item.feng_xian_miao_sh,
+                        zu_chang_: this.infoFxssbData.zu_chang_,
+                        zu_chang_id_: this.infoFxssbData.zu_chang_id_,
+                        shi_wu_shuo_ming_: this.infoFxssbData.shi_wu_shuo_ming_,
+                        yuan_zhi_shu_: item.feng_xian_zhi_shu,
+                        kong_zhi_fang_fa_: item.xian_xing_kong_zh,
+                        feng_xian_lei_xin: this.infoFxssbData.feng_xian_lei_xin,
+                        qian_fu_jian_: this.infoFxssbData.yi_ju_wen_jian_id,
+                        ji_hua_bian_hao_: this.infoFxssbData.ji_hua_bian_hao_,
+                        ni_cai_qu_kong_zh: item.ni_cai_qu_cuo_shi,
+                        qian_zai_yuan_yin: item.qian_zai_yuan_yin,
+                        ji_suan_fang_shi_: this.infoFxssbData.ji_suan_fang_shi_,
+                        yuan_feng_xian_de: item.feng_xian_deng_ji,
+                        yuan_feng_xian_yi: item.feng_xian_ying_du,
+                        parent_id_: item.id_ || ''
+                      }
+                    }
+                  })
+                  .filter((i) => i !== undefined),
+                formKey: 'fxcscsbV2',
+                defKey: 'Process_1li9h0n'
+              }
+
+              this.loading = true
+              for (let i = 0; i < addParams.paramWhere.length; i++) {
+                const item = addParams.paramWhere[i]
+                item.gai_jin_bian_hao_ = await this.getNextAlias('gjjllsh')
+              }
+              if (addParams.paramWhere.length) {
+                // 预防推送流程数据过多，做切片处理
+                await this.processInBatches(addParams.paramWhere)
+                  .then(() => {})
+                  .catch(() => {
+                    this.loading = false
+                  })
+                console.log('改进流程推送成功')
+              } else {
+                console.log('无需推送')
+              }
+
+              // 3.推送给组长 评估报告流程
+              const addParams2 = {
+                tableName: 't_fxkzbg',
+                paramWhere: [
+                  {
+                    di_dian_: this.level,
+                    shi_fou_guo_shen_: '待编制',
+                    bian_zhi_ren_: this.infoFxssbData.zu_chang_id_,
+                    bian_zhi_bu_men_: this.getPersonPosition(
+                      this.infoFxssbData.zu_chang_id_
+                    ),
+                    bian_zhi_shi_jian: dayjs().format('YYYY-MM-DD HH:mm'),
+                    zu_chang_: this.infoFxssbData.zu_chang_,
+                    zu_chang_id_: this.infoFxssbData.zu_chang_id_,
+                    feng_xian_lei_xin: this.infoFxssbData.feng_xian_lei_xin,
+                    kai_shi_ri_qi_: this.infoFxssbData.kai_shi_ri_qi_,
+                    jie_shu_ri_qi_: this.infoFxssbData.jie_shu_ri_qi_,
+                    wan_cheng_ri_qi_: this.infoFxssbData.bao_gao_shi_jian_,
+                    shi_wu_shuo_ming_: this.infoFxssbData.shi_wu_shuo_ming_,
+                    ji_hua_bian_hao_: this.infoFxssbData.ji_hua_bian_hao_,
+                    hui_yi_wen_jian_: this.infoFxssbData.hui_yi_fu_jian_
+                  }
+                ],
+                formKey: 'fxbg',
+                defKey: 'Process_0mrlsj7'
+              }
+              console.log('报告流程推送成功')
+              await this.$common.request('add', addParams2)
+
+              this.$message.success('提交成功')
+              // 提醒用户推送信息
+              this.$alert(
+                `需要改进项${addParams.paramWhere.length}条，已向其中的每位措施制定人推送风险改进流程，同时向组长 ${this.infoFxssbData.zu_chang_} 推送风险报告流程！`,
+                '提交成功',
+                {
+                  confirmButtonText: '确定',
+                  callback: (action) => {
+                    this.closeDialog(true)
+                  }
+                }
+              )
+            } else {
+              this.$message.warning(
+                '存在未完成风险识别项的评估人员，无法提交！'
+              )
+              return
+            }
+          })
+          .catch(() => {})
+      } catch (error) {
+        this.$message.warning(error.message)
+      }
+    },
+    async processInBatches(array, batchSize = 20) {
+      for (let i = 0; i < array.length; i += batchSize) {
+        const batch = array.slice(i, i + batchSize)
+
+        try {
+          const addParams = {
+            tableName: 't_fxkzcsb2',
+            paramWhere: batch,
+            formKey: 'fxcscsbV2',
+            defKey: 'Process_1li9h0n'
+          }
+          await this.$common.request('add', addParams)
+        } catch (error) {
+          console.error('处理批次时出错:', error)
+          // 可以添加重试逻辑或错误处理
+        }
+      }
+      console.log('所有数据处理完成')
+    },
+    // id 转 姓名
+    switchIdtoUserName(id) {
+      const { userList } = this.$store.getters
+      const user = userList.find((item) => item.userId === id)
+      return user ? user.userName : ''
+    },
+    goPeizhifengxian() {
+      const buttons = document.querySelector('button[name="peizhifengxian"]')
+      if (buttons) {
+        buttons.click()
+      }
+    },
+    handleActionEvent({ key }) {
+      switch (key) {
+        case 'cancel':
+          this.closeDialog(true)
+          break
+        case 'record':
+          this.goRecord()
+          break
+        case 'save':
+          this.goSave('close')
+          break
+        case 'submit':
+          this.goSubmit()
+          break
+        case 'refresh':
+          this.goRefresh()
+          break
+        case 'sendMsg':
+          this.goSendMsg()
+          break
+        case 'peizhifengxian':
+          this.goPeizhifengxian()
+          break
+        case 'openFlowPic':
+          this.showViewer = true
+          break
+        default:
+          break
+      }
+    },
+    // 关闭大图预览
+    closeViewer() {
+      this.showViewer = false
+    },
+    // 推送消息给评估人
+    async goSendMsg() {
+      const {
+        variables: { data: data2 }
+      } = await this.$common.request('query', {
+        key: 'getFxpgjlb2ById',
+        params: [this.params.id_]
+      })
+      if (data2.length > 0 && data2[0].shi_fou_guo_shen_ === '已完成') {
+        return this.$message('已结束，不可推送消息！')
+      }
+      if (!data2[0].ping_gu_ren_yuan_) {
+        return this.$message.warning('请先指定评估人！')
+      }
+      this.$confirm('此操作将通知所有评估人，是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          const allRequests = []
+          this.Ids.forEach((item) => {
+            allRequests.push(
+              this.$common.sendMsg({
+                subject: '风险识别项待填写提醒',
+                content: `您有一份风险识别项待填写，请前往-风险控制-风险评估与措施页面填写，计划编号：${this.infoFxssbData.ji_hua_bian_hao_}，组长：${this.infoFxssbData.zu_chang_}。如已提交请忽略。`,
+                receiverId: item,
+                canreplay: '0',
+                skipTypeMsg: JSON.stringify({
+                  skipType: 3,
+                  pathInfo: '/tygl/fxkzV2/fxpgycslb' // 路由
+                })
+              })
+            )
+          })
+          Promise.all(allRequests)
+            .then(() => {
+              this.$message({
+                type: 'success',
+                message: '推送成功!'
+              })
+            })
+            .catch(() => {
+              this.$message({
+                type: 'warning',
+                message: '推送失败!'
+              })
+            })
+        })
+        .catch(() => {})
+    },
+    // 获取人员部门
+    getPersonPosition(id) {
+      const userList = this.$store.getters.userList
+      const bianzhiUserid = userList.find((i) => i.userId === id)
+      if (bianzhiUserid) {
+        return bianzhiUserid.positionId.split(',')[0]
+      }
+    },
+    checkRequired() {
+      if (!this.infoFxssbData.nian_du_) {
+        throw new Error('请填写年度！')
+      }
+      if (!this.infoFxssbData.kai_shi_ri_qi_) {
+        throw new Error('请填写评估开始日期！')
+      }
+      if (!this.infoFxssbData.jie_shu_ri_qi_) {
+        throw new Error('请填写评估结束日期！')
+      }
+      if (!this.infoFxssbData.bao_gao_shi_jian_) {
+        throw new Error('请填写报告完成时间！')
+      }
+      // if (!this.infoFxssbData.hui_yi_shi_jian_) {
+      //     throw new Error('请填写首次会议时间！')
+      // }
+      // if (!this.infoFxssbData.can_hui_ren_yuan_) {
+      //     throw new Error('请填写参会人员！')
+      // }
+      if (!this.infoFxssbData.ping_gu_ren_yuan_) {
+        throw new Error('请填写评估人员！')
+      }
+      if (!this.infoFxssbData.bian_zhi_shi_jian) {
+        throw new Error('请选择编制时间！')
+      }
+      if (!this.infoFxssbData.bian_zhi_bu_men_) {
+        throw new Error('请选择编制部门！')
+      }
+      if (!this.infoFxssbData.ji_suan_fang_shi_) {
+        throw new Error('请选择风险系数计算方式！')
+      }
+    },
+    async goAdd() {
+      try {
+        const addParamsRecord = {
+          tableName: 't_fxpgjlb2',
+          paramWhere: [this.infoFxssbData]
+        }
+        const {
+          variables: { cont }
+        } = await this.$common.request('add', addParamsRecord)
+        if (cont.length) {
+          this.$message.success('添加成功')
+          this.closeDialog(true)
+        }
+      } catch (error) {
+        console.log(error)
+        this.$message.warning('添加失败')
+      }
+    },
+    async goEdit(flag) {
+      try {
+        // 先检查状态
+        await this.getIsFinish()
+
+        // 更新主表
+        const updateParamsRecord = {
+          tableName: 't_fxpgjlb2',
+          updList: [
+            {
+              where: {
+                id_: this.params.id_
+              },
+              param: this.infoFxssbData
+            }
+          ]
+        }
+        updateParamsRecord.updList.forEach((item) => {
+          Object.keys(item.param).forEach((key) => {
+            if (key.endsWith('_label_value')) {
+              delete item.param[key]
+            }
+          })
+        })
+        console.log('updateParamsRecord', updateParamsRecord)
+        await this.$common.request('update', updateParamsRecord)
+
+        // 当前人员数组
+        const curIds = this.infoFxssbData.ping_gu_ren_yuan_.split(',')
+
+        // 计算需要增加项
+        const addedIds = curIds.filter((item) => !this.Ids.includes(item))
+        // 计算需要更新项
+        const updatedIds = curIds.filter((item) => this.Ids.includes(item))
+        // 计算需要删除项
+        const deletedIds = this.Ids.filter((id) => !curIds.includes(id))
+        console.log(addedIds, updatedIds, deletedIds)
+        // 删除
+        if (deletedIds.length > 0) {
+          const ids = deletedIds.map((id) => id).join(',')
+          const {
+            variables: { data: data3 }
+          } = await this.$common.request('query', {
+            key: 'getFxsbpgb2ByUid',
+            params: [this.params.id_, ids]
+          })
+          if (data3.length > 0) {
+            const params = {
+              tableName: 't_fxsbpgb2',
+              paramWhere: {
+                id_: data3.map((item) => item.id_).join(',')
+              }
+            }
+            console.log(params)
+            await this.$common.request('delete', params)
+            console.log('删除成功')
+          }
+        }
+        if (flag === 'close') {
+          this.closeDialog(true)
+          this.$message.success('修改成功')
+        } else {
+          await this.goRefresh() // 修改之后刷新
+        }
+      } catch (error) {
+        this.$message.warning(error.message)
+        throw new Error(error.message)
+      }
+    },
+    async goSave(flag) {
+      try {
+        this.checkRequired()
+        if (this.isEdit) {
+          await this.goEdit(flag)
+        } else {
+          this.$confirm(
+            `风险类型${
+              this.onlyoneWay ? '' : '和风险系数计算公式'
+            }保存后不可再修改，是否继续?`,
+            '提示',
+            {
+              confirmButtonText: '继续',
+              cancelButtonText: '取消',
+              type: 'warning'
+            }
+          )
+            .then(async () => {
+              await this.goAdd()
+            })
+            .catch(() => {})
+        }
+      } catch (error) {
+        this.$message.warning(error.message)
+        throw new Error(error.message)
+      }
+    },
+    // 刷新
+    async goRefresh() {
+      this.loading = true
+      if (this.msg) {
+        this.msg.close()
+      }
+      await this.init()
+      if (this.$refs.RiskPeopleTableRef) {
+        await this.$refs.RiskPeopleTableRef.getPeopleList()
+      }
+      this.loading = false
+    },
+    // 关闭当前窗口
+    closeDialog(needRefresh) {
+      this.dialogVisible = false
+      if (needRefresh) {
+        this.$emit('close')
+      }
+      if (this.msg) {
+        this.msg.close()
+      }
+    },
+    // 弹出提醒
+    async showAlert() {
+      if (!this.isPingGuRen || this.isFinished) return
+      const {
+        variables: { data }
+      } = await this.$common.request('query', {
+        key: 'getFxsbpgb2ByUid',
+        params: [this.params.id_, this.userId]
+      })
+      let status = '填写'
+      let type = 'warning'
+      if (data.length > 0) {
+        if (data.every((item) => item.shi_fou_guo_shen_ === '已完成')) {
+          return
+        } else {
+          status = '提交'
+          type = 'success'
+        }
+      }
+      this.msg = this.$notify({
+        offset: 50,
+        type: type,
+        title: `您有一份风险识别评估表待${status}！`,
+        message: `点击前去${status}`,
+        showClose: false,
+        duration: 0,
+        onClick: () => {
+          this.$refs.RiskDetailRef.open(this.params)
+        }
+      })
+    },
+    getNextAlias(alias) {
+      return new Promise((resolve, reject) => {
+        this.$common
+          .getNextIdByAlias({
+            alias
+          })
+          .then((response) => {
+            resolve(response.data)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      })
+    },
+    async init() {
+      this.isEdit = !!(this.params && this.params.id_)
+      if (this.isEdit) {
+        this.infoFxssbData = this.params
+        console.log('infoFxssbData', this.infoFxssbData)
+        this.preParams = JSON.parse(JSON.stringify(this.params))
+        this.isPingGuRen =
+          this.params.ping_gu_ren_yuan_.indexOf(this.userId) >= 0
+        this.isZuZhang = this.userId === this.infoFxssbData.zu_chang_id_
+        this.isFinished =
+          this.params && this.params.shi_fou_guo_shen_ === '已完成'
+        this.readonly = !!(!this.isZuZhang || this.isFinished)
+        if (this.params.ping_gu_ren_yuan_) {
+          this.Ids = this.params.ping_gu_ren_yuan_.split(',')
+        } else {
+          this.Ids = []
+        }
+        await this.showAlert()
+      } else {
+        const { positions } = this.$store.getters.userInfo
+        // 默认编制部门是主部门，没有主部门默认第一个部门
+        const mainPost =
+          positions.find((item) => item.isMainPost === 'Y')?.id ||
+          positions[0].id
+        this.readonly = false
+        this.infoFxssbData.di_dian_ = this.level
+        this.infoFxssbData.ji_hua_bian_hao_ = await this.getNextAlias('fxjhlsh')
+        this.infoFxssbData.nian_du_ = dayjs().format('YYYY')
+        this.infoFxssbData.bian_zhi_bu_men_ = mainPost
+        this.infoFxssbData.bian_zhi_ren_ = this.userId
+        this.infoFxssbData.bian_zhi_shi_jian = dayjs().format(
+          'YYYY-MM-DD HH:mm:ss'
+        )
+        this.infoFxssbData.zu_chang_id_ = this.userId
+        this.infoFxssbData.kai_shi_ri_qi_ = dayjs().format('YYYY-MM-DD')
+        this.infoFxssbData.jie_shu_ri_qi_ = dayjs().format('YYYY-MM-DD')
+        this.infoFxssbData.feng_xian_lei_xin = '质量'
+        this.infoFxssbData.shi_ji_ = '定期评估'
+        this.infoFxssbData.fan_wei_ = '本实验室与质量相关所有活动'
+        this.infoFxssbData.fang_fa_ = '定量风险评估法'
+        this.infoFxssbData.mu_di_ =
+          '通过对实验室（质量活动）进行风险评估，识别实验室在（质量活动）方面存在的潜在风险，评估风险影响程度，制定风险管理策略，减少不利后果发生的概率和影响程度。'
+        this.infoFxssbData.hui_yi_shi_jian_ = dayjs().format('YYYY-MM-DD HH:mm')
+        this.$nextTick(() => {
+          this.infoFxssbData.shi_wu_shuo_ming_ = `年度：${this.infoFxssbData.nian_du_}；组长：${this.infoFxssbData.zu_chang_}；评估开始日期：${this.infoFxssbData.kai_shi_ri_qi_}；风险类型：${this.infoFxssbData.feng_xian_lei_xin}`
+        })
+        this.infoFxssbData.ji_suan_fang_shi_ = Object.keys(this.culWays)[0]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.paper-detail-dialog {
+  ::v-deep {
+    .el-dialog__header {
+      text-align: center;
+    }
+  }
+  .container {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+
+    .left {
+      height: calc(100vh - 100px);
+      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+      padding: 10px;
+      overflow-y: auto;
+    }
+    .right {
+      height: calc(100vh - 100px);
+      flex: 1;
+      padding: 10px;
+      .text {
+        line-height: 1.5;
+      }
+      overflow-y: auto;
+    }
+  }
+}
+.required-star {
+  color: red;
+  margin-right: 4px;
+}
+.dialog-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  div {
+    position: absolute;
+    right: 8vw;
+  }
+  .dialogtitle {
+    font-size: 22px;
+    font-family: SimHei;
+    font-weight: bold;
+    color: #222;
+  }
+}
+.el-image-viewer__wrapper {
+  z-index: 9999 !important;
+}
+</style>

src/views/system/dashboard/components/calendar-alert.vue

@@ -13,15 +13,21 @@
           :key="key"
           class="item-container"
         >
-          <div
-            class="start-time"
-            :class="{ alertcolor: new Date() > new Date(key) }"
-          >
-            {{ key }}:
-          </div>
           <div v-for="(item, index) in value" :key="item.id" class="message">
-            {{ index + 1 }}.{{ item.emergencyState | emergencyFilter
-            }}{{ item.title }}
+            <div
+              class="start-time"
+              :class="{ alertcolor: new Date() > new Date(key) }"
+            >
+              {{
+                item.startTime == item.endTime
+                  ? item.startTime
+                  : item.startTime + ' 至 ' + item.endTime
+              }}
+            </div>
+            <div
+              >{{ item.emergencyState | emergencyFilter
+              }}{{ item.title }}</div
+            >
           </div>
         </div>
       </div>