Browse Source

门店排序,改变状态

master
liupopo 2 years ago
parent
commit
e1e044f791
  1. 18
      src/api/pickupPoint/pickupPoint.js
  2. 176
      src/views/pickupPoint/index.vue
  3. 104
      src/views/pickupPoint/indexAdd.vue

18
src/api/pickupPoint/pickupPoint.js

@ -1,7 +1,7 @@
import request from '@/utils/request' import request from '@/utils/request'
export default { export default {
// 获取提货点列表 // 获取提货点列表
storeListPage: function(data) { storeListPage: function(data) {
return request({ return request({
@ -10,7 +10,7 @@ export default {
data: data data: data
}); });
}, },
// 新增、保存提货点 // 新增、保存提货点
saveStore: function(data) { saveStore: function(data) {
return request({ return request({
@ -19,7 +19,7 @@ export default {
data: data data: data
}); });
}, },
// 初始化提货点 // 初始化提货点
storeInit: function(data) { storeInit: function(data) {
return request({ return request({
@ -27,7 +27,7 @@ export default {
method: 'get' method: 'get'
}); });
}, },
// 删除提货点 // 删除提货点
deleteStore: function(data) { deleteStore: function(data) {
return request({ return request({
@ -35,7 +35,13 @@ export default {
method: 'delete' method: 'delete'
}); });
}, },
// 修改状态
updateIsEnable: function(sid,isEnable) {
return request({
url: '/lpkstore/updateIsEnable/'+sid+"/"+isEnable
});
},
} }

176
src/views/pickupPoint/index.vue

@ -1,76 +1,102 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="viewState == 1"> <div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="提货点列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> <button-bar ref="btnbar" view-title="提货点列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content"> <div class="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow"> <el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }} {{ searchxianshitit }}
</el-button> </el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header"> <el-form :inline="true" class="tab-header">
<el-form-item label="提货点名称"> <el-form-item label="提货点名称">
<el-input v-model="queryParams.params.name" placeholder="" clearable /> <el-input v-model="queryParams.params.name" placeholder="" clearable />
</el-form-item> </el-form-item>
</el-form>
</el-form> <div class="btn" style="text-align: center;">
<div class="btn" style="text-align: center;"> <el-button
<el-button type="primary" size="small" icon="el-icon-search" type="primary"
@click="dosearch">查询</el-button> size="small"
<el-button type="primary" size="small" icon="el-icon-refresh" icon="el-icon-search"
@click="resetQuery">重置</el-button> @click="dosearch"
</div> >查询</el-button>
</div> <el-button
</div> type="primary"
<!-- Start 项目列表头部 --> size="small"
<div class="listtop"> icon="el-icon-refresh"
<div class="tit">提货点列表</div> @click="resetQuery"
</div> >重置</el-button>
<!-- End 项目列表头部 --> </div>
<!-- Start 项目列表 --> </div>
<div class=""> </div>
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :row-style="{height: '40px'}"> <!-- Start 项目列表头部 -->
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> <div class="listtop">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> <div class="tit">提货点列表</div>
<el-table-column label="操作" align="center" width="180"> </div>
<template slot-scope="scope"> <!-- End 项目列表头部 -->
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button> <!-- Start 项目列表 -->
<el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> <div class="">
</template> <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :row-style="{height: '40px'}">
</el-table-column> <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-table-column prop="name" label="提货点名称" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<!-- <el-table-column prop="code" label="提货点编号" align="center" /> --> <el-table-column label="操作" align="center" width="100">
<el-table-column prop="phone" label="联系电话" align="center" /> <template slot-scope="scope">
<el-table-column prop="address" label="提货点地址" align="center" /> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
<el-table-column prop="businessHours" label="营业时间" align="center" /> <!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
</el-table> </template>
</div> </el-table-column>
<!-- End 项目列表 --> <el-table-column label="是否禁用" align="center" width="140">
<div class="pages"> <template slot-scope="scope">
<div class="tit" /> <el-switch
<!-- 翻页 --> v-model="scope.row.isEnable"
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" active-text="可用"
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" /> inactive-text="禁用"
</div> active-value="1"
</div> inactive-value="0"
</div> @change="enableChange(scope.row.sid,scope.row.isEnable)"
<!-- 新增修改部分组件 --> />
<divAdd v-show="viewState == 2|| viewState ==3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> </template>
</div> </el-table-column>
<el-table-column prop="name" label="提货点名称" align="center" width="200" />
<!-- <el-table-column prop="code" label="提货点编号" align="center" /> -->
<el-table-column prop="phone" label="联系电话" align="center" width="120" />
<el-table-column prop="address" label="提货点地址" align="center" />
<el-table-column prop="businessHours" label="营业时间" align="center" width="200" />
<el-table-column prop="sort" label="排序" align="center" width="80" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination
v-show="dataList.length > 0"
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadList"
/>
</div>
</div>
</div>
<!-- 新增修改部分组件 -->
<divAdd v-show="viewState == 2|| viewState ==3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
</div>
</template> </template>
<script> <script>
import req from '@/api/pickupPoint/pickupPoint.js' import req from '@/api/pickupPoint/pickupPoint.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' // import pageye from '@/components/pagination/pageye'
import divAdd from './indexAdd.vue' import divAdd from './indexAdd.vue'
export default { export default {
name: 'SupplierBankInfoIndex', name: 'SupplierBankInfoIndex',
components: { components: {
ButtonBar, ButtonBar,
Pagination, Pagination,
pageye, // pageye,
divAdd divAdd
}, },
data() { data() {
@ -102,8 +128,7 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
name: '', name: ''
} }
}, },
sids: [] sids: []
@ -154,7 +179,6 @@
this.tableLoading = false this.tableLoading = false
}) })
}, },
// //
indexMethod(index) { indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size var pagestart = (this.queryParams.current - 1) * this.queryParams.size
@ -171,7 +195,7 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
name: '', name: ''
} }
} }
this.loadList() this.loadList()
@ -181,15 +205,14 @@
this.$refs['divadd'].showAdd() this.$refs['divadd'].showAdd()
}, },
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
}, },
toRelevancy(row) { toRelevancy(row) {
this.viewState = 3 this.viewState = 3
this.$refs['divadd'].showEdit(row) this.$refs['divadd'].showEdit(row)
}, },
toRelevancyInfo(row) { toRelevancyInfo(row) {
const tip = '请确认是否删除所选提货点?' const tip = '请确认是否删除所选提货点?'
this.$confirm(tip, '提示', { this.$confirm(tip, '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
@ -221,9 +244,26 @@
}, },
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
},
enableChange(sid, state) {
console.log('sid', sid)
console.log('state', state)
req.updateIsEnable(sid, state).then((resp) => {
if (resp.success) {
this.$message({
type: 'success',
message: '状态已更新',
showClose: true
})
} else { // resp.code
}
}).catch(e => {
console.log(e)
})
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
</style> </style>

104
src/views/pickupPoint/indexAdd.vue

@ -1,44 +1,51 @@
<template> <template>
<div> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<!-- 标题 --> <!-- 标题 -->
<div>提货点信息</div> <div>提货点信息</div>
<!-- start 添加修改按钮 --> <!-- start 添加修改按钮 -->
<div> <div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<!-- end 添加修改按钮 --> <!-- end 添加修改按钮 -->
<!-- end 详情按钮 --> <!-- end 详情按钮 -->
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-card class="box-card"> <el-card class="box-card">
<div class="item"> <div class="item">
<span class="item_text">名称</span> <span class="item_text">名称</span>
<el-input v-model="formobj.name" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">地址</span> <span class="item_text">地址</span>
<el-input v-model="formobj.address" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.address" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">电话</span> <span class="item_text">联系人</span>
<el-input v-model="formobj.phone" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.linker" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">营业时间</span> <span class="item_text">电话</span>
<el-input v-model="formobj.businessHours" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.phone" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item">
<span class="item_text">营业时间</span>
</el-card> <el-input v-model="formobj.businessHours" placeholder="" class="item_input" clearable />
</div>
</div> <div class="item">
<span class="item_text">排序</span>
</div> <el-input v-model="formobj.sort" placeholder="" class="item_input" clearable />
</div>
</el-card>
</div>
</div>
</template> </template>
<script> <script>
@ -49,11 +56,14 @@
return { return {
submitdisabled: false, submitdisabled: false,
formobj: { formobj: {
sid: "", sid: '',
name: '', name: '',
address: '', address: '',
phone: '', phone: '',
businessHours: "", businessHours: '',
sort: 0,
linker: '',
picUrl: ''
} }
} }
}, },
@ -80,11 +90,14 @@
if (isreload === 'true') this.$emit('reloadlist') if (isreload === 'true') this.$emit('reloadlist')
this.imgList = [] this.imgList = []
this.formobj = { this.formobj = {
sid: "", sid: '',
name: '', name: '',
address: '', address: '',
phone: '', phone: '',
businessHours: "", businessHours: '',
sort: 0,
linker: '',
picUrl: ''
} }
this.$emit('doback') this.$emit('doback')
}, },
@ -97,7 +110,6 @@
.then(resp => { .then(resp => {
if (resp.success) { if (resp.success) {
this.formobj = resp.data this.formobj = resp.data
} }
}) })
.catch(e => { .catch(e => {
@ -169,4 +181,4 @@
} }
} }
</style> </style>

Loading…
Cancel
Save