新增案件池在学习、暂不处理

“dzb”

2022-10-08 ce87e7746d6399c5a38a7f4fe10447d911b06051

新增案件池在学习、暂不处理

 src/components/illdetail/index.vue

New file
@@ -0,0 +1,247 @@
<template>
    <div class="view">
        <div class="view-data">
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        问题类型:
                    </label>
                    <span class="data-detail">违建</span>
                </div>
                <div class="data-item__right">
                    <label class="data-title">
                        大类名称:
                    </label>
                    <span class="data-detail">{{baseCase.category}}</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        小类名称:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
                <div class="data-item__right">
                    <label class="data-title">
                        事件等级:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        案由:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        所属区县:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
                <div class="data-item__right">
                    <label class="data-title">
                        所属社区:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        所属街道:
                    </label>
                    <span class="data-detail">{{baseCase.streetId}}</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        事发地点:
                    </label>
                    <span class="data-detail">{{baseCase.site}}</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        关联商铺名称:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
            </div>
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        问题描述:
                    </label>
                    <span class="data-detail">xxx</span>
                </div>
            </div>
            <div class="data-user">
                <div class="data-item">
                    <div class="data-item__left">
                        <label class="data-title">
                            反映人:
                        </label>
                        <span class="data-detail">{{baseCase.createUser}}</span>
                    </div>
                    <div class="data-item__right">
                        <label class="data-title">
                            联系方式:
                        </label>
                        <span class="data-detail">12345678901</span>
                    </div>
                </div>
                <div class="data-item">
                    <div class="data-item__left">
                        <label class="data-title">
                            身份证号:
                        </label>
                        <span class="data-detail">123456789987654321</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="view-process">
            <div class="process-header">
                <div class="process-title-item" v-for="item in titleList" :key="item.title"
                    @click="changeComponent(item.index)">
                    <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
                    <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
                </div>
            </div>
            <div class="show-item">
                <div class="show-wrap">
                    <MyProcess v-if="activeIndex === 1" :handlePassVo="handlePassVo"></MyProcess>
                    <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" ></MyFilePicture>
                    <MySovleProblem v-else-if="activeIndex === 3" :problemProVo="problemProVo"></MySovleProblem>
                    <MyScene v-else :currentSitVo="currentSitVo"></MyScene>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import MyProcess from '@/components/process'
import MyFilePicture from '@/components/filePictrue'
import MySovleProblem from '@/components/solveProblem'
import MyScene from '@/components/scene'
export default {
    components: { 
        MyProcess, MyFilePicture, MySovleProblem, MyScene
    },
    data() {
        return {
            myInfo: {

            },
            activeIndex: 1,
            titleList: [
                {
                    title: '办理经过',
                    index: 1,
                },
                {
                    title: '案卷图片',
                    index: 2,
                },
                {
                    title: '问题处理',
                    index: 3,
                },
                {
                    title: '现场情况',
                    index: 4,
                },
            ], 
            baseCase:{},
            handlePassVo:{},
            currentSitVo:{},
            problemProVo:{},
            filesPictureVo:{}
            
        }
    },
    created() {
        console.log('created');
        const {info} = this; 
        this.baseCase = info.baseCase;
        this.handlePassVo = info.handlePassVo;
        this.currentSitVo = info.currentSitVo;
        this.problemProVo = info.problemProVo;
        this.filesPictureVo = info.filesPictureVo;
        console.log(info); 
    },
    methods: {
        changeComponent(index) {
            this.activeIndex = index;
        },
    },
    props: ['info']
}
</script>
<style lang="scss" scoped>
.view {
    display: flex;
    padding: 20px;

    .view-data {
        color: #4b9bb7;
        flex: 4;
        padding: 0 30px 0 20px;

        .data-item {
            display: flex;
            justify-content: space-between;
            line-height: 40px;
        }

        border: 1px solid #17324c;
    }

    .view-process {
        flex: 6;
        margin-left: 20px;

        .process-header {
            display: flex;
            line-height: 40px;

            .process-title-item {
                width: 120px;
                text-align: center;

                .under-line {
                    height: 2px;
                    width: 100%;
                }

                .title-active {
                    color: #4b9bb7;
                }

                .line-active {
                    background-color: #4b9bb7;
                    border-radius: 20px;
                }
            }
        }

        .show-item {
            overflow: hidden;
            height: 600px;
            position: relative;
            .show-wrap{
                overflow: scroll;
                height: 600px;
            }
        }
    }
}
</style>

 src/components/process/index.vue

