Browse Source

分页切换自动回到首条数据位置

lyn7568 6 years ago
parent
commit
bef661f6b6

+ 2 - 1
src/components/complexTable/index.vue

1
<template>
1
<template>
2
  <div>
2
  <div>
3
    <el-table :data="tableData" height="630" border>
3
    <el-table :data="tableData" height="630" border ref="tableEle">
4
      <el-table-column v-if="hasSelect" type="selection" width="55">
4
      <el-table-column v-if="hasSelect" type="selection" width="55">
5
      </el-table-column>
5
      </el-table-column>
6
      <el-table-column v-for="item in tableItem" :key="item.index" :prop="item.prop ? item.prop : ''" :label="item.tit ? item.tit : ''"
6
      <el-table-column v-for="item in tableItem" :key="item.index" :prop="item.prop ? item.prop : ''" :label="item.tit ? item.tit : ''"
39
    },
39
    },
40
    methods: {
40
    methods: {
41
      handleCurrentChange(val) { // 点击页码
41
      handleCurrentChange(val) { // 点击页码
42
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
42
        this.pageNo = val
43
        this.pageNo = val
43
        this.$emit('current', val)
44
        this.$emit('current', val)
44
      },
45
      },

+ 2 - 1
src/views/companyCen/activeList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref="tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
186
      })
186
      })
187
    },
187
    },
188
    handleCurrentChange(val) {
188
    handleCurrentChange(val) {
189
      this.$refs.tableEle.bodyWrapper.scrollTop = 0
189
      this.pageNo = val
190
      this.pageNo = val
190
      this.pageQuery()
191
      this.pageQuery()
191
    },
192
    },

+ 2 - 1
src/views/companyCen/noactive/compProduct.vue

33
          :data="tableData"
33
          :data="tableData"
34
          height="600"
34
          height="600"
35
          v-loading="tableLoading"
35
          v-loading="tableLoading"
36
          border>
36
          border ref="tableEle">
37
          <el-table-column
37
          <el-table-column
38
            v-for="item in tableItem"
38
            v-for="item in tableItem"
39
            :key="item.index"
39
            :key="item.index"
233
      })
233
      })
234
    },
234
    },
235
    handleCurrentChange(val) {
235
    handleCurrentChange(val) {
236
      this.$refs.tableEle.bodyWrapper.scrollTop = 0
236
      this.pageNo = val
237
      this.pageNo = val
237
      this.pageQuery()
238
      this.pageQuery()
238
    },
239
    },

+ 2 - 1
src/views/companyCen/noactive/noactiveList.vue

16
        :data="tableData"
16
        :data="tableData"
17
        height="630"
17
        height="630"
18
        v-loading="tableLoading"
18
        v-loading="tableLoading"
19
        border>
19
        border ref="tableEle">
20
        <el-table-column
20
        <el-table-column
21
          v-for="item in tableItem"
21
          v-for="item in tableItem"
22
          :key="item.index"
22
          :key="item.index"
235
      this.$refs.inviteInter.queryInviteInfo(row)
235
      this.$refs.inviteInter.queryInviteInfo(row)
236
    },
236
    },
237
    handleCurrentChange(val) {
237
    handleCurrentChange(val) {
238
      this.$refs.tableEle.bodyWrapper.scrollTop = 0
238
      this.pageNo = val
239
      this.pageNo = val
239
      this.pageQuery()
240
      this.pageQuery()
240
    },
241
    },

+ 2 - 1
src/views/demandCen/closedList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref="tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
223
        })
223
        })
224
      },
224
      },
225
      handleCurrentChange(val) {
225
      handleCurrentChange(val) {
226
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
226
        this.pageNo = val
227
        this.pageNo = val
227
        this.pageQuery()
228
        this.pageQuery()
228
      }
229
      }

+ 2 - 1
src/views/demandCen/completedList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref="tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
283
        })
283
        })
284
      },
284
      },
285
      handleCurrentChange(val) {
285
      handleCurrentChange(val) {
286
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
286
        this.pageNo = val
287
        this.pageNo = val
287
        this.pageQuery()
288
        this.pageQuery()
288
      }
289
      }

+ 2 - 1
src/views/demandCen/expiredList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref="tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
215
        })
215
        })
216
      },
216
      },
217
      handleCurrentChange(val) {
217
      handleCurrentChange(val) {
218
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
218
        this.pageNo = val
219
        this.pageNo = val
219
        this.pageQuery()
220
        this.pageQuery()
220
      }
221
      }

+ 2 - 1
src/views/demandCen/publishedList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref="tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
216
        })
216
        })
217
      },
217
      },
218
      handleCurrentChange(val) {
218
      handleCurrentChange(val) {
219
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
219
        this.pageNo = val
220
        this.pageNo = val
220
        this.pageQuery()
221
        this.pageQuery()
221
      }
222
      }

+ 25 - 2
src/views/sysSetting/platUser/editUser.vue

19
          <el-form-item v-if="!readonlyShow && !item.right" :label="item.tit" :prop="item.prop">
19
          <el-form-item v-if="!readonlyShow && !item.right" :label="item.tit" :prop="item.prop">
20
            <el-input v-model="userForm[item.prop]" :placeholder="`请填写${item.tit}`" :maxlength="item.num||''"></el-input>
20
            <el-input v-model="userForm[item.prop]" :placeholder="`请填写${item.tit}`" :maxlength="item.num||''"></el-input>
21
          </el-form-item>
21
          </el-form-item>
22
          <el-form-item v-if="item.right" :prop="item.prop" label-width="0">
22
          <el-form-item v-if="readonlyShow && viewShow && item.right" v-show="userForm[item.prop]" label="权限">
23
            <span>{{rightCodeShow(userForm[item.prop])}}</span>
24
          </el-form-item>
25
          <el-form-item v-if="item.right && !activeShow && !viewShow" :prop="item.prop" label-width="0">
23
            <template>
26
            <template>
24
              <el-card shadow="never">
27
              <el-card shadow="never">
25
                <div class="card-title" slot="header">
28
                <div class="card-title" slot="header">
152
    },
155
    },
153
    computed: {
156
    computed: {
154
      readonlyShow() {
157
      readonlyShow() {
155
        return this.operateM.type === 'right' || false
158
        if (this.operateM.type === 'right' || this.operateM.type === 'view') {
159
          return true
160
        } else {
161
          return false
162
        }
163
      },
164
      viewShow() {
165
        return this.operateM.type === 'view' || false
156
      },
166
      },
157
      activeShow() {
167
      activeShow() {
158
        return this.operateM.type === 'edit' || false
168
        return this.operateM.type === 'edit' || false
257
          }
267
          }
258
        })
268
        })
259
      },
269
      },
270
      rightCodeShow(code) {
271
        if (!code) {
272
          return
273
        }
274
        var codeShow = []
275
        for (let i = 0; i < code.length; ++i) {
276
          const nowC = this.moduleOption.find((item) => {
277
            return item.id === code[i]
278
          })
279
          codeShow.push(nowC.name)
280
        }
281
        return codeShow.join(',')
282
      },
260
      submitForm(formName) {
283
      submitForm(formName) {
261
        var that = this
284
        var that = this
262
        this.$refs[formName].validate((valid) => {
285
        this.$refs[formName].validate((valid) => {

+ 2 - 1
src/views/sysSetting/platUser/forbidden.vue

8
        :data="tableData"
8
        :data="tableData"
9
        height="630"
9
        height="630"
10
        v-loading="tableLoading"
10
        v-loading="tableLoading"
11
        border>
11
        border ref="tableEle">
12
        <el-table-column
12
        <el-table-column
13
          v-for="item in tableItem"
13
          v-for="item in tableItem"
14
          :key="item.index"
14
          :key="item.index"
144
        })
144
        })
145
      },
145
      },
146
      handleCurrentChange(val) {
146
      handleCurrentChange(val) {
147
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
147
        this.pageNo = val
148
        this.pageNo = val
148
        this.pageQueryUser()
149
        this.pageQueryUser()
149
      },
150
      },

+ 10 - 2
src/views/sysSetting/platUser/normal.vue

11
        :data="tableData"
11
        :data="tableData"
12
        height="630"
12
        height="630"
13
        v-loading="tableLoading"
13
        v-loading="tableLoading"
14
        border>
14
        border ref="tableEle">
15
        <el-table-column
15
        <el-table-column
16
          v-for="item in tableItem"
16
          v-for="item in tableItem"
17
          :key="item.index"
17
          :key="item.index"
23
            <div v-if="scope.row[item.prop]">
23
            <div v-if="scope.row[item.prop]">
24
              <div v-if="scope.row[item.prop]">
24
              <div v-if="scope.row[item.prop]">
25
                <el-button v-if="item.link" type="text"
25
                <el-button v-if="item.link" type="text"
26
                  @click="handleEdit(scope.row.id)">{{scope.row[item.prop]}}</el-button>
26
                  @click="handleView(scope.row.id)">{{scope.row[item.prop]}}</el-button>
27
                <span v-else>{{scope.row[item.prop]}}</span>
27
                <span v-else>{{scope.row[item.prop]}}</span>
28
              </div>
28
              </div>
29
            </div>
29
            </div>
164
        })
164
        })
165
      },
165
      },
166
      handleCurrentChange(val) {
166
      handleCurrentChange(val) {
167
        this.$refs.tableEle.bodyWrapper.scrollTop = 0
167
        this.pageNo = val
168
        this.pageNo = val
168
        this.pageQueryUser()
169
        this.pageQueryUser()
169
      },
170
      },
181
        }
182
        }
182
        this.$refs.userInfoDialog.getUserDetail()
183
        this.$refs.userInfoDialog.getUserDetail()
183
      },
184
      },
185
      handleView(id) {
186
        this.operateM = {
187
          type: 'view',
188
          tit: '查看用户信息'
189
        }
190
        this.$refs.userInfoDialog.getUserDetail(id)
191
      },
184
      handleEdit(id) {
192
      handleEdit(id) {
185
        this.operateM = {
193
        this.operateM = {
186
          type: 'edit',
194
          type: 'edit',

+ 2 - 1
src/views/userInfo/blackList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref= "tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
159
      })
159
      })
160
    },
160
    },
161
    handleCurrentChange(val) {
161
    handleCurrentChange(val) {
162
      this.$refs.tableEle.bodyWrapper.scrollTop = 0
162
      this.pageNo = val
163
      this.pageNo = val
163
      this.pageQueryUser()
164
      this.pageQueryUser()
164
    },
165
    },

+ 1 - 0
src/views/userInfo/pullBlack.vue

109
            if (res.data === 0) {
109
            if (res.data === 0) {
110
              that.$message('该用户已经被拉黑,不允许操作')
110
              that.$message('该用户已经被拉黑,不允许操作')
111
            } else {
111
            } else {
112
              that.reason = ''
112
              that.$parent.pageQueryUser()
113
              that.$parent.pageQueryUser()
113
            }
114
            }
114
            that.userDialogVisible = false
115
            that.userDialogVisible = false

+ 2 - 1
src/views/userInfo/usingList.vue

13
        :data="tableData"
13
        :data="tableData"
14
        height="630"
14
        height="630"
15
        v-loading="tableLoading"
15
        v-loading="tableLoading"
16
        border>
16
        border ref="tableEle">
17
        <el-table-column
17
        <el-table-column
18
          v-for="item in tableItem"
18
          v-for="item in tableItem"
19
          :key="item.index"
19
          :key="item.index"
160
      this.$refs.pullBlack.queryNormalOne(id)
160
      this.$refs.pullBlack.queryNormalOne(id)
161
    },
161
    },
162
    handleCurrentChange(val) {
162
    handleCurrentChange(val) {
163
      this.$refs.tableEle.bodyWrapper.scrollTop = 0
163
      this.pageNo = val
164
      this.pageNo = val
164
      this.pageQueryUser()
165
      this.pageQueryUser()
165
    }
166
    }