odc.xiaohui
2023-01-12 0c2a0d0aaafe2d4beac67bf16c505d95105dcc48
src/views/operate/management/myIndex/index.vue
@@ -20,8 +20,11 @@
        <main>
            <div class="mainContent">
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{ 'background':'#F5F5F5','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">
@@ -33,7 +36,7 @@
                    </el-table-column>
                    <el-table-column prop="eventSource" label="问题来源" min-width="8">
                        <template slot-scope="scope">
                            <span>{{scope.row.eventSource === 2 ? '人工上报' : '视频上传'}}</span>
                            <span>{{scope.row.eventSource === 2 ? '人工上报' : '视频巡查'}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column :prop="myproblem === 1 ? 'category' :'category'" :label="myproblem===1 ? '大类名称' : '违建类别'" :min-width="myproblem===1?'10':'20'">
@@ -70,19 +73,19 @@
                    </el-table-column>
                </el-table>
                <!-- 审核页面 -->
                <el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)" v-if="dialogExamine"
                <el-dialog :visible.sync="dialogExamine" width="60%" title="基础信息(人工)" v-if="dialogExamine"
                    :before-close="handleClose">
                    <MyExamine :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyExamine>
                    <MyIllExamine :info="info" v-else  @closeDialog="closeDialog"></MyIllExamine>
                </el-dialog>
                <!-- 结案页面 -->
                <el-dialog :visible.sync="dialogClosure" width="80%" title="基础信息(人工)" v-if="dialogClosure"
                <el-dialog :visible.sync="dialogClosure" width="60%" title="基础信息(人工)" v-if="dialogClosure"
                    :before-close="handleClose">
                    <MyClosure :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyClosure>
                    <MyIllClosure :info="info" v-else @closeDialog="closeDialog"></MyIllClosure>
                </el-dialog>
                <!-- 详情页面 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleNoClose">
                    <MyDetail :info=info v-if="myproblem === 1" :mycode = 'code'></MyDetail>
                    <MyIllDetail :info=info v-else :mycode="code"></MyIllDetail>
@@ -361,12 +364,12 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;
  border: 1px solid #ccc;
    header {
        background-color: #09152f;
        padding: 10px 20px;
        // background-color: #09152f;
        //padding: 10px 20px;
        .problem,
        .status {
@@ -382,12 +385,12 @@
    }
    &::v-deep .el-input__inner {
        background-color: #09152f;
        // background-color: #09152f;
        border: 1px solid #17324c;
    }
    main {
        background-color: #09152f;
        // background-color: #09152f;
        margin-top: 20px;
        padding-bottom: 50px;
        .btn span:hover{
@@ -397,12 +400,15 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            //padding: 0 20px;
            .funs {
                display: flex;
              .funs-first{
                margin-left: 0!important;
              }
                .funs-sp{
                    border: 1px solid #17324c;
                  border: 1px solid #DCDFE6;
                }
                .funsItem {
                    line-height: 28px;
@@ -423,7 +429,7 @@
                    &::v-deep .el-input__inner {
                        border: none;
                        background-color: #09152f;
                        // background-color: #09152f;
                    }
                    &:hover {
@@ -461,8 +467,8 @@
        }
        .el-table {
            color: #4b9bb7;
            font-size: 10px;
            // color: #4b9bb7;
            // font-size: 10px;
            &::v-deep .cell {
                text-overflow: ellipsis;
@@ -473,9 +479,9 @@
                }
            }
            &::v-deep .el-table__empty-block {
                background-color: #09152f;
            }
            // &::v-deep .el-table__empty-block {
            //     background-color: #09152f;
            // }
            &::v-deep .el-table__empty-block {
                color: #4b9bb7;
@@ -494,9 +500,9 @@
            }
        }
        .el-table::v-deep .warning-row {
            background: #06122c;
        }
        // .el-table::v-deep .warning-row {
            // background: #06122c;
        // }
        .el-table::v-deep .success-row {
            background: #071f39;
@@ -537,9 +543,9 @@
    }
    &::v-deep .el-dialog__header,
    &::v-deep .el-dialog__body {
        background-color: #06122c;
    }
    // &::v-deep .el-dialog__body {
    //     background-color: #06122c;
    // }
    &::v-deep .el-dialog__header {
        display: flex;
@@ -563,4 +569,4 @@
        padding: 0;
    }
}
</style>
</style>