From 0863323c8d89742f90c10fc6ea0c1435fd69f58f Mon Sep 17 00:00:00 2001 From: odc.xiaohui <xiaohui@Q1> Date: 星期三, 11 一月 2023 15:12:52 +0800 Subject: [PATCH] 2023/1/11 肖辉 首页图标修改 UI样式修改 --- src/views/operate/disposal/casepool/notDeal/index.vue | 54 ++++++++++++++++++++++++++++++++---------------------- 1 files changed, 32 insertions(+), 22 deletions(-) diff --git a/src/views/operate/disposal/casepool/notDeal/index.vue b/src/views/operate/disposal/casepool/notDeal/index.vue index 5f7d058..4dbf662 100644 --- a/src/views/operate/disposal/casepool/notDeal/index.vue +++ b/src/views/operate/disposal/casepool/notDeal/index.vue @@ -24,8 +24,14 @@ :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'}" + <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"> <el-table-column type="selection" min-width="5"> @@ -37,7 +43,7 @@ </el-table-column> <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="7"> <template slot-scope="scope"> - <span>{{scope.row.eventSource === 2 ? '浜哄伐涓婃姤' : '瑙嗛涓婁紶'}}</span> + <span>{{ scope.row.eventSource === 2 ? '浜哄伐涓婃姤' : '瑙嗛宸℃煡' }}</span> </template> </el-table-column> <el-table-column :prop="mystatus === 1 ? 'category' :'category'" :label="mystatus===1 ? '澶х被鍚嶇О' : '杩濆缓绫诲埆'" :min-width="mystatus===1?'10':'20'"> @@ -84,19 +90,19 @@ <!-- 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"> <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox> </div> - <div class="funsItem"> + <!-- <div class="funsItem"> <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> </el-select> - </div> + </div> --> </div> <div class="pagination"> <el-pagination background :current-page="currentPage" layout="prev, pager, next" @@ -312,7 +318,7 @@ url:`sccg/base_case/baseCaseDetail/${code}` }) .then(res=>{ - this.info = res.data; + this.info = res.data; this.dialogView = true; }) }, @@ -354,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; + // background-color: #09152f; .headerContent { - padding: 0 40px; + //padding: 0 40px; display: flex; line-height: 100px; justify-content: space-between; @@ -390,20 +397,20 @@ .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; } } } main { - background-color: #09152f; + // background-color: #09152f; margin-top: 20px; padding-bottom: 50px; .btn span:hover{ @@ -426,9 +433,9 @@ } .is-active { - background-color: #070f22; + // background-color: #070f22; border-radius: 4px; - color: #fff; + color: #2f54eb; } } @@ -436,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; @@ -482,7 +492,7 @@ &::v-deep li, &::v-deep .btn-prev, &::v-deep .btn-next { - background-color: #071f39; + // background-color: #071f39; color: #4b9bb7; } @@ -495,8 +505,8 @@ } .el-table { - color: #4b9bb7; - font-size: 10px; + // color: #4b9bb7; + // font-size: 10px; &::v-deep .cell { text-overflow: ellipsis; @@ -520,4 +530,4 @@ padding: 0 5px; } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0