diff --git a/src/views/modules/census/census-accountActiveList.vue b/src/views/modules/census/census-accountActiveList.vue
index 4dd5df7f1..16c58cc89 100644
--- a/src/views/modules/census/census-accountActiveList.vue
+++ b/src/views/modules/census/census-accountActiveList.vue
@@ -497,4 +497,13 @@ export default {
 	border-radius: 6px;
 	color: #fff;
 }
+.flex {
+	display: flex;
+	.width1 {
+		width: 220px;
+	}
+	.flex1 {
+		flex: 1;
+	}
+}
 </style>
diff --git a/src/views/modules/census/census-accountList.vue b/src/views/modules/census/census-accountList.vue
index 1c664b4e9..8b1772342 100644
--- a/src/views/modules/census/census-accountList.vue
+++ b/src/views/modules/census/census-accountList.vue
@@ -677,4 +677,13 @@ export default {
 	border-radius: 6px;
 	color: #fff;
 }
+.flex {
+	display: flex;
+	.width1 {
+		width: 220px;
+	}
+	.flex1 {
+		flex: 1;
+	}
+}
 </style>
diff --git a/src/views/modules/census/census-houseList.vue b/src/views/modules/census/census-houseList.vue
index e0de5e16c..ebb956575 100644
--- a/src/views/modules/census/census-houseList.vue
+++ b/src/views/modules/census/census-houseList.vue
@@ -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>
-							</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 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>
-							</el-col>
-						</el-row>
+							</div>
+						</div>
 					</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: [],