@@ -27,10 +27,10 @@
                        v-if="index<list.length-1 ? true:false"></div>
                </div>
                <div class="desc">
                    <div class="desc-title">环节用时:{{item.disposeRecord.linkTime}}</div>
                    <div class="desc-title">环节用时:{{item.disposeRecords[0].linkTime}}</div>
                    <div class="desc-content" v-if="active > index">
                        <div class="desc-content-message">1111111</div>
                        <div class="desc-content-endtime">{{item.disposeRecord.endTime}}</div>
                        <div class="desc-content-endtime">{{item.disposeRecords[0].endTime}}</div>
                    </div>
                </div>
            </div>
@@ -77,9 +77,8 @@
        // console.log(this.handlePassVo.workflowConfigSteps[0].name); 
        console.log(mylist);
        mylist.forEach(item=>{
            if(item.disposeRecord.endTime != null){
            if(item.disposeRecords[0].endTime != null){
                this.active ++;
                console.log(1);
            }
        })
        this.list =  mylist;

 src/components/scene/index.vue

@@ -128,8 +128,9 @@
    },
    props:['currentSitVo'],
    created(){
        const {currentSitVo:{arrivalSituation:mylist}} = this;
        this.arrivalSituation = mylist;
        const {currentSitVo} = this;
        console.log(currentSitVo);
        // this.arrivalSituation = mylist;
    },
    methods: {
        changeActive(idx) {

 src/components/solveProblem/index.vue

@@ -8,8 +8,8 @@
            <el-timeline>
                <el-timeline-item :color="mycolor" v-for="item in list" :key="item.id">
                    <div class="title">
                        <div class="title-left">【{{item.name}}】{{item.name === '派遣' ? '派遣员':item.name === '处理' ? '处理人':'评定人'}}:{{item.disposeRecord.handleId}}</div>
                        <div class="title-right">{{item.disposeRecord.endTime}}</div>
                        <div class="title-left">【{{item.name}}】{{item.name === '派遣' ? '派遣员':item.name === '处理' ? '处理人':'评定人'}}:{{item.disposeRecords[0].handleId}}</div>
                        <div class="title-right">{{item.disposeRecords[0].endTime}}</div>
                    </div>
                    <div class="message">【{{item.name === '派遣' ? '派遣意见':item.name === '处理' ? '处理结果':'评定结果'}}】请相关执法队员及时前往现场进行处置</div>
                </el-timeline-item> 

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

@@ -339,6 +339,7 @@
        // 关闭上传界面
        closeDialog({flag}){
            this.dialogUpload = flag;
            this.getUserList();
        }
    }
}

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

@@ -54,7 +54,7 @@
                    <el-table-column prop="operation" label="操作" min-width="20">
                        <template slot-scope="scope">
                            <div class="btn">
                                <span @click="opernDialog(scope.row)">重新处置</span>
                                <span @click="handleReset(scope.row)">重新处置</span>
                            </div>
                        </template>
                    </el-table-column>
@@ -328,10 +328,33 @@
                this.dialogView = true;
            })
        },
        opernDialog(data){
            this.dialogUpload = true;
            this.caseId = data.id;
            // console.log(data); 
        // opernDialog(data){
        //     this.dialogUpload = true;
        //     this.caseId = data.id;
        //     // console.log(data); 
        // },
        // 重新处置
        handleReset({id}){
            console.log(id);
            this.$axios({
                method:'put',
                url:'sccg/base_case/reset?caseId='+id
            })
            .then(res=>{
                console.log(res);
                if(res.code === 200){
                    this.$message({
                        type:'success',
                        message:'处置成功',
                    })
                    this.getUserList();
                }else{
                    this.$message({
                        type:'error',
                        message:'操作失败'
                    })
                }
            })
        },
        // 关闭上传界面
        closeDialog({flag}){

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

@@ -54,7 +54,7 @@
                    <el-table-column prop="operation" label="操作" min-width="20">
                        <template slot-scope="scope">
                            <div class="btn">
                                <span @click="opernDialog(scope.row)">重新处置</span>
                                <span @click="handleReset(scope.row)">重新处置</span>
                            </div>
                        </template>
                    </el-table-column>
@@ -334,6 +334,29 @@
            this.caseId = data.id;
            // console.log(data); 
        },
        // 重新处置
        handleReset({id}){
            console.log(id);
            this.$axios({
                method:'put',
                url:'sccg/base_case/reset?caseId='+id
            })
            .then(res=>{
                console.log(res);
                if(res.code === 200){
                    this.$message({
                        type:'success',
                        message:'处置成功',
                    })
                    this.getUserList();
                }else{
                    this.$message({
                        type:'error',
                        message:'操作失败'
                    })
                }
            })
        },
        // 关闭上传界面
        closeDialog({flag}){
            this.dialogUpload = flag;

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

@@ -79,9 +79,9 @@
                                <span class="line">|</span>
                                <span @click="handleDispatch(scope.row)">调度</span>
                                <span class="line">|</span>
                                <span @click="handleDelete(scope.row)">在学习</span>
                                <span @click="handleLearn(scope.row)">在学习</span>
                                <span class="line">|</span>
                                <span @click="handleDelete(scope.row)">暂不处理</span>
                                <span @click="handleNotDeal(scope.row)">暂不处理</span>
                            </div>
                        </template>
                    </el-table-column>
@@ -200,12 +200,12 @@
                },
                {
                    name: '在学习',
                    value: 4,
                    value: 3,
                    checked: false
                },
                {
                    name: '暂不处理',
                    value: 5,
                    value: 4,
                    checked: false
                },
            ],
@@ -425,6 +425,52 @@
                    this.info = res.data;
                    this.dialogView = true;
                })
        },
        // 在学习
        handleLearn({id}){
            console.log(id);
            this.$axios({
                method:'put',
                url:'sccg/base_case/case_status_update?caseId='+id + '&state='+3
            })
            .then(res=>{
                console.log(res);
                if(res.code === 200){
                    this.$message({
                        type:'success',
                        message:'操作成功',
                    })
                    this.getUserList();
                }else{
                    this.$message({
                        type:'error',
                        message:'操作失败'
                    })
                }
            })
        },
        // 暂不处理
        handleNotDeal({id}){
            console.log(id);
            this.$axios({
                method:'put',
                url:'sccg/base_case/case_status_update?caseId='+id + '&state='+4
            })
            .then(res=>{
                console.log(res);
                if(res.code === 200){
                    this.$message({
                        type:'success',
                        message:'操作成功',
                    })
                    this.getUserList();
                }else{
                    this.$message({
                        type:'error',
                        message:'操作失败'
                    })
                }
            })
        }
    }
}

 src/views/operate/management/myIndex/components/closure/index.vue

