From 41dabb0db9619b8dbb8a311966e0b9920f67f7c8 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期四, 03 十一月 2022 16:10:40 +0800
Subject: [PATCH] 门前三包和趋势分析
---
src/views/operate/fivepack/threepack/components/main/index.vue | 182 +++++++++++++++++++++++++--------------------
1 files changed, 102 insertions(+), 80 deletions(-)
diff --git a/src/views/operate/fivepack/threepack/components/main/index.vue b/src/views/operate/fivepack/threepack/components/main/index.vue
index 8633125..06f01a5 100644
--- a/src/views/operate/fivepack/threepack/components/main/index.vue
+++ b/src/views/operate/fivepack/threepack/components/main/index.vue
@@ -3,44 +3,42 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table ref="multipleTable"
- :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+ :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
<el-table-column type="selection" min-width="5">
</el-table-column>
- <el-table-column label="搴楅摵缂栧彿" min-width="10">
- <template slot-scope="scope">{{ scope.row.id }}</template>
+ <el-table-column prop="storeNumber" label="搴楅摵缂栧彿" min-width="10">
</el-table-column>
- <el-table-column prop="nickName" label="搴楅摵鍚嶇О" min-width="10">
+ <el-table-column prop="storeName" label="搴楅摵鍚嶇О" min-width="10">
</el-table-column>
- <el-table-column prop="username" label="搴楅摵鑱旂郴浜�" min-width="10">
+ <el-table-column prop="storeOwner" label="搴楅摵鑱旂郴浜�" min-width="10">
</el-table-column>
- <el-table-column prop="mobile" label="搴楅摵鑱旂郴鐢佃瘽" min-width="10">
+ <el-table-column prop="storePhone" label="搴楅摵鑱旂郴鐢佃瘽" min-width="10">
</el-table-column>
- <el-table-column prop="note" label="搴楅摵璇︾粏鍦板潃" min-width="10">
+ <el-table-column prop="storeAddress" label="搴楅摵璇︾粏鍦板潃" min-width="10">
</el-table-column>
- <el-table-column prop="note" label="鍏宠仈鎽勫儚鏈�" min-width="10">
+ <el-table-column prop="storeMoni" label="鍏宠仈鎽勫儚鏈�" min-width="10">
</el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" min-width="15">
+ <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
<template slot-scope="scope">
<div class="operation">
- <el-link icon="el-icon-edit" :underline="false">缂栬緫</el-link>
- <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false">鍒犻櫎</el-link>
- <el-link icon="el-icon-edit" :underline="false">鎺ㄩ�佷俊鎭�</el-link>
- <el-link icon="el-icon-edit" :underline="false">鏌ョ湅</el-link>
+ <el-link icon="el-icon-edit" :underline="false" @click="hadnleView(scope.row,0)">缂栬緫</el-link>
+ <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false" @click="handleDelete(scope.row.id)">鍒犻櫎</el-link>
+ <el-link class="leftPx" icon="el-icon-edit" :underline="false">鎺ㄩ�佷俊鎭�</el-link>
+ <el-link class="leftPx" icon="el-icon-edit" :underline="false" @click="hadnleView(scope.row,1)">鏌ョ湅</el-link>
</div>
</template>
</el-table-column>
</el-table>
<!-- 鏌ョ湅淇敼椤甸潰 -->
<el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
- :title="updateFlag ? '淇敼鐢ㄦ埛閮ㄩ棬淇℃伅' :'鏌ョ湅鐢ㄦ埛淇℃伅'">
- <updateUser :updateFlag="updateFlag" :userInfo=userInfo />
- </el-dialog>
+ :title="updateFlag ? '淇敼搴楅摵淇℃伅' : '鏌ョ湅搴楅摵淇℃伅'" :before-close="handleClose">
+ <updateUser :updateFlag="updateFlag" :userInfo=userInfo @handleUpdateData="handleUpdateData" />
+ </el-dialog>
<!-- 鍒嗛〉 -->
<div class="pagination">
<el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
- :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
- @next-click="handleNext">
+ :page-size="pageSize" @current-change="changeCurrentPage">
</el-pagination>
</div>
</div>
@@ -55,7 +53,53 @@
},
data() {
return {
- tableData: [],
+ tableData: [
+ {
+ id: 1,
+ storeNumber: '1002220212',
+ storeName: '搴楅摵1',
+ storeOwner: '寮犱笁',
+ storePhone: '17844631885',
+ storeAddress: '鐢滃績琛�12鍙�',
+ storeMoni: '鎽勫儚澶�1'
+ },
+ {
+ id: 2,
+ storeNumber: '1002220213',
+ storeName: '搴楅摵2',
+ storeOwner: '寮犱笁',
+ storePhone: '17844631885',
+ storeAddress: '鐢滃績琛�13鍙�',
+ storeMoni: '鎽勫儚澶�1'
+ },
+ {
+ id: 3,
+ storeNumber: '1002220214',
+ storeName: '搴楅摵3',
+ storeOwner: '寮犱笁',
+ storePhone: '17844631885',
+ storeAddress: '鐢滃績琛�14鍙�',
+ storeMoni: '鎽勫儚澶�1'
+ },
+ {
+ id: 4,
+ storeNumber: '1002220215',
+ storeName: '搴楅摵4',
+ storeOwner: '寮犱笁',
+ storePhone: '17844631885',
+ storeAddress: '鐢滃績琛�15鍙�',
+ storeMoni: '鎽勫儚澶�1'
+ },
+ {
+ id: 5,
+ storeNumber: '1002220216',
+ storeName: '搴楅摵5',
+ storeOwner: '寮犱笁',
+ storePhone: '17844631885',
+ storeAddress: '鐢滃績琛�16鍙�',
+ storeMoni: '鎽勫儚澶�1'
+ },
+ ],
search: "111",
dialogUpdate: false,
updateFlag: false,
@@ -67,66 +111,49 @@
}
},
created() {
- this.getUserList();
},
methods: {
+ // 鍒犻櫎鏁版嵁
+ handleDelete(id){
+ const {tableData} = this
+ let idx
+ for(let key in tableData){
+ tableData[key].id === id ? idx = key :''
+ }
+ this.tableData.splice(idx,1)
+ },
+ // 鎵撳紑寮圭獥
+ hadnleView(data,index){
+ index === 0 ? this.updateFlag = true : this.updateFlag = false
+ this.userInfo = data
+ this.dialogUpdate = true
+ },
+ // 鑷畾涔夊叧闂脊绐�
+ handleClose(done){
+ if(this.updateFlag){
+ this.$confirm('纭鍏抽棴?')
+ .then(_=>{
+ done()
+ })
+ }else{
+ done()
+ }
+ },
+ // 鏇存柊鏁版嵁
+ handleUpdateData(obj){
+ const {tableData} = this
+ let index = -1
+ for(let item in tableData){
+ if(tableData[item].id===obj.id){
+ index = item
+ }
+ }
+ this.tableData.splice(index,1,obj)
+ this.dialogUpdate = false
+ },
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
changeCurrentPage(page) {
this.currentPage = page;
- this.getUserList();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 淇敼瑙掕壊
- handleChangeRole(obj) {
- this.dialogUpdate = true
- this.user = obj;
- // console.log(obj)
- },
- // 淇敼鐢ㄦ埛鐘舵��
- handleChangeStatus(obj) {
- let { id, status } = obj;
- status == true ? status = 1 : status = 0;
- this.$axios.post(`sccg/admin/updateStatus/` + id + '?status=' + status).then(res => {
- console.log(res);
- })
- },
- // 鑾峰彇鐢ㄦ埛鍒楄〃
- getUserList() {
- const that = this;
- const { currentPage, pageSize, search } = this;
- // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜)
- // this.$axios.get(`sccg/store/storeinfo/list?keyword=${search}&pageNum=${currentPage}&pageSize=${pageSize}`).then(res => {
- // if (res.code === 200) {
- // res.data.records.forEach(item => {
- // item.createTime = helper(item.createTime);
- // item.status == 1 ? item.status = true : item.status = false;
- // })
- // that.totalNum = res.data.pages * pageSize;
- // that.tableData = res.data.records;
- // this.renderFlag = true;
- // }
- // })
- },
- // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
- handleFind(rowData) {
- this.dialogUpdate = true;
- this.updateFlag = false;
- this.userInfo = rowData;
- },
- // 淇敼鐢ㄦ埛閮ㄩ棬淇℃伅
- handleUpdate(rowData) {
- this.dialogUpdate = true;
- this.updateFlag = true;
- this.userInfo = rowData
},
// 璁剧疆琛ㄦ牸鏂戦┈绾�
tableRowClassName({ row, rowIndex }) {
@@ -147,12 +174,11 @@
if (this.keyword != '') {
this.search = this.keyword;
}
- this.getUserList();
this.$emit('resetFresh', { flag: false })
}
},
immediate: true
- }
+ },
}
}
</script>
@@ -203,10 +229,6 @@
.operation {
display: flex;
-
- .line {
- padding: 0 5px;
- }
.el-button {
// background-color: #fff;
--
Gitblit v1.8.0