wl
2022-11-30 5777747d4a7c0ae28a445fd5fa4cf5207ea8d9eb
src/views/operate/viewEvent/index.vue
@@ -51,22 +51,19 @@
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                    <el-table-column prop="code" label="事件编号" min-width="18">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{ scope.row.code }}</el-link>
                            <el-link>{{ scope.row.code }}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="category" label="问题类别" min-width="8">
                        <template slot-scope="scope">
                            <span>{{ scope.row.category == 1 ? '违规' : '违建' }}</span>
                        <template v-if="scope.row.category" slot-scope="scope">
                            <span>{{ getCategoryLabel(scope.row.category) }}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="8">
                        <template slot-scope="scope">
                        <template v-if="scope.row.eventSource" slot-scope="scope">
                            <span>{{ scope.row.eventSource === 2 ? '人工上报' : '视频上传' }}</span>
                        </template>
                    </el-table-column>
@@ -98,22 +95,6 @@
                </el-dialog>
                <!-- tools -->
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                            <el-checkbox v-model="all" @change="selectAll()"
                                :disabled="tableData.length === 0">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
                            <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox>
                        </div>
                        <div class="funsItem">
                            <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange" disabled>
                                <el-option v-for="item in options" :key="item.value" :label="item.label"
                                    :value="item.value" :disabled="item.disabled">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="pagination">
                        <el-pagination background :current-page="currentPage" layout="prev, pager, next"
                            :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage">
@@ -133,6 +114,7 @@
import MyIllDetail from '@/components/illdetail'
import helper from '@/utils/mydate'
import casequery from "@/api/operate/basecase";
import { CATEGOTY } from "@/utils/helper";
export default {
    components: {
@@ -149,30 +131,6 @@
            totalNum: null,
            pageSize: 10,
            currentPage: 1,
            all: false,
            unsame: false,
            myIdx: 0,
            preMyIdx: 0,
            options: [
                {
                    value: 0,
                    label: '批量操作',
                    disabled: true,
                },
                {
                    value: 1,
                    label: '批量启用',
                },
                {
                    value: 2,
                    label: '批量禁用',
                },
                {
                    value: 3,
                    label: '批量删除',
                }
            ],
            tempList: [],
            typeList: [
                {
                    name: '违规',
@@ -185,9 +143,7 @@
                    checked: false,
                },
            ],
            caseId: '',
            myproblem: 1,
            instatus: 7,
            number: '',
          searchData: {
            categories: null,
@@ -203,71 +159,7 @@
        this.getList();
    },
    methods: {
        // 批量删除
        mulDelete(idArr) {
            this.$axios({
                method: 'delete',
                url: 'sccg/violations/batch_delete?ids=' + idArr,
            }).then(res => {
                this.getList();
                this.$message({
                    message: res.message,
                    categories: res.number === 200 ? 'success' : 'warning'
                })
            })
        },
        // 执行下拉框操作
        selectChange(list) {
            if (this.tempList.length !== 0) {
                if (list === 3) {
                    this.preMyIdx = list;
                    this.mulDelete(this.tempList);
                }
            } else {
                this.myIdx = this.preMyIdx;
                this.$message({
                    categories: 'warning',
                    message: '您还没选中任何数据',
                })
            }
        },
        // 监听表格
        tableChange(list) {
            this.tempList = [];
            list.forEach(item => {
                this.tempList.push(item.number);
            })
            this.all = list.length === this.tableData.length;
        },
        // 全选
        selectAll() {
            this.$refs.multipleTable.toggleAllSelection();
        },
        // 反选
        disSame(list) {
            list.forEach(row => {
                this.$refs.multipleTable.toggleRowSelection(row)
            })
        },
        // 删除单条数据
        handleDelete({ number }) {
            this.$confirm('确认删除?')
                .then(_ => {
                    this.$axios({
                        method: 'delete',
                        url: `sccg/violations/delete?id=${number}`,
                    })
                        .then(res => {
                            this.$message({
                                categories: res.number === 200 ? 'success' : 'warning',
                                message: res.message
                            })
                            this.getList();
                        })
                })
                .catch(_ => { console.log(2) });
        },
        // 获取列表
        getList() {
          casequery.baseCaseQuery({  current: this.currentPage, pageSize: this.pageSize, ...this.searchData })
@@ -309,9 +201,6 @@
        handleNoClose(done) {
            done();
        },
        JumpView(data) {
        },
        // 关闭dialog
        closeDialog({ flag }) {
@@ -320,19 +209,13 @@
            this.getList();
        },
        // 问题类型
        changeMyProblem(val) {
            this.getList();
        },
        // 审核状态
        changeInStatus(val) {
            this.getList();
        },
        filterTime(time) {
            return helper(time);
        }
        },
      getCategoryLabel(data) {
        return CATEGOTY.find(item => item.value === data).label;
      }
    }
}
</script>