| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | |
| | | <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() { |
| | |
| | | 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: { |
| | |
| | | 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)) |
| | | }, |
| | |
| | | }) |
| | | .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; |
| | | } |
| | | } |
| | | } |