Merge branch 'master' of http://139.196.74.78:10010/r/jagzwxm/ja_web
15 files modified
1 files added
| | |
| | | { label: '未分发', value: 0 }, |
| | | { label: '已分发', value: 1 }, |
| | | { label: '已驳回', value: 2 }, |
| | | { label: '已确认', value: 3 }, |
| | | ] |
| | | |
| | | // 获取分发状态标签 |
| | |
| | | </el-table-column> |
| | | <el-table-column label="操作" class-name="operation-btns"> |
| | | <template v-slot="{ row }"> |
| | | <el-link @click="seeOnlineWord(item)">查看</el-link> |
| | | <el-link @click="seeOnlineWord(row)">查看</el-link> |
| | | <el-link @click="openForm(row)">在线编辑</el-link> |
| | | <el-link @click="handleDelete(row)">删除</el-link> |
| | | </template> |
| | |
| | | </template> |
| | | </el-dialog> |
| | | <PreviewFiles v-model="previewVisible" :src="searchUrl" type="docx"/> |
| | | <el-image v-if="previewVisibleImg" :src="searchUrl" fit="contain" style="height: 100%;width: 100%" /> |
| | | <!-- <el-image v-if="previewVisibleImg" :src="searchUrl" fit="contain" style="height: 100%;width: 100%" /> --> |
| | | <el-image-viewer |
| | | v-if="previewVisibleImg" |
| | | :url-list="[searchUrl]" |
| | | @close="previewVisibleImg = false" |
| | | ></el-image-viewer> |
| | | </basic-container> |
| | | </template> |
| | | <script setup> |
| | |
| | | loading.value = true |
| | | try { |
| | | const res = await fjPageApi({ ...searchParams.value }) |
| | | console.log(res?.data?.data?.records,'888') |
| | | list.value = res?.data?.data?.records ?? [] |
| | | console.log(list.value,'999') |
| | | total.value = res?.data?.data?.total ?? 0 |
| | | } finally { |
| | | loading.value = false |
| | |
| | | } |
| | | |
| | | // 在线查看文档 |
| | | function seeOnlineWord(item) { |
| | | console.log(item.link,'9999') |
| | | if (!item.link) { |
| | | ElMessage.error('文档链接不存在') |
| | | function seeOnlineWord(row) { |
| | | // 获取点之后的文件格式名 |
| | | const fileType = row?.link?.split('.').pop() || '' |
| | | if (!row.link) { |
| | | ElMessage.warning('文件链接不存在') |
| | | return |
| | | } else if (!item.link.includes('docx') && !item.link.includes('pdf') && !item.link.includes('png') && !item.link.includes('jpg')) { |
| | | ElMessage.error('可进行下载观看!') |
| | | } else if (!row.link.includes('docx') && !row.link.includes('pdf') && !row.link.includes('png') && !row.link.includes('jpg')) { |
| | | ElMessage.warning(`${fileType}文件格式,可以下载再查看`) |
| | | return |
| | | } else if (item.link.includes('png') || item.link.includes('jpg')) { |
| | | } else if (row.link.includes('png') || row.link.includes('jpg')) { |
| | | previewVisibleImg.value = true |
| | | searchUrl.value = item.link |
| | | searchUrl.value = row.link |
| | | return |
| | | } else if (item.link.includes('docx') || item.link.includes('pdf')) { |
| | | } else if (row.link.includes('docx') || row.link.includes('pdf')) { |
| | | previewVisible.value = true |
| | | searchUrl.value = item.link |
| | | searchUrl.value = row.link |
| | | return |
| | | } |
| | | } |
| | |
| | | async function handleDownload() { |
| | | // 如果是勾选一个可以直接下载,超过一个打包下载 |
| | | // 依次下载每个文件(添加延迟以避免浏览器限制) |
| | | if (selectedFiles.value.length === 0) { |
| | | ElMessage.warning('请选择要下载的文件') |
| | | return |
| | | } |
| | | selectedFiles.value.forEach((file, index) => { |
| | | setTimeout(() => { |
| | | if (file.link) { |
| | |
| | | <div class="gd-dialog-form"> |
| | | <!-- 关联工单选择 --> |
| | | <div class="work-order-section"> |
| | | <div class="detail-title" :style="{marginBottom: 0,marginRight: pxToRem(10)}">选择工单</div> |
| | | <div class="detail-title" :style="{ marginBottom: 0, marginRight: pxToRem(10) }">选择工单</div> |
| | | <el-select |
| | | class="gd-select" |
| | | style="width: 150px" |
| | |
| | | |
| | | <!-- 工单信息展示 --> |
| | | <div class="work-order-info" v-if="selectedWorkOrder"> |
| | | <el-row class="detail-row-view" > |
| | | <el-row class="detail-row-view"> |
| | | <el-col :span="12"> |
| | | <div class="info-item"> |
| | | <span class="label">工单类型</span> |
| | |
| | | </div> |
| | | |
| | | <!-- 子任务表格表单 --> |
| | | <div class="task-table-section"> |
| | | <div class="detail-title" :style="{marginTop: pxToRem(10)}">添加子任务</div> |
| | | <div class="task-table-section" v-if="selectedWorkOrderId"> |
| | | <div class="detail-title" :style="{ marginTop: pxToRem(10) }">添加子任务</div> |
| | | <div class="task-table-container"> |
| | | <el-table :data="taskList"> |
| | | <el-table-column width="50" label=""> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="patrolTaskType" label="巡查任务类型" min-width="140"> |
| | | <template v-slot="{ row }"> |
| | | <template v-slot="{ row, $index }"> |
| | | <el-select |
| | | class="gd-select" |
| | | popper-class="gd-select-popper" |
| | | v-model="row.patrolTaskType" |
| | | placeholder="请选择" |
| | | :disabled="dialogReadonly" |
| | | @change="handlePatrolTaskTypeChange($index, $event)" |
| | | > |
| | | <el-option |
| | | v-for="item in dictObj.patrolTaskType" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="recommendFlyerName" label="推荐飞手" min-width="120"> |
| | | <template v-slot="{ row }"> |
| | | <template v-slot="{ row, $index }"> |
| | | <el-select |
| | | class="gd-select" |
| | | popper-class="gd-select-popper" |
| | | v-model="row.recommendFlyerName" |
| | | placeholder="请选择" |
| | | filterable |
| | | :disabled="dialogReadonly" |
| | | :disabled="dialogReadonly || !taskList[$index].patrolTaskType" |
| | | > |
| | | <el-option v-for="item in flyerList" :key="item.id" :label="item.flyerName" :value="item.flyerName" /> |
| | | <el-option |
| | | v-for="item in flyerListMap[$index] || []" |
| | | :key="item.id" |
| | | :label="item.flyerName" |
| | | :value="item.flyerName" |
| | | /> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | const selectedWorkOrder = ref(null) // 选中的工单信息 |
| | | |
| | | // 下拉选项 |
| | | const flyerList = ref([]) // 飞手列表 |
| | | const flyerListMap = ref({}) // 飞手列表,按行索引存储 |
| | | const deviceList = ref([]) // 设备列表 |
| | | const routeOptions = ref([ |
| | | { name: '航线1', id: '1' }, |
| | |
| | | function removeTaskRow(index) { |
| | | if (taskList.value.length > 1) { |
| | | taskList.value.splice(index, 1) |
| | | // 重新整理 flyerListMap 的索引 |
| | | const newFlyerListMap = {} |
| | | Object.keys(flyerListMap.value).forEach(key => { |
| | | const keyIndex = parseInt(key) |
| | | if (keyIndex < index) { |
| | | newFlyerListMap[keyIndex] = flyerListMap.value[keyIndex] |
| | | } else if (keyIndex > index) { |
| | | newFlyerListMap[keyIndex - 1] = flyerListMap.value[keyIndex] |
| | | } |
| | | }) |
| | | flyerListMap.value = newFlyerListMap |
| | | } |
| | | } |
| | | |
| | | // 获取工单列表 |
| | | async function getWorkOrderList() { |
| | | const res = await gdWorkOrderPageApi({ size: 999, }) |
| | | const res = await gdWorkOrderPageApi({ size: 999, workOrderStatus: '20' }) |
| | | workOrderList.value = res?.data?.data?.records ?? [] |
| | | } |
| | | |
| | | // 处理巡查任务类型变化 |
| | | async function handlePatrolTaskTypeChange(index, skilledTaskType) { |
| | | // 清空该行已选择的飞手 |
| | | taskList.value[index].recommendFlyerName = '' |
| | | // 获取对应的飞手列表 |
| | | await getFlyerList(index, skilledTaskType) |
| | | } |
| | | |
| | | // 获取飞手列表 |
| | | async function getFlyerList() { |
| | | async function getFlyerList(index, skilledTaskType) { |
| | | const res = await gdFlyerPageApi({ |
| | | size: 999, |
| | | // todo 需要传入前面的巡查类型 |
| | | // patrolTaskType: '1', |
| | | skilledTaskType, |
| | | }) |
| | | flyerList.value = res?.data?.data?.records ?? [] |
| | | flyerListMap.value[index] = res?.data?.data?.records ?? [] |
| | | } |
| | | |
| | | // 获取设备列表 |
| | | async function getDeviceList() { |
| | | const res = await gdManageDeviceListApi({ |
| | | // TODO 需要传入ids设备 |
| | | // ids: |
| | | deviceIds: selectedWorkOrder.value.recommendDeviceIds, |
| | | }) |
| | | deviceList.value = res?.data?.data ?? [] |
| | | } |
| | | |
| | | watch( |
| | | () => selectedWorkOrderId.value, |
| | | () => { |
| | | getDeviceList() |
| | | } |
| | | ) |
| | | |
| | | // 提交新增 |
| | | async function handleSubmit() { |
| | |
| | | })) |
| | | await gdPatrolTaskSaveApi(dataList) |
| | | dialogMode.value === 'add' ? ElMessage.success('新增成功') : ElMessage.success('修改成功') |
| | | dialogMode.value === 'edit' && await gdPatrolTaskAuditApi({ auditStatus: 7, id: preID }) |
| | | dialogMode.value === 'edit' && (await gdPatrolTaskAuditApi({ auditStatus: 7, id: preID })) |
| | | visible.value = false |
| | | emit('success') |
| | | } finally { |
| | |
| | | |
| | | // 打开弹框 |
| | | async function open({ mode = 'add', row } = {}) { |
| | | console.log(row,'rowrow') |
| | | console.log(row, 'rowrow') |
| | | dialogMode.value = mode |
| | | if (mode === 'add') { |
| | | selectedWorkOrderId.value = null |
| | | selectedWorkOrder.value = null |
| | | taskList.value = [initTaskRow()] |
| | | flyerListMap.value = {} |
| | | } else { |
| | | // 编辑/查看模式 - 加载已有数据 |
| | | selectedWorkOrderId.value = row?.workOrderId |
| | | handleWorkOrderChange(row?.workOrderId) |
| | | taskList.value = [{ ...row }] |
| | | flyerListMap.value = {} |
| | | // 如果有巡查类型,加载对应的飞手列表 |
| | | if (row?.patrolTaskType) { |
| | | getFlyerList(0, row.patrolTaskType) |
| | | } |
| | | } |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getWorkOrderList() |
| | | getFlyerList() |
| | | getDeviceList() |
| | | }) |
| | | |
| | | defineExpose({ open }) |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .detail-row-view{ |
| | | .detail-row-view { |
| | | margin-top: 10px; |
| | | } |
| | | .work-order-section{ |
| | | .work-order-section { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| New file |
| | |
| | | <template> |
| | | <el-dialog |
| | | class="gd-dialog" |
| | | v-model="visible" |
| | | title="编辑" |
| | | @closed="visible = false" |
| | | destroy-on-close |
| | | :close-on-click-modal="false" |
| | | > |
| | | <div v-if="dialogReadonly"> |
| | | <el-row class="detail-row-view"> |
| | | <el-col :span="24"> |
| | | <div class="label">{{formLabelStr}}:</div> |
| | | <div class="val">{{ formData.rejectReason || '' }}</div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <el-form |
| | | v-else |
| | | class="gd-dialog-form" |
| | | ref="formRef" |
| | | :model="formData" |
| | | :rules="rules" |
| | | :disabled="dialogReadonly" |
| | | label-width="80px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item :label="formLabelStr" prop="rejectReason"> |
| | | <el-input |
| | | class="gd-input" |
| | | v-model="formData.rejectReason" |
| | | type="textarea" |
| | | :rows="4" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <template #footer> |
| | | <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button> |
| | | <el-button |
| | | class="save-btn" |
| | | color="#4C34FF" |
| | | v-if="!dialogReadonly" |
| | | :loading="submitting" |
| | | :disabled="submitting" |
| | | @click="handleSubmit" |
| | | > |
| | | 确认 |
| | | </el-button> |
| | | </template> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { computed, ref } from 'vue' |
| | | import { ElMessage } from 'element-plus' |
| | | import { fieldRules, getDictLabel } from '@ztzf/utils' |
| | | import { gdWorkOrderHandleStatusApi } from '@/views/orderView/orderManage/orderManage/orderManageApi' |
| | | import { gdPatrolTaskAuditApi } from '@/views/orderView/orderManage/inspectionRequest/inspectionRequestApi' |
| | | |
| | | // 初始化表单数据 |
| | | const initForm = () => ({ |
| | | auditStatus: null, |
| | | rejectReason: '', |
| | | id: null, |
| | | }) |
| | | |
| | | const emit = defineEmits(['success']) |
| | | const formRef = ref(null) // 表单实例 |
| | | const formData = ref(initForm()) // 表单数据 |
| | | const visible = defineModel() // 弹框显隐 |
| | | const dialogMode = ref('add') // 弹框模式 |
| | | const submitting = ref(false) // 提交中 |
| | | const dialogReadonly = computed(() => dialogMode.value === 'view') |
| | | const titleEnum = ref({ edit: '编辑', view: '查看', add: '新增' }) |
| | | |
| | | const rules = { |
| | | rejectReason: fieldRules(true, 200), |
| | | } |
| | | |
| | | // 提交新增/编辑 |
| | | async function handleSubmit() { |
| | | const isValid = await formRef.value?.validate().catch(() => false) |
| | | if (!isValid) return |
| | | submitting.value = true |
| | | gdPatrolTaskAuditApi(formData.value) |
| | | .then(res => { |
| | | ElMessage.success('提交成功') |
| | | visible.value = false |
| | | emit('success') |
| | | }) |
| | | .finally(() => { |
| | | submitting.value = false |
| | | }) |
| | | } |
| | | |
| | | let formLabelStr = ref('原因') |
| | | |
| | | |
| | | // 操作类型:1.同意签收、2.拒绝签收 、3.撤回任务 、4.同意审核、 5.拒绝审核、 6.验收通过、 7.验收拒绝 |
| | | async function open({ mode = 'add', row, formLabel, type } = {}) { |
| | | dialogMode.value = mode |
| | | formLabelStr.value = formLabel |
| | | formData.value = { |
| | | id: row.id, |
| | | auditStatus: type, |
| | | } |
| | | if (dialogMode.value !== 'add'){ |
| | | formData.value.rejectReason = row.rejectReason |
| | | } |
| | | } |
| | | |
| | | defineExpose({ open }) |
| | | </script> |
| | |
| | | <div class="val">{{ formData.taskDesc }}</div> |
| | | </el-col> |
| | | </el-row> |
| | | <template v-if="['6','7','8'].includes(taskStatus)"> |
| | | <div>任务成功({{list.length || 0}}条)</div> |
| | | <div style="display: flex"> |
| | | <template v-if="['6', '7', '8'].includes(taskStatus)"> |
| | | <div>任务成功({{ list.length || 0 }}条)</div> |
| | | <div style="display: flex"> |
| | | <div v-for="item in list"> |
| | | <el-image |
| | | v-if="item.resultUrl" |
| | |
| | | </div> |
| | | |
| | | <template #footer> |
| | | <!-- <el-button color="#F2F3F5" @click="visible = false">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>--> |
| | | <el-button |
| | | class="save-btn" |
| | | color="#4C34FF" |
| | | v-if="!dialogReadonly" |
| | | :loading="submitting" |
| | | :disabled="submitting" |
| | | @click="handleSubmit" |
| | | > |
| | | 确认 |
| | | </el-button> |
| | | |
| | | <template v-if="requester"> |
| | | <!-- statusChange(6)--> |
| | | <el-button color="#F2F3F5" v-if="taskStatus === '1'">拒绝原因</el-button> |
| | | <el-button color="#F2F3F5" @click="statusChange(3)" v-if="taskStatus === '3'">撤回任务</el-button> |
| | | <el-button color="#F2F3F5" @click="refusalToAccept" v-if="taskStatus === '6'">拒绝验收</el-button> |
| | | <el-button color="#F2F3F5" @click="statusChange(6)" v-if="taskStatus === '6'">验收通过</el-button> |
| | | <el-button |
| | | v-if="!dialogReadonly || ['1', '4'].includes(taskStatus)" |
| | | :loading="submitting" |
| | | :disabled="submitting" |
| | | @click="handleSubmit" |
| | | > |
| | | 提交 |
| | | </el-button> |
| | | <el-button v-if="['1', '4'].includes(taskStatus)" @click="viewDescription"> |
| | | {{ gdStatusObj[taskStatus].reason }} |
| | | </el-button> |
| | | <el-button @click="statusChange(3)" v-if="taskStatus === '3'">撤回任务</el-button> |
| | | <el-button @click="refusalToAccept" v-if="taskStatus === '6'">拒绝验收</el-button> |
| | | <el-button @click="statusChange(6)" v-if="taskStatus === '6'">验收通过</el-button> |
| | | </template> |
| | | <template v-else> |
| | | <el-button color="#F2F3F5" @click="statusChange(2)" v-if="taskStatus === '0'">拒绝签收</el-button> |
| | | <el-button color="#F2F3F5" @click="statusChange(1)" v-if="taskStatus === '0'">签收</el-button> |
| | | <el-button color="#F2F3F5" @click="statusChange(5)" v-if="taskStatus === '3'">驳回</el-button> |
| | | <el-button color="#F2F3F5" @click="statusChange(4)" v-if="taskStatus === '3'">通过</el-button> |
| | | <el-button v-if="['7'].includes(taskStatus)" @click="viewDescription"> |
| | | {{ gdStatusObj[taskStatus].reason }} |
| | | </el-button> |
| | | <el-button v-if="taskStatus === '0'" @click="addDescription">拒绝签收</el-button> |
| | | <el-button v-if="taskStatus === '0'" @click="statusChange(1)">签收</el-button> |
| | | <el-button v-if="taskStatus === '3'" @click="addDescription">驳回</el-button> |
| | | <el-button v-if="taskStatus === '3'" @click="statusChange(4)">同意</el-button> |
| | | </template> |
| | | </template> |
| | | |
| | | <RefuseOrderDialog1 |
| | | ref="refuseOrderDialogRef" |
| | | v-if="rejectVisible" |
| | | v-model="rejectVisible" |
| | | @success="rejectSuccess" |
| | | /> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | |
| | | import { pxToRem } from '@/utils/rem' |
| | | import CommonCesiumMap from '@/components/map-container/common-cesium-map.vue' |
| | | import { gdTaskResultListApi } from '@/views/orderView/orderManage/clueEvents/achievementApi' |
| | | import RefuseOrderDialog from '@/views/orderView/orderManage/orderManage/RefuseOrderDialog.vue' |
| | | import RefuseOrderDialog1 from '@/views/orderView/orderManage/inspectionRequest/RefuseOrderDialog1.vue' |
| | | |
| | | // 初始化表单数据 |
| | | const initForm = () => ({ |
| | |
| | | workOrderId: null, |
| | | }) |
| | | |
| | | const rejectVisible = ref(false) |
| | | const mapRef = ref(null) |
| | | const dictObj = inject('dictObj') |
| | | const requester = inject('requester') |
| | | const emit = defineEmits(['success','refusalAccept']) |
| | | const emit = defineEmits(['success', 'refusalAccept']) |
| | | const formRef = ref(null) |
| | | const formData = ref(initForm()) |
| | | const visible = defineModel() |
| | |
| | | const dialogReadonly = computed(() => dialogMode.value === 'view') |
| | | const titleEnum = ref({ edit: '编辑', view: '查看' }) |
| | | const taskStatus = computed(() => formData.value.taskStatus) |
| | | const refuseOrderDialogRef = ref(null) |
| | | |
| | | // 下拉选项 |
| | | const flyerList = ref([]) |
| | | const deviceList = ref([]) |
| | |
| | | { name: '航线2', id: '2' }, |
| | | { name: '航线3', id: '3' }, |
| | | ]) |
| | | |
| | | const gdStatusObj = { |
| | | '0': { reason: '拒绝原因', operationType: '2' }, |
| | | '1': { reason: '拒绝原因' }, |
| | | '2': { reason: '' }, |
| | | '3': { reason: '驳回原因', operationType: '5' }, |
| | | '4': { reason: '驳回原因' }, |
| | | '5': { reason: '' }, |
| | | '6': { reason: '拒绝原因' }, |
| | | '7': { reason: '拒绝原因' }, |
| | | '8': { reason: '' }, |
| | | } |
| | | |
| | | let viewer |
| | | |
| | |
| | | patrolRouteUrl: fieldRules(true), |
| | | recommendFlyerName: fieldRules(true), |
| | | deviceId: fieldRules(true), |
| | | } |
| | | |
| | | function rejectSuccess() { |
| | | visible.value = false |
| | | emit('success') |
| | | } |
| | | |
| | | // 填写说明 |
| | | function addDescription() { |
| | | rejectVisible.value = true |
| | | nextTick(() => { |
| | | refuseOrderDialogRef.value.open({ |
| | | mode: 'add', |
| | | row: formData.value, |
| | | type: gdStatusObj[taskStatus.value].operationType, |
| | | formLabel: gdStatusObj[taskStatus.value].reason, |
| | | }) |
| | | }) |
| | | } |
| | | // 查看说明 |
| | | function viewDescription() { |
| | | rejectVisible.value = true |
| | | nextTick(() => { |
| | | refuseOrderDialogRef.value.open({ |
| | | mode: 'view', |
| | | row: formData.value, |
| | | formLabel: gdStatusObj[taskStatus.value].reason, |
| | | }) |
| | | }) |
| | | } |
| | | |
| | | // 获取航线名称 |
| | |
| | | } |
| | | |
| | | function refusalToAccept() { |
| | | emit('refusalAccept',formData.value) |
| | | emit('refusalAccept', formData.value) |
| | | visible.value = false |
| | | } |
| | | |
| | |
| | | // 打开弹框 |
| | | async function open({ mode = 'view', row } = {}) { |
| | | dialogMode.value = mode |
| | | formData.value = { ...initForm(), ...row }; |
| | | ['6','7','8'].includes(row.taskStatus) && getList() |
| | | formData.value = { ...initForm(), ...row } |
| | | ;['6', '7', '8'].includes(row.taskStatus) && getList() |
| | | initMap() |
| | | } |
| | | |
| | |
| | | > |
| | | <div class="content" style="display: flex"> |
| | | <div class="processBox" v-if="dialogMode !== 'add' && processList.length"> |
| | | <el-steps direction="vertical" :active="processList.length"> |
| | | <el-step v-for="item in processList" :title="item.flowName" :description="item.flowDesc" /> |
| | | </el-steps> |
| | | <el-timeline> |
| | | <el-timeline-item |
| | | v-for="(activity, index) in processList" |
| | | :key="index" |
| | | :icon="Check" |
| | | :type="index === processList.length - 1 ? 'success' : 'info'" |
| | | :color="activity.color" |
| | | :hollow="activity.hollow" |
| | | :timestamp="activity.flowDesc.split(' ')[1]" |
| | | > |
| | | <div class="item-content"> |
| | | <div>{{ activity.flowDesc.split(' ')[0] }}</div> |
| | | <div class="flowName">{{ activity.flowName }}</div> |
| | | </div> |
| | | </el-timeline-item> |
| | | </el-timeline> |
| | | </div> |
| | | <div class="leftBox"> |
| | | <div v-if="dialogReadonly"> |
| | |
| | | <template #footer> |
| | | <template v-if="requester"> |
| | | <el-button |
| | | v-if="['11', '31'].includes(gdStatus) || suddenlyEdit || (!dialogReadonly && !formData.id)" |
| | | v-if="['11'].includes(gdStatus) || suddenlyEdit || (!dialogReadonly && !formData.id)" |
| | | :loading="submitting" |
| | | :disabled="submitting" |
| | | @click="handleSubmit" |
| | | > |
| | | {{ gdStatus === '11' ? '发布' : '提交修改' }} |
| | | 发布 |
| | | {{ gdStatus === '11' || !gdStatus ? '发布' : '提交修改' }} |
| | | </el-button> |
| | | <el-button v-if="['11', '21', '23', '24', '25', '31', '60'].includes(gdStatus)" @click="viewDescription"> |
| | | {{ gdStatusObj[gdStatus].reason }} |
| | |
| | | <el-button v-if="gdStatus === '22'" @click="statusChange(7)">同意修改</el-button> |
| | | <el-button v-if="gdStatus === '22'" @click="statusChange(8)">不同意修改</el-button> |
| | | <el-button v-if="gdStatus === '21'" @click="statusChange(5)">同意取消</el-button> |
| | | <el-button v-if="gdStatus === '21'" @click="statusChange(6)">不同意取消</el-button> |
| | | <el-button v-if="gdStatus === '21'" @click="addDescription">不同意取消</el-button> |
| | | <el-button v-if="gdStatus === '30'" @click="addDescription">协商修改</el-button> |
| | | <el-button v-if="gdStatus === '31'" @click="statusChange(10)">同意</el-button> |
| | | </template> |
| | | </template> |
| | | |
| | |
| | | import RefuseOrderDialog from '@/views/orderView/orderManage/orderManage/RefuseOrderDialog.vue' |
| | | import CommonCesiumMap from '@/components/map-container/common-cesium-map.vue' |
| | | import { gdPatrolTaskPageApi } from '@/views/orderView/orderManage/inspectionRequest/inspectionRequestApi' |
| | | |
| | | import { Check } from '@element-plus/icons-vue' |
| | | // 初始化表单数据 |
| | | const initForm = () => ({ |
| | | workOrderName: '', |
| | |
| | | const hasPatrolTaskList = computed(() => ['30', '40', '50', '60'].includes(String(formData.value.workOrderStatus))) |
| | | |
| | | const gdStatusObj = { |
| | | '0': { reason: '' }, |
| | | '10': { reason: '拒绝原因', operationType: '2' }, |
| | | '11': { reason: '拒绝原因' }, |
| | | '20': { reason: '取消原因', operationType: '3' }, |
| | | '21': { reason: '取消原因' }, |
| | | '21': { reason: '原因', operationType: '6' }, |
| | | '22': { reason: '驳回原因' }, |
| | | '23': { reason: '取消原因' }, |
| | | '24': { reason: '驳回原因', operationType: '3' }, |
| | |
| | | '30': { reason: '修改原因', operationType: '9' }, |
| | | '31': { reason: '修改原因' }, |
| | | '40': { reason: '' }, |
| | | '50': { reason: '情况说明', operationType: '10' }, |
| | | '50': { reason: '情况说明', operationType: '11' }, |
| | | '60': { reason: '情况说明' }, |
| | | } |
| | | |
| | |
| | | deviceLoadDemand: fieldRules(true), |
| | | } |
| | | |
| | | // 操作类型:1接单,2拒接接单,3申请取消,4申请修改, 5同意取消 6不同意取消 7.同意修改 8.不同意修改 9.协商修改 |
| | | // 操作类型:1接单,2拒接接单,3申请取消,4申请修改, 5同意取消 |
| | | // 6不同意取消 7.同意修改 8.不同意修改 9.协商修改,10:同意协商修改,11.结算 |
| | | function statusChange(operationType) { |
| | | gdWorkOrderHandleStatusApi({ |
| | | operationType: operationType, |
| | |
| | | }) |
| | | } |
| | | |
| | | // 查看说明 |
| | | function viewDescription() { |
| | | rejectVisible.value = true |
| | | refuseOrderDialogRef.value.open({ |
| | | mode: 'view', |
| | | row: formData.value, |
| | | formLabel: gdStatusObj[gdStatus.value].reason, |
| | | nextTick(() => { |
| | | refuseOrderDialogRef.value.open({ |
| | | mode: 'view', |
| | | row: formData.value, |
| | | formLabel: gdStatusObj[gdStatus.value].reason, |
| | | }) |
| | | }) |
| | | } |
| | | |
| | |
| | | const str = [...pointList.value, pointList.value[0]].map(item => `${item.longitude} ${item.latitude}`).join(',') |
| | | let geom = `POLYGON((${str}))` |
| | | const res = await gdManageDeviceListApi({ |
| | | ids: formData.value.recommendDeviceIds, |
| | | deviceIds: formData.value.recommendDeviceIds, |
| | | devicePayload: dialogMode.value === 'add' ? formData.value.deviceLoadDemand : '', |
| | | geom: dialogMode.value === 'add' ? geom : '', |
| | | }) |
| | |
| | | } |
| | | } |
| | | |
| | | // 设备需求变化 |
| | | function loadDemandChange() { |
| | | formData.value.recommendDeviceIds = '' |
| | | selectedDevices.value = [] |
| | |
| | | } |
| | | ) |
| | | |
| | | // 加载时间线list |
| | | function loadList() { |
| | | gdWorkOrderFlowListApi({ workOrderId: formData.value.id }).then(res => { |
| | | processList.value = res.data.data |
| | |
| | | } |
| | | |
| | | .rightBox { |
| | | width: 350px; |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | |
| | | |
| | | .processBox { |
| | | width: 312px; |
| | | .el-timeline{ |
| | | padding-left: 100px; |
| | | } |
| | | .item-content{ |
| | | position: relative; |
| | | .flowName{ |
| | | position: absolute; |
| | | left: -100px; |
| | | top: 0; |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | |
| | | import { ElMessage } from 'element-plus' |
| | | import { fieldRules, getDictLabel } from '@ztzf/utils' |
| | | import { gdWorkOrderHandleStatusApi } from '@/views/orderView/orderManage/orderManage/orderManageApi' |
| | | import { pxToRem } from '@/utils/rem' |
| | | import dayjs from 'dayjs' |
| | | |
| | | // 初始化表单数据 |
| | | const initForm = () => ({ |
| | |
| | | params, |
| | | }) |
| | | } |
| | | // 退回工单 |
| | | export const backGdApi = (data) => { |
| | | return request({ |
| | | url: '/drone-gd/workOrder/gdClueEvent/handle', |
| | | method: 'post', |
| | | data, |
| | | }) |
| | | } |
| | |
| | | } |
| | | .goOutStyle { |
| | | width: 670rpx; |
| | | height: 100rpx; |
| | | height: 76rpx; |
| | | background: #1D6FE9; |
| | | border-radius: 8rpx 8rpx 8rpx 8rpx; |
| | | font-family: "Source Han Sans CN"; |
| | | font-weight: 400; |
| | | font-size: 36rpx; |
| | | font-size: 28rpx; |
| | | color: #ffffff; |
| | | text-align: center; |
| | | line-height: 100rpx; |
| | | line-height: 76rpx; |
| | | margin: auto; |
| | | margin-top: 114rpx; |
| | | |
| | |
| | | |
| | | .custom-style { |
| | | width: 276rpx; |
| | | height: 100rpx; |
| | | height: 76rpx; |
| | | font-family: "Source Han Sans CN"; |
| | | font-weight: 400; |
| | | font-size: 36rpx; |
| | | font-size: 28rpx; |
| | | } |
| | | :deep(.u-button.data-v-461e713c){ |
| | | width: 276rpx !important; |
| | | height: 100rpx !important; |
| | | height: 76rpx !important; |
| | | } |
| | | </style> |
| | |
| | | |
| | | .custom-style { |
| | | width: 276rpx; |
| | | height: 100rpx; |
| | | height: 76rpx; |
| | | font-family: "Source Han Sans CN"; |
| | | font-weight: 400; |
| | | font-size: 36rpx; |
| | | font-size: 28rpx; |
| | | } |
| | | :deep(.u-button.data-v-461e713c){ |
| | | width: 276rpx !important; |
| | | height: 100rpx !important; |
| | | height: 76rpx !important; |
| | | } |
| | | .getCode { |
| | | margin-left: 20rpx; |
| | |
| | | <div class="share-btn" @click="onShareClick"><img src="@/static/images/work/share.svg" alt=""></div> |
| | | </template> |
| | | </u-navbar> |
| | | |
| | | <!-- 分享弹出层 --> |
| | | <div v-if="showShareModal" class="share-modal-overlay" @click="onShareModalClose"> |
| | | <div class="share-modal-content" @click.stop> |
| | | <div class="share-modal-header"> |
| | | <div class="share-modal-title">分享到</div> |
| | | <div class="share-modal-close" @click="onShareModalClose">×</div> |
| | | </div> |
| | | <div class="share-modal-body"> |
| | | <div class="share-item" @click="shareToWechat"> |
| | | <div class="share-icon wechat"></div> |
| | | <div class="share-name">微信好友</div> |
| | | </div> |
| | | <div class="share-item" @click="shareToMoments"> |
| | | <div class="share-icon moments"></div> |
| | | <div class="share-name">朋友圈</div> |
| | | </div> |
| | | <div class="share-item" @click="copyLink"> |
| | | <div class="share-icon link"></div> |
| | | <div class="share-name">复制链接</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="detailTop"> |
| | | <div class="image-container"> |
| | | <u-swiper |
| | |
| | | height="410rpx" |
| | | @click="previewImage" |
| | | ></u-swiper> |
| | | <!-- <div class="detailTitle">--> |
| | | <!-- <div class="titleText">--> |
| | | <!-- <div class="itemName">{{workDetailData.event_name}}</div>--> |
| | | <!-- <div class="itemTime">{{formatDate(workDetailData.create_time)}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 工单内容 --> |
| | | <div class="worderContainer"> |
| | | <div class="workOrderContent"> |
| | |
| | | </div> |
| | | <div class="orderRow"> |
| | | <div class="rowTitle">处置部门</div> |
| | | <div>{{ workDetailData.disposeDept }}</div> |
| | | <div>{{ workDetailData.disposeDeptName }}</div> |
| | | </div> |
| | | <div class="orderRow"> |
| | | <div class="rowTitle">拍摄时间</div> |
| | |
| | | <!-- 操作按钮 --> |
| | | <div class="actionButton"> |
| | | <div class="btngroups"> |
| | | <up-button type="primary" color="#AEAEAE" text="退回"></up-button> |
| | | <up-button type="primary" color="#1D6FE9" text="确认"></up-button> |
| | | <up-button type="primary" color="#AEAEAE" text="退回" @click="rejectTicket"></up-button> |
| | | <up-button type="primary" color="#1D6FE9" text="确认" @click="confirmTheTicket"></up-button> |
| | | </div> |
| | | </div> |
| | | <!-- 分享弹出层 --> |
| | | <div v-if="showShareModal" class="share-modal-overlay" @click="onShareModalClose"> |
| | | <div class="share-modal-content" @click.stop> |
| | | <div class="share-modal-header"> |
| | | <div class="share-modal-title">分享到</div> |
| | | <div class="share-modal-close" @click="onShareModalClose">×</div> |
| | | </div> |
| | | <div class="share-modal-body"> |
| | | <div class="share-item" @click="shareToWechat"> |
| | | <div class="share-icon wechat"></div> |
| | | <div class="share-name">微信好友</div> |
| | | </div> |
| | | <div class="share-item" @click="shareToMoments"> |
| | | <div class="share-icon moments"></div> |
| | | <div class="share-name">朋友圈</div> |
| | | </div> |
| | | <div class="share-item" @click="copyLink"> |
| | | <div class="share-icon link"></div> |
| | | <div class="share-name">复制链接</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <script setup> |
| | | // import { getShowImg, getSmallImg } from '@/utils/util' |
| | | import { ref, computed } from 'vue' |
| | | import {getGddetailedData} from '/src/api/work/index1.js' |
| | | import {getGddetailedData,backGdApi} from '/src/api/work/index1.js' |
| | | import dayjs from 'dayjs' |
| | | const formatDate = dateString => { |
| | | return dayjs(dateString).format('MM/DD HH:mm') |
| | |
| | | workDetailData.value = response |
| | | console.log('详情', workDetailData.value) |
| | | |
| | | |
| | | } |
| | | // 图片预览 |
| | | |
| | | const previewImage = index => { |
| | | if (getImageList.value.length === 0) return |
| | | const currentIndex = typeof index === 'number' ? index : 0 |
| | |
| | | url: `/subPackages/workDetail/mapWork/index?eventNum=${item.event_num}`, |
| | | }) |
| | | } |
| | | // 退回 |
| | | const rejectTicket = () => { |
| | | const id = workDetailData.value.id |
| | | backGdApi({eventId : id,eventStatus:'0'}).then(res => { |
| | | uni.showToast({ |
| | | title: '退回成功', |
| | | icon: 'success', |
| | | }) |
| | | }) |
| | | |
| | | } |
| | | // 确认工单 |
| | | const confirmTheTicket = () => { |
| | | const id = workDetailData.value.id |
| | | backGdApi({eventId : id,eventStatus:'1'}).then(res => { |
| | | uni.showToast({ |
| | | title: '确认成功', |
| | | icon: 'success', |
| | | }) |
| | | }) |
| | | } |
| | | // 分享模态框状态 |
| | | const showShareModal = ref(false) |
| | | |
| | |
| | | <style lang="scss" scoped> |
| | | .workDetailContainer { |
| | | // 添加导航栏高度的padding-top,避免内容被遮挡 |
| | | padding-top: 44px; |
| | | padding-top: 88rpx; |
| | | // 分享按钮样式 |
| | | .share-btn { |
| | | color: #1D6FE9; |
| | | font-size: 14px; |
| | | padding: 0 10px; |
| | | line-height: 44px; |
| | | img { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | } |
| | | } |
| | | .detailTop { |
| | | .image-container { |
| | |
| | | align-items: center; |
| | | :deep(.u-button) { |
| | | width: 276rpx !important; |
| | | height: 100rpx !important; |
| | | height: 76rpx !important; |
| | | &:last-child { |
| | | margin-left: 30rpx; |
| | | } |
| | |
| | | const {detail} = useUserStore().$state?.userInfo || {} |
| | | // 假设有token值需要在头部需要携带 |
| | | // let accessToken = useUserStore()?.$state?.userInfo?.gd_access_token; |
| | | let accessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJ1c2VyX25hbWUiOiJ5ankiLCJyZWFsX25hbWUiOiJ5ankiLCJhdmF0YXIiOiIiLCJhdXRob3JpdGllcyI6WyJrZmpzIl0sImNsaWVudF9pZCI6InNhYmVyIiwicm9sZV9uYW1lIjoia2ZqcyIsImxpY2Vuc2UiOiJwb3dlcmVkIGJ5IGJsYWRleCIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMjAwODc5MzU1MDA1OTkyNTUwNSIsInJvbGVfaWQiOiIyMDA4NzMzNDY5MTg3MzY2OTE0Iiwic2NvcGUiOlsiYWxsIl0sIm5pY2tfbmFtZSI6InlqeSIsIm9hdXRoX2lkIjoiIiwiZGV0YWlsIjp7ImFyZWFDb2RlIjpudWxsLCJhcmVhTmFtZSI6Iuaxn-ilv-ecgSIsImFjdGl2ZUxvYW5zQXJlYUNvZGUiOltdfSwiZXhwIjoxNzY5MDc1MzY1LCJkZXB0X2lkIjoiMTEyMzU5ODgxMzczODY3NTIwMSIsImp0aSI6ImUwMGFhNzIzLTU5YjgtNDNmNy1hZmU2LTNiMjZlNTM5NTUxMiIsImFjY291bnQiOiJ5ankifQ.CJTDqgL2wu2KgrUNncBz34VYPoxUfKXxgScBUUE-BhM' |
| | | let accessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJ1c2VyX25hbWUiOiJhZG1pbiIsInJlYWxfbmFtZSI6IueuoeeQhuWRmCIsImF2YXRhciI6Imh0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9CaWF6ZmFueG1hbU5Sb3h4VnhrYS5wbmciLCJhdXRob3JpdGllcyI6WyJhZG1pbmlzdHJhdG9yIl0sImNsaWVudF9pZCI6InNhYmVyIiwicm9sZV9uYW1lIjoiYWRtaW5pc3RyYXRvciIsImxpY2Vuc2UiOiJwb3dlcmVkIGJ5IGJsYWRleCIsInBvc3RfaWQiOiIxMTIzNTk4ODE3NzM4Njc1MjAxIiwidXNlcl9pZCI6IjExMjM1OTg4MjE3Mzg2NzUyMDEiLCJyb2xlX2lkIjoiMTEyMzU5ODgxNjczODY3NTIwMSIsInNjb3BlIjpbImFsbCJdLCJuaWNrX25hbWUiOiLnrqHnkIblkZgiLCJvYXV0aF9pZCI6IiIsImRldGFpbCI6eyJhcmVhQ29kZSI6bnVsbCwiYXJlYU5hbWUiOiLmsZ_opb_nnIEiLCJhY3RpdmVMb2Fuc0FyZWFDb2RlIjpbXX0sImV4cCI6MTc2OTEzNjM3OSwiZGVwdF9pZCI6IjExMjM1OTg4MTM3Mzg2NzUyMDEiLCJqdGkiOiI4MmIxOTdlYi0zY2NhLTQ0YmEtYjQ1OS0zODE5ZWIzZjUxN2IiLCJhY2NvdW50IjoiYWRtaW4ifQ.Mf--eQ96cYH1GhsySwoceM1c3dF-F7qt5RmQZ3MzYWY' |
| | | if (accessToken) { |
| | | config.header['Blade-Auth'] = 'bearer ' + accessToken; |
| | | } |
| | |
| | | // 引入拦截器配置 |
| | | export function setupRequest () { |
| | | httpGd.setConfig(defaultConfig => { |
| | | |
| | | |
| | | /* defaultConfig 为默认全局配置 */ |
| | | defaultConfig.baseURL = getEnvObj().VITE_API_BASE_URL_GD |
| | | // #ifdef H5 |
| | |
| | | }) |
| | | } |
| | | |
| | | // 审批状态 |
| | | export const flyActivityStatusApi = () => { |
| | | return request({ |
| | | url: `/system/dict/data/type/fly_activity_status`, |
| | | method: 'get' |
| | | }) |
| | | } |
| | | |
| | | // 无人机厂商 |
| | | export const manufacturerInfoApi = data => { |
| | | return request({ |
| | |
| | | }) |
| | | } |
| | | |
| | | |
| | |
| | | indicatorInactiveColor="#fff" |
| | | indicatorPosition="center" |
| | | ></u-swiper> |
| | | <view class="lb-bottom"> |
| | | <image :src="lbBottomPng" /> |
| | | </view> |
| | | <u-grid :col="4" :border="false" class="grid" @click="gridClick"> |
| | | <u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex"> |
| | | <u-image :src="baseListItem.src" :width="26" :height="26"></u-image> |
| | |
| | | |
| | | <script setup> |
| | | import { onMounted, reactive, ref } from 'vue' |
| | | import lbPng from '@/static/images/lb.png' |
| | | import lbPng from '@/static/images/lbt.png' |
| | | import kyxxPng from '@/static/images/kyxx.png' |
| | | import fxsqPng from '@/static/images/fxsq.png' |
| | | import flfgPng from '@/static/images/flfg.png' |
| | | import zczdPng from '@/static/images/zczd.png' |
| | | import docSvg from '@/static/images/doc.png' |
| | | import lbBottomPng from '@/static/images/lb_bottom.png' |
| | | import { sysNoticePageInfoApi, droneFlightTaskApi } from '@/api/index' |
| | | const lbList = reactive([]); |
| | | // lbPng 轮播图 5次 |
| | |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | :deep(.u-swiper) { |
| | | border-radius: 0 0 100px 100px; |
| | | position: relative; |
| | | |
| | | .lb-bottom { |
| | | position: absolute; |
| | | top: 370rpx; |
| | | left: 0; |
| | | width: 100%; |
| | | image { |
| | | width: 100%; |
| | | height: 32rpx; |
| | | } |
| | | } |
| | | :deep(.u-grid) { |
| | | margin-top: 40rpx; |
| | |
| | | .title { |
| | | padding: 40rpx 40rpx 0rpx 0rpx; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | | color: #222324; |
| | | font-weight: bolder; |
| | | font-size: 32rpx; |
| | | color: #1D2129; |
| | | } |
| | | } |
| | | .card { |
| | |
| | | border-radius: 8rpx 8rpx 8rpx 8rpx; |
| | | // margin-bottom: 20rpx; |
| | | } |
| | | .label-tip { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 10px; |
| | | color: #3A3A3A; |
| | | .custom-label { |
| | | .label-tip { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 18rpx; |
| | | color: #3A3A3A; |
| | | } |
| | | } |
| | | |
| | | .attention { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |