新增运营管理中基础设置的违规违建类型添加,添加一些取消按钮的实现

“dzb”

2022-10-08 ccedc2e714c01d51f8eb986c6549ea701811f4bb

新增运营管理中基础设置的违规违建类型添加,添加一些取消按钮的实现

 src/views/operate/baseSetting/illegalBuild/createUser/index.vue

@@ -2,35 +2,24 @@
    <div class="createUser">
        <main>
            <div class="mainContent">
                <el-form ref="user" :rules="createIll" label-width="140px" autoComplete="on" :model="things" label-position="right">
                    <!-- 违规事项编号 -->
                    <!-- <el-form-item class="optionItem" label="违规事项编号:" prop="number">
                        <el-input v-model="things.number" placeholder="请填写违规事项编号"></el-input>
                    </el-form-item> -->
                <el-form ref="user" :rules="createIll" label-width="140px" autoComplete="on" :model="things"
                    label-position="right">
                    <!-- 新增的类型或大类或小类 -->
                    <el-form-item class="optionItem" label="新增名称:" prop="name">
                        <el-input v-model="things.name" placeholder="请输入新增名称"></el-input>
                    </el-form-item>
                    <!-- 所属类型 -->
                    <el-form-item class="optionItems" label="所属类型:" prop="typeThird">
                        <el-select v-model="things.typeThird" placeholder="请选择所属类型" >
                            <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
                                :value="item.id">
                    <!-- 请选择级别 -->
                    <el-form-item class="optionItem" label="级别:" prop="level">
                        <el-select v-model="things.level" placeholder="请选择所属类型" @change="resetParentList">
                            <el-option v-for="item in levelList" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 所属大类 -->
                    <el-form-item class="optionItem" label="所属大类:" prop="typeSecond">
                        <el-select v-model="things.typeSecond" placeholder="请选择所属类型" >
                            <el-option v-for="item in typeSecondList" :key="item.id" :label="item.name"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 请输入新增等级 -->
                    <el-form-item class="optionItem" label="案件等级:" prop="level">
                        <el-select v-model="things.level" placeholder="请选择所属类型" >
                            <el-option v-for="item in eventLevelList" :key="item.id" :label="item.name"
                                :value="item.id">
                    <!-- 父级id -->
                    <el-form-item class="optionItem" label="父级:" prop="parentId">
                        <el-select v-model="things.parentId" placeholder="请选择所属父级">
                            <el-option v-for="item in parentList" :key="item.id" :label="item.name" :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
@@ -40,8 +29,7 @@
                    </el-form-item>
                    <el-form-item>
                        <div class="optionBtn">
                            <!-- @click.native.prevent="handleSubmit" -->
                            <el-button type="primary" class="btn submit" >确认
                            <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">确认
                            </el-button>
                        </div>
                    </el-form-item>
@@ -70,18 +58,11 @@
        }
        return {
            things: {
                number: 0,
                type: '',
                name:'',
                typeFirst: '',
                typeSecond: '',
                typeThird: '',
                parentId:'',
                level:'',
            },
            roleList: [],
            typeThirdList:[],
            typeSecondList:[],
            eventLevelList:[],
            parentList: [],
            createIll:{
                name:[
                    { required:true,trigger:'blur',validator:checkName }
@@ -91,14 +72,20 @@
                        required:true,trigger:'change',validator:checkLevel
                    }
                ]
            }
            },
            levelList: [
                {
                    label: "违建中类型",
                    value: 1,
                },
                {
                    label: "类别",
                    value: 2,
                },
            ],
        }
    },
    created() {
        // 获取所属类型列表
        this.getTypeThird();
        this.getTypeSecond();
        this.getEventLevel();
    },
    methods: {
        // 查询所属类型
@@ -108,7 +95,7 @@
                url: "sccg/illegal_building/query/type_first",
            })
                .then(res => {
                    this.typeThirdList = res.data;
                    this.parentList = res.data;
                })
        },
        // 查询所属大类
