“dzb”
2022-10-10 676722551d0bc2f8caa0644961e60deef3f0d532
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>
@@ -19,10 +19,6 @@
        </header>
        <main>
            <div class="mainContent">
                <div class="type-nav">
                    <div @click="changeTypeChecked(index)" v-for="(item,index) in typeList" :key="item.name"
                        :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
@@ -30,9 +26,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,9 +50,9 @@
                    <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>结案</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)" v-if="instatus===8">结案</span>
                            </div>
                        </template>
                    </el-table-column>
@@ -65,6 +61,17 @@
                <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>
                <!-- 详情页面 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleClose">
                    <MyDetail :info=info v-if="myproblem==1 ? true:false"></MyDetail>
                    <MyIllDetail :info=info v-else></MyIllDetail>
                </el-dialog>
                <!-- tools -->
                <div class="tools">
@@ -76,7 +83,7 @@
                            <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox>
                        </div>
                        <div class="funsItem">
                            <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange">
                            <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>
@@ -96,14 +103,19 @@
</template>
<script>
import MyExamine from './components/examine'
import MyClosure from './components/closure'
import MyDetail from '@/components/detail'
import MyIllDetail from '@/components/illdetail'
export default {
    components: {
        MyExamine
        MyExamine,MyClosure,MyDetail,MyIllDetail
    },
    data() {
        return {
            tableData: [],
            dialogExamine:false,
            dialogClosure:false,
            dialogView:false,
            info: {},
            totalNum: null,
            pageSize: 10,
@@ -238,17 +250,6 @@
                this.tableData = res.data.records;
            })
        },
        // 更改违规/违建
        changeTypeChecked(idx) {
            this.typeList.forEach((item, index) => {
                if (index === idx) {
                    item.checked = true;
                } else {
                    item.checked = false;
                }
            })
            this.getUserList();
        },
        // 设置表格斑马纹
        tableRowClassName({ row, rowIndex }) {
            if ((rowIndex + 1) % 2 == 0) {
@@ -293,16 +294,54 @@
                .then(res => {
                    console.log(res);
                    this.info = res.data;
                    this.dialogView = true;
                })
        },
        // 获取案件信息
        getEventInfo3(code) {
            this.$axios({
                method: 'get',
                url: `sccg/base_case/baseCaseDetail/${code}`
            })
                .then(res => {
                    console.log(res);
                    this.info = res.data;
                    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);
            this.getEventInfo3(code);
        },
        // 去结案
        handleClosure({code}){
            this.getEventInfo2(code);
        },
        // 关闭dialog
        closeDialog({flag}){
            this.dialogExamine = flag;
            this.dialogClosure = flag;
            this.getUserList();
        },
        // 问题类型
        changeMyProblem(val){
            this.getUserList();
        },
        // 审核状态
        changeInStatus(val){
            this.getUserList();
        }
    }
}
@@ -340,30 +379,9 @@
        margin-top: 20px;
        padding-bottom: 50px;
        border: 1pox solid #fff;
        .type-nav {
            display: flex;
            line-height: 40px;
            margin-left: 30px;
            padding-top: 10px;
            margin-bottom: 10px;
            .type-item {
                width: 80px;
                text-align: center;
                &:hover {
                    cursor: pointer;
                }
            }
            .is-active {
                background-color: #070f22;
                border-radius: 4px;
                color: #fff;
            }
        .btn span:hover{
            cursor: pointer;
        }
        .tools {
            display: flex;
            justify-content: space-between;