Browse Source

表格高度修改

V1.0
mk 2 years ago
parent
commit
4003ac8bfe
  1. 222
      src/views/modules/jumin/cpts/rightTop.vue
  2. 2
      src/views/modules/jumin/cpts/table/complain.vue
  3. 2
      src/views/modules/jumin/cpts/table/fuwu.vue
  4. 2
      src/views/modules/jumin/cpts/table/sheng.vue
  5. 2
      src/views/modules/jumin/cpts/table/shequ.vue
  6. 2
      src/views/modules/jumin/cpts/table/shijian.vue
  7. 2
      src/views/modules/jumin/cpts/table/xuqiu.vue

222
src/views/modules/jumin/cpts/rightTop.vue

@ -67,18 +67,24 @@
</el-row>
</el-tab-pane>
<el-tab-pane :label="fuwuLabel" name="fuwu">
<fuwu :tableData="fuwuList" />
<el-row type="flex">
<el-col :span="12" align="left">
<div style="margin-top: 25px;">{{ fuwuTotal }}</div>
</el-col>
<el-col :span="12" align="right">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper"
:total="fuwuTotal">
</el-pagination></el-col>
</el-row>
</el-tab-pane>
<div style="display: flex; flex-direction: column; height: 100%;">
<!-- 你的表格组件将填充所有可用空间 -->
<fuwu :tableData="fuwuList" style="flex: 1; overflow: auto;" />
<!-- 你的页码部分保持恒定的高度 -->
<el-row type="flex">
<el-col :span="12" align="left">
<div style="margin-top: 25px;">{{ fuwuTotal }}</div>
</el-col>
<el-col :span="12" align="right">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="pageNo" :page-size="pageSize" layout="prev, pager, next, jumper"
:total="fuwuTotal">
</el-pagination>
</el-col>
</el-row>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
@ -159,7 +165,6 @@ export default {
pageNo: this.pageNo,
pageSize: this.pageSize
}
// (-2-1访0访/访1访)
const statusArr = {
processing: "处理中",
closed_case: "已办结",
@ -168,53 +173,6 @@ export default {
//
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", parm).then(({ data: res }) => {
// this.complainList = [{
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "使",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// }, {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "使",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// }]
this.complainList = res.data.list.map((item) => {
return {
...item,
@ -235,36 +193,6 @@ export default {
}
//
this.$http.post("/actual/base/peopleRoomOverview/provincialSatisfactionPageList", parm).then(({ data: res }) => {
// this.shengList = [{
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "30",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// }]
this.shengList = res.data;
this.shengTotal = res.data.length;
this.shengLabel = `省满意度调查(${this.shengTotal}`
@ -276,7 +204,6 @@ export default {
pageNo: this.pageNo,
pageSize: this.pageSize
}
// (-2-1访0访/访1访)
const completeFlags = {
"-2": "未知",
"-1": "不接受回访",
@ -284,41 +211,6 @@ export default {
1: "已回访",
};
this.$http.post("/actual/base/peopleRoomOverview/communitySatisfactionPageList", parm).then(({ data: res }) => {
// this.shequList = [{
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "使",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// }, {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "",
// completeFlag: "",
// isReturn: ""
// },
// {
// scope: "",
// problemDesc: "使",
// completeFlag: "",
// isReturn: ""
// }]
this.shequList = res.data.map((item) => {
return {
...item,
@ -337,30 +229,6 @@ export default {
}
const marktypes = ["普通事件", "难点读点", "矛盾纠纷", "自身问题"];
this.$http.post("/actual/base/peopleRoomOverview/eventPageList", parm).then(({ data: res }) => {
// this.shijianList = [{
// categorycode: "",
// eventcontent: "",
// status: "",
// happentime: "2023-10-21 14:25:45"
// },
// {
// categorycode: "",
// eventcontent: "西",
// status: "",
// happentime: "2023-10-20 09:10:32"
// },
// {
// categorycode: "",
// eventcontent: "",
// status: "",
// happentime: "2023-10-19 16:45:30"
// },
// {
// categorycode: "",
// eventcontent: "",
// status: "",
// happentime: "2023-10-18 11:05:25"
// },]
this.shijianList = res.data.list.map((item) => {
return {
...item,
@ -380,36 +248,6 @@ export default {
}
//
this.$http.post("/actual/base/peopleRoomOverview/demandOfResidentsPageList", parm).then(({ data: res }) => {
// this.xuqiuList = [{
// categoryName: "",
// content: " Excel ",
// status: "",
// reportTime: "2023-10-24 10:15:32"
// },
// {
// categoryName: "",
// content: "",
// status: "",
// reportTime: "2023-10-23 14:05:50"
// },
// {
// categoryName: "",
// content: "",
// status: "",
// reportTime: "2023-10-22 11:30:15"
// },
// {
// categoryName: "",
// content: "",
// status: "",
// reportTime: "2023-10-21 09:45:10"
// },
// {
// categoryName: "",
// content: "",
// status: "",
// reportTime: "2023-10-20 16:20:45"
// }]
this.xuqiuList = res.data.map((item) => {
return {
...item,
@ -426,30 +264,6 @@ export default {
pageSize: this.pageSize
}
this.$http.post("/actual/base/peopleRoomOverview/communityServicePageList", parm).then(({ data: res }) => {
// this.fuwuList = [{
// serviceCategoryKey: "",
// serviceName: "使",
// state: "",
// serviceTimeStart: "2023-10-25 09:20:15"
// },
// {
// serviceCategoryKey: "",
// serviceName: "",
// state: "",
// serviceTimeStart: "2023-10-24 15:10:45"
// },
// {
// serviceCategoryKey: "",
// serviceName: "",
// state: "",
// serviceTimeStart: "2023-10-23 14:05:20"
// },
// {
// serviceCategoryKey: "",
// serviceName: "",
// state: "",
// serviceTimeStart: "2023-10-22 10:40:25"
// },]
this.fuwuList = res.data.map((item) => {
return {
...item,

2
src/views/modules/jumin/cpts/table/complain.vue

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="214px" height="214px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="事件类型" prop="categorycode" width="" />
<el-table-column label="事件描述" prop="eventcontent" width="" />

2
src/views/modules/jumin/cpts/table/fuwu.vue

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="214px" height="214px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="需求类型" prop="serviceCategoryKey" width="" />
<el-table-column label="事件描述" prop="serviceName" width="" />

2
src/views/modules/jumin/cpts/table/sheng.vue

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="214px" height="214px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="不满意事项类型" prop="scope" width="190" />
<el-table-column label="不满意事项描述" prop="problemDesc" width="" />

2
src/views/modules/jumin/cpts/table/shequ.vue

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="214px" height="214px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="不满意事项类型" prop="scope" width="190" />
<el-table-column label="不满意事项描述" prop="problemDesc" width="" />

2
src/views/modules/jumin/cpts/table/shijian.vue

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="214px" height="214px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="事件类型" prop="categorycode" width="" />
<el-table-column label="事件描述" prop="eventcontent" width="" />

2
src/views/modules/jumin/cpts/table/xuqiu.vue

@ -1,6 +1,6 @@
<template>
<div class="table">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="363px" height="363px">
<el-table v-if="tableData.length > 0" :data="tableData" max-height="214px" height="214px">
<el-table-column label="序号" type="index" width="80" />
<el-table-column label="需求类型" prop="categoryName" width="" />
<el-table-column label="需求描述" prop="content" width="" />

Loading…
Cancel
Save