@@ -118,22 +105,59 @@
                url: "sccg/illegal_building/query/type_second",
            })
                .then(res => {
                    this.typeSecondList = res.data;
                    this.parentList = res.data;
                })
        },
        // 获取案件等级列表
        getEventLevel() {
        // 提交新增违规类型
        handleSubmit() {
            console.log(this.things);
            this.$refs.user.validate((valid) => {
                console.log(valid);
                if (valid) {
                    const { things } = this;
            this.$axios({
                method: 'get',
                url: 'sccg/violations/query/event_type'
                        method: 'post',
                        url: 'sccg/illegal_building/addition/type',
                        data: {
                            code: '1111',
                            level: things.parentId === '' ? things.level : things.level + 1,
                            name: things.name,
                            parentId: things.parentId === '' ? 0 : things.parentId,
                            typeCode: '06',
                            typeName: '违建类型',
                            remark: things.type,
                        }
            })
                .then(res => {
                    console.log(res);
                    this.eventLevelList = res.data;
                            if (res.code === 200) {
                                this.$message({
                                    type: 'success',
                                    message: '添加成功'
                                })
                                this.$emit('changeDialog', { flag: false });
                            } else {
                                this.$message({
                                    type: 'error',
                                    message: "添加失败"
                                })
                            }
                        })
                } else {
                    return false;
                }
                })
        },
        // 案件级别变化
        resetParentList(index) {
            if (index === 1) {
                this.getTypeThird();
            }else {
                this.getTypeSecond();
            }
        }
    },
    props: ['getUserList']
    props: ['changeDialog']
}
</script>
<style lang="scss" scoped>

 src/views/operate/baseSetting/illegalBuild/index.vue

@@ -16,7 +16,7 @@
                    <el-button class="addBtn" type="primary" @click="dialogCreate = true">新增违建</el-button>
                    <el-dialog :visible.sync="dialogCreate" title="新增违建" width="45%" v-if="dialogCreate"
                        :before-close="handleClose">
                        <createUser :refresh="getUserList" />
                        <createUser @changeDialog="changeDialog" />
                    </el-dialog>
                </div>
            </div>
@@ -49,8 +49,7 @@
                <!-- 查看修改页面 -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '修改违建信息' :'查看违建信息'"
                    v-if="dialogUpdate" :before-close="handleClose">
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo
                        :getUserList=" context ? getUserList : getUserList" @changeDialog="changeDialog" />
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo @changeDialog="changeDialog" />
                </el-dialog>
                <!-- tools -->
                <div class="tools">
@@ -242,9 +241,10 @@
            this.currentPage = page;
            this.getUserList();
        },
        changeDialog(val) {
            this.dialogUpdate = val.dialogUpdate;
            console.log(val);
        changeDialog({flag}) {
            this.dialogCreate = flag;
            this.dialogUpdate = flag;
            this.getUserList();
        },
        handleClose(done) {
            this.$confirm('确认关闭？')

 src/views/operate/baseSetting/illegalBuild/updateUser/index.vue

@@ -61,7 +61,7 @@
                })
        }
    },
    props: ['userInfo', 'updateFlag', 'getUserList', 'changeDialog']
    props: ['userInfo', 'updateFlag', 'changeDialog']
}
</script>
<style lang="scss" scoped>

 src/views/operate/baseSetting/violation/createUser/index.vue

