| | |
| | | /> |
| | | <!-- <el-select |
| | | v-model="filters.department" |
| | | placeholder="请选择所属单位" |
| | | placeholder="请选择所属部门" |
| | | class="filter-item" |
| | | clearable |
| | | > |
| | |
| | | |
| | | <el-row :gutter="16"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="所属部门" prop="department"> |
| | | <el-form-item label="处理部门" prop="department"> |
| | | <el-select |
| | | v-model="form.department" |
| | | placeholder="请选择所属部门" |
| | | placeholder="请选择处理部门" |
| | | @change="handleDepartmentChange" |
| | | class="full-width" |
| | | > |
| | |
| | | <el-form-item label="处理人员" prop="handler"> |
| | | <el-select |
| | | v-model="form.handler" |
| | | placeholder="请先选择所属部门" |
| | | placeholder="请先选择处理人员" |
| | | :disabled="!form.department" |
| | | class="full-width" |
| | | > |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="选择位置" prop="location"> |
| | | <el-form-item label="事件位置" prop="location"> |
| | | <div class="location-wrapper"> |
| | | <avue-input-map |
| | | v-model="form.location" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="附件图片" prop="photos" required class="upload-wrapper"> |
| | | <el-form-item label="事件图片" prop="photos" required class="upload-wrapper"> |
| | | <el-upload |
| | | v-if="createoredit === 1" |
| | | ref="upload" |
| | |
| | | <div class="review-container"> |
| | | <div class="review-image-wrapper"> |
| | | <!-- 修改左右箭头的显示条件 --> |
| | | <div |
| | | <el-button |
| | | v-if="selections.length > 1 && currentReviewImage" |
| | | class="arrow-button left" |
| | | @click="handlePrevImage" |
| | | icon="el-icon-arrow-left" |
| | | > |
| | | <i class="el-icon-arrow-left"></i> |
| | | </div> |
| | | </el-button> |
| | | |
| | | <div class="review-image-container"> |
| | | <!-- <el-image v-if="currentReviewImage" :src="getThumbUrl(currentReviewImage)" fit="fill" |
| | |
| | | </div> |
| | | |
| | | <!-- 修改右箭头的显示条件 --> |
| | | <div |
| | | <el-button |
| | | v-if="selections.length > 1 && currentReviewImage" |
| | | class="arrow-button right" |
| | | @click="handleNextImage" |
| | | icon="el-icon-arrow-right" |
| | | > |
| | | <i class="el-icon-arrow-right"></i> |
| | | </div> |
| | | </el-button> |
| | | </div> |
| | | |
| | | <!-- 修改分页器的显示条件 --> |
| | |
| | | // { label: "序号", prop: "id", width: 70 }, |
| | | { label: '工单编号', prop: 'orderNumber', width: 170 }, |
| | | { label: '工单名称', prop: 'orderName', width: 150, overHidden: true, tooltip: true }, |
| | | { label: '所属单位', prop: 'department', overHidden: true, tooltip: true }, |
| | | { label: '发起时间', prop: 'startTime', width: 160 }, |
| | | { label: '所属部门', prop: 'department', overHidden: true, tooltip: true }, |
| | | { label: '发起时间', prop: 'startTime', width: 160, overHidden: true }, |
| | | { label: '关联算法', prop: 'aiType', overHidden: true, tooltip: true }, |
| | | { |
| | | label: '工单类型', |
| | |
| | | width: 152, |
| | | overHidden: true, |
| | | }, |
| | | { label: '创建人', prop: 'creator', width: 70 }, |
| | | { label: '处理人', prop: 'handler', width: 70 }, |
| | | { label: '创建人', prop: 'creator', width: 120, overHidden: true, }, |
| | | { label: '处理人', prop: 'handler', width: 120, overHidden: true, }, |
| | | { |
| | | slot: true, |
| | | hide: envName === 'jiangwu' ? true : false, |
| | |
| | | editable: false, |
| | | }, |
| | | { |
| | | label: '任务发起人', |
| | | label: '工单创建人', |
| | | value: this.currentDetail.creator, |
| | | editable: false, |
| | | }, |
| | |
| | | type: 'input', |
| | | }, |
| | | { label: '关键任务', value: this.currentDetail.keyData, editable: false }, |
| | | { label: '任务发起人', value: this.currentDetail.creator, editable: false }, |
| | | { label: '工单创建人', value: this.currentDetail.creator, editable: false }, |
| | | { label: '当前状态', value: this.mapStatus(this.currentDetail.status), editable: false }, |
| | | { label: '事件地址', value: this.currentDetail.address, editable: false }, |
| | | { |
| | |
| | | this.currentDetail.type |
| | | }, |
| | | { label: '关联任务', value: this.currentDetail.job_name || '/' }, |
| | | { label: '任务发起人', value: this.currentDetail.creator }, |
| | | { label: '工单创建人', value: this.currentDetail.creator }, |
| | | { label: '当前状态', value: this.mapStatus(this.currentDetail.status) }, |
| | | { label: '事件地址', value: this.currentDetail.address || this.currentDetail.latAndLon }, // 包含经纬度信息 |
| | | { |
| | |
| | | }); |
| | | } else if (column.no === 4) { |
| | | navigator.clipboard.writeText(row.department).then(() => { |
| | | this.$message.success('复制所属单位成功'); |
| | | this.$message.success('复制所属部门成功'); |
| | | }); |
| | | } |
| | | }, |
| | |
| | | const headers = [ |
| | | '工单编号', |
| | | '工单名称', |
| | | '所属单位', |
| | | '所属部门', |
| | | '发起时间', |
| | | '关联算法', |
| | | '工单内容', |
| | |
| | | return { |
| | | 工单编号: item.orderNumber || item.event_num || '', |
| | | 工单名称: item.orderName || item.event_name || '', |
| | | 所属单位: item.department || item.dept_name || '', |
| | | 所属部门: item.department || item.dept_name || '', |
| | | 发起时间: item.startTime || item.create_time || '', |
| | | 关联算法: item.aiType || item.ai_types || '', |
| | | 工单内容: item.address || item.content || '', |
| | |
| | | height: 44px; |
| | | background: rgba(0, 0, 0, 0.3); |
| | | border-radius: 50%; |
| | | border: none; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | |
| | | |
| | | &.left { |
| | | left: 20px; |
| | | color: #ffffff; |
| | | } |
| | | |
| | | &.right { |
| | | right: 20px; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |