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

ui调整

feature
SongZhen 2 years ago
parent
c5ca813afc
commit
fbfca44453
14 changed files with 155 additions and 157 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. 26
      src/views/dataBoard/cpts/family/modules/MatterDetails.vue
  2. 29
      src/views/dataBoard/cpts/family/modules/businessTables/community.vue
  3. 38
      src/views/dataBoard/cpts/family/modules/businessTables/complaint.vue
  4. 18
      src/views/dataBoard/cpts/family/modules/businessTables/economize.vue
  5. 24
      src/views/dataBoard/cpts/family/modules/businessTables/give-service.vue
  6. 36
      src/views/dataBoard/cpts/family/modules/businessTables/reporting-events.vue
  7. 29
      src/views/dataBoard/cpts/family/modules/businessTables/resident.vue
  8. 32
      src/views/dataBoard/cpts/personnel/modules/MatterDetails.vue
  9. 29
      src/views/dataBoard/cpts/personnel/modules/businessTables/community.vue
  10. 6
      src/views/dataBoard/cpts/personnel/modules/businessTables/complaint.vue
  11. 6
      src/views/dataBoard/cpts/personnel/modules/businessTables/economize.vue
  12. 6
      src/views/dataBoard/cpts/personnel/modules/businessTables/give-service.vue
  13. 6
      src/views/dataBoard/cpts/personnel/modules/businessTables/reporting-events.vue
  14. 27
      src/views/dataBoard/cpts/personnel/modules/businessTables/resident.vue

26
src/views/dataBoard/cpts/family/modules/MatterDetails.vue
View File

