dai
3 years ago
8 changed files with 1299 additions and 1244 deletions
|
After Width: | Height: | Size: 504 B |
@ -0,0 +1,197 @@ |
|||
.m-listbox-main{ |
|||
min-height: 100%; |
|||
box-sizing: border-box; |
|||
margin-left:16px; |
|||
|
|||
.g-listbox{ |
|||
|
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
.div_search_list { |
|||
margin: 44px auto; |
|||
text-align: center; |
|||
width: 750px; |
|||
height: 53px; |
|||
background: #01106800; |
|||
border-radius: 8px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
.icon { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left: 29px; |
|||
margin-top: 16px; |
|||
|
|||
> img { |
|||
width: 24px; |
|||
height: 24px; |
|||
} |
|||
} |
|||
|
|||
.btn { |
|||
text-align: center; |
|||
flex: 0 0 113px; |
|||
height: 53px; |
|||
background: #0082fb; |
|||
border-radius: 0px 8px 8px 0px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
line-height: 53px; |
|||
background: linear-gradient(90deg, #1a5afd, #26c4ff); |
|||
} |
|||
.btn:hover { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
.list_box1 { |
|||
margin: 76px auto 0; |
|||
box-sizing: border-box; |
|||
width: 80%; |
|||
// width: 1421px; |
|||
|
|||
// height: calc(88vh - 200px); |
|||
height: 485px; |
|||
color: #fff; |
|||
background: url("../../../img/modules/visual/warning-box.png") no-repeat center; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.info_tip { |
|||
padding: 20px 0 0 19px; |
|||
display: flex; |
|||
|
|||
> img { |
|||
height: 34px; |
|||
width: 46px; |
|||
} |
|||
|
|||
.tip_title { |
|||
line-height: 34px; |
|||
margin-left: 7px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
|
|||
.warning-table { |
|||
margin: 21px 24px auto 24px; |
|||
box-sizing: border-box; |
|||
// height: 100%; |
|||
|
|||
.table { |
|||
width: 100%; |
|||
height: 100%; |
|||
|
|||
&-header { |
|||
width: 100%; |
|||
height: 50px; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
background: rgba(8, 37, 134, 0.85); |
|||
font-size: 16px; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
&-body { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: calc(100% - 50px); |
|||
font-size: 18px; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
|
|||
&-tr { |
|||
width: 100%; |
|||
height: 50px; |
|||
// height: calc(100% / 5); |
|||
// padding: 10px auto; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
|
|||
.btn_detail:hover { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
&-tr:nth-child(2n) { |
|||
background: rgba(16, 75, 164, 0.24); |
|||
} |
|||
|
|||
&-tr:hover { |
|||
background: url("../../../img/modules/visual/hover-bac.png") no-repeat center; |
|||
background-size: 100% 100%; |
|||
} |
|||
} |
|||
|
|||
&-status { |
|||
margin-top: 20px; |
|||
|
|||
.no-data { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.td { |
|||
text-align: center; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
|
|||
// width: calc(100% / 5); |
|||
} |
|||
.td1 { |
|||
width: calc(100% / 10); |
|||
} |
|||
.td2 { |
|||
width: calc(100% / 6); |
|||
} |
|||
.td3 { |
|||
width: calc(100% / 4); |
|||
} |
|||
.pagination { |
|||
box-sizing: border-box; |
|||
padding-right: 180px; |
|||
padding-bottom: 20px; |
|||
|
|||
margin-top: 40px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
@ -0,0 +1,186 @@ |
|||
.div_people_search { |
|||
min-height: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.div_search_list { |
|||
margin: 44px auto; |
|||
text-align: center; |
|||
width: 750px; |
|||
height: 53px; |
|||
background: #01106800; |
|||
border-radius: 8px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
.icon { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left: 29px; |
|||
margin-top: 16px; |
|||
|
|||
> img { |
|||
width: 24px; |
|||
height: 24px; |
|||
} |
|||
} |
|||
|
|||
.btn { |
|||
text-align: center; |
|||
flex: 0 0 113px; |
|||
height: 53px; |
|||
background: #0082fb; |
|||
border-radius: 0px 8px 8px 0px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
line-height: 53px; |
|||
background: linear-gradient(90deg, #1a5afd, #26c4ff); |
|||
} |
|||
.btn:hover { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
.list_box { |
|||
margin: 76px auto 0; |
|||
box-sizing: border-box; |
|||
width: 80%; |
|||
// width: 1421px; |
|||
|
|||
// height: calc(88vh - 200px); |
|||
height: 485px; |
|||
color: #fff; |
|||
background: url("../../../img/modules/visual/warning-box.png") no-repeat center; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.info_tip { |
|||
padding: 20px 0 0 19px; |
|||
display: flex; |
|||
|
|||
> img { |
|||
height: 34px; |
|||
width: 46px; |
|||
} |
|||
|
|||
.tip_title { |
|||
line-height: 34px; |
|||
margin-left: 7px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
|
|||
.warning-table { |
|||
margin: 21px 24px auto 24px; |
|||
box-sizing: border-box; |
|||
// height: 100%; |
|||
|
|||
.table { |
|||
width: 100%; |
|||
height: 100%; |
|||
|
|||
&-header { |
|||
width: 100%; |
|||
height: 50px; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
background: rgba(8, 37, 134, 0.85); |
|||
font-size: 16px; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
&-body { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: calc(100% - 50px); |
|||
font-size: 18px; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
|
|||
&-tr { |
|||
width: 100%; |
|||
height: 50px; |
|||
// height: calc(100% / 5); |
|||
// padding: 10px auto; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
|
|||
.btn_detail:hover { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
&-tr:nth-child(2n) { |
|||
background: rgba(16, 75, 164, 0.24); |
|||
} |
|||
|
|||
&-tr:hover { |
|||
background: url("../../../img/modules/visual/hover-bac.png") no-repeat center; |
|||
background-size: 100% 100%; |
|||
} |
|||
} |
|||
|
|||
&-status { |
|||
margin-top: 20px; |
|||
|
|||
.no-data { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.td { |
|||
text-align: center; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
|
|||
// width: calc(100% / 5); |
|||
} |
|||
.td1 { |
|||
width: calc(100% / 10); |
|||
} |
|||
.td2 { |
|||
width: calc(100% / 6); |
|||
} |
|||
.td3 { |
|||
width: calc(100% / 4); |
|||
} |
|||
.pagination { |
|||
box-sizing: border-box; |
|||
padding-right: 180px; |
|||
padding-bottom: 20px; |
|||
|
|||
margin-top: 40px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,258 @@ |
|||
<template> |
|||
<div class="div_people_search"> |
|||
<!-- 组织路由 --> |
|||
<div class="div_top g-bread"> |
|||
<el-breadcrumb separator-class="el-icon-arrow-right"> |
|||
<el-breadcrumb-item v-for="item in breadList" |
|||
:key="item.path" |
|||
:to="{ path: item.path }"> |
|||
{{ item.meta.title }} |
|||
</el-breadcrumb-item> |
|||
|
|||
</el-breadcrumb> |
|||
</div> |
|||
|
|||
<div> |
|||
|
|||
<div class="list_box"> |
|||
<div class="info_tip"> |
|||
<img src="../../../../assets/img/shuju/title-tip.png" |
|||
alt /> |
|||
<div class="tip_title">{{tableTitle}}</div> |
|||
</div> |
|||
<div class="warning-table"> |
|||
<div class="table"> |
|||
<div class="table-header"> |
|||
<div class="td td1">序号</div> |
|||
<div class="td td1">姓名</div> |
|||
<div class="td td3">所属网格</div> |
|||
<div class="td td3">所属房屋</div> |
|||
<div class="td td2">手机</div> |
|||
<div class="td td3">身份证</div> |
|||
<div class="td td1">性别</div> |
|||
<div class="td td2">出生日期</div> |
|||
<div class="td td1">操作</div> |
|||
|
|||
</div> |
|||
<div v-if="!loading && tableData.length> 0" |
|||
class="table-body"> |
|||
<div class="table-body-tr" |
|||
v-for="(item,index) in tableData" |
|||
:key='index'> |
|||
<div class="td td1">{{item.sort}} </div> |
|||
<div class="td td1">{{item.name}} </div> |
|||
<div class="td td3">{{item.gridName}} </div> |
|||
<div class="td td3">{{item.neighborHoodName + item.buildNum}} </div> |
|||
<!-- <div class="td td1">{{item.buildNum}} </div> --> |
|||
<div class="td td2">{{item.mobile}} </div> |
|||
<div class="td td3">{{item.idCard}} </div> |
|||
<div class="td td1">{{item.gender}} </div> |
|||
<div class="td td2">{{item.birthday}} </div> |
|||
<div @click="handelToPeople(item)" |
|||
class="td td1 btn_detail">{{'查看'}} </div> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="table-status" |
|||
v-if="loading"> |
|||
<screen-loading>加载中</screen-loading> |
|||
</div> |
|||
|
|||
<div class="table-status" |
|||
v-if="tableData.length == 0 && !loading"> |
|||
<div class="no-data"> |
|||
<img src="@/assets/img/modules/visual/noData.png" |
|||
class="no-data-img" /> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
<div class="pagination"> |
|||
<el-pagination hide-on-single-page |
|||
background |
|||
layout="prev, pager, next, total" |
|||
:current-page="pageNo" |
|||
:page-size="pageSize" |
|||
:total="total" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- <people v-if="orgLevel==='people'" |
|||
:uid="selUserId" |
|||
ref="ref_people"></people> --> |
|||
<people-more v-show="showedMoreInfo" |
|||
v-if="info.userId" |
|||
:userId="info.userId" |
|||
:gridName="info.gridName" |
|||
@close="showedMoreInfo = false" /> |
|||
</div> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import People from "./people"; |
|||
import ScreenLoading from "@/views/modules/visual/cpts/loading"; |
|||
import peopleMore from "@/views/modules/visual/basicinfo/cpts/people-more"; |
|||
|
|||
export default { |
|||
name: "people-list", |
|||
components: { |
|||
People, ScreenLoading, peopleMore |
|||
}, |
|||
data () { |
|||
return { |
|||
showedMoreInfo: false, |
|||
tableTitle: '党员', |
|||
loading: false, |
|||
headerList: [], |
|||
tableData: [], |
|||
searchName: '', |
|||
pageSize: 10, |
|||
pageNo: 1, |
|||
total: 0, |
|||
orgLevel: 'search', |
|||
orgId: '', |
|||
selUserId: '', |
|||
//下钻层级记录 |
|||
runNum: 0, |
|||
runAgencyArray: [], |
|||
info: {}, |
|||
breadList: [] |
|||
}; |
|||
}, |
|||
activated () { |
|||
|
|||
this.searchName = '' |
|||
this.tableData = [] |
|||
const { columnName, label, id, level } = this.$route.query |
|||
this.orgLevel = level |
|||
this.orgId = id |
|||
this.searchName = columnName |
|||
this.tableTitle = label |
|||
this.loadList(id, level) |
|||
|
|||
}, |
|||
deactivated () { |
|||
this.orgLevel = '' |
|||
this.orgId = '' |
|||
this.pageNo = 1 |
|||
}, |
|||
beforeRouteEnter (to, from, next) { |
|||
const arr = [{ ...from }, { ...to, meta: { title: '人员列表' } }] |
|||
next((vm) => { |
|||
vm.breadList = [...arr] |
|||
}) |
|||
}, |
|||
methods: { |
|||
handleSearch () { |
|||
|
|||
}, |
|||
|
|||
|
|||
|
|||
async loadList (id, level) { |
|||
this.loading = true |
|||
const url = "/epmetuser/icresiuser/searchbycategory" |
|||
let params = { |
|||
columnName: this.searchName, |
|||
id, |
|||
level, |
|||
pageSize: this.pageSize, |
|||
pageNo: this.pageNo |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
this.loading = false |
|||
if (code === 0) { |
|||
this.total = data.total |
|||
this.tableData = data.list |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
//点击查看 |
|||
handelToPeople (item) { |
|||
// this.toSubAgency('people', this.tableData[index].userId) |
|||
this.info = { ...item } |
|||
this.showedMoreInfo = true |
|||
}, |
|||
|
|||
pageCurrentChangeHandle (val) { |
|||
this.pageNo = val |
|||
this.loadList(this.orgId, this.orgLevel) |
|||
}, |
|||
|
|||
|
|||
}, |
|||
destroyed () { |
|||
console.log("我已经离开了！"); |
|||
|
|||
}, |
|||
|
|||
}; |
|||
</script> |
|||
|
|||
<style |
|||
lang="scss" |
|||
src="@/assets/scss/modules/visual/basicInfoMain.scss" |
|||
scoped |
|||
></style> |
|||
|
|||
<style |
|||
lang="scss" |
|||
src="@/assets/scss/modules/visual/searchPerson.scss" |
|||
scoped |
|||
></style> |
|||
|
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
.div_search_list { |
|||
.el-input__inner[WarningColor="warning"] { |
|||
border-radius: 8px 0 0 8px; |
|||
height: 53px; |
|||
background-color: #01106800; |
|||
border: 2px solid #0082fb; |
|||
padding-left: 70px; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
.list_box { |
|||
width: 100%; |
|||
height: 780px; |
|||
margin: 0 auto; |
|||
} |
|||
.warning-table { |
|||
height: 640px; |
|||
} |
|||
.pagination { |
|||
padding-right: 0; |
|||
margin-top: 0; |
|||
text-align: right; |
|||
} |
|||
.g-bread { |
|||
padding: 10px 10px 15px; |
|||
::v-deep .el-breadcrumb__item { |
|||
font-size: 16px; |
|||
.el-breadcrumb__inner { |
|||
color: #fff; |
|||
} |
|||
} |
|||
::v-deep .el-breadcrumb__item:first-child { |
|||
.el-breadcrumb__inner { |
|||
color: #a0c3d9; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,263 @@ |
|||
<template> |
|||
<div class="m-table"> |
|||
<table class="table" |
|||
border="0" |
|||
cellspacing="0" |
|||
cellpadding="0"> |
|||
<col :align="item.align" |
|||
:width="item.width" |
|||
:key="'col' + index" |
|||
v-for="(item, index) in colList" /> |
|||
|
|||
<thead> |
|||
<tr class="table-header"> |
|||
<th class="table-header-th" |
|||
v-for="item in header" |
|||
:key="item"> |
|||
{{ item }} |
|||
</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody class="table-body"> |
|||
<tr class="table-body-tr" |
|||
v-for="(value, index) in list" |
|||
:key="index" |
|||
@click="handleClickRow(index)"> |
|||
<td class="td" |
|||
v-for="(item, indexs) in value" |
|||
:key="indexs"> |
|||
<div v-if="typeof item === 'string' || typeof item === 'number'" |
|||
:title="item"> |
|||
{{ item }} |
|||
</div> |
|||
|
|||
<div v-if="typeof item === 'object' && item.type === 'img'"> |
|||
<!-- <span>{{ item.type+ item.src}}</span> --> |
|||
<img style="width: 18px; height: 18px" |
|||
:src="item.src" |
|||
alt="" /> |
|||
</div> |
|||
|
|||
<div v-if="typeof item === 'object' && item && item.type == 'index'"> |
|||
<img v-if="highlightTop3 && index == 0" |
|||
src="@/assets/img/shuju/top/1.png" |
|||
alt="" /> |
|||
<img v-else-if="highlightTop3 && index == 1" |
|||
src="@/assets/img/shuju/top/2.png" |
|||
alt="" /> |
|||
<img v-else-if="highlightTop3 && index == 2" |
|||
src="@/assets/img/shuju/top/3.png" |
|||
alt="" /> |
|||
<span v-else>{{ index + 1 }}</span> |
|||
</div> |
|||
|
|||
<a v-else-if=" |
|||
typeof item === 'object' && item && item.type == 'operate' |
|||
" |
|||
v-for="btn in item.list" |
|||
:key="'operate' + index + btn" |
|||
@click.stop="handleClickBtn(index, btn)">{{ btn }}</a> |
|||
<a v-else-if=" |
|||
typeof item === 'object' && item && item.type == 'people' |
|||
" |
|||
@click="handleClickPeople(item)">{{ item.name }}</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
|
|||
<div class="table-status" |
|||
v-if="loading"> |
|||
<screen-loading>加载中</screen-loading> |
|||
</div> |
|||
|
|||
<div class="table-status" |
|||
v-if="list.length == 0 && !loading"> |
|||
<div class="no-data"> |
|||
<img src="@/assets/img/modules/visual/noData.png" |
|||
class="no-data-img" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ScreenLoading from "./loading"; |
|||
|
|||
export default { |
|||
name: "table", |
|||
components: { |
|||
ScreenLoading, |
|||
}, |
|||
props: { |
|||
colList: { |
|||
type: Array, |
|||
default: () => { |
|||
return [ |
|||
// { |
|||
// align: "center", |
|||
// width: "50%", |
|||
// }, |
|||
]; |
|||
}, |
|||
}, |
|||
header: { |
|||
type: Array, |
|||
required: false, |
|||
default: () => { |
|||
return [ |
|||
// "序号", "所属网格", "操作" |
|||
]; |
|||
}, |
|||
}, |
|||
list: { |
|||
type: Array, |
|||
required: false, |
|||
default: () => { |
|||
return [ |
|||
// [ |
|||
// 1, |
|||
// "商丘路社区第一网格", |
|||
// { |
|||
// type: "operate", |
|||
// list: ["查看"], |
|||
// }, |
|||
// ], |
|||
// [ |
|||
// 2, |
|||
// "商丘路社区第一网格", |
|||
// { |
|||
// type: "operate", |
|||
// list: ["查看"], |
|||
// }, |
|||
// ], |
|||
]; |
|||
}, |
|||
}, |
|||
loading: { |
|||
type: Boolean, |
|||
default: true, |
|||
}, |
|||
highlightTop3: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data () { |
|||
return {}; |
|||
}, |
|||
watch: {}, |
|||
|
|||
mounted () { }, |
|||
|
|||
created () { }, |
|||
|
|||
methods: { |
|||
//点击某一行 |
|||
handleClickRow (index) { |
|||
this.$emit("handleClickRow", index); |
|||
}, |
|||
handleClickBtn (index, type) { |
|||
this.$emit("operate", index, type); |
|||
}, |
|||
handleClickPeople (item) { |
|||
this.$router.push({ |
|||
path: `/main-shuju/visual-basicinfo-people/${item.uid}`, |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.m-table { |
|||
.table { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 100%; |
|||
border: none; |
|||
table-layout: fixed; |
|||
|
|||
&-header { |
|||
width: 100%; |
|||
height: 50px; |
|||
background: rgba(8, 37, 134, 0.85); |
|||
font-size: 16px; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
line-height: 50px; |
|||
|
|||
&-th { |
|||
text-align: center; |
|||
border: none; |
|||
font-weight: normal; |
|||
// width: calc(100% / 5); |
|||
} |
|||
} |
|||
|
|||
&-body { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
font-size: 18px; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
line-height: 40px; |
|||
|
|||
&-tr { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
min-height: 50px; |
|||
|
|||
.td { |
|||
box-sizing: border-box; |
|||
text-align: center; |
|||
border: none; |
|||
padding: 10px 5px; |
|||
|
|||
> div { |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
word-wrap: normal; |
|||
} |
|||
|
|||
a { |
|||
font-size: 18px; |
|||
font-weight: 400; |
|||
color: #e4dc00; |
|||
position: relative; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
} |
|||
|
|||
&-tr:nth-child(2n) { |
|||
background: rgba(16, 75, 164, 0.24); |
|||
} |
|||
|
|||
&-tr:hover { |
|||
background: url("../../../../assets/img/modules/visual/hover-bac.png") |
|||
no-repeat center; |
|||
background-size: 100% 100%; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.table-status { |
|||
position: relative; |
|||
height: 300px; |
|||
|
|||
// 暂无数据 |
|||
.no-data { |
|||
&-img { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
margin: auto; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue