2023/1/11 肖辉 修改UI样式

odc.xiaohui

2023-01-11 d942877495ceea1575e64fb6d4e2972f6da10cac

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

@@ -24,9 +24,13 @@
                        :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                <el-table
                    border
                    stripe
                    ref="multipleTable"
                    :header-cell-style="{
                        // background:'#06122c',
                         'background':'#F5F5F5',
                        'font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
@@ -86,7 +90,7 @@
                <!-- tools -->
                <div class="tools">
                    <div class="funs">
                        <div class="funsItem funs-sp">
                        <div class="funsItem funs-sp funs-first">
                            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
                        </div>
                        <div class="funsItem funs-sp">
@@ -314,7 +318,7 @@
                url:`sccg/base_case/baseCaseDetail/${code}`
            })
            .then(res=>{
                this.info = res.data;  
                this.info = res.data;
                this.dialogView = true;
            })
        },
@@ -356,13 +360,14 @@
<style lang="scss" scoped>
.userList {
    text-align: left;
    margin: 10px 20px;
    padding: 10px 20px;
    color: #4b9bb7;
  border: 1px solid #ccc;
    header {
        // background-color: #09152f;

        .headerContent {
            padding: 0 40px;
            //padding: 0 40px;
            display: flex;
            line-height: 100px;
            justify-content: space-between;
@@ -392,14 +397,14 @@

                .el-button {
                    padding: 12px 25px;
                    border-radius: 20px;
                    //border-radius: 20px;
                }
            }

            .addBtn {
                background-color: #eb5d01;
                //background-color: #eb5d01;
                border: none;
                border-radius: 20px;
                //border-radius: 20px;
                padding: 12px 30px;
            }
        }
@@ -430,7 +435,7 @@
            .is-active {
                // background-color: #070f22;
                border-radius: 4px;
                color: #fff;
                color: #2f54eb;
            }
        }

@@ -438,12 +443,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;
@@ -522,4 +530,4 @@
        padding: 0 5px;
    }
}
</style>
</style>