@@ -11,38 +11,22 @@
                    <el-form-item class="optionItem" label="新增名称:" prop="name">
                        <el-input v-model="things.name" placeholder="请输入新增名称"></el-input>
                    </el-form-item>
                    <!-- 所属类型 -->
                    <el-form-item class="optionItems" label="所属类型:" prop="typeThird">
                        <el-select v-model="things.typeThird" placeholder="请选择所属类型" >
                            <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
                    <!-- 请选择级别 -->
                    <el-form-item class="optionItem" label="级别:" prop="level">
                        <el-select v-model="things.level" placeholder="请选择所属类型" @change="resetParentList">
                            <el-option v-for="item in levelList" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 父级id -->
                    <el-form-item class="optionItem" label="父级:" prop="parentId">
                        <el-select v-model="things.parentId" placeholder="请选择所属类型" >
                            <el-option v-for="item in parentList" :key="item.id" :label="item.name"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 所属大类 -->
                    <el-form-item class="optionItem" label="所属大类:" prop="typeSecond">
                        <el-select v-model="things.typeSecond" placeholder="请选择所属类型" >
                            <el-option v-for="item in typeSecondList" :key="item.id" :label="item.name"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 请输入新增等级 -->
                    <el-form-item class="optionItem" label="案件等级:" prop="level">
                        <el-select v-model="things.level" placeholder="请选择所属类型" >
                            <el-option v-for="item in eventLevelList" :key="item.id" :label="item.name"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 所属小类 -->
                    <!-- <el-form-item class="optionItem" label="所属小类:" prop="typeFirst">
                        <el-select v-model="things.typeFirst" placeholder="请选择所属类型" disabled>
                            <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item> -->
                    <!-- 案由 -->
                    <el-form-item class="optionItem" label="案由:" prop="type">
                        <el-input type="textarea" autosize v-model="things.type" placeholder="请输入案由描述内容"></el-input>
@@ -75,14 +59,17 @@
                callback(new Error('新增违规等级不能为空'));
            }
        }
        // const checkId = (rule,value,callback)=>{
        //     if(value){
        //         callback();
        //     }else{
        //         callback(new Error('新增违规等级不能为空'));
        //     }
        // }
        return {
            things: {
                // number: 0,
                // type: '',
                name:'',
                typeFirst: '',
                typeSecond: '',
                typeThird: '',
                parentId:'',
                level:'',
            },
            createThings:{
@@ -95,21 +82,35 @@
                    {
                        required:true,trigger:'change',validator:checkLevel
                    }
                ]
                ],
                // parentId:[
                //     {
                //         required:true,trigger:'change',validator:checkId
                //     }
                // ]
            },
            roleList: [],
            typeThirdList:[],
            typeSecondList:[],
            // typeFirstList:[],
            eventLevelList:[]
            levelList:[
                {
                    label:"违规中类型",
                    value:1,
                },
                {
                    label:"大类",
                    value:2,
                },
                {
                    label:"小类",
                    value:3,
                },
                {
                    label:"案由",
                    value:4,
                },
            ],
            parentList:[],
        }
    },
    created() {
        // 获取所属类型列表
        this.getTypeThird();
        this.getTypeSecond();
        // this.getTypeFirst();
        this.getEventLevel();
    },
    methods: {
        // 查询所属类型
@@ -119,7 +120,7 @@
                url: "sccg/violations/query/type_first",
            })
                .then(res => {
                    this.typeThirdList = res.data;
                    this.parentList = res.data;
                })
        },
        // 查询所属大类
@@ -129,36 +130,84 @@
                url: "sccg/violations/query/type_second",
            })
                .then(res => {
                    this.typeSecondList = res.data;
                    this.parentList = res.data;
                })
        },
        // 查询所属小类
        // getTypeFirst(){
        //     this.$axios({
        //         method: 'get',
        //         url: "sccg/violations/query/type_third",
        //     })
        //         .then(res => {
        //             this.typeFirstList = res.data;
        //         })
        // },
        // 获取案件等级列表
        getTypeFirst(){
            this.$axios({
                method: 'get',
                url: "sccg/violations/query/type_third",
            })
                .then(res => {
                    this.parentList = res.data;
                })
        },
        // 查询所属案由
        getEventLevel() {
            this.$axios({
                method: 'get',
                url: 'sccg/violations/query/event_type'
                url: 'sccg/violations/query/type_four'
            })
                .then(res => {
                    console.log(res);
                    this.eventLevelList = res.data;
                    this.parentList = res.data;
                }) 
        },
        // 提交新增违规类型
        handleSubmit(){
            console.log(this.things);
            this.$refs.user.validate((valid)=>{
                console.log(valid);
                if(valid){
                    const {things} = this;
                    this.$axios({
                        method:'post',
                        url:'sccg/violations/addition/type',
                        data:{
                            code:'1111',
                            level:things.parentId === '' ? things.level : things.level+1,
                            name:things.name,
                            parentId:things.parentId=== '' ? 0 : things.parentId,
                            typeCode:'01',
                            typeName:'问题类型',
                            remark:things.type,
                        }
                    })
                    .then(res=>{
                        console.log(res);
                        if(res.code === 200){
                            this.$message({
                                type:'success',
                                message:'添加成功'
                            })
                            this.$emit('changeDialog',{flag:false});
                        }else{
                            this.$message({
                                type:'error',
                                message:"添加失败"
                            })
                        }
                    })
                }else{
                    return false;
                }
            })
        },
        // 案件级别变化
        resetParentList(index){
            if(index === 1){
                this.getTypeThird();
            }else if(index === 2){
                this.getTypeSecond();
            }else if(index === 3){
                this.getTypeFirst();
            }else{
                this.getEventLevel();
            }
        }
    },
    props: ['getUserList']
    props: ['changeDialog']
}
</script>
<style lang="scss" scoped>

 src/views/operate/baseSetting/violation/index.vue

