Merge remote-tracking branch 'origin/master'

linwe

2025-04-17 e6dd812f10c48ca71c035445a8ebc34b6f93bb87

 src/views/tickets/orderLog.vue

@@ -11,7 +11,7 @@
<template>
    <basic-container>
        <el-tabs v-model="activeTab" @tab-click="handleTabChange">
            <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="`${tab.label} (${tab.count})`" :name="tab.name">
            <el-tab-pane v-for="tab in filteredTabs" :key="tab.name" :label="`${tab.label} (${tab.count})`" :name="tab.name">
                <div class="tab-content">
                    <!-- 查询条件筛选栏 -->
                    <div class="filter-bar">
@@ -67,28 +67,42 @@
                        :table-loading="loading" @current-change="currentChange" @refresh-change="refreshChange"
                        @on-load="onLoad" @search-change="searchChange" @size-change="sizeChange">
                        <template #menu-left>
                            <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新建工单</el-button>
                            <el-button v-if="hasAddBtnPermission()&&activeTab!='WAIT_AUDIT'" type="primary" icon="el-icon-plus"@click="handleAdd" >新建工单</el-button>
                            <el-button type="success" plain icon="el-icon-download" @click="exportData">导出</el-button>
                        </template>

                        <template #menu="{ row }">
                            <div v-if="row.status == 1 && userInfo.user_id != row.create_user">
                                <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">审核</el-button>
                                <el-button v-if="hasPaddingBtnPermission()" type="text" icon="el-icon-view" @click="handleViewDetail(row)">审核</el-button>
                                <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button>
                            </div>

                            <div v-if="userInfo.user_id == row.create_user">
                                <!--待审核状态-->
                                <div v-if="row.status == 1">
                                    <el-button type="text" icon="el-icon-view"
                                    <el-button type="text" icon="el-icon-warning-outline"
                                        @click="orderLogRecall(row.id)">撤回</el-button>
                                </div>
                                <!--已驳回-->
                                <div v-if="row.status == 2">
                                    <el-button type="text" icon="el-icon-view"
                                        @click="rejectDetail(row.id)">驳回原因</el-button>
                                        @click="handleViewDetail(row)">详情</el-button>
                                </div>
                            </div>
                            <!--已驳回-->
                            <div v-if="row.status == 2">
                                <el-button type="text" icon="el-icon-warning-outline"
                                    @click="rejectDetail(row.id)">驳回原因</el-button>
                                <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button>
                            </div>
                            <!--草稿-->
                            <div v-if="row.status == 0 && userInfo.user_id == row.create_user">
                                <el-button type="text" icon="el-icon-edit-outline"
                                    @click="handleViewDetail(row)">编辑</el-button>
                                <el-button type="text" icon="el-icon-position"
                                    @click="userPublishPush(row.id)">发布</el-button>
                                <el-button type="text" icon="el-icon-delete"
                                    @click="deleteOrderLog(row.id)">删除</el-button>
                            </div>


                        </template>
                        <template #status="{ row }">
                            <el-tag :type="getStatusTagType(row.status)">{{ mapStatus(row.status) }}</el-tag>
@@ -104,8 +118,10 @@
        </el-tabs>

        <!-- 新建工单对话框 -->
        <el-dialog v-model="dialogVisible" title="新建工单" width="70%" :close-on-click-modal="false" @close="resetForm">
            <el-form :model="form" :rules="rules" ref="form" label-width="100px">
        <el-dialog  v-model="dialogVisible" title="新建工单" width="70%" :close-on-click-modal="false" @close="resetForm">
           
       
            <el-form :model="form" :rules="rules" ref="testform" label-width="100px">
                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="工单名称" prop="name">
@@ -271,6 +287,9 @@
                        <el-button type="danger"
                            v-if="form.status == 0 || (form.status == 2 && userInfo.user_id == form.create_user)"
                            @click="submitForm(1)">发布</el-button>
                        <el-button type="primary" v-if="form.status == 0 || userInfo.user_id == form.create_user"
                            @click="submitForm(0)">保存</el-button>

                        <el-button type="primary" v-if="form.status == 1 && userInfo.user_id != form.create_user"
                            @click="orderLogPass(form.id)">通过</el-button>
                        <el-button type="danger" v-if="form.status == 1 && userInfo.user_id != form.create_user"
@@ -311,6 +330,9 @@
    orderLogReject,
    orderLogPass,
    orderLogExport,
    jobStatusNum,
    userPublish,
    deleteOrderLog
} from '@/api/tickets/orderLog'
import { getTicketInfo } from '@/api/tickets/ticket'
import { getDictionary } from '@/api/system/dictbiz'
@@ -325,16 +347,16 @@

export default {
    name: 'TicketPage',
    data () {
    data() {
        return {
            activeTab: 'all',

            tabs: [
                { label: '全部工单', name: 'all', value: null, count: 0 },
                { label: '待审核', name: 'pending', value: 1, count: 0 },
                { label: '已驳回', name: 'processing', value: 2, count: 0 },
                { label: '已通过', name: 'inProgress', value: 3, count: 0 },
                { label: '草稿', name: 'completed', value: 0, count: 0 },
                { label: '待审核', name: 'WAIT_AUDIT', value: 1, count: 0 },
                { label: '已驳回', name: 'REJECTED', value: 2, count: 0 },
                { label: '已通过', name: 'PASS', value: 3, count: 0 },
                { label: '草稿', name: 'DRAFT', value: 0, count: 0 },
            ],
            filters: {
                key_word: '',
@@ -391,7 +413,7 @@
                    { label: '创建人', prop: 'creator_name', width: 50, ellipsis: true, overHidden: true },
                    { label: '关联机巢', prop: 'device_names', width: 80, ellipsis: true, overHidden: true },
                    {
                        label: '工单周期凭次',
                        label: '工单周期频次',
                        prop: '',
                        width: 108,
                        formatter: row => this.formatCycleTime(row),
@@ -429,7 +451,7 @@
            mapLoaded: false,
        }
    },
    async created () {
    async created() {
        var response = await getDictionary({ code: 'SF' })
        var word_order_typeResponse = await getDictionary({ code: 'WORK_ORDER_TYPE' })
        this.ai_types = response.data.data
@@ -443,15 +465,28 @@
            value: item.id,
        }))
    },
    mounted () {
    mounted() {
        this.fetchTableData()
    },
    computed: {
        ...mapGetters(['userInfo']),
        ...mapGetters(['userInfo', 'permission']),
        filteredTabs() {
            // rejection_and_draft 权限控制“已驳回”和“草稿”tab
            const canShowRejectAndDraft = this.permission?.rejection_and_draft === true;
            return this.tabs.map(tab => {
                if (tab.name === 'DRAFT') {
                    return { ...tab, isShow: canShowRejectAndDraft };
                }
                if (tab.name === 'REJECTED') {
                    return { ...tab, isShow: canShowRejectAndDraft };
                }
                return { ...tab, isShow: true };
            }).filter(tab => tab.isShow);
        },
    },

    methods: {
        searchChange (params, done) {
        searchChange(params, done) {
            console.log('searchChange')
            this.query = params
            this.parentId = ''
@@ -459,7 +494,7 @@
            this.onLoad(this.page, params)
            done()
        },
        async onLoad (page, params = {}) {
        async onLoad(page, params = {}) {
            this.loading = true
            getList(
                null,
@@ -474,11 +509,11 @@


        },
        selectionClear () {
        selectionClear() {
            this.selectionList = []
            this.$refs.crud.toggleSelection()
        },
        async loadAMapScripts () {
        async loadAMapScripts() {
            try {
                // await loadAMap();
                // await loadAMapUI();
@@ -488,12 +523,12 @@
                this.$message.error('地图加载失败，请检查网络或API Key配置')
            }
        },
        formatCycleTime (row) {
        formatCycleTime(row) {
            return row.begin_time + '-' + row.end_time + '<br/>'
                + row.rep_rule_type + row.rep_rule_val
                 + row.rep_rule_val
        },

        async fetchTableData () {
        async fetchTableData() {
            this.loading = true
            try {
                let params = this.getQueryParam()
@@ -508,12 +543,10 @@
                    return item
                })

                if (this.activeTab === 'all') {
                    this.updateGlobalCounts(records, total)
                }

                console.log('权限检查:', this.permission);
                this.page.total = total || 0
                this.updateTabCounts()
                this.updateGlobalCounts()
            } catch (error) {
                console.error('获取数据失败:', error)
                this.$message.error(error.message || '获取数据失败')
@@ -524,7 +557,7 @@
            }
        },

        getQueryParam () {
        getQueryParam() {
            const currentTab = this.tabs.find(tab => tab.name === this.activeTab)
            if (this.filters.dateRange) {
                console.log(
@@ -563,11 +596,13 @@
            }
            return params
        },
        sizeChange (pageSize) {
        sizeChange(pageSize) {
            this.page.pageSize = pageSize
        },
        async submitForm (status) {
            this.$refs.form.validate(async valid => {
        async submitForm(status) {
            console.log(this.$refs.testform, '111111')
            this.$refs.testform.validate(async valid => {

                if (valid) {
                    let dateRange = this.form.date_range
                    console.log('dateRange' + dateRange)
@@ -594,7 +629,7 @@
            })
        },
        //驳回原因显示
        async rejectDetail (id) {
        async rejectDetail(id) {
            const response = await orderLogDetails(id)
            let data = response.data.data
            this.$confirm(data.remark, '驳回原因', {
@@ -608,7 +643,7 @@
                this.detailVisible = true
            })
        },
        formatDate (date) {
        formatDate(date) {
            if (!date) return undefined
            const d = new Date(date)
            return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(
@@ -616,7 +651,7 @@
            ).padStart(2, '0')} 00:00:00`
        },

        mapStatus (status) {
        mapStatus(status) {
            const statusTextMap = {
                0: '草稿',
                1: '待审核',
@@ -626,7 +661,7 @@
            return statusTextMap[status] || '未知状态'
        },

        getStatusTagType (status) {
        getStatusTagType(status) {
            const statusMap = {
                1: 'warning',
                2: 'info',
@@ -637,19 +672,19 @@
            return statusMap[status] || 'info'
        },

        handleTabChange (tab) {
        handleTabChange(tab) {
            this.activeTab = tab.props?.name || tab.name
            this.filters.status = ''
            this.page.currentPage = 1
            this.fetchTableData()
        },

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

        handleReset () {
        handleReset() {
            this.filters = {
                keyword: '',
                department: '',
@@ -661,55 +696,39 @@
            this.fetchTableData()
        },

        currentChange (currentPage) {
        currentChange(currentPage) {
            this.page.currentPage = currentPage
        },

        updateGlobalCounts (records, total) {
        async updateGlobalCounts() {
            const counts = {
                all: total,
                pending: 0,
                processing: 0,
                inProgress: 0,
                completed: 0,
                closed: 0,
                myTickets: 0,
            }
                all: 0,
                DRAFT: 0,
                WAIT_AUDIT: 0,
                REJECTED: 0,
                PASS: 0,

            records.forEach(item => {
                const tab = this.tabs.find(t => t.value === Number(item.status))
            }
            var reponse = await jobStatusNum();
            console.log("统计" + reponse.data.data);
            reponse.data.data.forEach(item => {
                const tab = this.tabs.find(t => t.name === item.dict_key);
                if (tab) {
                    counts[tab.name] = (counts[tab.name] || 0) + 1
                    tab.count = item.num;
                }
            })
            });

            this.globalCounts = counts
        },

        updateTabCounts () {
            if (this.activeTab === 'all') {
                this.tabs.forEach(tab => {
                    tab.count = this.globalCounts[tab.name] || 0
                })
            } else {
                this.tabs.forEach(tab => {
                    if (tab.name === this.activeTab) {
                        tab.count = this.tableData.length
                    } else {
                        tab.count = this.globalCounts[tab.name] || 0
                    }
                })
            }
        },

        handleAdd () {
        handleAdd() {
            this.form = {}
            this.dialogVisible = true
            //航线列表
            this.asyncgetWaylineFileListByArea()
        },

        resetForm () {
        resetForm() {
            this.form = {
                name: '',
                type: '',
@@ -720,19 +739,18 @@
                content: '',
                photos: [],
            }
            if (this.$refs.form) {
                this.$refs.form.resetFields()
            if (this.$refs.testform) {
                this.$refs.testform.resetFields()
            }
        },

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

        async handleViewDetail (row) {
        async handleViewDetail(row) {
            const response = await orderLogDetails(row.id)
            this.form = {
                ...response.data.data,
@@ -744,7 +762,7 @@
            this.device_sns = response.data.data.deviceList
        },
        //导出
        async exportData () {
        async exportData() {
            this.$confirm('是否智飞工单数据?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
@@ -758,19 +776,55 @@
                })
            })
        },
        hasAddBtnPermission() {
            // undefined 或 false 都返回 false，只有 true 返回 true
            console.log('this.permission.order_log_add :', this.permission.order_log_add );
            return this.permission && this.permission.order_log_add === true;
        },
        hasPaddingBtnPermission() {
            // undefined 或 false 都返回 false，只有 true 返回 true
            console.log('权限检查:', this.permission);
            return this.permission && this.permission.order_log_review === true;
        },
        //自己点发布
        userPublishPush(id) {
            this.$confirm('确定发布吗?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(() => {
                let response = userPublish(id);
                this.$message.success('发布成功');
                this.fetchTableData();

        refreshChange () {
            })
        },

        //删除
        deleteOrderLog(id) {
            this.$confirm('确定删除吗?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
            }).then(() => {
                let response = deleteOrderLog(id);
                this.$message.success('删除');
                this.fetchTableData();

            })
        },
        refreshChange() {
            this.fetchTableData()
        },
        //获取航线列表
        async asyncgetWaylineFileListByArea (name) {
        async asyncgetWaylineFileListByArea(name) {
            var wayLineListResponse = await getWaylineFileListByArea(this.userInfo.detail.areaCode)
            this.wayLineList = wayLineListResponse.data.data

            this.initMapLine()
        },

        initMapLine () {
        initMapLine() {
            let currentLine = this.wayLineList.find(item => item.wayline_id == this.form.file_id)

            if (!currentLine) return
@@ -812,7 +866,7 @@


        //可飞行机巢列表
        async getFlyingNestBy (waylineId) {
        async getFlyingNestBy(waylineId) {
            this.initMapLine()

            //按照航线来
@@ -825,7 +879,7 @@
        },

        //撤回
        async orderLogRecall (id) {
        async orderLogRecall(id) {
            this.$confirm('确定撤回则到草稿箱。', '是否撤回？', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
@@ -835,13 +889,13 @@
                this.handleSearch()
            })
        },
        onLoad () {
        onLoad() {
            this.fetchTableData()
        },
        /**
         * 通过
         */
        async orderLogPass (id) {
        async orderLogPass(id) {
            let response = await orderLogPass(id)
            let data = response.data.data
            this.$message.success('审核通过')
@@ -850,7 +904,7 @@
        /**
         * 驳回
         */
        async orderLogReject (id) {
        async orderLogReject(id) {
            this.$prompt('', '驳回原因', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
@@ -865,8 +919,8 @@

    watch: {
        tableData: {
            handler () {
                this.updateTabCounts()
            handler() {
                // this.updateTabCounts()
            },
            deep: true,
        },