用户、角色、部门，新增批量操作，案件池详情展示、以及调度

“dzb”

2022-10-03 4d9a35462803c7392dedca8d95fe21ff3d949466

 src/views/operate/disposal/casepool/pool/index.vue

@@ -5,7 +5,7 @@
                <div class="search">
                    <span>来源查询:</span>
                    <div class="option">
                        <el-select v-model="mystatus" placeholder="违规" @change="setMystatus" >
                        <el-select v-model="mystatus" placeholder="违规" @change="setMystatus">
                            <el-option v-for="item in typeList" :key="item.label" :label="item.name"
                                :value="item.value">
                            </el-option>
@@ -17,13 +17,17 @@
                </div>
                <div class="addUser">
                    <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加</el-button>
                    <!-- 选择登记类型 -->
                    <el-dialog :before-close="handleClose" :visible.sync="dialogCreate" title="请选择上报事件类型" width="45%"
                        v-if="dialogCreate">
                        <createUser @getPageProp=setDialog />
                    </el-dialog>
                    <!-- 事件登记 -->
                    <el-dialog :before-close="handleClose" :visible.sync="dialogNewAdd"
                        :title="newAddType === 0 ? '违规事件登记' : '违建事件登记' " width="60%" v-if="dialogNewAdd">
                        <!-- 违建登记 -->
                        <MyIll v-if="newAddType === 1" :mytype=newAddType @changeDialog=changeDialog />
                        <!-- 违规登记 -->
                        <myVio v-else :mytype=newAddType @changeDialog=changeDialog />
                    </el-dialog>
                </div>
@@ -47,9 +51,9 @@
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column prop="code" label="事件编号" min-width="10">
                    <el-table-column prop="id" label="事件编号" min-width="10">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
                            <el-link @click="JumpView(scope.row)">{{scope.row.id}}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="10">
@@ -73,7 +77,7 @@
                            <div class="operation">
                                <span @click="handleFind(scope.row)">上报</span>
                                <span class="line">|</span>
                                <span @click="handleDelete(scope.row)">调度</span>
                                <span @click="handleDispatch(scope.row)">调度</span>
                                <span class="line">|</span>
                                <span @click="handleDelete(scope.row)">在学习</span>
                                <span class="line">|</span>
@@ -85,9 +89,12 @@
                <!-- 详情页展示 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleClose">
                    <!-- <updateUser :updateFlag="updateFlag" :userInfo=userInfo
                        :getUserList=" context ? getUserList : getUserList" @changeDialog="changeDialog" /> -->
                    <MyDetail :info=info></MyDetail>
                </el-dialog>
                <!-- 调度 -->
                <el-dialog :visible.sync="dialogDispatch" width="80%" title="调度信息" v-if="dialogDispatch"
                    :before-close="handleClose">
                    <MyDispatch :id="baseId" @changeDialog="changeDialog"></MyDispatch>
                </el-dialog>
                <!-- tools -->
                <div class="tools">
@@ -118,15 +125,14 @@
    </div>
</template>
<script>
// import updateUser from "./updateUser"
import MyDetail from '@/components/detail'
import createUser from "./createUser"
import MyIll from './createUser/ill'
import MyVio from './createUser/vio'
import MyDispatch from '@/components/dispatch'
export default {
    components: {
        // updateUser
        createUser, MyIll, MyVio, MyDetail
        createUser, MyIll, MyVio, MyDetail, MyDispatch
    },
    data() {
        return {
@@ -143,10 +149,10 @@
                //     continueTime:'8小时',
                // }
            ],
            context: "",
            dialogCreate: false,
            dialogView: false,
            dialogNewAdd: false,
            dialogDispatch:false,
            newAddType: 0,
            totalNum: null,
            pageSize: 10,
@@ -179,17 +185,17 @@
            tagList: [
                {
                    name: '待处理',
                    value: 7,
                    value: 0,
                    checked: true
                },
                {
                    name: '已上报',
                    value: 1,
                    value: 3,
                    checked: false
                },
                {
                    name: '已调度',
                    value: 3,
                    value: 6,
                    checked: false
                },
                {
@@ -199,7 +205,7 @@
                },
                {
                    name: '暂不处理',
                    value: 4,
                    value: 5,
                    checked: false
                },
            ],
@@ -217,6 +223,7 @@
            ],
            mystatus: '',
            statusArr: [],
            baseId:0

        }
    },