@@ -16,7 +16,7 @@
                    <el-button class="addBtn" type="primary" @click="dialogCreate = true">新增违规类型</el-button>
                    <el-dialog :visible.sync="dialogCreate" title="新增违规类型" width="45%" v-if="dialogCreate"
                        :before-close="handleClose">
                        <createUser :refresh="getUserList" />
                        <createUser  @changeDialog=changeDialog />
                    </el-dialog>
                </div>
            </div>
@@ -32,13 +32,13 @@
                    </el-table-column>
                    <el-table-column prop="number" label="违规事项编号" min-width="10">
                    </el-table-column>
                    <el-table-column prop="typeThird" label="所属类型" min-width="10">
                    <el-table-column prop="type" label="所属类型" min-width="10">
                    </el-table-column>
                    <el-table-column prop="typeSecond" label="所属大类" min-width="10">
                    <el-table-column prop="typeFirst" label="所属大类" min-width="10">
                    </el-table-column>
                    <el-table-column prop="typeFirst" label="所属小类" min-width="10">
                    <el-table-column prop="typeSecond" label="所属小类" min-width="10">
                    </el-table-column>
                    <el-table-column prop="type" label="案由" min-width="45">
                    <el-table-column prop="typeThird" label="案由" min-width="45">
                    </el-table-column>
                    <el-table-column prop="operation" label="操作" min-width="10">
                        <template slot-scope="scope">
@@ -277,9 +277,10 @@
            this.currentPage = page;
            this.getUserList();
        },
        changeDialog(val) {
            this.dialogUpdate = val.dialogUpdate;
            console.log(val);
        changeDialog({flag}) {
            this.dialogCreate = flag;
            this.dialogUpdate = flag;
            this.getUserList();
        },
        handleClose(done) {
            this.$confirm('确认关闭？')

 src/views/operate/baseSetting/violation/updateUser/index.vue

@@ -86,8 +86,7 @@
        //                 name: role.name,
        //                 sort: 0
        //             }).then(res => {
        //                 this.$emit('changeDialog', { dialogUpdate: false });
        //                 this.getUserList();
        //                 this.$emit('changeDialog', { flag: false });
        //             })
        //         } else {
        //             return false;
@@ -125,7 +124,7 @@
                })
        }
    },
    props: ['userInfo', 'updateFlag', 'getUserList', 'changeDialog']
    props: ['userInfo', 'updateFlag', 'changeDialog']
}
</script>
<style lang="scss" scoped>

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

@@ -30,9 +30,9 @@
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column prop="id" label="事件编号" min-width="10">
                    <el-table-column prop="code" label="事件编号" min-width="10">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{scope.row.id}}</el-link>
                            <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="10">

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

@@ -30,9 +30,9 @@
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column prop="id" label="事件编号" min-width="10">
                    <el-table-column prop="code" label="事件编号" min-width="10">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{scope.row.id}}</el-link>
                            <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="10">