@ -5,13 +5,7 @@
<div class="user-name">{{ data.name }}</div>
</div>
<div class="tags">
<div
:class="`tag ${index % 2 == 0 ? 'small' : ''} ${
item.red == '0' ? '' : 'red'
}`"
v-for="(item, index) in data"
:key="item.tagName"
>
<div :class="`tag ${index % 2 == 0 ? 'small' : ''} ${item.red == '0' ? '' : 'red'} ${item.tagName.length > 8 ? 'smallFont' : ''}`" v-for="(item, index) in data" :key="item.tagName">
{{ item.tagName }}
</div>
</div>
@ -42,15 +36,11 @@ export default {
getDatas() {
this.data = [];
const query = this.$route.query;
this.$http
.get(
"/actual/base/peopleRoomOverview/getHouseTag?houseId=" + query.houseId
)
.then(({ data: res }) => {
if (res.code == 0) {
this.data = res.data;
}
});
this.$http.get("/actual/base/peopleRoomOverview/getHouseTag?houseId=" + query.houseId).then(({ data: res }) => {
if (res.code == 0) {
this.data = res.data;
}
});
},
},
};
@ -138,6 +128,10 @@ export default {
}
}
.smallFont {
font-size: 10px;
}
.user-name {
width: 174px;
text-align: center;

29
src/views/dataBoard/cpts/family/modules/businessTables/community.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="不满意事项类型" prop="scope" width="190" />
<el-table-column label="不满意事项描述" prop="problemDesc" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<xqwmz :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>
@ -67,21 +71,16 @@ export default {
1: "已回访",
};
// 省满意度列表
this.$http
.post(
"/actual/base/peopleRoomOverview/communitySatisfactionPageList",
this.queryParams
)
.then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
completeFlag: completeFlags[item.completeFlag],
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 2, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
completeFlag: completeFlags[item.completeFlag],
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 2, total: this.total });
});
},
},
};

38
src/views/dataBoard/cpts/family/modules/businessTables/complaint.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="事件类型" prop="categorycode" width="" />
<el-table-column label="事件描述" prop="eventcontent" width="" />
@ -13,14 +13,12 @@
</template>
</el-table-column>
</el-table>
<Pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<eventDetails :showDialog="showDialog" :resiId="this.rowId" @close="close" />
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
<eventDetails :showDialog="showDialog" :resiId="this.rowId" @close="close" />
</div>
</template>
@ -77,19 +75,17 @@ export default {
closed_case: "已办结",
};
const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"];
this.$http
.post("/actual/base/peopleRoomOverview/eventPageList", this.queryParams)
.then(({ data: res }) => {
this.list = res.data.list.map((item) => {
return {
...item,
status: item.status ? statusArr[item.status] : null,
marktype: marktypes[item.marktype],
};
});
this.total = res.data.total;
this.$emit("changeTotal", { name: 0, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.list.map((item) => {
return {
...item,
status: item.status ? statusArr[item.status] : null,
marktype: marktypes[item.marktype],
};
});
this.total = res.data.total;
this.$emit("changeTotal", { name: 0, total: this.total });
});
},
},
};

18
src/views/dataBoard/cpts/family/modules/businessTables/economize.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="不满意事项类型" prop="scope" width="190" />
<el-table-column label="不满意事项描述" prop="problemDesc" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
</div>
</template>
@ -59,13 +63,11 @@ export default {
},
getList() {
// 省满意度列表
this.$http
.post("/actual/base/peopleRoomOverview/provincialSatisfactionPageList", this.queryParams)
.then(({ data: res }) => {
this.list = res.data;
this.total = res.data.length;
this.$emit("changeTotal", { name: 1, total: this.total });
});
this.$http.post("/actual/base/peopleRoomOverview/provincialSatisfactionPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data;
this.total = res.data.length;
this.$emit("changeTotal", { name: 1, total: this.total });
});
},
},
};

24
src/views/dataBoard/cpts/family/modules/businessTables/give-service.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="需求类型" prop="serviceCategoryKey" width="" />
<el-table-column label="事件描述" prop="serviceName" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<yxwxfw :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>
@ -60,17 +64,15 @@ export default {
},
getList() {
// 社区服务列表
this.$http
.post("/actual/base/peopleRoomOverview/communityServicePageList", this.queryParams)
.then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 5, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/communityServicePageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 5, total: this.total });
});
},
},
};

36
src/views/dataBoard/cpts/family/modules/businessTables/reporting-events.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="事件类型" prop="categorycode" width="" />
<el-table-column label="事件描述" prop="eventcontent" width="" />
@ -12,13 +12,11 @@
</template>
</el-table-column>
</el-table>
<Pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
<eventDetails :showDialog="showDialog" :id="this.rowId" @close="close" />
</div>
</template>
@ -74,19 +72,17 @@ export default {
closed_case: "已办结",
};
const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"];
this.$http
.post("/actual/base/peopleRoomOverview/eventPageList", this.queryParams)
.then(({ data: res }) => {
this.list = res.data.list.map((item) => {
return {
...item,
status: item.status?statusArr[item.status]:null,
marktype: marktypes[item.marktype],
};
});
this.total = res.data.total;
this.$emit("changeTotal", { name: 3, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.list.map((item) => {
return {
...item,
status: item.status ? statusArr[item.status] : null,
marktype: marktypes[item.marktype],
};
});
this.total = res.data.total;
this.$emit("changeTotal", { name: 3, total: this.total });
});
},
},
};

29
src/views/dataBoard/cpts/family/modules/businessTables/resident.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="需求类型" prop="categoryName" width="" />
<el-table-column label="需求描述" prop="content" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<jmxq :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>
@ -20,7 +24,7 @@
import jmxq from "@/views/dataBoard/cpts/details/jmxq.vue";
export default {
name: "complaint",
components:{
components: {
jmxq,
},
props: {
@ -60,20 +64,15 @@ export default {
},
getList() {
// 居民需求列表
this.$http
.post(
"/actual/base/peopleRoomOverview/demandOfResidentsPageList",
this.queryParams
)
.then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 4, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/demandOfResidentsPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 4, total: this.total });
});
},
},
};

32
src/views/dataBoard/cpts/personnel/modules/MatterDetails.vue
View File

@ -10,20 +10,20 @@
<div class="tag small" v-if="data.gender">
{{ genderArr[data.gender] }}
</div>
<div class="tag" v-if="data.gridName">{{ data.gridName }}</div>
<div class="tag small" v-if="data.idNum">
<div :class="[data.gridName.length > 8 ? 'smallFont' : '', 'tag']" v-if="data.gridName">{{ data.gridName }}</div>
<div :class="[data.idNum.length > 8 ? 'smallFont' : '', 'tag', 'small']" v-if="data.idNum">
{{ $sensitive(data.idNum, 6, 16) }}
</div>
<div class="tag" v-if="data.mobile">
<div :class="[data.mobile.length > 8 ? 'smallFont' : '', 'tag']" v-if="data.mobile">
{{ $sensitive(data.mobile, 3, 7) }}
</div>
<div class="tag small" v-if="data.householdSituation">
<div :class="[data.householdSituation.length > 8 ? 'smallFont' : '', 'tag', 'small']" v-if="data.householdSituation">
{{ data.householdSituation }}
</div>
<div class="tag" v-if="data.birthday">
<div :class="[data.birthday.length > 8 ? 'smallFont' : '', 'tag']" v-if="data.birthday">
{{ data.birthday }}
</div>
<div class="tag" v-if="data.fullName">{{ data.fullName }}</div>
<div :class="[data.fullName.length > 8 ? 'smallFont' : '', 'tag']" v-if="data.fullName">{{ data.fullName }}</div>
</div>
</div>
</template>
@ -54,17 +54,11 @@ export default {
},
methods: {
getDatas() {
this.$http
.post(
"/actual/base/peopleRoomOverview/getPersonalFile?resid=" +
this.queryParams.resid,
this.queryParams
)
.then(({ data: res }) => {
if (res.code == 0) {
this.data = res.data;
}
});
this.$http.post("/actual/base/peopleRoomOverview/getPersonalFile?resid=" + this.queryParams.resid, this.queryParams).then(({ data: res }) => {
if (res.code == 0) {
this.data = res.data;
}
});
},
},
};
@ -138,7 +132,9 @@ export default {
bottom: 10px;
}
}
.smallFont {
font-size: 10px;
}
.user-name {
width: 174px;
text-align: center;

29
src/views/dataBoard/cpts/personnel/modules/businessTables/community.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="不满意事项类型" prop="scope" width="190" />
<el-table-column label="不满意事项描述" prop="problemDesc" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<xqwmz :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>
@ -58,21 +62,16 @@ export default {
1: "已回访",
};
// 省满意度列表
this.$http
.post(
"/actual/base/peopleRoomOverview/communitySatisfactionPageList",
this.queryParams
)
.then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
completeFlag: completeFlags[item.completeFlag],
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 2, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
completeFlag: completeFlags[item.completeFlag],
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 2, total: this.total });
});
},
handleView(item) {
this.rowId = item.id;

6
src/views/dataBoard/cpts/personnel/modules/businessTables/complaint.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="事件类型" prop="categorycode" width="" />
<el-table-column label="事件描述" prop="eventcontent" width="" />
@ -13,6 +13,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<eventDetails :showDialog="showDialog" :id="this.rowId" @close="close" />
<Pagination
v-show="total > 0"

6
src/views/dataBoard/cpts/personnel/modules/businessTables/economize.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="不满意事项类型" prop="scope" width="190" />
<el-table-column label="不满意事项描述" prop="problemDesc" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<smyd :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>

6
src/views/dataBoard/cpts/personnel/modules/businessTables/give-service.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="需求类型" prop="serviceCategoryKey" width="" />
<el-table-column label="事件描述" prop="serviceName" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<yxwxfw :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>

6
src/views/dataBoard/cpts/personnel/modules/businessTables/reporting-events.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="事件类型" prop="categorycode" width="" />
<el-table-column label="事件描述" prop="eventcontent" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<Pagination
v-show="total > 0"
:total="total"

27
src/views/dataBoard/cpts/personnel/modules/businessTables/resident.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table :data="list" max-height="363px" height="363px">
<el-table v-if="list.length > 0" :data="list" max-height="363px" height="363px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="需求类型" prop="categoryName" width="" />
<el-table-column label="需求描述" prop="content" width="" />
@ -12,6 +12,10 @@
</template>
</el-table-column>
</el-table>
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 20px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div>
<jmxq :showDialog="showDialog" :id="rowId" @close="close" />
</div>
</template>
@ -58,20 +62,15 @@ export default {
this.total = 0;
this.$emit("changeTotal", { name: 4, total: 0 });
// 居民需求列表
this.$http
.post(
"/actual/base/peopleRoomOverview/demandOfResidentsPageList",
this.queryParams
)
.then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 4, total: this.total });
this.$http.post("/actual/base/peopleRoomOverview/demandOfResidentsPageList", this.queryParams).then(({ data: res }) => {
this.list = res.data.map((item) => {
return {
...item,
};
});
this.total = res.data.length;
this.$emit("changeTotal", { name: 4, total: this.total });
});
},
},
};

Write Preview
Loading…
Cancel
Save