视频管理，图片管理 批量操作修改

fangyuan

2022-12-12 557ab21ba91a175f68c5b5eb158ddb26c44f9bac

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -1,13 +1,14 @@
<template>
  <div class="study-judge">
    <div class="study-judge-header">
      <span>您有{{ eventList.length }}条待审核报警信息,今日立案0条,再学习{{ countData.review }}条</span>
      <span>您有{{ countData.review }}条待审核报警信息,今日立案{{ countData.register }}条,再学习{{ countData.study }}条</span>
    </div>
    <div class="study-judge-main">
      <div class="sjm-header">
        <div class="sjm-header-left">
          <span class="moni-name">监控点位名称: {{ currentEvent.name }} </span>
          <span class="moni-area">{{ currentEvent.street }}</span>
          <span>{{ currentEvent.address }}</span>
        </div>
        <div class="sjm-header-right">
          <el-button size="small">实时预览</el-button>
@@ -39,25 +40,25 @@
                <span>{{ currentEvent.grade }}</span>
              </el-form-item>
              <el-form-item label="首次报警时间:">
                <span>{{ currentEvent.firstTime }}</span>
                <span>{{ currentEvent.alarmTime }}</span>
              </el-form-item>
              <el-form-item label="最近报警时间:">
                <span>{{ currentEvent.recentTime }}</span>
                <span>{{ currentEvent.currentAlarmTime }}</span>
              </el-form-item>
              <el-form-item label="持续时间:">
                <span>{{ currentEvent.conntinueTime }}</span>
              </el-form-item>
              <el-form-item label="关联店铺" prop="store">
                <el-select v-model="eventInfoData.store" @change="selectStoreChange" placeholder="请选择关联店铺">
                <el-select v-model="eventInfoData.store" clearable @change="selectStoreChange" placeholder="请选择关联店铺">
                  <el-option v-for="store in storeList" :value="store.id" :label="store.storeName" :key="store.id" />
                </el-select>
              </el-form-item>
              <el-form-item v-if="eventInfoData.store" label="店铺得分:">
                <span>{{ selectStoreChange(eventInfoData.store).storeScore }}</span>
              </el-form-item>
              <el-form-item label="处理意见:" prop="advice">
                <el-radio-group v-model="eventInfoData.advice">
                  <el-radio :label="item.id" v-for="item in adviceList" :key="item.id">{{ item.label }}</el-radio>
              <el-form-item label="处理意见:" prop="state">
                <el-radio-group v-model="eventInfoData.state">
                  <el-radio :label="item.id" v-for="item in stateList" :key="item.id">{{ item.label }}</el-radio>
                </el-radio-group>
              </el-form-item>
              <el-form-item label="大类名称:" prop="categoryId">
@@ -87,7 +88,7 @@
      </div>
    </div>
    <el-dialog :visible="isShowDialog" title="调度信息">
      <MyDispatch v-if="isShowDialog" :mytype="1" @confirmInspection="handleConfirm" :isGetData="true" @changeDialog="closeDialog"></MyDispatch>
      <MyDispatch v-if="isShowDialog" :mytype="1" @getDispatchData="confirmInspection" :isGetData="true" @changeDialog="closeDialog"></MyDispatch>
    </el-dialog>
  </div>
</template>
@@ -144,12 +145,13 @@
      }
    };
    return {
      eventList: [],
      countData: {
        review: 0
        study: 0,
        review: 0,
        register: 0
      },
      currentEvent: {},
      adviceList: [
      stateList: [
        {
          id: 2,
          label: '上报',
@@ -169,19 +171,19 @@
      ],
      eventInfoData: null,
      rules:{
        advice:[
        state:[
          {
            required: true, trigger:['blur', 'change'], message: '处理意见不能为空'
            required: true, trigger:['blur'], message: '处理意见不能为空'
          },
        ],
        categoryId:[
          {
            required: true, trigger:['blur', 'change'], message: '大类名称不能为空'
            required: true, trigger:['blur'], message: '大类名称不能为空'
          }
        ],
        typeId:[
          {
            required: true, trigger:['blur', 'change'], message: '小类名称不能为空'
            required: true, trigger:['blur'], message: '小类名称不能为空'
          }
        ],
        carNumber:[{ trigger:['blur', 'change'], validator: validateCarNumber }]
@@ -208,10 +210,17 @@
    getInspectionData() {
      basecase.getInspectionData({ current: this.currentPage })
          .then(({ records }) => {
            this.eventList = records;
            this.currentEvent = this.eventList[0];
            this.currentEvent = records[0];
            if (this.currentEvent?.picData) {
              this.imageList = this.currentEvent.picData.split(',').map(item => `${FILE_ORIGINAL_URL}${item}`);
            }
            if (this.currentEvent?.alarmTime || this.currentEvent?.currentAlarmTime) {
              const { alarmTime, currentAlarmTime } = this.currentEvent;
              const continueAlarmTime = new Date().getTime() -
                  (currentAlarmTime ? new Date(currentAlarmTime).getTime() : new Date(alarmTime).getTime());
              const CONTINUE_DAY = continueAlarmTime / 1000 / 60 / 60 / 24;
              const CONTINUE_HOURS = (CONTINUE_DAY - parseInt(CONTINUE_DAY)) * 24;
              this.currentEvent.conntinueTime = `${parseInt(CONTINUE_DAY)}天${parseInt(CONTINUE_HOURS)}小时`;
            }
          })
          .catch(err => this.$message.error(err))
@@ -221,10 +230,10 @@
    handleConfirm(){
      this.$refs.currentEvent.validate((flag)=>{
        if(flag){
          this.eventInfoData.baseId = this.currentEvent.code;
          this.eventInfoData.baseId = this.currentEvent.baseId;

          // 调度
          if (this.eventInfoData.advice === 6) {
          if (this.eventInfoData.state === 6) {
            this.isShowDialog = true;
          } else {
            this.confirmInspection();
@@ -239,7 +248,7 @@
      this.eventInfoData = {
        baseId: null,
        store: null,
        advice: null,
        state: null,
        categoryId: null,
        typeId: null,
        carNumber: null,
@@ -254,7 +263,9 @@
    },

    confirmInspection(data) {
      basecase.confirmInspection({ ...this.eventInfoData, ...data })
      const eventParams = Object.assign({}, this.eventInfoData);
      delete eventParams.store;
      basecase.confirmInspection({ ...eventParams, ...data })
          .then(() => {
            this.$message.success('操作成功');
            this.getInspectionData();
@@ -269,7 +280,7 @@

    selectStoreChange(id) {
      const selectedStore = this.storeList.find(store => store.id === id);
      this.eventInfoData.shopName = selectedStore.storeName;
      this.eventInfoData.shopName = selectedStore.id;
      this.eventInfoData.linkShop = 1;
      return selectedStore;
    }
@@ -359,4 +370,4 @@
    color: #4b9bb7;
  }
}
</style>
</style>