@@ -338,7 +338,7 @@
            console.log(id);
            this.$axios({
                method:'put',
                url:'sccg/base_case/reset?caseId='+id
                url:'sccg/base_case/case_status_update?caseId='+id+'&state=0'
            })
            .then(res=>{
                console.log(res);

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

@@ -30,9 +30,9 @@
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column prop="id" label="事件编号" min-width="10">
                    <el-table-column prop="code" label="事件编号" min-width="10">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{scope.row.id}}</el-link>
                            <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="10">
@@ -339,7 +339,7 @@
            console.log(id);
            this.$axios({
                method:'put',
                url:'sccg/base_case/reset?caseId='+id
                url:'sccg/base_case/case_status_update?caseId='+id+'&state=0'
            })
            .then(res=>{
                console.log(res);

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

@@ -51,9 +51,9 @@
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column prop="id" label="事件编号" min-width="10">
                    <el-table-column prop="code" label="事件编号" min-width="10">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{scope.row.id}}</el-link>
                            <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="10">
@@ -440,10 +440,16 @@
            .then(res=>{
                console.log(res);
                if(res.code === 200){
                    this.$message({
                    this.$notify({
                        title:'温馨提示',
                        message:'此事件已忽略,返回系统在学习',
                        type:'success',
                        message:'操作成功',
                        position: 'bottom-right'
                    })
                    // this.$message({
                    //     type:'success',
                    //     message:'操作成功',
                    // })
                    this.getUserList();
                }else{
                    this.$message({
@@ -463,10 +469,16 @@
            .then(res=>{
                console.log(res);
                if(res.code === 200){
                    this.$message({
                    this.$notify({
                        title:'温馨提示',
                        message:'此事件暂不处理,请前往暂不处理界面查看详情',
                        type:'success',
                        message:'操作成功',
                        position: 'bottom-right'
                    })
                    // this.$message({
                    //     type:'success',
                    //     message:'操作成功',
                    // })
                    this.getUserList();
                }else{
                    this.$message({

 src/views/operate/fivepack/shop/components/main/index.vue

@@ -100,30 +100,18 @@
            const that = this;
            const { currentPage, pageSize, search } = this;
            console.log(typeof search);
            // 获取所有用户信息、用户查询(暂时支持电话号码)
            // this.$axios.get(`sccg/store/storeinfo/list?keyword=${search}&pageNum=${currentPage}&pageSize=${pageSize}`).then(res => {
            //     if (res.code === 200) {
            //         res.data.records.forEach(item => {
            //             item.createTime = helper(item.createTime);
            //             item.status == 1 ? item.status = true : item.status = false;
            //         })
            //         that.totalNum = res.data.pages * pageSize;
            //         that.tableData = res.data.records;
            //         this.renderFlag = true;
            //     }
            // })
            // this.$axios({
            //     method: 'get',
            //     url:`sccg/store/storeinfo/list?keyword=${search}&pageNum=${currentPage}&pageSize=${pageSize}`,
            //     // data:{
            //     //     keyword:'',
            //     //     pageNum:currentPage,
            //     //     pageSize,
            //     // }
            // })
            //     .then(res => {
            //         console.log(res);
            //     })
            this.$axios.get(`sccg/store/storeinfo/list?keyword=${search}&pageNum=${currentPage}&pageSize=${pageSize}`)
                .then(res => {
                    if (res.code === 200) {
                        res.data.list.forEach(item => {
                            item.createTime = helper(item.createTime);
                            item.status == 1 ? item.status = true : item.status = false;
                        })
                        that.totalNum = res.data.total;
                        that.tableData = res.data.list;
                        this.renderFlag = true;
                    }
                })
        },
        // 查看用户信息(不可修改)
        handleFind(rowData) {

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

@@ -207,9 +207,14 @@
                            if (res.code === 200) {
                                this.$message({
                                    type: 'success',
                                    message: mystatus === 0 ? '驳回成功' : '审核通过'
                                    message: '结案成功'
                                })
                                this.$emit('closeDialog', { flag: false });
                            }else{
                                this.$message({
                                    type:'error',
                                    message:'结案失败',
                                })
                            }

                        })

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

@@ -162,8 +162,6 @@
        handleSubmit(mystatus) {
            // this.getUserLoginInfo();
            const {baseCase} = this;
            this.$refs.viewForm.validate((valid) => {
                if (valid) {
                    this.$axios({
                        method: 'post',
                        url: 'sccg/check_handle/check',
@@ -186,10 +184,6 @@
                        
                    })
                    .catch(err=>{console.log(err)});
                } else {
                    return false;
                }
            })
        },
        // 获取当前用户登录信息
        getUserLoginInfo() {

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

@@ -3,14 +3,14 @@
        <header>
            <div class="problem">
                <div class="problem-title">问题类型</div>
                <el-radio-group v-model="myproblem">
                <el-radio-group v-model="myproblem" @change="changeMyProblem">
                    <el-radio :label="1">违规</el-radio>
                    <el-radio :label="2">违建</el-radio>
                </el-radio-group>
            </div>
            <div class="status">
                <div class="status-title">审核状态</div>
                <el-radio-group v-model="instatus">
                <el-radio-group v-model="instatus"  @change="changeInStatus">
                    <el-radio :label="7">待审核</el-radio>
                    <el-radio :label="8">已审核</el-radio>
                    <el-radio :label="9">已结案</el-radio>
@@ -30,9 +30,9 @@
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
                    </el-table-column>
                    <el-table-column prop="id" label="事件编号" min-width="10">
                    <el-table-column prop="code" label="事件编号" min-width="10">
                        <template slot-scope="scope">
                            <el-link @click="JumpView(scope.row)">{{scope.row.id}}</el-link>
                            <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
                        </template>
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="10">
@@ -54,8 +54,8 @@
                    <el-table-column prop="operation" label="操作" min-width="20">
                        <template slot-scope="scope">
                            <div class="btn">
                                <span @click="handleExamine(scope.row)">审核</span>
                                <span class="line">|</span>
                                <span @click="handleExamine(scope.row)" v-if="instatus===7 ? true : false">审核</span>
                                <span class="line" v-if="instatus===7 ? true : false">|</span>
                                <span @click="handleClosure(scope.row)">结案</span>
                            </div>
                        </template>
@@ -253,7 +253,8 @@
                } else {
                    item.checked = false;
                }
            })
            });
            this.myproblem = idx+1;
            this.getUserList();
        },
        // 设置表格斑马纹
@@ -328,6 +329,15 @@
        closeDialog({flag}){
            this.dialogExamine = flag;
            this.dialogClosure = flag;
            this.getUserList();
        },
        // 问题类型
        changeMyProblem(val){
            this.getUserList();
        },
        // 审核状态
        changeInStatus(val){
            this.getUserList();
        }
    }
}

 src/views/systemSetting/baseSetting/role/index.vue

@@ -62,11 +62,16 @@
                        </template>
                    </el-table-column>
                </el-table>
                <!-- 查看修改页面 -->
                <!-- 修改页面 -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '权限设置' :'查看角色信息'"
                    v-if="dialogUpdate" :before-close="handleClose">
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo
                        :getUserList=" context ? getUserList : getUserList" @changeDialog="changeDialog" />
                </el-dialog>
                <!-- 查看页面 -->
                <el-dialog :visible.sync="dialogView" width="45%" title="查看角色信息"
                    v-if="dialogView" :before-close="handleClose">
                    <MyView :userInfo=userInfo @changeDialog="changeDialog" />
                </el-dialog>
                <!-- tools -->
                <div class="tools">
@@ -100,9 +105,10 @@
import createUser from "./createUser"
import updateUser from "./updateUser"
import helper from "@/utils/mydate.js"
import MyView from './viewRole'
export default {
    components: {
        createUser, updateUser
        createUser, updateUser,MyView
    },
    data() {
        return {
@@ -110,6 +116,7 @@
            context: "",
            dialogCreate: false,
            dialogUpdate: false,
            dialogView:false,
            updateFlag: false,
            userInfo: '',
            totalNum: null,
@@ -312,8 +319,7 @@
        },
        // 查看用户信息(不可修改)
        handleFind(rowData) {
            this.dialogUpdate = true;
            this.updateFlag = false;
            this.dialogView = true;
            this.userInfo = rowData;
        },
        // 修改用户部门信息
@@ -337,8 +343,10 @@
            this.currentPage = page;
            this.search();
        },
        changeDialog(val) {
            this.dialogUpdate = val.dialogUpdate;
        changeDialog({flag}) {
            this.dialogUpdate = flag;
            this.dialogCreate = flag;
            this.dialogView = flag;
        },
        handleClose(done) {
            this.$confirm('确认关闭？')

 src/views/systemSetting/baseSetting/role/updateUser/index.vue

@@ -4,7 +4,6 @@
            <div class="mainContent">
                <div class="my-tree">
                    <div class="my-tree__wrap">
                        <!-- @node-click="handleNodeClick" -->
                        <el-tree ref="tree" :data="roleList" :props="defaultProps"  show-checkbox
                            @check="handleCheck" :default-checked-keys="checkedIds" default-expand-all node-key="id">
                        </el-tree>
@@ -160,7 +159,7 @@
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    background-color: #17324c;
                    background-color: #09152f;
                    width: 100%;
                    height: 20px;
                    border-bottom-left-radius: 4px;
@@ -169,7 +168,7 @@
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    background-color: #17324c;
                    background-color: #09152f;
                    width: 20px;
                    height: 100%;
                }

 src/views/systemSetting/baseSetting/role/viewRole/index.vue

New file
@@ -0,0 +1,116 @@
<template>
    <div class="createUser">
        <main>
            <div class="mainContent">
                <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
                    label-position="right">
                    <!-- 角色名称 -->
                    <el-form-item class="optionItem" label="角色名称:" prop="name">
                        <el-input v-model="role.name" placeholder="请填写角色名称"></el-input>
                    </el-form-item>
                    <!-- 角色类型 -->
                    <el-form-item class="optionItems" label="角色类型:" prop="status">
                        <el-input v-model="role.type" placeholder="请选择角色类型"></el-input>
                        <!-- <el-select v-model="role.type" placeholder="请选择角色类型">
                            <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
                                :disabled="item.disabled">
                            </el-option>
                        </el-select> -->
                    </el-form-item>
                    <!-- 角色描述 -->
                    <el-form-item class="optionItem" label="角色描述:" prop="description">
                        <el-input type="textarea" v-model="role.description" placeholder="请输入描述内容200字以内"></el-input>
                    </el-form-item>
                </el-form>

            </div>
        </main>
    </div>
</template>
<script>
export default {
    data() {
        return {
            role: {
                name: '',
                type: '',
                description: '',
            },
            createRoleRules: {
            }
        }
    },
    created() {
        this.role = this.userInfo;
        console.log(this.userInfo);
    },
    methods: {

    },
    props: ['userInfo', 'changeDialog']
}
</script>
<style lang="scss" scoped>
.createUser {
    border-radius: 1px;
    background-color: #09152f;

    main {
        text-align: left;
        padding: 0 55px;
        background-color: #09152f;
        padding-bottom: 50px;

        .mainContent {
            display: flex;
            justify-content: center;
            padding-top: 50px;

            &::v-deep .el-form-item__label {
                color: #4b9bb7;
            }

            &::v-deep .el-input__inner {
                background-color: #09152f;
                border: 1px solid #17324c;
            }

            &::v-deep .el-textarea__inner {
                background-color: #09152f;
                border: 1px solid #17324c;
            }

            .el-form-item__content {
                width: 400px;

                .el-select {
                    width: 100%;
                }
            }

            .optionHandleSp {
                display: flex;

                .areaNumber,
                .moreNumber {
                    flex: 1;
                }

                .telNumber {
                    flex: 2;
                }
            }

            .optionBtn {
                display: flex;
                margin-top: 20px;

                .btn {
                    padding: 12px 50px;
                }
            }

        }
    }
}
</style>

 src/views/systemSetting/baseSetting/user/components/password/index.vue

@@ -122,7 +122,7 @@
        },
        // 清空表单
        resetForm() {

            this.$refs.pwd.resetFields();
        }
    }
}