预警研判大类丶小类修改，案件编号内容

luobisheng

2022-12-06 99b614dcaa78b90fe8a680b0606d307a387b321e

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -47,16 +47,28 @@
              <el-form-item label="持续时间:">
                <span>{{ currentEvent.conntinueTime }}</span>
              </el-form-item>
              <el-form-item label="关联店铺" prop="store">
                <el-select v-model="currentEvent.store" 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="currentEvent.store" label="店铺得分:">
                <span>{{ getStoreScore(currentEvent.store) }}</span>
              </el-form-item>
              <el-form-item label="处理意见:" prop="advice">
                <el-radio-group v-model="currentEvent.advice">
                  <el-radio :label="item.id" v-for="item in adviceList" :key="item.id">{{ item.label }}</el-radio>
                </el-radio-group>
              </el-form-item>
              <el-form-item label="大类名称:" prop="categoryId">
                <el-input v-model="currentEvent.categoryId" placeholder="请选择大类名称"></el-input>
                <el-select v-model="currentEvent.categoryId" placeholder="请选择大类名称" @change="categoryChange">
                  <el-option v-for="category in categoryOptions" :key="category.id" :value="category.id" :label="category.name" />
                </el-select>
              </el-form-item>
              <el-form-item label="小类名称:" prop="typeId">
                <el-input v-model="currentEvent.typeId" placeholder="请选择小类名称"></el-input>
                <el-select v-model="currentEvent.typeId" placeholder="请选择小类名称">
                  <el-option v-for="type in typeOptions" :key="type.id" :value="type.id" :label="type.name" />
                </el-select>
              </el-form-item>
              <el-form-item label="车牌号:" prop="carNumber">
                <el-input v-model="currentEvent.carNumber" placeholder="请填写车牌号码"></el-input>
@@ -65,7 +77,7 @@
                <el-input type="textarea" :rows="5" v-model="currentEvent.description"></el-input>
              </el-form-item>
              <el-form-item>
                <el-button @click="pageChange('prev')">上一条</el-button>
                <el-button :disabled="currentPage === 1" @click="pageChange('prev')">上一条</el-button>
                <el-button @click.native.prevent="handleConfirm">确认</el-button>
                <el-button @click="pageChange('next')">下一条</el-button>
              </el-form-item>
@@ -79,7 +91,10 @@

<script>
import basecase from "@/api/operate/basecase";
import baseInfo from "@/api/baseInfo";
import { getStoreInfoList } from "@/api/operate/storeManagement";
import { FILE_ORIGINAL_URL } from "@/utils";
import { validateCarNum } from "@/utils/validate";

export default {
  created() {
@@ -89,8 +104,37 @@
          this.countData = res;
        })
        .catch(err => this.$message.error(err))
    getStoreInfoList({ current: 1, size: 100 })
        .then(({ list }) => {
          this.storeList = list;
        })
        .catch(err => {
          this.$message.error(err)
        })

    baseInfo.getCategoryList()
        .then(res => {
          this.categoryOptions = res;
        })
        .catch(err => this.$message.error(err))

    baseInfo.getTypeList()
        .then(res => {
          this.typeList = res;
        })
        .catch(err => this.$message.error(err))
  },
  data() {
    const validateCarNumber = (rule, value, callback) => {
      if (value) {
        const result = validateCarNum(value);
        if (result) {
          callback();
        } else {
          callback(new Error('请输入正确的车牌号'));
        }
      }
    };
    return {
      eventList: [],
      countData: {
@@ -131,41 +175,34 @@
            required: true, trigger:['blur', 'change'], message: '小类名称不能为空'
          }
        ],
        carNumber:[
          {
            required: true, trigger:['blur', 'change'], message: '车牌号不能为空'
          }
        ]
        carNumber:[{ trigger:['blur', 'change'], validator: validateCarNumber }]
      },
      imageList: [],
      currentPage: 1
      currentPage: 1,
      categoryOptions: [],
      typeOptions: [],
      storeList: [],
      typeList: []
    }
  },
  methods:{
    pageChange(type) {
      if (this.eventList.length === this.currentPage) {
        this.$message.warning('当前已是最后一页');
        return;
      }
      if (type === 'next') {
        this.currentPage += 1;
      } else {
        this.currentPage -= 1;
      }
      this.currentEvent = this.eventList[this.currentPage - 1];
      this.getInspectionData();
    },

    getInspectionData() {
      basecase.getInspectionData({ current: this.currentPage })
          .then(({ records }) => {
            this.eventList = records;
            this.eventList.forEach(item => {
              if (item.picData) {
                const imageUrls = item.picData.split(',');
                this.imageList = imageUrls.map(url => `${FILE_ORIGINAL_URL}${url}`);
              }
            })
            this.currentEvent = this.eventList[this.currentPage - 1];
            this.currentEvent = this.eventList[0];
            if (this.currentEvent?.picData) {
              this.imageList = this.currentEvent.picData.split(',').map(item => `${FILE_ORIGINAL_URL}${item}`);
            }
          })
          .catch(err => this.$message.error(err))
    },
@@ -181,9 +218,17 @@
              })
              .catch(err => this.$message.error(err))
        } else {
          this.$message.warning('请检查必填项')
          this.$message.warning('请检查必填项');
        }
      })
    },

    categoryChange(id) {
      this.typeOptions = this.typeList.filter(type => type.parentId === id);
    },

    getStoreScore(storeId) {
      return this.storeList.find(store => store.id === storeId).storeScore;
    }
  }
}