kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

积分详情

Browse Source
This commit is contained in:
shijingjing
2022-08-05 16:57:02 +08:00
parent 567bde994f
commit 3b467c3e51
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/conv/creditScore/AppGridMemberScore/components/gridScoreDetail.vue
View File

@@ -1,5 +1,8 @@
<template> <template>
<section class="gridScoreDetail"> <section class="gridScoreDetail">
<!-- <ai-list> -->
<ai-title slot="title" title="网格员积分详情" isShowBottomBorder />
<!-- </ai-list> -->
<el-row> <el-row>
<div class="card_list"> <div class="card_list">
<div class="card"> <div class="card">
@@ -17,14 +20,19 @@
</div> </div>
</el-row> </el-row>
<el-row class="echertsBox" style="margin-bottom: 16px"> <el-row class="echertsBox" style="margin-bottom: 16px">
<h4>事件汇总</h4> <div class="title">
<h4>事件汇总</h4>
<div class="timecSelect">
时间：<el-date-picker size="small" v-model="value1" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</div>
</div>
<div class="bar_Box"> <div class="bar_Box">
<div id="chartDom" style="height: 230px; width: 100%;"></div> <div id="chartDom" style="height: 230px; width: 100%;"></div>
<ai-empty v-if="false" style="height: 230px;"></ai-empty> <ai-empty v-if="false" style="height: 230px;"></ai-empty>
</div> </div>
</el-row> </el-row>
<ai-card> <ai-card>
<ai-title slot="title" title="余额变动明细" isShowBottomBorder/> <ai-title slot="title" title="余额变动明细" isShowBottomBorder :isShowBack="true"/>
<template #content> <template #content>
<ai-search-bar> <ai-search-bar>
<template #left> <template #left>
@@ -40,9 +48,9 @@
</el-select> </el-select>
</template> </template>
<template #right> <template #right>
<el-input size="small" placeholder="请输入居民名称或真实姓名" v-model="search.name" clearable <!-- <el-input size="small" placeholder="请输入居民名称或真实姓名" v-model="search.name" clearable
@clear="page.current = 1, search.name = '', getTableData()" suffix-icon="iconfont iconSearch" @clear="page.current = 1, search.name = '', getTableData()" suffix-icon="iconfont iconSearch"
v-throttle="() => {(page.current = 1), getTableData();}" style="margin-right: 16px;"/> v-throttle="() => {(page.current = 1), getTableData();}" style="margin-right: 16px;"/> -->
<ai-download :instance="instance" url="" :params="search" fileName="网格员积分" <ai-download :instance="instance" url="" :params="search" fileName="网格员积分"
:disabled="tableData.length == 0"> :disabled="tableData.length == 0">
<el-button size="small">导出</el-button> <el-button size="small">导出</el-button>
@@ -212,10 +220,15 @@ export default {
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
box-sizing: border-box; box-sizing: border-box;
h4 { .title {
color: #222222; display: flex;
font-style: 16px; justify-content: space-between;
font-weight: 600; h4 {
color: #222222;
font-style: 16px;
font-weight: 600;
}
} }
.bar_Box { .bar_Box {