elink-star
/
epmet-oper-gov
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式

dev
tianq 3 years ago
parent
22b6bbe504
commit
80a134c0fa
7 changed files with 189 additions and 145 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      src/views/modules/census/census-accountActiveList.vue
  2. 9
      src/views/modules/census/census-accountList.vue
  3. 52
      src/views/modules/census/census-houseList.vue
  4. 22
      src/views/modules/census/census-nineList.vue
  5. 9
      src/views/modules/census/census-orgStatusList.vue
  6. 39
      src/views/modules/census/census-residentList.vue
  7. 62
      src/views/modules/communityParty/dyhx/party.vue

9
src/views/modules/census/census-accountActiveList.vue
View File

@ -497,4 +497,13 @@ export default {
border-radius: 6px;
color: #fff;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

9
src/views/modules/census/census-accountList.vue
View File

@ -677,4 +677,13 @@ export default {
border-radius: 6px;
color: #fff;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

52
src/views/modules/census/census-houseList.vue
View File

@ -48,8 +48,8 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="div_table_title">房屋用途统计</div>
<el-row>
<el-col :span="12">
<div class="flex">
<div class="width1">
<div :style="'height:' + TableHeight + 'px;margin-top:20px'">
<screen-echarts-frame
@handelClickMyPei="handelClickMyPei"
@ -58,27 +58,27 @@
ref="pieChart"
></screen-echarts-frame>
</div>
</el-col>
<el-col :span="12">
</div>
<div class="flex1">
<div :style="'height:' + TableHeight + 'px;margin-top:20px;display:flex;align-items: center;'">
<div class="legend">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData.data" @click="handleClickItem(item)">
<div class="kuai" :style="{ backgroundColor: color[index] }"></div>
<div class="kuai" :style="{ backgroundColor: color1[index] }"></div>
<div class="content">
<div class="name">{{ item.name }}</div>
<div class="name">{{ index }}{{ item.name }}</div>
<div class="num">{{ item.value }}</div>
<div class="unit" :style="{ color: color[index] }">{{ item.radio }}%</div>
<div class="unit" :style="{ color: color1[index] }">{{ item.radio }}%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<div class="div_table_title">房屋状态统计</div>
<el-row>
<el-col :span="12">
<div class="flex">
<div class="width1">
<div :style="'height:' + TableHeight + 'px;margin-top:20px'">
<screen-echarts-frame2
@handelClickMyPei="handelClickMyPei2"
@ -87,8 +87,8 @@
ref="pieChart2"
></screen-echarts-frame2>
</div>
</el-col>
<el-col :span="12">
</div>
<div class="flex1">
<div :style="'height:' + TableHeight + 'px;margin-top:20px;display:flex;align-items: center;'">
<div class="legend2">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData2.data" @click="handleClickItem2(item)">
@ -99,13 +99,13 @@
<div class="content">
<div class="name">{{ item.name }}</div>
<div class="num">{{ item.value }}</div>
<div class="unit" :style="{ color: color[index] }">{{ item.radio }}%</div>
<div class="unit" :style="{ color: color2[index] }">{{ item.radio }}%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<el-col :span="24">
@ -192,7 +192,7 @@ export default {
return time.getTime() > nowData;
};
return {
optionData:{},
optionData: {},
dialogVisible: false,
detailId: '',
detailData: {},
@ -233,7 +233,8 @@ export default {
pieInitState2: false,
pieOption: [],
pieOption2: [],
color: ['#3C94FE', '#22C1C3', '#F0D915', '#FE6252', '#A17AFA', '#A19FFF', '#6FC364', '#FEB349', '#FE6252', '#F44230', '#5DC7F0'],
color1: ['#3C94FE', '#A17AFA', '#A19FFF', '#22C1C3', '#6FC364', '#FEB349', '#FE6252', '#F0D915', '#5DC7F0'],
color2: ['#3C94FE', '#22C1C3', '#F0D915', '#FE6252', '#A17AFA', '#A19FFF', '#6FC364', '#FEB349', '#FE6252', '#F44230', '#5DC7F0'],
chartData: [],
chartData2: [],
pieData: [],
@ -448,7 +449,7 @@ export default {
color: '#fff'
}
},
color: this.color,
color: this.color1,
title: {
text: this.pieData.total,
subtext: '总数',
@ -552,7 +553,7 @@ export default {
color: '#fff'
}
},
color: this.color,
color: this.color2,
title: {
text: this.pieData2.total,
subtext: '总数',
@ -714,7 +715,7 @@ export default {
// const _arr = [{ ...agencyList, subAgencyList: [...subAgencyList] }];
// this.orgOptions = this.deepTree(_arr);
this.orgOptions = [];
this.optionData=data;
this.optionData = data;
this.orgOptions.push(data);
this.orgId = data.agencyId;
this.orgIdPath = data.orgIdPath;
@ -909,4 +910,13 @@ export default {
border-radius: 6px;
color: #fff;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

22
src/views/modules/census/census-nineList.vue
View File

@ -26,8 +26,8 @@
<el-row :gutter="20">
<el-col :span="24">
<div class="div_table_title">九小场所分析</div>
<el-row>
<el-col :span="6">
<div class="flex">
<div class="width1">
<div style="height:220px;margin-top:20px">
<screen-echarts-frame
@handelClickMyPei="handelClickMyPei"
@ -36,8 +36,8 @@
ref="pieChart"
></screen-echarts-frame>
</div>
</el-col>
<el-col :span="12">
</div>
<div class="flex1">
<div style="height:220px;margin-top:20px;display:flex;align-items: center;">
<div class="legend">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData.data" @click="handleClickItem(item)">
@ -50,8 +50,8 @@
</div>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</el-col>
<el-col :span="24">
@ -245,7 +245,6 @@ export default {
this.tableLoading = true;
const url = '/gov/org/enterprise/list';
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
@ -669,4 +668,13 @@ export default {
border-radius: 6px;
color: #fff;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

9
src/views/modules/census/census-orgStatusList.vue
View File

@ -570,4 +570,13 @@ export default {
.cur {
cursor: pointer;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

39
src/views/modules/census/census-residentList.vue
View File

@ -26,18 +26,18 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="div_table_title">居民年龄统计</div>
<el-row>
<el-col :span="12">
<div :style="'height:220px;margin-top:20px'">
<div class="flex">
<div class="width1">
<screen-echarts-frame
@handelClickMyPei="handelClickMyPei"
:style="{ width: '100%', height: '100%' }"
@myChartMethod="pieInitOk"
ref="pieChart"
></screen-echarts-frame>
</div>
</el-col>
<el-col :span="12">
<div class="flex1">
<div :style="'height:220px;margin-top:20px;display:flex;align-items: center;'">
<div class="legend">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData.data" @click="handleClickItem(item)">
@ -50,23 +50,23 @@
</div>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</el-col>
<el-col :span="12">
<div class="div_table_title">居民学历统计</div>
<el-row>
<el-col :span="12">
<div :style="'height:220px;margin-top:20px'">
<div class="flex">
<div class="width1">
<screen-echarts-frame2
@handelClickMyPei="handelClickMyPei2"
:style="{ width: '100%', height: '100%' }"
@myChartMethod="pieInitOk2"
ref="pieChart2"
></screen-echarts-frame2>
</div>
</el-col>
<el-col :span="12">
<div class="flex1">
<div :style="'height:220px;margin-top:20px;display:flex;align-items: center;'">
<div class="legend">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData2.data" @click="handleClickItem2(item)">
@ -79,8 +79,8 @@
</div>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</el-col>
<el-col :span="24">
@ -872,10 +872,19 @@ export default {
.diy-button--output {
width: 100px;
height: 38px;
z-index: 99;
z-index: 99;
background: #feb349;
box-shadow: 0px 2px 6px 0px rgba(198, 122, 16, 0.31);
border-radius: 6px;
color: #fff;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

62
src/views/modules/communityParty/dyhx/party.vue
View File

@ -24,8 +24,8 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="div_table_title">党员年龄统计</div>
<el-row>
<el-col :span="12">
<div class="flex">
<div class="width1">
<div :style="'height:220px;margin-top:20px'">
<screen-echarts-frame
@handelClickMyPei="handelClickMyPei"
@ -34,8 +34,8 @@
ref="pieChart"
></screen-echarts-frame>
</div>
</el-col>
<el-col :span="12">
</div>
<div class="flex1">
<div :style="'height:220px;margin-top:20px;display:flex;align-items: center;'">
<div class="legend">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData.data" @click="handleClickItem(item)">
@ -48,14 +48,14 @@
</div>
</div>
</div>
</el-col>
<el-col :span="24">
</div>
>
</div>
<div class="census_searchcensus2">
<div class="census_searchcensus_box"></div>
<el-button size="small" class="diy-button--output" @click="handleExport('age')">导出</el-button>
</div>
</el-col>
<el-col :span="24">
<el-table
class="table"
:data="tableDataAge"
@ -70,14 +70,7 @@
<el-table-column prop="name" header-align="center" align="center" label="姓名" :show-overflow-tooltip="true" min-width="120"></el-table-column>
<el-table-column prop="age" header-align="center" align="center" :show-overflow-tooltip="true" label="年龄" min-width="100"></el-table-column>
<el-table-column
prop="mobile"
header-align="center"
align="center"
:show-overflow-tooltip="true"
label="手机号码"
min-width="130"
></el-table-column>
<el-table-column prop="mobile" header-align="center" align="center" :show-overflow-tooltip="true" label="手机号码" min-width="130"></el-table-column>
<el-table-column label="操作" fixed="right" width="120" header-align="center" align="center" class="operate">
<template slot-scope="scope">
@ -96,12 +89,10 @@
:total="ageTotal"
></el-pagination>
</el-col>
</el-row>
</el-col>
<el-col :span="12">
<div class="div_table_title">党员学历统计</div>
<el-row>
<el-col :span="12">
<div class="flex">
<div class="width1">
<div :style="'height:220px;margin-top:20px'">
<screen-echarts-frame2
@handelClickMyPei="handelClickMyPei2"
@ -110,8 +101,8 @@
ref="pieChart2"
></screen-echarts-frame2>
</div>
</el-col>
<el-col :span="12">
</div>
<div class="flex1">
<div :style="'height:220px;margin-top:20px;display:flex;align-items: center;'">
<div class="legend">
<div class="legend-row" :key="item.name" v-for="(item, index) in chartData2.data" @click="handleClickItem(item)">
@ -124,14 +115,13 @@
</div>
</div>
</div>
</el-col>
<el-col :span="24">
</div>
</div>
<div class="census_searchcensus2">
<div class="census_searchcensus_box"></div>
<el-button size="small" class="diy-button--output" @click="handleExport('edu')">导出</el-button>
</div>
</el-col>
<el-col :span="24">
<el-table
class="table"
:data="tableData"
@ -146,14 +136,7 @@
<el-table-column prop="name" header-align="center" align="center" label="姓名" :show-overflow-tooltip="true" min-width="120"></el-table-column>
<el-table-column prop="education" header-align="center" align="center" :show-overflow-tooltip="true" label="学历" min-width="130"></el-table-column>
<el-table-column
prop="mobile"
header-align="center"
align="center"
:show-overflow-tooltip="true"
label="手机号码"
min-width="130"
></el-table-column>
<el-table-column prop="mobile" header-align="center" align="center" :show-overflow-tooltip="true" label="手机号码" min-width="130"></el-table-column>
<el-table-column label="操作" fixed="right" width="120" header-align="center" align="center" class="operate">
<template slot-scope="scope">
@ -173,8 +156,6 @@
></el-pagination>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
<!-- <crate-form v-if="memberDialog"
@ -1039,4 +1020,13 @@ export default {
border-radius: 6px;
color: #fff;
}
.flex {
display: flex;
.width1 {
width: 220px;
}
.flex1 {
flex: 1;
}
}
</style>

Write Preview
Loading…
Cancel
Save