@@ -291,7 +292,7 @@ export default {
 		},
 		async getTableData() {
 			this.tableLoading = true;
-			
+
 			const url = '/gov/org/ichouse/getHousePictureList';
 
 			const { pageSize, pageNo, formData } = this;
@@ -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>
diff --git a/src/views/modules/census/census-nineList.vue b/src/views/modules/census/census-nineList.vue
index a91044925..53731d513 100644
--- a/src/views/modules/census/census-nineList.vue
+++ b/src/views/modules/census/census-nineList.vue
@@ -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">
@@ -244,7 +244,6 @@ export default {
 		async getTableData() {
 			this.tableLoading = true;
 			const url = '/gov/org/enterprise/list';
-			
 
 			const { pageSize, pageNo, formData } = this;
 			const { data, code, msg } = await requestPost(url, {
@@ -669,4 +668,13 @@ export default {
 	border-radius: 6px;
 	color: #fff;
 }
+.flex {
+	display: flex;
+	.width1 {
+		width: 220px;
+	}
+	.flex1 {
+		flex: 1;
+	}
+}
 </style>
diff --git a/src/views/modules/census/census-orgStatusList.vue b/src/views/modules/census/census-orgStatusList.vue
index 2d5e37e62..02bb76907 100644
--- a/src/views/modules/census/census-orgStatusList.vue
+++ b/src/views/modules/census/census-orgStatusList.vue
@@ -570,4 +570,13 @@ export default {
 .cur {
 	cursor: pointer;
 }
+.flex {
+	display: flex;
+	.width1 {
+		width: 220px;
+	}
+	.flex1 {
+		flex: 1;
+	}
+}
 </style>
diff --git a/src/views/modules/census/census-residentList.vue b/src/views/modules/census/census-residentList.vue
index 296019fcb..2e334d7f4 100644
--- a/src/views/modules/census/census-residentList.vue
+++ b/src/views/modules/census/census-residentList.vue
@@ -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>
+							<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>
+							<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">
@@ -268,7 +268,7 @@ export default {
 		},
 		async getTableData() {
 			this.tableLoading = true;
-			
+
 			const url = '/epmetuser/icresiuser/portrayal-list';
 
 			const { pageSize, pageNo, formData } = this;
@@ -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>
diff --git a/src/views/modules/communityParty/dyhx/party.vue b/src/views/modules/communityParty/dyhx/party.vue
index 022a6b75d..7b42fb08f 100644
--- a/src/views/modules/communityParty/dyhx/party.vue
+++ b/src/views/modules/communityParty/dyhx/party.vue
@@ -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,60 +48,51 @@
 									</div>
 								</div>
 							</div>
-						</el-col>
-						<el-col :span="24">
-							<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"
-								border
-								:height="tableHeight"
-								v-loading="tableLoadingAge"
-								:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
-								style="width: 100%"
-							>
-								<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column>
+						</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-table
+						class="table"
+						:data="tableDataAge"
+						border
+						:height="tableHeight"
+						v-loading="tableLoadingAge"
+						:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
+						style="width: 100%"
+					>
+						<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column>
 
-								<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="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">
-										<el-button type="text" class="div-table-button--detail" size="small" @click="handleDetail(scope.row)">查看</el-button>
-									</template>
-								</el-table-column>
-							</el-table>
+						<el-table-column label="操作" fixed="right" width="120" header-align="center" align="center" class="operate">
+							<template slot-scope="scope">
+								<el-button type="text" class="div-table-button--detail" size="small" @click="handleDetail(scope.row)">查看</el-button>
+							</template>
+						</el-table-column>
+					</el-table>
 
-							<el-pagination
-								@size-change="pageSizeChangeHandleAge"
-								@current-change="pageCurrentChangeHandleAge"
-								:current-page.sync="agePageNo"
-								:page-sizes="[10, 20, 50, 100, 200]"
-								:page-size="agePageSize"
-								layout="sizes, prev, pager, next, total,jumper"
-								:total="ageTotal"
-							></el-pagination>
-						</el-col>
-					</el-row>
+					<el-pagination
+						@size-change="pageSizeChangeHandleAge"
+						@current-change="pageCurrentChangeHandleAge"
+						:current-page.sync="agePageNo"
+						:page-sizes="[10, 20, 50, 100, 200]"
+						:page-size="agePageSize"
+						layout="sizes, prev, pager, next, total,jumper"
+						:total="ageTotal"
+					></el-pagination>
 				</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,55 +115,45 @@
 									</div>
 								</div>
 							</div>
-						</el-col>
-						<el-col :span="24">
-							<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"
-								border
-								:height="tableHeight"
-								v-loading="tableLoading"
-								:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
-								style="width: 100%"
-							>
-								<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column>
+						</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-table
+						class="table"
+						:data="tableData"
+						border
+						:height="tableHeight"
+						v-loading="tableLoading"
+						:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
+						style="width: 100%"
+					>
+						<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column>
 
-								<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="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">
-										<el-button type="text" class="div-table-button--detail" size="small" @click="handleDetail(scope.row)">查看</el-button>
-									</template>
-								</el-table-column>
-							</el-table>
+						<el-table-column label="操作" fixed="right" width="120" header-align="center" align="center" class="operate">
+							<template slot-scope="scope">
+								<el-button type="text" class="div-table-button--detail" size="small" @click="handleDetail(scope.row)">查看</el-button>
+							</template>
+						</el-table-column>
+					</el-table>
 
-							<el-pagination
-								@size-change="pageSizeChangeHandleNew"
-								@current-change="pageCurrentChangeHandleNew"
-								:current-page.sync="pageNo"
-								:page-sizes="[10, 20, 50, 100, 200]"
-								:page-size="pageSize"
-								layout="sizes, prev, pager, next, total,jumper"
-								:total="total"
-							></el-pagination>
-						</el-col>
-					</el-row>
+					<el-pagination
+						@size-change="pageSizeChangeHandleNew"
+						@current-change="pageCurrentChangeHandleNew"
+						:current-page.sync="pageNo"
+						:page-sizes="[10, 20, 50, 100, 200]"
+						:page-size="pageSize"
+						layout="sizes, prev, pager, next, total,jumper"
+						:total="total"
+					></el-pagination>
 				</el-col>
 			</el-row>
 		</div>
@@ -1039,4 +1020,13 @@ export default {
 	border-radius: 6px;
 	color: #fff;
 }
+.flex {
+	display: flex;
+	.width1 {
+		width: 220px;
+	}
+	.flex1 {
+		flex: 1;
+	}
+}
 </style>