New file
@@ -0,0 +1,328 @@
<template>
    <div class="view">
        <div class="view-data">
            <el-form :model="baseCase" label-position="right" ref="viewForm" :rules="Rules" label-width="100px">
                <div class="data-item">
                    <el-form-item label="问题来源:">
                        <span class="data-detail">{{baseCase.eventSource === 2 ? '人工上报' : '视频巡查'}}</span>
                    </el-form-item>
                    <el-form-item label="登记人员:">
                        <span class="data-detail">{{baseCase.createUser}}</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="问题类型:">
                        <span class="data-detail">{{baseCase.category === 1 ? '违规' : '违建'}}</span>
                    </el-form-item>
                    <el-form-item label="事件等级:">
                        <span class="data-detail">xxxxxx</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="大类名称:">
                        <span class="data-detail">xxxxxx</span>
                    </el-form-item>
                    <el-form-item label="小类名称:">
                        <span class="data-detail">xxxxxx</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="所属区县:">
                        <span class="data-detail">xxxx</span>
                    </el-form-item>
                    <el-form-item label="所属街道:">
                        <span class="data-detail">{{baseCase.streetId}}</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="所属社区:">
                        <span class="data-detail">{{baseCase.communityId}}</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="事发地点:">
                        <span class="data-detail">{{baseCase.site}}</span>
                    </el-form-item>
                    <el-form-item label="车牌号:">
                        <span class="data-detail">xxxxx</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="关联商铺名称:">
                        <span class="data-detail">xxxxxx</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="问题描述:">
                        <span class="data-detail">xxxxxxx</span>
                    </el-form-item>
                </div>
                <div class="data-item">
                    <el-form-item label="反映人:">
                        <span class="data-detail">xxxxxxx</span>
                    </el-form-item>
                    <el-form-item label="联系方式:">
                        <span class="data-detail">xxxxxxx</span>
                    </el-form-item>
                </div>
                <!-- 审核意见
                <el-form-item label="审核意见" prop="auditOpinion">
                    <el-input type="textarea" placeholder="请输入审核意见" v-model="baseCase.auditOpinion"></el-input>
                </el-form-item>
                <div class="el-form-footer">
                    <el-button @click.native.prevent="handleSubmit(0)">驳回</el-button>
                    <el-button type="primary" @click.native.prevent="handleSubmit(1)">通过</el-button>
                </div> -->
            </el-form>
        </div>
        <div class="view-process">
            <div class="process-header">
                <div class="process-title-item" v-for="item in titleList" :key="item.title"
                    @click="changeComponent(item.index)">
                    <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
                    <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
                </div>
            </div>
            <div class="show-item">
                <div class="show-wrap">
                    <div class="closure-info" v-if="activeIndex === 0">
                        <el-form :model="baseCase" label-position="right" ref="opinionForm" :rules="Rules"
                            label-width="100px">
                            <el-form-item label="审核意见" class="op-item" prop="auditOpinion">
                                <el-input type="textarea" placeholder="请输入审核意见" v-model="baseCase.auditOpinion" disabled>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="结案意见" class="op-item" prop="finalOpinion">
                                <el-input type="textarea" placeholder="请输入结案意见" v-model="baseCase.finalOpinion">
                                </el-input>
                            </el-form-item>
                        </el-form>
                        <div class="form-footer">
                            <el-button type="primary"  @click.native.prevent="handleSubmit">结案</el-button>
                            <el-button>返回</el-button>
                        </div>
                    </div>
                    <MyProcess v-else-if="activeIndex === 1" :handlePassVo="handlePassVo"></MyProcess>
                    <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo"></MyFilePicture>
                    <MySovleProblem v-else-if="activeIndex === 3" :problemProVo="problemProVo"></MySovleProblem>
                    <MyScene v-else :currentSitVo="currentSitVo"></MyScene>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import MyProcess from '@/components/process'
import MyFilePicture from '@/components/filePictrue'
import MySovleProblem from '@/components/solveProblem'
import MyScene from '@/components/scene'
export default {
    components: {
        MyProcess, MyFilePicture, MySovleProblem, MyScene
    },
    data() {
        const checkOpinion = (rule, value, callback) => {
            if (value) {
                callback();
            } else {
                callback(new Error('审核意见不能为空'))
            }
        }
        const checkFinal = (rule, value, callback) => {
            if (value) {
                callback();
            } else {
                callback(new Error('结案意见不能为空'))
            }
        }
        return {
            myInfo: {

            },
            activeIndex: 0,
            titleList: [
                {
                    title: '结案信息',
                    index: 0,
                },
                {
                    title: '办理经过',
                    index: 1,
                },
                {
                    title: '案卷图片',
                    index: 2,
                },
                {
                    title: '问题处理',
                    index: 3,
                },
                {
                    title: '现场情况',
                    index: 4,
                },
            ],
            Rules: {
                auditOpinion: [
                    {  trigger: 'blur', validator: checkOpinion }
                ],
                finalOpinion:[
                    {
                        trigger:'blur',validator:checkFinal
                    }
                ]  
                
            },
            baseCase: {},
            handlePassVo: {},
            currentSitVo: {},
            problemProVo: {},
            filesPictureVo: {}

        }
    },
    created() {
        const { info } = this;
        this.baseCase = info.baseCase;
        this.handlePassVo = info.handlePassVo;
        this.currentSitVo = info.currentSitVo;
        this.problemProVo = info.problemProVo;
        this.filesPictureVo = info.filesPictureVo;
    },
    methods: {
        changeComponent(index) {
            this.activeIndex = index;
        },
        // 提交审核意见
        handleSubmit() {
            const { baseCase } = this;
            this.$refs.viewForm.validate((valid) => {
                if (valid) {
                    this.$axios({
                        method: 'put',
                        url: 'sccg/base_case/end_case?caseId='+baseCase.id +'&result='+baseCase.finalOpinion,
                    })
                        .then(res => {
                            console.log(res);
                            if (res.code === 200) {
                                this.$message({
                                    type: 'success',
                                    message: mystatus === 0 ? '驳回成功' : '审核通过'
                                })
                                this.$emit('closeDialog', { flag: false });
                            }

                        })
                        .catch(err => { console.log(err) });
                } else {
                    return false;
                }
            })
        },
        // 获取当前用户登录信息
        getUserLoginInfo() {
            // 获取登录名;
            const username = sessionStorage.getItem('name');
            this.$axios({
                method: 'get',
                url: 'sccg/admin/info',
                data: {
                    name: 'username'
                }
            })
                .then(res => {
                    console.log(res);
                })
        }
    },
    props: ['info', 'closeDialog']
}
</script>
<style lang="scss" scoped>
.view {
    display: flex;
    padding: 20px;

    .view-data {
        color: #4b9bb7;
        flex: 4;
        padding: 20px;

        .data-item {
            display: flex;
            justify-content: space-between;
            line-height: 40px;
        }

        :deep(.el-form-item__label) {
            color: #4b9bb7;
        }

        :deep(.el-textarea__inner) {
            background-color: #17324c;
            color: #4b9bb7;
        }

        .el-form-footer {
            display: flex;
            justify-content: flex-end;
        }

        border: 1px solid #17324c;
    }
    :deep(.el-textarea__inner){
        background-color: #17324c;
        color: #4b9bb7;
    }
    .closure-info{
        padding: 20px;
        .op-item{
            padding-top: 20px;
        }
        .form-footer{
            display: flex;
            margin-top: 50px;
            justify-content: flex-end;
        }
    }
    .view-process {
        flex: 6;
        margin-left: 20px;

        .process-header {
            display: flex;
            line-height: 40px;

            .process-title-item {
                width: 120px;
                text-align: center;

                .under-line {
                    height: 2px;
                    width: 100%;
                }

                .title-active {
                    color: #4b9bb7;
                }

                .line-active {
                    background-color: #4b9bb7;
                    border-radius: 20px;
                }
            }
        }

        .show-item {
            overflow: hidden;
            height: 600px;
            position: relative;

            .show-wrap {
                overflow: scroll;
                height: 600px;
            }
        }
    }
}
</style>

 src/views/operate/management/myIndex/index.vue

@@ -56,7 +56,7 @@
                            <div class="btn">
                                <span @click="handleExamine(scope.row)">审核</span>
                                <span class="line">|</span>
                                <span>结案</span>
                                <span @click="handleClosure(scope.row)">结案</span>
                            </div>
                        </template>
                    </el-table-column>
@@ -65,6 +65,11 @@
                <el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)" v-if="dialogExamine"
                    :before-close="handleClose">
                    <MyExamine :info="info" @closeDialog="closeDialog"></MyExamine>
                </el-dialog>
                <!-- 结案页面 -->
                <el-dialog :visible.sync="dialogClosure" width="80%" title="基础信息(人工)" v-if="dialogClosure"
                    :before-close="handleClose">
                    <MyClosure :info="info" @closeDialog="closeDialog"></MyClosure>
                </el-dialog>
                <!-- tools -->
                <div class="tools">
@@ -96,14 +101,16 @@
</template>
<script>
import MyExamine from './components/examine'
import MyClosure from './components/closure'
export default {
    components: {
        MyExamine
        MyExamine,MyClosure
    },
    data() {
        return {
            tableData: [],
            dialogExamine:false,
            dialogClosure:false,
            info: {},
            totalNum: null,
            pageSize: 10,
@@ -282,6 +289,7 @@
                .catch(_ => { });
        },
        async JumpView(data) {
            console.log(data);
            await this.getEventInfo(data.code);
        },
        // 获取案件信息
@@ -296,13 +304,30 @@
                    this.dialogExamine = true;
                })
        },
        // 获取案件信息
        getEventInfo2(code) {
            this.$axios({
                method: 'get',
                url: `sccg/base_case/baseCaseDetail/${code}`
            })
                .then(res => {
                    console.log(res);
                    this.info = res.data;
                    this.dialogClosure = true;
                })
        },
        // 去审核
        handleExamine({code}) {
            this.getEventInfo(code);
        },
        // 去结案
        handleClosure({code}){
            this.getEventInfo2(code);
        },
        // 关闭dialog
        closeDialog({flag}){
            this.dialogExamine = flag;
            this.dialogClosure = flag;
        }
    }
}