事件工单：复核状态栏显示处理

shuishen

2025-05-07 1409b62c964de1adc12fe4c96fc22ea3e506dd1d

事件工单：复核状态栏显示处理

 src/views/tickets/ticket.vue

@@ -60,6 +60,10 @@
            <template #keyData="{ row }">
              <span>{{ row.address }}</span>
            </template>

            <template #isReview="{ row }">
              <span>{{ showIsReviewText(row) }}</span>
            </template>
          </avue-crud>
        </div>
      </el-tab-pane>
@@ -476,7 +480,7 @@
import { getAdcodeObj } from '@/utils/disposeData'
export default {
  name: "TicketPage",
  data() {
  data () {
    return {
      submitLoading: false, // 新增loading状态
      draftLoading: false,
@@ -544,7 +548,7 @@
          // { label: "序号", prop: "id", width: 70 },
          { label: "工单编号", prop: "orderNumber", width: 120, overHidden: true, tooltip: true },
          { label: "工单名称", prop: "orderName", width: 150, overHidden: true, tooltip: true },
          { label: "所属单位", prop: "department", width: 100, overHidden: true, tooltip: true },
          { label: "所属单位", prop: "department", overHidden: true, tooltip: true },
          { label: "发起时间", prop: "startTime", width: 160 },
          { label: "关联算法", prop: "aiType", width: 150, overHidden: true, tooltip: true },
          { label: "工单类型", prop: "type", width: 130, overHidden: true, tooltip: true },
@@ -558,12 +562,11 @@
          { label: "创建人", prop: "creator", width: 100 },
          { label: "处理人", prop: "handler", width: 100 },
          {
            slot: true,
            hide: false,
            label: "复核状态",
            prop: "isReview",
            width: 90,
            formatter: (row) => {
              return row.isReview === 1 ? '是' : '否'
            }
          },
          { label: "工单状态", prop: "status", slot: true, width: 90 },

@@ -652,7 +655,7 @@
      datePickerDefaultVal: calculateDefaultRange(),
    }
  },
  created() {
  created () {
    let orderNumber = new URLSearchParams(window.location.search).get('orderNumber')
    if (orderNumber) {
      this.filters.keyword = orderNumber
@@ -664,20 +667,20 @@
    console.log('permission.tickets_processing_btn', this.permission.tickets_processing_btn)
    console.log('permission', this.permission.tickets_tab_pending)
  },
  mounted() {
  mounted () {
    this.fetchTableData()
  },
  computed: {
    firstRowData() {
    firstRowData () {
      return this.tableData.length > 0 ? this.tableData[0] : null
    },
    availableHandlers() {
    availableHandlers () {
      return this.form.department ? (this.departmentUsers[this.form.department] || []) : []
    },
    availableDispatchHandlers() {
    availableDispatchHandlers () {
      return this.dispatchForm.department ? (this.departmentUsers[this.dispatchForm.department] || []) : []
    },
    detailTableData() {
    detailTableData () {
      return [
        {
          label: "工单名称",
@@ -735,7 +738,7 @@
        },
      ]
    },
    detailFields() {
    detailFields () {
      return [
        { label: "工单名称", value: this.currentDetail.orderName, editable: this.currentDetail.status === 0, type: "input" },
        { label: "关键任务", value: this.currentDetail.keyData, editable: false },
@@ -749,7 +752,7 @@
        { label: "工单内容", value: this.currentDetail.content, editable: this.currentDetail.status === 0, type: "textarea" },
      ]
    },
    formattedDetailFields() {
    formattedDetailFields () {
      const fields = [
        { label: "工单名称", value: this.currentDetail.orderName },
        { label: "工单类型", value: this.currentDetail.type },
@@ -775,13 +778,13 @@
      }
      return formattedFields
    },
    dynamicFixedStatuses() {
    dynamicFixedStatuses () {
      // 直接使用接口返回的 stepInfos
      return this.stepInfos.map(step => String(step.status))
    },
    ...mapGetters(['userInfo', 'permission']),
    // 动态过滤tabs，保证isShow为true/false
    filteredTabs() {
    filteredTabs () {
      // 统一处理权限，undefined视为false
      const tabStatus = this.permission?.tickets_tab_status === true
      const tabPending = this.permission?.tickets_tab_pending === true
@@ -802,7 +805,7 @@
        return { ...tab, isShow: false }
      }).filter(tab => tab.isShow)
    },
    permissionList() {
    permissionList () {
      // 可根据实际后端权限key调整
      return {
        addBtn: this.validData(this.permission.tickets_add, false),
@@ -811,7 +814,7 @@
        reviewBtn: this.validData(this.permission.tickets_review, false),
      }
    },
    stepStatusList() {
    stepStatusList () {
      // “我发起的工单”tab用默认流程，其它tab用接口返回的stepInfos
      if (this.activeTab === 'myTickets') {
        if (this.workType === 1) {
@@ -822,9 +825,17 @@
      // 其它tab直接用接口返回的stepInfos
      return this.stepInfos.map(step => String(step.status))
    },

    showIsReviewText () {
      return (row) => {
        if (['4', '5'].includes(row.status)) return row.isReview === 1 ? '是' : '否'

        return '/'
      }
    }
  },
  methods: {
    async loadAMapScripts() {
    async loadAMapScripts () {
      try {
        const areaCode = this.userInfo.detail.areaCode
        const subAreaCode = areaCode ? areaCode.substring(0, 6) : ''
@@ -853,7 +864,7 @@
        this.$message.error('地图加载失败，请检查网络或API Key配置')
      }
    },
    async handleBatchApprove() {
    async handleBatchApprove () {
      try {
        if (this.selections.length === 0) {
          this.$message.warning('没有选中的工单')
@@ -911,7 +922,7 @@
        this.$message.error(error.message || '审核失败，请稍后重试')
      }
    },
    async fetchDropdownData() {
    async fetchDropdownData () {
      try {
        const response = await getTicketInfo()
        const { dept_data, event_type, ai_type } = response.data.data
@@ -952,7 +963,7 @@
      }
    },

    async fetchTableData() {
    async fetchTableData () {
      if (this.isFetching) return
      this.isFetching = true
      this.loading = true
@@ -1043,7 +1054,7 @@
      }
    },

    async submitForm() {
    async submitForm () {
      if (this.submitLoading) return // 防止重复提交
      this.submitLoading = true
      try {
@@ -1117,7 +1128,7 @@
      }
    },

    async saveDraft() {
    async saveDraft () {
      if (this.draftLoading) return // 防止重复提交
      this.draftLoading = true
      try {
@@ -1177,7 +1188,7 @@
      }
    },

    handleLocationChange(val) {
    handleLocationChange (val) {
      let locationValue = val.value
      console.log('handleLocationChange', locationValue)
      if (locationValue && locationValue.length >= 2) {
@@ -1194,13 +1205,13 @@
      }
    },

    formatDate(date) {
    formatDate (date) {
      if (!date) return undefined
      const d = new Date(date)
      return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} 00:00:00`
    },

    mapStatus(status) {
    mapStatus (status) {
      const statusTextMap = {
        "-1": "草稿",  // 添加草稿状态
        "2": "待审核",
@@ -1212,7 +1223,7 @@
      return statusTextMap[status] || "未知状态"
    },

    getStatusTagType(status) {
    getStatusTagType (status) {
      // 草稿不加颜色
      if (status === -1 || status === "-1") return ''
      // 状态颜色映射
@@ -1226,7 +1237,7 @@
      return colorMap[String(status)] || ''
    },

    async fetchTabCounts() {
    async fetchTabCounts () {
      try {
        // 判断是否有部门筛选
        let params = {}
@@ -1249,21 +1260,26 @@
      }
    },

    handleTabChange(tab) {
    handleTabChange (tab) {
      this.activeTab = tab.props?.name || tab.name

      const isReview = this.findObject(this.option.column, 'isReview')
      // 根据条件切换显隐
      isReview.hide = !['all', 'completed', 'myTickets'].includes(this.activeTab)

      this.handleReset()
      this.page.currentPage = 1
      this.fetchTableData()
      this.fetchTabCounts() // 切换 tab 时重新获取数据
    },

    handleSearch() {
    handleSearch () {
      this.page.currentPage = 1
      this.fetchTableData()
      this.fetchTabCounts()
    },

    handleReset() {
    handleReset () {
      this.filters = {
        keyword: "",
        department: "",
@@ -1277,7 +1293,7 @@
      this.fetchTableData()
    },

    async handleCurrentChange(val) {
    async handleCurrentChange (val) {
      // 先更新页码
      this.page.currentPage = val
      // 等待 DOM 更新后再请求数据
@@ -1285,18 +1301,18 @@
      await this.fetchTableData()
    },

    async sizeChange(val) {
    async sizeChange (val) {
      this.page.pageSize = val
      this.page.currentPage = 1 // 重置到第一页
      await this.$nextTick()
      await this.fetchTableData()
    },

    handleAdd() {
    handleAdd () {
      this.dialogVisible = true
    },

    resetForm() {
    resetForm () {
      this.form = {
        name: '',
        type: '',
@@ -1314,14 +1330,14 @@
      }
    },

    formatLocation(location) {
    formatLocation (location) {
      if (!Array.isArray(location)) {
        return '未知位置'
      }
      return `${location[0].toFixed(6)}, ${location[1].toFixed(6)}`
    },

    async handleViewDetail(row) {
    async handleViewDetail (row) {

      // 先设置workType，直接从row读取
      this.workType = row.work_type !== undefined ? Number(row.work_type) : 0
@@ -1392,53 +1408,53 @@
      })
    },

    getStepHandler(status) {
    getStepHandler (status) {
      const step = this.stepInfos.find(step => step.status === status)
      return step ? step.name : ''
    },

    getStepTime(status) {
    getStepTime (status) {
      const step = this.stepInfos.find(step => step.status === status)
      // 如果 step 不存在或 step.time 为 0，返回 false
      return step && step.time && step.time !== '0' ? step.time : false
    },
    getStepCreateTime(status) {
    getStepCreateTime (status) {
      const step = this.stepInfos.find(step => step.status === status)
      return step ? step.create_time : null
    },
    getActiveStep() {
    getActiveStep () {
      // 步骤索引适配
      const arr = this.stepStatusList
      const index = arr.indexOf(String(this.currentDetail.status))
      return index !== -1 ? index + 2 : 1
    },

    openMap() {
    openMap () {
      const areaCode = this.userInfo.detail.areaCode
      const subAreaCode = areaCode ? areaCode.substring(0, 6) : ''
      getAdcodeObj(geoJson, 'adcode', subAreaCode)
      this.$message.info("地图选址功能暂未实现")
    },

    handlePreview(file) {
    handlePreview (file) {
      this.$message.info(`预览图片：${file.name}`)
    },

    handleRemove(file) {
    handleRemove (file) {
      this.$message.info(`移除图片：${file.name}`)
    },

    refreshChange() {
    refreshChange () {
      if (this.isFetching) return
      this.fetchTableData()
    },

    onLoad() {
    onLoad () {
      if (this.isFetching) return
      this.fetchTableData()
    },

    async exportData() {
    async exportData () {
      // 修改导出方法，添加选中数据的处理
      try {
        this.loading = true
@@ -1539,16 +1555,16 @@
      }
    },

    handleDepartmentChange(deptId) {
    handleDepartmentChange (deptId) {
      this.form.handler = ''
    },

    handleDispatchDepartmentChange(deptId) {
    handleDispatchDepartmentChange (deptId) {
      this.dispatchForm.handler = '' // 清空处理人选择
    },

    // 文件改变时的钩子
    handleFileChange(file, fileList) {
    handleFileChange (file, fileList) {
      // 保持最新的文件列表
      this.form.photos = fileList.map(item => ({
        ...item,
@@ -1558,13 +1574,13 @@
    },

    // 文件移除时的钩子
    handleUploadRemove(file, fileList) {
    handleUploadRemove (file, fileList) {
      this.form.photos = fileList
      this.currentDetail.photos = fileList
    },

    // 上传前的验证
    beforeUpload(file) {
    beforeUpload (file) {
      const isImage = file.type.includes('image')
      const isLt5M = file.size / 1024 / 1024 < 5

@@ -1579,7 +1595,7 @@
      return true
    },

    async approveTicket() {
    async approveTicket () {
      if (this.approveLoading) return
      this.approveLoading = true
      try {
@@ -1606,7 +1622,7 @@
        this.approveLoading = false
      }
    },
    async rejectTicket() {
    async rejectTicket () {
      if (this.rejectLoading) return
      this.rejectLoading = true
      try {
@@ -1630,7 +1646,7 @@
        this.rejectLoading = false
      }
    },
    async submitProcessing() {
    async submitProcessing () {
      if (this.currentDetail.status !== 3) {
        this.$message.warning('只有处理中状态的工单可以提交处理详情')
        return
@@ -1660,10 +1676,10 @@
        this.$message.error(error.message || '提交失败，请稍后重试')
      }
    },
    markAsCompleted() {
    markAsCompleted () {
      this.$message.success("工单已标记为完成")
    },
    async completeTicket() {
    async completeTicket () {
      if (this.completeLoading) return
      this.completeLoading = true
      try {
@@ -1705,7 +1721,7 @@
        this.completeLoading = false
      }
    },
    async approveAndDispatch() {
    async approveAndDispatch () {
      if (this.dispatchLoading) return

      // 添加必填项检查
@@ -1725,22 +1741,22 @@
      // 通过验证后,打开派发对话框
      this.dispatchDialogVisible = true
    },
    hasProcessingBtnPermission() {
    hasProcessingBtnPermission () {
      // undefined 或 false 都返回 false，只有 true 返回 true
      console.log('权限检查:', this.permission)
      return this.permission && this.permission.tickets_processing_btn === true
    },
    hasProcessedAndOverBtnPermission() {
    hasProcessedAndOverBtnPermission () {
      // undefined 或 false 都返回 false，只有 true 返回 true
      console.log('权限检查:', this.permission)
      return this.permission && this.permission.tickets_view_processedAndOver === true
    },
    hasReviewBtnPermission() {
    hasReviewBtnPermission () {
      // undefined 或 false 都返回 false，只有 true 返回 true
      console.log('权限检查:', this.permission)
      return this.permission && this.permission.tickets_review_btn === true
    },
    async submitDispatch() {
    async submitDispatch () {
      if (this.dispatchLoading) return
      if (!this.currentDetail.orderName || !this.currentDetail.orderName.trim()) {
        this.$message.warning('请填写工单名称')
@@ -1801,7 +1817,7 @@
        }
      })
    },
    async finalizeTicket() {
    async finalizeTicket () {
      if (this.finalizeLoading) return
      this.finalizeLoading = true
      try {
@@ -1837,7 +1853,7 @@
    },

    // 添加编辑方法
    handleEdit(row) {
    handleEdit (row) {
      console.log('编辑原始数据:', row)

      // 尝试从row.dept_id或通过部门名称查找对应的部门ID
@@ -1954,7 +1970,7 @@
    },

    // 添加删除方法
    handleDelete(row) {
    handleDelete (row) {
      this.$confirm('确认删除该工单?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
@@ -1981,23 +1997,23 @@
    },

    // 添加选择变化处理方法
    handleSelectionChange(selection) {
    handleSelectionChange (selection) {
      this.selections = selection
      console.log('已选择的行：', selection)
    },

    // 添加全选方法
    handleSelectAll(val) {
    handleSelectAll (val) {
      this.$refs.avueCrud.toggleSelection(val)
    },

    // 添加单行选择方法
    handleSelect(selection, row) {
    handleSelect (selection, row) {
      console.log('选中行变化：', selection, row)
    },

    // 如果需要手动选中某些行
    setSelection(rows) {
    setSelection (rows) {
      this.$nextTick(() => {
        rows.forEach(row => {
          this.$refs.avueCrud.toggleSelection(row, true)
@@ -2006,12 +2022,12 @@
    },

    // 清空选择
    clearSelection() {
    clearSelection () {
      this.$refs.avueCrud.clearSelection()
    },

    // 打开审核对话框
    openReviewDialog() {
    openReviewDialog () {
      if (this.selections.length === 0) {
        this.$message.warning('请先选择要审核的工单')
        return
@@ -2022,7 +2038,7 @@
    },

    // 更新当前审核图片
    updateCurrentReviewImage() {
    updateCurrentReviewImage () {
      // 修正索引范围
      if (!this.selections || this.selections.length === 0) {
        this.currentReviewImage = ''
@@ -2046,7 +2062,7 @@
    },

    // 处理图片分页变化
    handleImagePageChange(page) {
    handleImagePageChange (page) {
      if (page > 0 && page <= this.selections.length) {
        this.currentImageIndex = page
        this.updateCurrentReviewImage()
@@ -2054,7 +2070,7 @@
    },

    // 批量审核通过
    async handleBatchApprove() {
    async handleBatchApprove () {
      try {
        if (this.selections.length === 0) {
          this.$message.warning('没有选中的工单')
@@ -2114,7 +2130,7 @@
      }
    },

    cancleBatchReject() {
    cancleBatchReject () {
      this.reviewDialogVisible = false
      this.selections = []
      this.currentImageIndex = 1
@@ -2122,7 +2138,7 @@
      this.fetchTableData()
    },
    // 批量审核不通过
    async handleBatchReject() {
    async handleBatchReject () {
      try {
        if (this.selections.length === 0) {
          this.$message.warning('没有选中的工单')
@@ -2183,19 +2199,19 @@
    },

    // 获取所有图片列表用于预览
    getImageList() {
    getImageList () {
      return this.selections
        .map(item => this.getPreviewUrl(item.photo_url))
        .filter(url => url) // 过滤掉空值
    },

    // 处理图片点击
    handleImageClick() {
    handleImageClick () {
      // 图片点击事件由 el-image 的预览功能处理
    },

    // 处理上一张图片
    handlePrevImage() {
    handlePrevImage () {
      if (this.currentImageIndex > 1) {
        this.currentImageIndex--
        this.updateCurrentReviewImage()
@@ -2203,7 +2219,7 @@
    },

    // 处理下一张图片
    handleNextImage() {
    handleNextImage () {
      if (this.currentImageIndex < this.selections.length) {
        this.currentImageIndex++
        this.updateCurrentReviewImage()
@@ -2215,7 +2231,7 @@
     * @param {string} url 原图地址
     * @returns {string} 缩略图地址
     */
    getThumbUrl(url) {
    getThumbUrl (url) {
      if (!url) return ''
      const lastDot = url.lastIndexOf('.')
      if (lastDot === -1) return url
@@ -2223,7 +2239,7 @@
    },

    // 添加新方法：获取预览图地址
    getPreviewUrl(url) {
    getPreviewUrl (url) {
      if (!url) return ''
      const lastDot = url.lastIndexOf('.')
      if (lastDot === -1) return url
@@ -2234,7 +2250,7 @@
     * 坐标转换方法处理
     * @param goWgs84 是否由国测转换到84，默认false----由84转换到国测
     */
    disposeLocation(goWgs84 = false, data) {
    disposeLocation (goWgs84 = false, data) {
      let lng, lat
      if (goWgs84) {
        lng = data.location?.[0] ? String(data.location[0]) : undefined