@@ -234,12 +241,19 @@
        this.getUserList();
    },
    methods: {
        setMystatus(value){
        // 调度
        handleDispatch(data) {
            this.baseId = data.id;
            this.dialogDispatch = true;
        },
        // 顶部下拉框
        setMystatus(value) {
            console.log(value);
            this.statusArr[1] = value;
            this.changeTypeChecked(value-1);
            this.changeTypeChecked(value - 1);
            this.getUserList();
        },
        // 选择违规违建
        setDialog({ flag, type }) {
            this.dialogCreate = flag;
            this.dialogNewAdd = true;
@@ -247,17 +261,29 @@
        },
        // 批量删除
        mulDelete(idArr) {
            console.log(idArr);
            // this.$axios({
            //     method: 'delete',
            //     url: 'sccg/violations/batch_delete?ids=' + idArr,
            // }).then(res => {
            //     this.getUserList();
            //     this.$message({
            //         message: res.message,
            //         type: res.code === 200 ? 'success' : 'warning'
            //     })
            // })
            console.log(idArr instanceof Array);
            const { statusArr } = this;
            this.$confirm('您确定要批量删除案件吗?')
                .then(_ => {
                    this.$axios({
                        method: 'delete',
                        url: 'sccg/base-case/batch_deletion?ids=' + idArr + '&type=' + statusArr[1],
                    }).then(res => {
                        if (res.code === 200) {
                            this.getUserList();
                            this.$message({
                                message: '批量删除案件成功',
                                type: 'success'
                            })
                        } else {
                            this.$message({
                                message: res.data,
                                type: 'warning'
                            })
                        }
                    })
                })
                .catch(err => { console.log(err) })
        },
        // 执行下拉框操作
        selectChange(list) {
@@ -279,7 +305,7 @@
        tableChange(list) {
            this.tempList = [];
            list.forEach(item => {
                this.tempList.push(item.id);
                this.tempList.push(item.code);
            })
            if (list.length === this.tableData.length) {
                this.all = true;
@@ -297,35 +323,13 @@
                this.$refs.multipleTable.toggleRowSelection(row)
            })
        },
        // 删除单条数据
        handleDelete({ number }) {
            console.log(number);
            this.$confirm('确认删除？')
                .then(_ => {
                    console.log(1);
                    // this.$axios({
                    //     method: 'delete',
                    //     url: `sccg/violations/delete?id=${number}`,
                    // })
                    //     .then(res => {
                    //         console.log(res);
                    //         this.$message({
                    //             type: res.code === 200 ? 'success' : 'warning',
                    //             message: res.message
                    //         })

                    //         this.getUserList();
                    //     })
                })
                .catch(_ => { console.log(2) });
        },
        // 获取用户列表
        getUserList() {
            const { currentPage, pageSize, context, statusArr } = this;
            const { currentPage, pageSize, statusArr } = this;
            console.log(statusArr);
            this.$axios({
                method: 'get',
                url: `sccg/base-case/query?state=${statusArr[0]}&current=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}`
                url: `sccg/base_case/query?state=${statusArr[0]}&current=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}`
            }).then(res => {
                this.totalNum = res.data.total;
                this.tableData = res.data.records;
@@ -343,9 +347,8 @@
        },
        // 查看用户信息(不可修改)
        handleFind(rowData) {
            this.dialogView = true;
            this.updateFlag = false;
            this.userInfo = rowData;
            // this.dialogView = true;
            // this.userInfo = rowData;
        },
        // 当前页改变触发事件
        changeCurrentPage(page) {
@@ -366,12 +369,15 @@
            this.dialogNewAdd = val.dialogView;
            this.dialogCreate = val.dialogView;
            this.dialogView = val.dialogView;
            this.dialogDispatch = val.dialogView;
            this.getUserList();
        },
        handleClose(done) {
            this.$confirm('确认关闭？')
                .then(_ => {
                    this.dialogCreate = false;
                    this.dialogNewAdd = false;
                    this.dialogDispatch = false;
                    this.dialogView = false;
                    done();
                })
@@ -389,7 +395,7 @@
            this.typeList[0].checked = true;
            this.typeList[1].checked = false;
            this.statusArr[0] = this.tagList[idx].value;
            this.statusArr[1] = 1; 
            this.statusArr[1] = 1;
            this.getUserList();
        },
        // 更改违规/违建
@@ -401,7 +407,7 @@
                    item.checked = false;
                }
            })
            this.mystatus = idx+1;
            this.mystatus = idx + 1;
            this.statusArr[1] = this.typeList[idx].value;
            this.getUserList();
        },
@@ -410,9 +416,10 @@
        },
        // 获取案件信息
        getEventInfo(code) {
            console.log('获取具体案件信息', code);
            this.$axios({
                method: 'get',
                url: `sccg/base-case/baseCaseDetail/${code}`
                url: `sccg/base_case/baseCaseDetail/${code}`
            })
                .then(res => {
                    this.info = res.data;