新增案件池问题登记

“dzb”

2022-09-22 ab36c0c3dbaa95fa3f94268cfc8b8bb7aae22b80

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

@@ -7,7 +7,7 @@
                <el-input placeholder="请输入问题来源"></el-input>
            </div>
            <div class="add">
                <el-button type="primary" icon="el-icon-plus">添加</el-button>
                <el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">添加</el-button>
            </div>
        </header>
        <!-- 主体展示 -->
@@ -63,16 +63,16 @@
        </main>
        <!-- 组件区 -->
        <footer>
            <el-dialog :visible.async="visible" width="45%">
            <el-dialog v-if="visible" :visible.async="visible" title="问题登记" width="60%" :before-close="handleClose">
                <checkIn></checkIn>
            </el-dialog>
        </footer>
    </div>
</template>
<script>
    import checkIn from './compenents/checkIn';
import checkIn from './compenents/checkIn';
export default {
    components:{    
    components: {
        checkIn,
    },
    data() {
@@ -111,10 +111,10 @@
                {
                    id: 13413114,
                    source: '人工上报/视频巡查',
                    appendTime:'2022-01-09 14:52'
                    appendTime: '2022-01-09 14:52'
                }
            ],
            visible:true
            visible: false,
        }
    },
    methods: {
@@ -127,6 +127,19 @@
            }
            return '';
        },
        // 打开添加页
        handleOpenDialog() {
            this.visible = true;
        },
        // 关闭对话框
        handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            this.visible = false;
            done();
          })
          .catch(_ => {});
      }
    }
}
</script>
@@ -196,10 +209,11 @@
                    border: none;
                }

                .el-table{
                .el-table {
                    font-size: 12px;
                    color:#4b9bb7;
                    .line{
                    color: #4b9bb7;

                    .line {
                        padding: 0 5px;
                    }
                }
@@ -208,6 +222,7 @@
                    background-color: #09152f;
                    color: #4b9bb7;
                }

                .el-table::v-deep .warning-row {
                    background: #06122c;
                }
@@ -218,5 +233,35 @@
            }
        }
    }

    footer {

        &::v-deep .el-dialog__header,
        &::v-deep .el-dialog__body {
            background-color: #06122c;
        }

        &::v-deep .el-dialog__header {
            display: flex;
            align-items: center;
            background-color: #fff;
            padding: 20px;
            line-height: 60px;
        }

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

        &::v-deep .el-dialog__close {
            width: 20px;
            height: 20px;
            // color: #fff;
        }

        &::v-deep .el-dialog__body {
            padding: 0;
        }
    }
}
</style>