elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

统一优化统计数字格式，每三位用英文逗号隔开一下

dlt_manageScope_0428
李素 2 years ago
parent
f624a099e2
commit
d99177b77b
1 changed files with 78 additions and 40 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. 118
      src/views/modules/home/index.vue

118
src/views/modules/home/index.vue
View File

@ -30,7 +30,10 @@
<div class="mewq">
<div class="boxss">
<div style="margin-top: 10px;">
<span style="color: #2683DB; font-size: 25px;">{{ pandectData.totalResidents }}</span>
<span style="color: #2683DB; font-size: 25px;">
{{ pandectData.totalResidents }}
</span>
<br>
<span style="color: #858585; font-size: 12px;">居民总数</span>
</div>
@ -129,9 +132,9 @@
</div>
<div class="item-title"
style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 450px;">
<img v-if="item.msgType == 'resident_category'" class="thumbnail_1" style="width: 17px;" referrerpolicy="no-referrer"
src="~@/assets/images/shuju/renfang/index/zhiding.png" />{{
item.content }}
<img v-if="item.msgType == 'resident_category'" class="thumbnail_1" style="width: 17px;"
referrerpolicy="no-referrer" src="~@/assets/images/shuju/renfang/index/zhiding.png" />{{
item.content }}
</div>
</div>
<div class="item_left">
@ -153,35 +156,40 @@
style="margin-top: 10px;" v-show="showAll" @click="jumpToJuMin()"><img referrerpolicy="no-referrer"
src="https://lanhu.oss-cn-beijing.aliyuncs.com/pskhmf0717eflwg54wn73s6spnsg6u48r0f69e94b-2bc8-4156-8330-902087b72e0b" />更新设置</span>
</div>
<el-table :data="tableList" style="width: 100%;margin-top:26px;overflow-y: scroll;" :height="maxTableHeight" border :cell-style="columnbackgroundStyle" class="m-table-item">
<el-table-column label="居民类别" align="center" width="105">
<el-table :data="tableList" style="width: 100%;margin-top:26px;overflow-y: scroll;" :height="maxTableHeight"
border :cell-style="columnbackgroundStyle" class="m-table-item">
<el-table-column label="居民类别" align="center" width="105">
<template slot-scope="scope">
<span style="color:#989898">{{scope.row.residentCategoryName}}</span>
<span style="color:#989898">{{ scope.row.residentCategoryName }}</span>
</template>
</el-table-column>
<el-table-column label="总人数" width="105" align="center">
<el-table-column label="总人数" width="105" align="center">
<template slot-scope="scope">
<span style="color:#006fd6">{{scope.row.total}}</span>
<span style="color:#006fd6">{{ scope.row.total }}</span>
</template>
</el-table-column>
<el-table-column label="分类信息不完整数" align="center" :show-overflow-tooltip="true">
<!-- <template slot-scope="scope">
<span style="color:#ff1200;cursor: pointer;" @click="handelCLickJump(scope.row)">{{scope.row.nonIntegratedNum}}</span>
</template> -->
<el-table-column label="分类信息不完整数" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span style="color:#ff1200;cursor: pointer;" @click="handelCLickJump(scope.row)">{{
scope.row.nonIntegratedNum }}</span>
</template>
</el-table-column>
<el-table-column label="更新负责人" :show-overflow-tooltip="true" align="center" v-if="showAll">
<el-table-column label="更新负责人" :show-overflow-tooltip="true" align="center" v-if="showAll">
<template slot-scope="scope">
<span style="color:#ff1200;">{{scope.row.userName}}</span>
<span style="color:#ff1200;">{{ scope.row.userName }}</span>
</template>
</el-table-column>
<el-table-column label="更新周期" align="center" width="105">
<el-table-column label="更新周期" align="center" width="105">
<template slot-scope="scope">
<span style="color:#989898;">{{scope.row.updatePeriod?scope.row.updatePeriod =='month'?'每自然月':scope.row.updatePeriod =='halfMonth'?'每半自然月':scope.row.updatePeriod =='week'?'每周':'':''}}</span>
<span style="color:#989898;">{{ scope.row.updatePeriod ? scope.row.updatePeriod
== 'month' ? '每自然月' : scope.row.updatePeriod == 'halfMonth' ? '每半自然月' : scope.row.updatePeriod
== 'week' ? '每周' : '' : '' }}</span>
</template>
</el-table-column>
<el-table-column label="更新人数" align="center" width="105">
<template slot-scope="scope">
<span style="color:#006fd6;">{{scope.row.updateResiNum}}</span><span style="color:#989898;">({{scope.row.updatePeriodName?scope.row.updatePeriodName:'--'}})</span>
<span style="color:#006fd6;">{{ scope.row.updateResiNum }}</span><span style="color:#989898;">({{
scope.row.updatePeriodName ? scope.row.updatePeriodName : '--' }})</span>
</template>
</el-table-column>
</el-table>
@ -257,7 +265,7 @@ export default {
noticeData: [],
activeName: "resi",
myChart: {},
myBarchart:{},
myBarchart: {},
agencyLevel: '',
yData: [
// {
@ -291,8 +299,8 @@ export default {
},
computed: {
maxTableHeight() {
const _h = this.clientHeight - 610 ;
return _h;
const _h = this.clientHeight - 610;
return _h;
},
...mapGetters(["clientHeight"]),
},
@ -332,6 +340,13 @@ export default {
);
},
methods: {
formatNumber(number) {
if (typeof number === 'string') {
// 如果是字符串，去除非数字字符并转为数字类型
number = parseInt(number.replace(/\D/g, ''), 10);
}
return number.toLocaleString();
},
initChart() {
this.$http.get("/governance/satisfactionOverview/notSatisfactionTrend").then(({ data: { data } }) => {
this.myChart = echarts.init(document.getElementById("my_chart"));
@ -395,14 +410,24 @@ export default {
},
columnbackgroundStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 3||columnIndex == 4||columnIndex == 5) {
return 'background:#fffcf3;'
}
if (columnIndex == 3 || columnIndex == 4 || columnIndex == 5) {
return 'background:#fffcf3;'
}
},
borderH() {
this.$http.post("/actual/base/residentCategoryUpdateInfo/getUpdateAndintegrityList").then(({ data: { data } }) => {
this.tableList = data
this.tableList.forEach(item => {
// 如果需要格式化的字段是数字类型，则进行格式化
if (typeof item.total === 'number') {
item.total = this.formatNumberWithCommas(item.total);
}
if (typeof item.nonIntegratedNum === 'number') {
item.nonIntegratedNum = this.formatNumberWithCommas(item.nonIntegratedNum);
}
});
console.log("请求成功:", data);
});
},
@ -437,7 +462,7 @@ export default {
handleClickNotice(item) {
if (item.msgType == "community_house") {
let { agencyId, gridId, gridName, houseId, houseName, targetId } = item
this.$store.dispatch('saveDataH', { agencyId, gridId, gridName, houseId: targetId, houseName:'房屋详情' });
this.$store.dispatch('saveDataH', { agencyId, gridId, gridName, houseId: targetId, houseName: '房屋详情' });
this.$router.push({ name: 'house-huaxiang' });
this.$store.state.contentTabs = this.$store.state.contentTabs.map(item => {
if (item.name === "house-huaxiang") {
@ -464,7 +489,7 @@ export default {
gender,
homeId,
homeName,
name:'居民详情',
name: '居民详情',
resiId: targetId,
});
this.$router.push({ name: "jumin-huaxiang" });
@ -545,6 +570,11 @@ export default {
}
},
formatNumberWithCommas(number) {
return new Intl.NumberFormat().format(number);
},
//加载组织数据
async getPandectData() {
const url = "/actual/base/residentHouseMerge/communityOverview";
@ -558,7 +588,14 @@ export default {
if (code === 0) {
if (data) {
this.pandectData = data;
for (let key in this.pandectData) {
if (!isNaN(this.pandectData[key])) {
// 如果值可以转换为数字，则进行格式化
this.pandectData[key] = this.formatNumberWithCommas(parseFloat(this.pandectData[key]));
}
}
}
} else {
this.$message.error(msg);
}
@ -580,15 +617,15 @@ export default {
this.$message.error(msg);
}
},
handelCLickJump(e){
handelCLickJump(e) {
this.$router.push({
path: "/main/base-nonIntResi",
query: {
resiCategory: e.residentCategory,
}
});
path: "/main/base-nonIntResi",
query: {
resiCategory: e.residentCategory,
}
});
},
//加载组织数据
async getWarningList() {
const url = "/actual/base/resiCategory/categoryCountList";
@ -659,13 +696,14 @@ export default {
// let nonIntegratedNum = data.categoryStatsDatas.map(item => item.nonIntegratedNum)
let option = {
backgroundColor: '#fff',
color: ['#448cf6', '#f7ca60', ],
color: ['#448cf6', '#f7ca60',],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
x: 'center',
bottom: '8%',
@ -697,18 +735,18 @@ export default {
stack: '总量',
barWidth: '30px',
data: data.categoryStatsDatas.map((item, index) => ({
value: item.integratedNum,
extraProperty: item.resiCategory
})),
value: item.integratedNum,
extraProperty: item.resiCategory
})),
},
{
name: '分类信息不完整数',
type: 'bar',
stack: '总量',
data: data.categoryStatsDatas.map((item, index) => ({
value: item.nonIntegratedNum,
extraProperty: item.resiCategory
})),
value: item.nonIntegratedNum,
extraProperty: item.resiCategory
})),
}
]
};

Write Preview
Loading…
Cancel
Save