parent
8a67e00e54
commit
fbbef11a37
10 changed files with 689 additions and 64 deletions
@ -1,54 +0,0 @@ |
||||
import request from '@/apis/request.js' |
||||
const { get, post } = request |
||||
|
||||
export const queryCustomer = (data) => { |
||||
return post('nakadai/nakadai/customer/queryCustomer', data) |
||||
} |
||||
|
||||
export const list = (data) => { |
||||
return post('nakadai/nakadai/applets/customer/getCustomerListBasedOnBusinessManagerId', data) |
||||
} |
||||
|
||||
export const all = (data) => { |
||||
return post('nakadai/nakadai/applets/customer/customerList', data) |
||||
} |
||||
|
||||
export const queryCustomerDetails = (data) => { |
||||
return get('nakadai/nakadai/customer/queryCustomerDetails', data) |
||||
} |
||||
|
||||
export const querySchool = (data) => { |
||||
return get('nakadai/nakadai/school/querySchool', data) |
||||
} |
||||
|
||||
export const queryIndustryClass = (data) => { |
||||
return get('nakadai/nakadai/hrIndustryClass/queryIndustryClass', data) |
||||
} |
||||
|
||||
export const queryIndustry = (data) => { |
||||
return get('nakadai/nakadai/hrIndustry/queryIndustry', data) |
||||
} |
||||
|
||||
export const queryCustomerIsExists = (data) => { |
||||
return get('nakadai/nakadai/customer/queryCustomerIsExists', data) |
||||
} |
||||
|
||||
export const addCustomer = (data) => { |
||||
return post('nakadai/nakadai/customer/addCustomer', data) |
||||
} |
||||
|
||||
export const updateCustomer = (data) => { |
||||
return post('nakadai/nakadai/customer/updateCustomer', data) |
||||
} |
||||
|
||||
export const getProductsSubscribedByCustomers = (data) => { |
||||
return get('nakadai/nakadai/customer/getProductsSubscribedByCustomers', data) |
||||
} |
||||
|
||||
export const getTeamsByAccountId = (data) => { |
||||
return post('nakadai/nakadai/applets/customer/getTeamsByAccountId', data) |
||||
} |
||||
|
||||
export const getTheBusinessManagerIdsUnderTheTeam = id => { |
||||
return post(`nakadai/nakadai/applets/customer/getTheBusinessManagerIdsUnderTheTeam?id=${id}`) |
||||
} |
||||
@ -0,0 +1,24 @@ |
||||
import request from '@/apis/request.js' |
||||
const { get, post } = request |
||||
|
||||
export const batchDelete = (data) => { |
||||
return post('nakadai/prod/batchDelete', data) |
||||
} |
||||
export const info = (data) => { |
||||
return get('nakadai/prod/info', data) |
||||
} |
||||
export const page = (data) => { |
||||
return get('nakadai/prod/page', data) |
||||
} |
||||
export const prodStatus = (prodId, prodStatus) => { |
||||
return post(`nakadai/prod/prodStatus?prodId=${prodId}&prodStatus=${prodStatus}`) |
||||
} |
||||
export const save = (data) => { |
||||
return post('nakadai/prod/save', data) |
||||
} |
||||
export const update = (data) => { |
||||
return post('nakadai/prod/update', data) |
||||
} |
||||
export const categoryList = (data) => { |
||||
return get('nakadai/category/list', data) |
||||
} |
||||
@ -0,0 +1,159 @@ |
||||
<template> |
||||
<view> |
||||
<!-- 选择规格弹窗 --> |
||||
<uni-popup ref="popup" background-color="#fff" type="bottom" @change="change"> |
||||
<view class="goodsPopup"> |
||||
<view class="title">发送询价单给商家</view> |
||||
<view class="tips">请填写您需要采购的数量及需求，方便商家更好地为你造型报价</view> |
||||
|
||||
<ul class="tab"> |
||||
<li v-for="(tab, i) in tabs" :key="i" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li> |
||||
</ul> |
||||
|
||||
<view class="content"> |
||||
<scroll-view v-if="!curTab" class="goods-wrap" scroll-y :show-scrollbar="false"> |
||||
<view class="goods" v-for="(item, i) in goods" :key="i"> |
||||
<view class="info"> |
||||
<view class="item"> |
||||
<view class="name">{{ item.name }}</view> |
||||
<view class="meta">￥23.00</view> |
||||
</view> |
||||
<view class="item"> |
||||
<view class="name">{{ item.name }}</view> |
||||
<view class="meta">库存12</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<u-number-box :value="item.price" :max="100" :min="1"></u-number-box> |
||||
</view> |
||||
</scroll-view> |
||||
<textarea v-else class="msg" placeholder="请输入"></textarea> |
||||
</view> |
||||
|
||||
<view class="btns"> |
||||
<view class="btn" @click="nextStep">个人采购</view> |
||||
<view class="btn" @click="nextStep">组织采购</view> |
||||
<view class="btn back" @click="back">返回</view> |
||||
</view> |
||||
</view> |
||||
</uni-popup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { page } from '@/apis/modules/goods.js' |
||||
export default { |
||||
name:"order", |
||||
props: { |
||||
goodsPopup: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
}, |
||||
data() { |
||||
return { |
||||
tabs: [ |
||||
{ |
||||
id: 0, |
||||
name: '按产品' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '留言商家' |
||||
}, |
||||
], |
||||
curTab: 0, |
||||
goods: [], |
||||
}; |
||||
}, |
||||
onShow() { |
||||
// this.getGoods() |
||||
}, |
||||
methods: { |
||||
// 获取商品列表 |
||||
async getGoods() { |
||||
const { data } = await page() |
||||
this.goods = data.records |
||||
}, |
||||
change() { |
||||
|
||||
}, |
||||
// 返回 |
||||
back() { |
||||
this.$refs.popup.close() |
||||
}, |
||||
// tab切换 |
||||
tabChange(tab) { |
||||
this.curTab = tab.id |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.goodsPopup { |
||||
position: relative; |
||||
padding: 30rpx; |
||||
.title { |
||||
font-size: 30rpx; |
||||
color: #333; |
||||
} |
||||
.tips { |
||||
margin: 20rpx 0 40rpx; |
||||
font-size: 24rpx; |
||||
color: #a0a0a0; |
||||
} |
||||
.content { |
||||
height: 50vh; |
||||
} |
||||
.goods-wrap { |
||||
height: 100%; |
||||
margin-bottom: 100rpx; |
||||
} |
||||
.goods { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
.info { |
||||
display: inline-flex; |
||||
margin-bottom: 20rpx; |
||||
.name { |
||||
font-size: 26rpx; |
||||
color: #333; |
||||
} |
||||
.meta { |
||||
font-size: 24rpx; |
||||
color: #ccc; |
||||
} |
||||
} |
||||
.msg { |
||||
width: 100%; |
||||
height: 100%; |
||||
padding: 30rpx; |
||||
font-size: 24rpx; |
||||
color: #333; |
||||
border: 1px solid #dedede; |
||||
border-radius: 4px; |
||||
box-sizing: border-box; |
||||
} |
||||
.btns { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
margin-top: 30rpx; |
||||
.btn { |
||||
padding: 12rpx 40rpx; |
||||
font-size: 28rpx; |
||||
color: #fff; |
||||
background-color: $uni-primary; |
||||
border-radius: 20px; |
||||
} |
||||
.back { |
||||
padding: 12rpx 26rpx; |
||||
color: #333; |
||||
background-color: #fff; |
||||
border: 1px solid #ccc; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,264 @@ |
||||
<template> |
||||
<view class="page"> |
||||
<view class="block"> |
||||
<view class="form-list edit-form"> |
||||
<view class="line"> |
||||
<view class="name">商品名称</view> |
||||
<input type="text" placeholder="请输入商品名称" v-model="form.prodName" /> |
||||
</view> |
||||
<view class="line"> |
||||
<view class="name">产品分类</view> |
||||
<view class="inline"> |
||||
<uni-data-picker class="picker-input" :clear-icon="false" placeholder="请选择产品分类" popup-title="请选择产品分类" preload :localdata="provinces" :map="{text: 'provinceName', value: 'provinceName'}" v-model="form.categoryId"></uni-data-picker> |
||||
</view> |
||||
</view> |
||||
<view class="py"> |
||||
<uni-file-picker v-model="pic" limit="5" title="请上传封面图片,至少一张" :auto-upload="false" @select="uploadDes"></uni-file-picker> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
<view class="block"> |
||||
<view class="form-list edit-form"> |
||||
<view class="line textarea-line no-bd"> |
||||
<textarea placeholder="描述一下宝贝的品牌型号、货品来源..." v-model="form.brief"></textarea> |
||||
</view> |
||||
<view class="py"> |
||||
<uni-file-picker v-model="pic" limit="10" title="添加优质图片" :auto-upload="false" @select="uploadDes"></uni-file-picker> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="title">产品规格</view> |
||||
<view v-for="(item, i) in form.skuList" :key="i" class="block"> |
||||
<view class="form-list edit-form"> |
||||
<view class="line"> |
||||
<view class="name">规格名称</view> |
||||
<input type="text" placeholder="请输入规格名称" v-model="item.skuName" /> |
||||
</view> |
||||
<view class="line"> |
||||
<view class="name">价格</view> |
||||
<view class="price-select" @click="showPrice">请选择</view> |
||||
</view> |
||||
<view class="line"> |
||||
<view class="name">库存</view> |
||||
<uni-number-box v-model="item.stocks" :max="100" :min="1"></uni-number-box> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="plus-sku"> |
||||
<uni-icons class="icon" type="plus" size="30" color="#007eff" @click="addSku"></uni-icons> |
||||
</view> |
||||
|
||||
|
||||
<view class="btns"> |
||||
<view class="btn" @click="submit(3)">存草稿</view> |
||||
<view class="btn publish" @click="submit(0)">发布</view> |
||||
</view> |
||||
|
||||
|
||||
<uni-popup ref="popup" background-color="#fff" type="bottom"> |
||||
<view class="block"> |
||||
<view class="form-list edit-form"> |
||||
<view class="line"> |
||||
<view class="name">售价：</view> |
||||
<input type="text" placeholder="请输入售价" v-model="form.prodName" /> |
||||
</view> |
||||
<view class="line"> |
||||
<view class="name">优惠价：</view> |
||||
<input type="text" placeholder="请输入优惠价" v-model="form.prodName" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</uni-popup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { queryProvince, queryCity, queryTeamInfo, updateTeamInfo, enterpriseCertificationStatus } from '@/apis/modules/user.js' |
||||
import { save, update, info, categoryList } from '@/apis/modules/goods.js' |
||||
import OSS from '@/libs/Oss/upload' |
||||
export default { |
||||
data() { |
||||
return { |
||||
openId: uni.getStorageSync('openId'), |
||||
info: {}, |
||||
form: { |
||||
brief: '', |
||||
categoryId: '', |
||||
content: '', |
||||
oriPrice: '', |
||||
pic: '', |
||||
price: '', |
||||
prodName: '', |
||||
skuList: [ |
||||
{ |
||||
actualStocks: '', |
||||
oriPrice: '', |
||||
price: '', |
||||
skuName: '', |
||||
stocks: '', |
||||
} |
||||
], |
||||
totalStocks: '' |
||||
}, |
||||
originSku: {}, |
||||
pic: [], |
||||
submiting: false, |
||||
uploading: false, |
||||
classifications: [], |
||||
} |
||||
}, |
||||
computed: { |
||||
// 平台名字 |
||||
platformName() { |
||||
return this.info.platformSource === '6' ? '供应商' : this.info.platformSource === '5' ? '幼儿园' : '' |
||||
}, |
||||
}, |
||||
onLoad() { |
||||
this.originSku = JSON.parse(JSON.stringify(this.form.skuList[0])) |
||||
this.getCategory() |
||||
// this.getProvince() |
||||
}, |
||||
methods: { |
||||
// 企业认证信息 |
||||
async getEnterInfo() { |
||||
const { data } = await enterpriseCertificationStatus(this.openId) |
||||
if (data) { |
||||
this.info = data |
||||
data.platformSource === '6' && this.getClassification() |
||||
} |
||||
}, |
||||
// 供应商分类 |
||||
async getCategory() { |
||||
const { data } = await categoryList() |
||||
this.classifications = data |
||||
}, |
||||
// 获取省份 |
||||
async getProvince() { |
||||
const { list } = await queryProvince() |
||||
this.provinces = list |
||||
this.getInfo() |
||||
}, |
||||
// 获取城市 |
||||
async getCity() { |
||||
const { list } = await queryCity({ |
||||
provinceId: this.provinces.find(e => e.provinceName == this.form.province).provinceId |
||||
}) |
||||
this.cities = list |
||||
this.cityId = '' |
||||
}, |
||||
// 上传logo |
||||
uploadLogo() { |
||||
const that = this |
||||
uni.chooseImage({ |
||||
success: (res) => { |
||||
const file = res.tempFilePaths[0]; |
||||
OSS(file, ({ url }) => { |
||||
that.form.logoUrl = url |
||||
}) |
||||
} |
||||
}); |
||||
}, |
||||
// 上传描述图片 |
||||
uploadDes(e){ |
||||
OSS(e.tempFilePaths[0], (res) => { |
||||
this.pic.push({ |
||||
name: res.name, |
||||
extname: res.ext, |
||||
url: res.url, |
||||
}) |
||||
}) |
||||
}, |
||||
// 显示价格弹框 |
||||
showPrice() { |
||||
this.$refs.popup.open() |
||||
}, |
||||
// 新增sku |
||||
addSku() { |
||||
this.form.skuList.push(this.originSku) |
||||
}, |
||||
// 提交 |
||||
async submit(status) { |
||||
if (this.submiting) return false |
||||
const { form } = this |
||||
if (!form.prodName) return this.$util.errMsg(`请输入商品名称！`) |
||||
if (!this.pic.length) return this.$util.errMsg(`请上传封面图片！`) |
||||
if (!form.brief) return this.$util.errMsg(`请输入商品描述！`) |
||||
if (!form.skuList.length) return this.$util.errMsg(`请输入产品规格！`) |
||||
this.submiting = true |
||||
form.pic = this.pic.map(e => e.url).join() |
||||
form.status = status |
||||
try { |
||||
if (this.id) { |
||||
await update(form) |
||||
this.$util.sucMsg('保存成功！') |
||||
} else { |
||||
await save(form) |
||||
this.$util.sucMsg('发布成功！') |
||||
} |
||||
|
||||
setTimeout(() => { |
||||
uni.navigateBack() |
||||
}, 1500) |
||||
} catch(e) { |
||||
this.submiting = false |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page { |
||||
padding-bottom: 170rpx; |
||||
-webkit-overflow-scrolling: touch; |
||||
} |
||||
/deep/.picker-input { |
||||
.arrow-area { |
||||
display: none; |
||||
} |
||||
.input-value, .selected-list { |
||||
padding: 0; |
||||
} |
||||
} |
||||
.price-select { |
||||
font-size: 24rpx; |
||||
color: #333; |
||||
} |
||||
.title { |
||||
margin: 40rpx 24rpx 24rpx; |
||||
font-size: 30rpx; |
||||
font-weight: 600; |
||||
color: #333; |
||||
} |
||||
.plus-sku { |
||||
text-align: center; |
||||
} |
||||
.btns { |
||||
z-index: 10; |
||||
position: fixed; |
||||
bottom: env(safe-area-inset-bottom); |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20rpx; |
||||
display: flex; |
||||
justify-content: center; |
||||
box-sizing: border-box; |
||||
background-color: #fff; |
||||
box-shadow: 0px 0px 7rpx 0px rgba(203, 203, 203, 0.55); |
||||
.btn { |
||||
padding: 16rpx 60rpx; |
||||
margin-left: 20rpx; |
||||
font-size: 28rpx; |
||||
color: #333; |
||||
background-color: #d8d8d8; |
||||
border-radius: 20px; |
||||
} |
||||
.publish { |
||||
color: #fff; |
||||
background-color: $uni-primary; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,201 @@ |
||||
<template> |
||||
<view> |
||||
<view class="page"> |
||||
<ul class="tab"> |
||||
<li :class="{active: curTab === ''}" @click="tabChange('')">全部</li> |
||||
<li :class="{active: curTab === 0}" @click="tabChange(0)">已上架</li> |
||||
<li :class="{active: curTab === 2}" @click="tabChange(2)">已下架</li> |
||||
<li :class="{active: curTab === 3}" @click="tabChange(3)">草稿</li> |
||||
<li :class="{active: curTab === 4}" @click="tabChange(4)">审核中</li> |
||||
</ul> |
||||
|
||||
<template v-if="list.length"> |
||||
<view class="list"> |
||||
<view v-for="item in list" @click="toDetail(item)"> |
||||
<view class="metas"> |
||||
<view class="time">2313</view> |
||||
<view class="status">上架中</view> |
||||
</view> |
||||
<view class="info"> |
||||
<image class="pic" :src="item.coverUrl"></image> |
||||
<view class="texts"> |
||||
<view class="name">{{ item.customerName }}</view> |
||||
<view class="meta"> |
||||
市场价：20.00元 |
||||
<text class="sell">售价：10元</text> |
||||
</view> |
||||
<view class="meta"> |
||||
库存：1000 |
||||
已售：500 |
||||
</view> |
||||
<view class="btns"> |
||||
<!-- <view class="btn" @click.stop="toDetail(item)">查看</view> --> |
||||
<view class="btn off" @click.stop="changeStatus(item, 0)">下架</view> |
||||
<view class="btn del" @click.stop="del(item)">删除</view> |
||||
<view class="btn" @click.stop="toEdit(item)">编辑</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<uni-load-more :status="status" /> |
||||
</template> |
||||
<empty v-else text="暂无商品"></empty> |
||||
|
||||
<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('../addGoods/addGoods')"></uni-icons> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { page, batchDelete, prodStatus } from '@/apis/modules/goods.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
curTab: '', |
||||
tabs: [], |
||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
||||
status: 'more', // 上拉加载状态 more|loading|noMore |
||||
searchTimer: null, |
||||
keyword: '', |
||||
list: [], |
||||
page: 1, |
||||
pageSize: 10 |
||||
} |
||||
}, |
||||
watch: { |
||||
keyword () { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(() => { |
||||
this.initList() |
||||
}, 500) |
||||
} |
||||
}, |
||||
// 下拉刷新 |
||||
onPullDownRefresh() { |
||||
this.initList() |
||||
setTimeout(() => { |
||||
uni.stopPullDownRefresh() |
||||
}, 1500) |
||||
}, |
||||
// 上拉加载 |
||||
onReachBottom() { |
||||
if (this.reachBottom >= 0) { |
||||
this.reachBottom = 1 |
||||
this.status = 'loading' |
||||
this.getList() |
||||
} |
||||
}, |
||||
onShow() { |
||||
this.initList() |
||||
}, |
||||
methods: { |
||||
// 获取列表 |
||||
getList() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
page({ |
||||
status: this.curTab |
||||
}).then(({ data }) => { |
||||
uni.hideLoading() |
||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
||||
this.list = this.reachBottom > 0 ? [...this.list, ...data.records] : data.records |
||||
this.page++ // 每次获取了数据后page+1 |
||||
const noMore = this.list.length === data.total // 是否加载完所有数据 |
||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
||||
}).catch(e => { |
||||
uni.hideLoading() |
||||
}) |
||||
}, |
||||
initList() { |
||||
this.page = 1 |
||||
this.reachBottom = 0 |
||||
this.getList() |
||||
}, |
||||
// tab切换 |
||||
tabChange(id) { |
||||
this.curTab = id |
||||
this.initList() |
||||
}, |
||||
// 上架下架 |
||||
async changeStatus(item, status) { |
||||
await prodStatus(item.prodId, status) |
||||
this.initList() |
||||
}, |
||||
// 跳转详情 |
||||
toDetail(item) { |
||||
this.$util.to(`../addGoods/addGoods?id=${item.prodId}&show=1`) |
||||
}, |
||||
// 跳转编辑 |
||||
toEdit(item) { |
||||
this.$util.to(`../addGoods/addGoods?id=${item.prodId}`) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page { |
||||
padding-bottom: 90px; |
||||
} |
||||
.list { |
||||
margin-top: 20rpx; |
||||
li { |
||||
padding: 20rpx; |
||||
margin-bottom: 20rpx; |
||||
// border-bottom: 1px solid #f1f1f1; |
||||
background-color: #fff; |
||||
} |
||||
.metas { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
.time { |
||||
font-size: 24rpx; |
||||
color: #333; |
||||
} |
||||
.status { |
||||
font-size: 24rpx; |
||||
color: #333; |
||||
} |
||||
.info { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.pic { |
||||
width: 150rpx; |
||||
height: 150rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
.name { |
||||
font-size: 30rpx; |
||||
color: #333; |
||||
} |
||||
.meta { |
||||
display: flex; |
||||
margin: 10rpx 0; |
||||
font-size: 28rpx; |
||||
color: #999; |
||||
} |
||||
.btns { |
||||
text-align: right; |
||||
} |
||||
.btn { |
||||
padding: 8rpx 20rpx; |
||||
margin-left: 20rpx; |
||||
font-size: 28rpx; |
||||
color: #fff; |
||||
background-color: $uni-primary; |
||||
border-radius: 4px; |
||||
&.del { |
||||
background-color: #f00; |
||||
} |
||||
&.off { |
||||
background-color: #ccc; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue