修正项目
This commit is contained in:
358
xlcs-admin/src/views/user/leader/checkList.vue
Normal file
358
xlcs-admin/src/views/user/leader/checkList.vue
Normal file
@@ -0,0 +1,358 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
|
||||
<!-- 工具条 -->
|
||||
<el-card class="operate-container" shadow="never">
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="输入搜索：">
|
||||
<el-input v-model="searchObj.keyword" style="width: 203px" placeholder="关键字" />
|
||||
</el-form-item>
|
||||
|
||||
<el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
|
||||
<el-button type="default" @click="resetData()">清空</el-button>
|
||||
<el-button class="btn-add" size="mini" @click="add">添 加</el-button>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<!-- banner列表 -->
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="list"
|
||||
stripe
|
||||
border
|
||||
style="width: 100%;margin-top: 10px;"
|
||||
>
|
||||
|
||||
<el-table-column
|
||||
label="序号"
|
||||
width="70"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ (page - 1) * limit + scope.$index + 1 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="name" label="姓名" width="100px" />
|
||||
<el-table-column prop="phone" label="手机号码" width="100px" />
|
||||
<el-table-column prop="takeName" label="提货点名称" />
|
||||
<el-table-column prop="param.provinceName" label="省" width="70px" />
|
||||
<el-table-column prop="param.cityName" label="城市" width="70px" />
|
||||
<el-table-column prop="param.districtName" label="区/县" width="70px" />
|
||||
<el-table-column prop="createTime" label="申请时间" width="155px" />
|
||||
|
||||
<el-table-column label="操作" width="150" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="mini" :disabled="$hasBP('btn.all') === false" @click="check(scope.row.id, 1)">
|
||||
审核通过
|
||||
</el-button>
|
||||
<el-button type="text" size="mini" :disabled="$hasBP('btn.all') === false" @click="check(scope.row.id, 0)">
|
||||
审核不通过
|
||||
</el-button>
|
||||
<el-button type="text" size="mini" @click="edit(scope.row.id)">修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination
|
||||
:current-page="page"
|
||||
:total="total"
|
||||
:page-size="limit"
|
||||
:page-sizes="[5, 10, 20, 30, 40, 50, 100]"
|
||||
style="padding: 30px 0; text-align: center;"
|
||||
layout="sizes, prev, pager, next, jumper, ->, total, slot"
|
||||
@current-change="fetchData"
|
||||
@size-change="changeSize"
|
||||
/>
|
||||
|
||||
<el-dialog title="添加/修改" :visible.sync="dialogVisible" width="60%">
|
||||
<el-form ref="flashPromotionForm" label-width="150px" size="small" style="padding-right: 40px;">
|
||||
<el-form-item label="团长名称">
|
||||
<el-input v-model="leader.name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号码">
|
||||
<el-input v-model="leader.phone" />
|
||||
</el-form-item>
|
||||
<el-form-item label="身份证">
|
||||
<el-input v-model="leader.idNo" />
|
||||
</el-form-item>
|
||||
<el-form-item label="提货点名称">
|
||||
<el-input v-model="leader.takeName" />
|
||||
</el-form-item>
|
||||
<el-form-item label="选择地址">
|
||||
<el-select
|
||||
v-model="leader.province"
|
||||
placeholder="请选择省"
|
||||
@change="provinceChanged"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in provinceList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="leader.city"
|
||||
placeholder="请选择市"
|
||||
style="margin-left: 10px;"
|
||||
@change="cityChanged"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cityList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="leader.district"
|
||||
placeholder="请选择区"
|
||||
style="margin-left: 10px;"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in districtList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="详细地址">
|
||||
<el-input v-model="leader.detailAddress" />
|
||||
</el-form-item>
|
||||
<el-form-item label="经度">
|
||||
<el-input v-model="leader.longitude" />
|
||||
</el-form-item>
|
||||
<el-form-item label="纬度">
|
||||
<el-input v-model="leader.latitude" />
|
||||
</el-form-item>
|
||||
<el-form-item label="门店照片">
|
||||
<el-upload
|
||||
:show-file-list="false"
|
||||
:on-success="handleSuccess"
|
||||
:before-upload="beforeUpload"
|
||||
:action="BASE_API+'/admin/sys/file/fileUpload'"
|
||||
class="avatar-uploader"
|
||||
>
|
||||
<img :src="leader.storePath" width="150px">
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="营业时间">
|
||||
<el-input v-model="leader.workTime" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" size="small" @click="saveOrUpdate()">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from '@/api/user/leader'
|
||||
import regionApi from '@/api/sys/region'
|
||||
|
||||
const defaultForm = {
|
||||
id: '',
|
||||
userId: '1',
|
||||
regionId: '',
|
||||
name: '',
|
||||
phone: '',
|
||||
idNo: '',
|
||||
idNoUrl1: '',
|
||||
idNoUrl2: '',
|
||||
takeName: '',
|
||||
takeType: '1',
|
||||
province: '',
|
||||
city: '',
|
||||
district: '',
|
||||
detailAddress: '',
|
||||
longitude: '',
|
||||
latitude: '',
|
||||
haveStore: '1',
|
||||
storePath: 'https://guli-file-190513.oss-cn-beijing.aliyuncs.com/cover/default.gif',
|
||||
workTime: '',
|
||||
workStatus: '1',
|
||||
checkStatus: '0'
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
BASE_API: '/dev-api',
|
||||
|
||||
listLoading: true, // 数据是否正在加载
|
||||
list: null, // banner列表
|
||||
total: 0, // 数据库中的总记录数
|
||||
page: 1, // 默认页码
|
||||
limit: 10, // 每页记录数
|
||||
searchObj: {}, // 查询表单对象
|
||||
|
||||
provinceList: [],
|
||||
cityList: [],
|
||||
districtList: [],
|
||||
|
||||
dialogVisible: false,
|
||||
leader: defaultForm,
|
||||
saveBtnDisabled: false
|
||||
}
|
||||
},
|
||||
|
||||
// 生命周期函数：内存准备完毕，页面尚未渲染
|
||||
created() {
|
||||
console.log('list created......')
|
||||
this.fetchData()
|
||||
this.initProvince()
|
||||
},
|
||||
|
||||
// 生命周期函数：内存准备完毕，页面渲染成功
|
||||
mounted() {
|
||||
console.log('list mounted......')
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
// 当页码发生改变的时候
|
||||
changeSize(size) {
|
||||
console.log(size)
|
||||
this.limit = size
|
||||
this.fetchData(1)
|
||||
},
|
||||
|
||||
// 加载banner列表数据
|
||||
fetchData(page = 1) {
|
||||
console.log('翻页。。。' + page)
|
||||
// 异步获取远程数据（ajax）
|
||||
this.page = page
|
||||
api.getPageCheckList(this.page, this.limit, this.searchObj).then(
|
||||
response => {
|
||||
debugger
|
||||
this.list = response.data.records
|
||||
this.total = response.data.total
|
||||
|
||||
// 数据加载并绑定成功
|
||||
this.listLoading = false
|
||||
}
|
||||
)
|
||||
},
|
||||
|
||||
check(id, status) {
|
||||
api.check(id, status).then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功!'
|
||||
})
|
||||
this.fetchData()
|
||||
})
|
||||
},
|
||||
|
||||
// 重置查询表单
|
||||
resetData() {
|
||||
console.log('重置查询表单')
|
||||
this.searchObj = {}
|
||||
this.fetchData()
|
||||
},
|
||||
|
||||
// -------------
|
||||
add() {
|
||||
this.dialogVisible = true
|
||||
this.leader = Object.assign({}, defaultForm)
|
||||
},
|
||||
|
||||
edit(id) {
|
||||
this.dialogVisible = true
|
||||
this.fetchDataById(id)
|
||||
},
|
||||
|
||||
fetchDataById(id) {
|
||||
api.getById(id).then(response => {
|
||||
this.leader = response.data
|
||||
})
|
||||
},
|
||||
|
||||
saveOrUpdate() {
|
||||
this.saveBtnDisabled = true // 防止表单重复提交
|
||||
if (!this.leader.id) {
|
||||
this.saveData()
|
||||
} else {
|
||||
this.updateData()
|
||||
}
|
||||
},
|
||||
|
||||
// 新增
|
||||
saveData() {
|
||||
api.save(this.leader).then(response => {
|
||||
if (response.code) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.message
|
||||
})
|
||||
this.dialogVisible = false
|
||||
this.fetchData(this.page)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 根据id更新记录
|
||||
updateData() {
|
||||
api.updateById(this.leader).then(response => {
|
||||
if (response.code) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.message
|
||||
})
|
||||
this.dialogVisible = false
|
||||
this.fetchData(this.page)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 根据id查询记录
|
||||
fetchDataById(id) {
|
||||
api.getById(id).then(response => {
|
||||
this.leader = response.data
|
||||
})
|
||||
},
|
||||
|
||||
initProvince() {
|
||||
regionApi.findByParentId(86).then(response => {
|
||||
this.provinceList = response.data
|
||||
})
|
||||
},
|
||||
|
||||
provinceChanged(id) {
|
||||
regionApi.findByParentId(id).then(response => {
|
||||
this.cityList = response.data
|
||||
})
|
||||
},
|
||||
|
||||
cityChanged(id) {
|
||||
regionApi.findByParentId(id).then(response => {
|
||||
this.districtList = response.data
|
||||
})
|
||||
},
|
||||
|
||||
handleSuccess(response) {
|
||||
this.leader.storePath = response.data
|
||||
},
|
||||
|
||||
// 上传之前的回调
|
||||
beforeUpload(file) {
|
||||
const isJPG = file.type === 'image/jpeg'
|
||||
const isLt2M = file.size / 1024 / 1024 < 2
|
||||
|
||||
if (!isJPG) {
|
||||
this.$message.error('上传封面图片只能是 JPG 格式!')
|
||||
}
|
||||
if (!isLt2M) {
|
||||
this.$message.error('上传封面图片大小不能超过 2MB!')
|
||||
}
|
||||
return isJPG && isLt2M
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
142
xlcs-admin/src/views/user/leader/list.vue
Normal file
142
xlcs-admin/src/views/user/leader/list.vue
Normal file
@@ -0,0 +1,142 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
|
||||
<!-- 工具条 -->
|
||||
<el-card class="operate-container" shadow="never">
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="输入搜索：">
|
||||
<el-input v-model="searchObj.keyword" style="width: 203px" placeholder="关键字" />
|
||||
</el-form-item>
|
||||
|
||||
<el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
|
||||
<el-button type="default" @click="resetData()">清空</el-button>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<!-- banner列表 -->
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="list"
|
||||
stripe
|
||||
border
|
||||
style="width: 100%;margin-top: 10px;"
|
||||
>
|
||||
|
||||
<el-table-column
|
||||
label="序号"
|
||||
width="70"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ (page - 1) * limit + scope.$index + 1 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="name" label="姓名" width="100px" />
|
||||
<el-table-column prop="phone" label="手机号码" width="120px" />
|
||||
<el-table-column prop="takeName" label="提货点名称" />
|
||||
<el-table-column prop="param.regionName" label="所属区域" width="80px" />
|
||||
<el-table-column label="状态" width="100">
|
||||
<template slot-scope="scope">
|
||||
<p>{{ scope.row.checkStatus === 0 ? '待审核' : scope.row.checkStatus === 1 ? '通过' : '未通过' }}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="checkTime" label="审核时间" width="150px" />
|
||||
<el-table-column prop="createTime" label="申请时间" width="150px" />
|
||||
|
||||
<el-table-column label="操作" width="200" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="mini" :disabled="$hasBP('btn.all') === false" @click="check(scope.row.id, 0)">
|
||||
审核不通过
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination
|
||||
:current-page="page"
|
||||
:total="total"
|
||||
:page-size="limit"
|
||||
:page-sizes="[5, 10, 20, 30, 40, 50, 100]"
|
||||
style="padding: 30px 0; text-align: center;"
|
||||
layout="sizes, prev, pager, next, jumper, ->, total, slot"
|
||||
@current-change="fetchData"
|
||||
@size-change="changeSize"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import api from '@/api/user/leader'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
listLoading: true, // 数据是否正在加载
|
||||
list: null, // banner列表
|
||||
total: 0, // 数据库中的总记录数
|
||||
page: 1, // 默认页码
|
||||
limit: 10, // 每页记录数
|
||||
searchObj: {}, // 查询表单对象
|
||||
multipleSelection: [] // 批量选择中选择的记录列表
|
||||
}
|
||||
},
|
||||
|
||||
// 生命周期函数：内存准备完毕，页面尚未渲染
|
||||
created() {
|
||||
console.log('list created......')
|
||||
this.fetchData()
|
||||
},
|
||||
|
||||
// 生命周期函数：内存准备完毕，页面渲染成功
|
||||
mounted() {
|
||||
console.log('list mounted......')
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
// 当页码发生改变的时候
|
||||
changeSize(size) {
|
||||
console.log(size)
|
||||
this.limit = size
|
||||
this.fetchData(1)
|
||||
},
|
||||
|
||||
// 加载banner列表数据
|
||||
fetchData(page = 1) {
|
||||
console.log('翻页。。。' + page)
|
||||
// 异步获取远程数据（ajax）
|
||||
this.page = page
|
||||
api.getPageList(this.page, this.limit, this.searchObj).then(
|
||||
response => {
|
||||
debugger
|
||||
this.list = response.data.records
|
||||
this.total = response.data.total
|
||||
|
||||
// 数据加载并绑定成功
|
||||
this.listLoading = false
|
||||
}
|
||||
)
|
||||
},
|
||||
|
||||
// 重置查询表单
|
||||
resetData() {
|
||||
console.log('重置查询表单')
|
||||
this.searchObj = {}
|
||||
this.fetchData()
|
||||
},
|
||||
|
||||
check(id, status) {
|
||||
api.check(id, status).then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功!'
|
||||
})
|
||||
this.fetchData()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user