parent
313a1210d9
commit
794e386705
82 changed files with 177 additions and 5101 deletions
@ -1,399 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="page"> |
|
||||||
<uni-card :is-shadow="false" :border="false" padding="0" is-full> |
|
||||||
<uni-search-bar class="search" radius="5" placeholder="请输入产品名称" clearButton="auto" cancelButton="none" v-model="keyword" /> |
|
||||||
</uni-card> |
|
||||||
|
|
||||||
<ul class="tab-wrap"> |
|
||||||
<view class="tab"> |
|
||||||
<li :class="{active: curTab === ''}" @click="tabChange('')">全部</li> |
|
||||||
</view> |
|
||||||
|
|
||||||
<scroll-view scroll-x :scroll-left="scrollLeft" class="tab tab-scroll"> |
|
||||||
<li v-for="(tab, i) in tabs" :key="i" :class="{active: curTab === tab.id}" @click="tabChange(tab.id)">{{ tab.name }}</li> |
|
||||||
</scroll-view> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<ul class="list"> |
|
||||||
<li v-for="(item, i) in list" :key="i"> |
|
||||||
<uni-data-checkbox v-if="item.check" class="check" multiple :value="[1]" :localdata="item.checkData" @change="e => checkChange(e, i)"></uni-data-checkbox> |
|
||||||
<uni-data-checkbox v-else class="check" multiple v-model="item.check" :localdata="item.checkData" @change="e => checkChange(e, i)"></uni-data-checkbox> |
|
||||||
<image class="icon" :src="$util.getIcon(item)"></image> |
|
||||||
{{ item.productName }} |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
<uni-load-more :status="status" /> |
|
||||||
|
|
||||||
<view class="btn-wrap"> |
|
||||||
<uni-data-checkbox class="check" multiple v-model="checkAll" :localdata="checkAllData" @change="allChange"></uni-data-checkbox> |
|
||||||
<view class="btn" @click="submit">确定({{ checked.length }})</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { productTypeList, listOfGoods } from '@/apis/modules/product.js' |
|
||||||
import { renew, queryCitySettlementPrice } from '@/apis/modules/order.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// authority: 权限。0数据平台，1为课程，2职站增值模块，3实训课程（非集成），4实验工具 |
|
||||||
orderType: 1, |
|
||||||
customerId: '', |
|
||||||
provinceId: '', |
|
||||||
cityId: '', |
|
||||||
curTab: '', |
|
||||||
tabs: [], |
|
||||||
scrollLeft: 0, |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
searchTimer: null, |
|
||||||
orderStatus: '', |
|
||||||
productStatus: '', |
|
||||||
keyword: '', |
|
||||||
list: [], |
|
||||||
listAll: [], |
|
||||||
page: 1, |
|
||||||
pageSize: 10, |
|
||||||
check: [1], |
|
||||||
noCheck: [], |
|
||||||
checkData: [{ |
|
||||||
text: '', |
|
||||||
value: 1 |
|
||||||
}], |
|
||||||
checkAll: [], |
|
||||||
checkAllData: [{ |
|
||||||
text: '全部', |
|
||||||
value: 1 |
|
||||||
}], |
|
||||||
checked: uni.getStorageSync('courses') || [], // 已经勾选的集合 |
|
||||||
courses: uni.getStorageSync('courses') || [], |
|
||||||
submiting: false, |
|
||||||
} |
|
||||||
}, |
|
||||||
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() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
const { options } = pages[pages.length - 1] |
|
||||||
this.orderType = options.orderType |
|
||||||
this.customerId = options.customerId |
|
||||||
this.provinceId = options.provinceId |
|
||||||
this.cityId = options.cityId |
|
||||||
this.getTypes() |
|
||||||
this.getList() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 产品类型 |
|
||||||
getTypes() { |
|
||||||
productTypeList().then(res => { |
|
||||||
res.typeList.forEach(e => { |
|
||||||
e.id = e.typeId |
|
||||||
e.name = e.typeName |
|
||||||
}) |
|
||||||
this.tabs.push(...res.typeList) |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 获取课程列表 |
|
||||||
getList() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
listOfGoods({ |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
sort: 0, |
|
||||||
isShelves: 0, |
|
||||||
hotTag: 1, |
|
||||||
productName: this.keyword, |
|
||||||
productType: this.curTab, |
|
||||||
}).then(({ page }) => { |
|
||||||
const { records } = page |
|
||||||
const list = this.courses |
|
||||||
const all = this.checkAll.length // 是否勾选了全选 |
|
||||||
const pageChange = this.reachBottom > 0 // 是否是翻页 |
|
||||||
const { checked } = this // 已选数据 |
|
||||||
// 添加选择框字段 |
|
||||||
records.map(e => { |
|
||||||
const checkData = { |
|
||||||
text: '', |
|
||||||
value: 1 |
|
||||||
} |
|
||||||
e.check = (all && pageChange) || checked.find(n => n.mallId === e.mallId) ? 1 : 0 |
|
||||||
// 筛选已经勾选的产品 |
|
||||||
if (list.find(n => n.mallId == e.mallId)) { |
|
||||||
// 已经选择了的则禁止选择，并且直接选中 |
|
||||||
checkData.disable = true |
|
||||||
e.check = 1 |
|
||||||
} |
|
||||||
e.checkData = [checkData] |
|
||||||
}) |
|
||||||
|
|
||||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
|
||||||
this.list = pageChange ? [...this.list, ...records] : records |
|
||||||
this.page++ // 每次获取了数据后page+1 |
|
||||||
const noMore = this.list.length === page.total // 是否加载完所有数据 |
|
||||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
|
||||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
|
||||||
uni.hideLoading() |
|
||||||
}).catch(e => { |
|
||||||
uni.hideLoading() |
|
||||||
}) |
|
||||||
}, |
|
||||||
initList() { |
|
||||||
this.page = 1 |
|
||||||
this.reachBottom = 0 |
|
||||||
this.getList() |
|
||||||
}, |
|
||||||
// tab切换 |
|
||||||
tabChange(id) { |
|
||||||
this.curTab = id |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 选择框回调 |
|
||||||
checkChange(e, i) { |
|
||||||
const { checked } = this |
|
||||||
const item = this.list[i] |
|
||||||
const { mallId } = item |
|
||||||
const include = checked.findIndex(e => e.mallId === mallId) |
|
||||||
// 选中的情况下，该产品如果没有push到已选数组里，则push |
|
||||||
if (e.detail.value.length) { |
|
||||||
include === -1 && checked.push(item) |
|
||||||
} else { |
|
||||||
// 取消选中的情况下，如果已选数组里存在该产品，则移除 |
|
||||||
if (include !== -1) { |
|
||||||
checked.splice(include, 1) |
|
||||||
this.checkAll = [] |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
// 全选 |
|
||||||
allChange(e) { |
|
||||||
const isCheck = !!e.detail.value.length // 是否选中 |
|
||||||
const { checked, list } = this |
|
||||||
list.map(e => { |
|
||||||
e.check = isCheck ? 1 : 0 |
|
||||||
const { mallId } = e |
|
||||||
const include = checked.findIndex(n => n.mallId === mallId) |
|
||||||
// 选中的情况下，该产品如果没有push到已选数组里，则push |
|
||||||
if (isCheck) { |
|
||||||
include === -1 && checked.push(e) |
|
||||||
} else { |
|
||||||
// 取消选中的情况下，如果已选数组里存在该产品，则移除 |
|
||||||
include === -1 || checked.splice(include, 1) |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 生成产品参数 |
|
||||||
createParam(e, authority) { |
|
||||||
const { orderType } = this |
|
||||||
const trial = orderType == 2 // 是否是试用 |
|
||||||
return { |
|
||||||
dataOrCourseId: e.associatedProduct, // id |
|
||||||
mallId: e.mallId, |
|
||||||
productName: e.productName, // 名称 |
|
||||||
periodOfUse: trial ? 1 : '', // 使用期限 |
|
||||||
startTime: this.$util.formatDate(new Date(), 'yyyy-MM-dd'), // 开始 |
|
||||||
endTime: '', // 终止 |
|
||||||
remainingPeriod: '', // 剩余期限 |
|
||||||
marketValue: '', // 市场价 |
|
||||||
marketPrice: e.marketUnitPrice, // 市场单价 |
|
||||||
finalPrice: trial ? 0 : '', // 成交价 |
|
||||||
finalValue: trial ? 0 : '', // 成交单价（数据产品特有） |
|
||||||
discountRate: trial ? '0%' : '', // 折扣率 |
|
||||||
accountNum: authority ? 1 : '', // 账号数 |
|
||||||
totalAmount: '', // 总价 |
|
||||||
isEnable: 0, // 启用否：1启用，0禁用 |
|
||||||
ship: 0, // 发货否（0未发货，1已发货，默认不发货） |
|
||||||
authority, // 区分权限 0为数据平台权限，1为课程权限 |
|
||||||
options: trial ? 1 : 2, |
|
||||||
miniProgramPictureAddress: e.appletIcon || '', // 图标 |
|
||||||
settlementPrice: trial ? 0 : '', // 结算价 |
|
||||||
settlementPriceUnit: e.settlementPrice || 0, // 结算单价 |
|
||||||
serviceFee: 0, // 平台服务费（前端计算后展示，不入库） |
|
||||||
mallNonAssociatedLinks: e.mallNonAssociatedLinks, // 产品链接 |
|
||||||
typeId: e.typeId, |
|
||||||
typeName: e.typeName, |
|
||||||
classificationId: e.classificationId, |
|
||||||
} |
|
||||||
}, |
|
||||||
// 判断是否为客户已有的课程 |
|
||||||
handleRenew(authority, customerId, productId, result, resolve, reject) { |
|
||||||
renew({ |
|
||||||
authority, |
|
||||||
customerId, |
|
||||||
productId |
|
||||||
}).then(({ orderOthers }) => { |
|
||||||
result.map(e => { |
|
||||||
const item = orderOthers.find(n => n.dataOrCourseId == e.dataOrCourseId && n.authority == authority && e.authority == authority) |
|
||||||
if (item) { |
|
||||||
let date = new Date(item.endTime) |
|
||||||
date = new Date(date.setDate(date.getDate() + 1)) |
|
||||||
e.startTime = this.$util.formatDate(date, 'yyyy-MM-dd') |
|
||||||
} |
|
||||||
}) |
|
||||||
resolve() |
|
||||||
}).catch(e => { |
|
||||||
reject() |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 确定 |
|
||||||
submit() { |
|
||||||
const list = this.checked // 已选产品 |
|
||||||
if (list.length) { |
|
||||||
if (this.submiting) return false |
|
||||||
this.submiting = true |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
|
|
||||||
const result = this.courses |
|
||||||
const list1 = [] // 实训、理论 |
|
||||||
const list0 = [] // 数据前瞻 |
|
||||||
const list2 = [] // 职站增值 |
|
||||||
const list3 = [] // 实训课程（非集成） |
|
||||||
const list4 = [] // 实验工具 |
|
||||||
const { customerId } = this |
|
||||||
|
|
||||||
const listPromise = [] |
|
||||||
list.forEach(async e => { |
|
||||||
listPromise.push(new Promise(async (resolve, reject) => { |
|
||||||
// 新勾选的产品，则获取到id，下面要调用 |
|
||||||
if (!result.find(n => (n.dataOrCourseId == e.associatedProduct || n.dataOrCourseId == e.dataOrCourseId) && n.authority == e.authority)) { |
|
||||||
// 查询产品管理设置的平台结算价 |
|
||||||
if (this.provinceId) { |
|
||||||
const res = await queryCitySettlementPrice(e.mallId, this.provinceId, this.cityId) |
|
||||||
if (res.mallPrice) e.settlementPrice = res.mallPrice.discountRate |
|
||||||
} |
|
||||||
const classId = e.classificationId |
|
||||||
const pid = +e.associatedProduct |
|
||||||
const { mallId } = e |
|
||||||
if (classId == 1 || classId == 2) { |
|
||||||
list1.push(mallId) |
|
||||||
} else if (classId == 3) { |
|
||||||
list2.push(mallId) |
|
||||||
} else if (classId == 4) { |
|
||||||
list3.push(mallId) |
|
||||||
} else if (classId == 5) { |
|
||||||
list0.push(mallId) |
|
||||||
} else if (classId == 6) { |
|
||||||
list4.push(mallId) |
|
||||||
} |
|
||||||
result.push(this.createParam(e, this.$util.getOrderType(classId))) |
|
||||||
resolve() |
|
||||||
} else { |
|
||||||
resolve() |
|
||||||
} |
|
||||||
})) |
|
||||||
}) |
|
||||||
Promise.all(listPromise).then(_ => { |
|
||||||
const promises = [] |
|
||||||
// 有5种产品，要传不同的authority调renew接口 |
|
||||||
list0.length && promises.push(new Promise((resolve, reject) => { |
|
||||||
this.handleRenew(0, customerId, list0, result, resolve, reject) |
|
||||||
})) |
|
||||||
list1.length && promises.push(new Promise((resolve, reject) => { |
|
||||||
this.handleRenew(1, customerId, list1, result, resolve, reject) |
|
||||||
})) |
|
||||||
list2.length && promises.push(new Promise((resolve, reject) => { |
|
||||||
this.handleRenew(2, customerId, list2, result, resolve, reject) |
|
||||||
})) |
|
||||||
list3.length && promises.push(new Promise((resolve, reject) => { |
|
||||||
this.handleRenew(3, customerId, list3, result, resolve, reject) |
|
||||||
})) |
|
||||||
list4.length && promises.push(new Promise((resolve, reject) => { |
|
||||||
this.handleRenew(4, customerId, list4, result, resolve, reject) |
|
||||||
})) |
|
||||||
Promise.all(promises).then(_ => { |
|
||||||
console.log(33, result) |
|
||||||
uni.setStorageSync('courses', result) // 把选中的产品添加至缓存 |
|
||||||
uni.redirectTo({ |
|
||||||
url: `../editCourse/editCourse?customerId=${customerId}&orderType=${this.orderType}` |
|
||||||
}) |
|
||||||
}) |
|
||||||
}) |
|
||||||
} else { |
|
||||||
this.$util.errMsg('请选择产品！') |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
padding-bottom: 130rpx; |
|
||||||
} |
|
||||||
.tab-wrap { |
|
||||||
display: flex; |
|
||||||
.tab-scroll { |
|
||||||
width: calc(100% - 100rpx); |
|
||||||
white-space: nowrap; |
|
||||||
li { |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.list { |
|
||||||
li { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
padding: 30rpx 24rpx; |
|
||||||
margin: 16rpx 24rpx; |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 16rpx; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 80rpx; |
|
||||||
min-width: 80rpx; |
|
||||||
height: 80rpx; |
|
||||||
margin: 0 20rpx; |
|
||||||
border-radius: 4px; |
|
||||||
} |
|
||||||
} |
|
||||||
/deep/.check { |
|
||||||
.checklist-box { |
|
||||||
margin: 0 !important; |
|
||||||
} |
|
||||||
.checkbox__inner { |
|
||||||
width: 40rpx !important; |
|
||||||
height: 40rpx !important; |
|
||||||
border-radius: 50% !important; |
|
||||||
} |
|
||||||
.checkbox__inner-icon { |
|
||||||
top: 8rpx !important; |
|
||||||
left: 14rpx !important; |
|
||||||
} |
|
||||||
} |
|
||||||
.btn-wrap { |
|
||||||
position: fixed; |
|
||||||
justify-content: space-between; |
|
||||||
.btn { |
|
||||||
width: 340rpx; |
|
||||||
margin-left: 27rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,280 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<view :class="['page', {'not-auth': !per}]"> |
|
||||||
<view class="filter"> |
|
||||||
<uni-search-bar class="search" radius="30" placeholder="请输入客户名称" v-model="keyword" clearButton="auto" cancelButton="none" /> |
|
||||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons> |
|
||||||
</view> |
|
||||||
<ul class="tab"> |
|
||||||
<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<template v-if="list.length"> |
|
||||||
<ul class="list"> |
|
||||||
<li v-for="item in list" @click="toDetail(item)"> |
|
||||||
<view class="c-name">{{ item.customerName }}</view> |
|
||||||
<view class="info"> |
|
||||||
<view class="left"> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">联系人：</text> |
|
||||||
<text class="val">{{ item.orderContact }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">账号：</text> |
|
||||||
<text class="val">{{ item.account }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">产品到期时间：</text> |
|
||||||
<text class="val">{{ item.expireDate.split(' ')[0] }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">商务经理：</text> |
|
||||||
<text class="val">{{ item.businessManagerName }}</text> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="type"> |
|
||||||
{{ filterData[0].data.find(e => e.value === item.customerType).title }}客户 |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
<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('../clientDetail/clientDetail')"></uni-icons> |
|
||||||
<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> |
|
||||||
</view> |
|
||||||
|
|
||||||
<notAuth v-if="!per"></notAuth> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { list, all } from '@/apis/modules/client.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
per: true, // 是否有权限 |
|
||||||
popup: false, |
|
||||||
//筛选表单数据 |
|
||||||
filterData: [ |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "客户类型", |
|
||||||
key: "customerType", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
isRadio: true, //是否单选 否则多选 |
|
||||||
data: [ |
|
||||||
{ |
|
||||||
title: '正式', |
|
||||||
value: 1 |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '试用', |
|
||||||
value: 2 |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '到期', |
|
||||||
value: 3 |
|
||||||
} |
|
||||||
], |
|
||||||
} |
|
||||||
], |
|
||||||
filterForm: { |
|
||||||
customerType: [] |
|
||||||
}, |
|
||||||
curTab: 0, |
|
||||||
tabs: [], |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
searchTimer: null, |
|
||||||
customerType: '', |
|
||||||
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.per = true |
|
||||||
this.initRole() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 初始化权限 |
|
||||||
initRole() { |
|
||||||
this.tabs = [] |
|
||||||
const auth = uni.getStorageSync('auth') |
|
||||||
auth.includes('工作台:客户:我的客户') && this.tabs.push({ |
|
||||||
name: '我的客户', |
|
||||||
id: 0 |
|
||||||
}) |
|
||||||
auth.includes('工作台:客户:团队全部客户') && this.tabs.push({ |
|
||||||
name: '团队全部客户', |
|
||||||
id: 1 |
|
||||||
}) |
|
||||||
const len = this.tabs.length |
|
||||||
if (len) { |
|
||||||
// 只有一个的话，取第一个，而且不用显示tab |
|
||||||
if (len === 1) { |
|
||||||
this.curTab = this.tabs[0].id |
|
||||||
this.tabs = [] |
|
||||||
} |
|
||||||
this.initList() |
|
||||||
} else { |
|
||||||
this.list = [ |
|
||||||
{ |
|
||||||
orderContact: '智信云', |
|
||||||
account: '智信云师资培训班', |
|
||||||
businessManagerName: 'python实训系统', |
|
||||||
expireDate: '2023-08-08' |
|
||||||
}, |
|
||||||
{ |
|
||||||
orderContact: '智信云智信云', |
|
||||||
account: '智信云师资培训班智信云师资培训班', |
|
||||||
businessManagerName: 'python实训系统', |
|
||||||
expireDate: '2023-08-08' |
|
||||||
}, |
|
||||||
{ |
|
||||||
orderContact: '智信云智信云', |
|
||||||
account: '智信云师资培训班智信云师资培训班', |
|
||||||
businessManagerName: 'python实训系统实训系统', |
|
||||||
expireDate: '2023-08-08' |
|
||||||
}, |
|
||||||
{ |
|
||||||
orderContact: '智信云智信云', |
|
||||||
account: '智信云师资培训班智信云师资培训班', |
|
||||||
businessManagerName: 'python实训系统', |
|
||||||
expireDate: '2023-08-08' |
|
||||||
}, |
|
||||||
] |
|
||||||
this.per = false // 没有权限 |
|
||||||
} |
|
||||||
}, |
|
||||||
// 获取列表 |
|
||||||
getList() { |
|
||||||
const data = { |
|
||||||
businessManagerId: this.$util.getBmId(), |
|
||||||
teamId: uni.getStorageSync('team').id, |
|
||||||
customerType: this.customerType, |
|
||||||
keywords: this.keyword, |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
type: this.curTab // 团队:1 / 个人:0 |
|
||||||
} |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
all(data).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() |
|
||||||
}, |
|
||||||
// 筛选确定回调 |
|
||||||
subFinsh(val) { |
|
||||||
const { customerType } = val |
|
||||||
this.customerType = customerType.length ? customerType[0] : '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// tab切换 |
|
||||||
tabChange(tab) { |
|
||||||
this.curTab = tab.id |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 跳转详情 |
|
||||||
toDetail(item) { |
|
||||||
this.$util.to(`../clientDetail/clientDetail?customerId=${item.customerId}&show=1`) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
padding-bottom: 90px; |
|
||||||
} |
|
||||||
.filter { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
.search { |
|
||||||
flex: 1; |
|
||||||
} |
|
||||||
.sl-filter { |
|
||||||
width: 30%; |
|
||||||
margin-left: 10%; |
|
||||||
} |
|
||||||
} |
|
||||||
.list { |
|
||||||
margin-top: 20rpx; |
|
||||||
background-color: #fff; |
|
||||||
li { |
|
||||||
padding: 20rpx 40rpx; |
|
||||||
border-bottom: 1px solid #f1f1f1; |
|
||||||
} |
|
||||||
.c-name { |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.info { |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
margin-top: 10rpx; |
|
||||||
} |
|
||||||
.line { |
|
||||||
display: flex; |
|
||||||
padding: 10rpx 0; |
|
||||||
} |
|
||||||
.name { |
|
||||||
width: 200rpx; |
|
||||||
margin-right: 10rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.val { |
|
||||||
max-width: 70%; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.type { |
|
||||||
font-size: 28rpx; |
|
||||||
color: #ff7b2d; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,273 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<view class="filter"> |
|
||||||
<uni-search-bar class="search" radius="30" placeholder="请输入订单号、内容" v-model="keyword" clearButton="auto" cancelButton="none" /> |
|
||||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons> |
|
||||||
</view> |
|
||||||
|
|
||||||
<template v-if="list.length"> |
|
||||||
<view class="list"> |
|
||||||
<uni-swipe-action> |
|
||||||
<uni-swipe-action-item |
|
||||||
v-for="item in list" |
|
||||||
:threshold="0" |
|
||||||
:right-options="delOption" |
|
||||||
@click="del(item)" |
|
||||||
> |
|
||||||
<view class="item" @click="toDetail(item)"> |
|
||||||
<view class="c-name">{{ item.orderNumber }}</view> |
|
||||||
<view class="info"> |
|
||||||
<view class="left"> |
|
||||||
<view v-if="curTab" class="line"> |
|
||||||
<text class="name">商务经理：</text> |
|
||||||
<text class="val">{{ item.businessManagerName }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">客户名称：</text> |
|
||||||
<text class="val">{{ item.customerName }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">订单金额：</text> |
|
||||||
<text class="val">{{ item.orderAmount }}元</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">订单内容：</text> |
|
||||||
<view class="val ell-wrap"> |
|
||||||
<view :class="{ell: !item.toggle}">{{ item.productName }}</view> |
|
||||||
<view v-if="item.productName.length > 14" class="toggle" @click.stop="toggle(item)">{{ item.toggle ? '收起' : '展开' }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">下单日期：</text> |
|
||||||
<text class="val">{{ item.createTime }}</text> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view :class="['type', 'type' + item.orderStatus]"> |
|
||||||
{{ filterData[0].data.find(e => e.value === item.orderStatus).title }} |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</uni-swipe-action-item> |
|
||||||
</uni-swipe-action> |
|
||||||
</view> |
|
||||||
<uni-load-more :status="status" /> |
|
||||||
</template> |
|
||||||
<empty v-else></empty> |
|
||||||
|
|
||||||
<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to(`../orderDetail/orderDetail?customerId=${customerId}`)"></uni-icons> |
|
||||||
<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { miniProgramOrderRecord, del } from '@/apis/modules/order.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
customerId: '', |
|
||||||
customerName: '', |
|
||||||
popup: false, |
|
||||||
//筛选表单数据 |
|
||||||
filterData: [ |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "订单状态", |
|
||||||
key: "orderStatus", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
isRadio: true, //是否单选 否则多选 |
|
||||||
data: [ |
|
||||||
{ |
|
||||||
title: "待发货", |
|
||||||
value: 0 |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "已完成", |
|
||||||
value: 1 |
|
||||||
}, |
|
||||||
], |
|
||||||
} |
|
||||||
], |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
filterForm: {}, |
|
||||||
searchTimer: null, |
|
||||||
orderStatus: '', |
|
||||||
keyword: '', |
|
||||||
list: [], |
|
||||||
page: 1, |
|
||||||
pageSize: 10, |
|
||||||
delOption: [{ |
|
||||||
text: '删除', |
|
||||||
style: { |
|
||||||
backgroundColor: '#F56C6C' |
|
||||||
} |
|
||||||
}] |
|
||||||
} |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
keyword () { |
|
||||||
clearTimeout(this.searchTimer) |
|
||||||
this.searchTimer = setTimeout(() => { |
|
||||||
this.initList() |
|
||||||
}, 500) |
|
||||||
} |
|
||||||
}, |
|
||||||
// 上拉加载 |
|
||||||
onReachBottom() { |
|
||||||
if (this.reachBottom >= 0) { |
|
||||||
this.reachBottom = 1 |
|
||||||
this.status = 'loading' |
|
||||||
this.getList() |
|
||||||
} |
|
||||||
}, |
|
||||||
// 下拉刷新 |
|
||||||
onPullDownRefresh() { |
|
||||||
this.getList() |
|
||||||
setTimeout(() => { |
|
||||||
uni.stopPullDownRefresh() |
|
||||||
}, 1500) |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
const { options } = pages[pages.length - 1] |
|
||||||
this.customerId = options.customerId |
|
||||||
this.customerName = options.name |
|
||||||
// 清除订单缓存 |
|
||||||
try { |
|
||||||
uni.removeStorageSync('orderForm') |
|
||||||
uni.removeStorageSync('courses') |
|
||||||
} catch (e) {} |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getList() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
const team = uni.getStorageSync('team') |
|
||||||
const { orderStatus } = this |
|
||||||
miniProgramOrderRecord({ |
|
||||||
businessManagerId: this.$util.getBmId(), |
|
||||||
teamId: team.id, |
|
||||||
customerId: +this.customerId, |
|
||||||
orderStatus: orderStatus === '' ? null : orderStatus, |
|
||||||
isAdmin: +team.isTeam, // 是否是管理员(0否 1是) |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
keywords: this.keyword |
|
||||||
}).then(({ data }) => { |
|
||||||
const { records } = data |
|
||||||
records.map(e => { |
|
||||||
e.toggle = e.productName.length < 14 // 超过了14个字才需要显示展开按钮 |
|
||||||
}) |
|
||||||
this.list = this.reachBottom > 0 ? [...this.list, ...records] : records |
|
||||||
this.page++ // 每次获取了数据后page+1 |
|
||||||
const noMore = this.list.length === data.total // 是否加载完所有数据 |
|
||||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
|
||||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
|
||||||
uni.hideLoading() |
|
||||||
}).catch(e => { |
|
||||||
uni.hideLoading() |
|
||||||
}) |
|
||||||
}, |
|
||||||
initList() { |
|
||||||
this.page = 1 |
|
||||||
this.reachBottom = 0 |
|
||||||
this.getList() |
|
||||||
}, |
|
||||||
// 展开 |
|
||||||
toggle(item) { |
|
||||||
item.toggle = !item.toggle |
|
||||||
}, |
|
||||||
// 筛选确定回调 |
|
||||||
subFinsh(val) { |
|
||||||
const { orderStatus } = val |
|
||||||
this.orderStatus = orderStatus.length ? orderStatus[0] : '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 跳转详情 |
|
||||||
toDetail(item) { |
|
||||||
this.$util.to(`../orderDetail/orderDetail?orderId=${item.orderId}&show=1`) |
|
||||||
}, |
|
||||||
// 删除 |
|
||||||
del(e) { |
|
||||||
const that = this |
|
||||||
uni.showModal({ |
|
||||||
title: '提示', |
|
||||||
content: '确定要删除吗？', |
|
||||||
success(res) { |
|
||||||
if (res.confirm) { |
|
||||||
del({ |
|
||||||
ids: [e.orderId] |
|
||||||
}).then(res => { |
|
||||||
that.$util.sucMsg('删除成功') |
|
||||||
that.getList() |
|
||||||
}).catch(res => {}) |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.list { |
|
||||||
margin-top: 20rpx; |
|
||||||
background-color: #fff; |
|
||||||
.item { |
|
||||||
width: 100%; |
|
||||||
padding: 20rpx 40rpx; |
|
||||||
border-bottom: 1px solid #f1f1f1; |
|
||||||
box-sizing: border-box; |
|
||||||
} |
|
||||||
.c-name { |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.info { |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
margin-top: 10rpx; |
|
||||||
} |
|
||||||
.left { |
|
||||||
max-width: 70%; |
|
||||||
} |
|
||||||
.line { |
|
||||||
display: flex; |
|
||||||
padding: 10rpx 0; |
|
||||||
} |
|
||||||
.name { |
|
||||||
margin-right: 10rpx; |
|
||||||
white-space: nowrap; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.val { |
|
||||||
max-width: 88%; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.ell { |
|
||||||
white-space: nowrap; |
|
||||||
text-overflow: ellipsis; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
.toggle { |
|
||||||
margin-top: 10rpx; |
|
||||||
white-space: nowrap; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #0e92ef; |
|
||||||
} |
|
||||||
.type { |
|
||||||
margin-left: 20rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #ff7b2d; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
.type1 { |
|
||||||
color: #bdbdbd; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,504 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="page"> |
|
||||||
<template v-for="c in courses"> |
|
||||||
<view v-if="c.list.length && c.list.filter(e => !e.edited).length" class="block"> |
|
||||||
<view class="type-wrap"> |
|
||||||
<view class="l-title">{{ c.name }}</view> |
|
||||||
<view class="batch"> |
|
||||||
<input class="deadline" type="number" v-model="c.deadline" placeholder="批量输入" @change="batchDeadlineChange(c)"> |
|
||||||
<view :class="['unit', {placeholder: c.unit === ''}]" @click="batchUnitChange(c)">{{ c.unit !== '' ? units.find(e => e.id === c.unit).text : '请选择' }}</view> |
|
||||||
</view> |
|
||||||
<uni-icons class="arrow" type="top" size="20" color="#007EFF" @click="toggle(c)"></uni-icons> |
|
||||||
</view> |
|
||||||
|
|
||||||
<view v-show="!c.shrink"> |
|
||||||
<template v-for="(item, i) in c.list"> |
|
||||||
<view v-if="!item.edited" :key="i"> |
|
||||||
<view class="pro-name"> |
|
||||||
<view class="left"> |
|
||||||
<image class="icon" :src="$util.getIcon(item)" mode="widthFix"></image> |
|
||||||
{{ item.productName }} |
|
||||||
</view> |
|
||||||
<uni-icons class="del" type="trash" size="25" color="#ADADAD" @click="delCourse(c, i)"></uni-icons> |
|
||||||
</view> |
|
||||||
<view class="form-list"> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">产品类型</view> |
|
||||||
<view class="val">{{ item.typeName }}</view> |
|
||||||
</view> |
|
||||||
<view :class="['line req', {err: err === 'periodOfUse' + item.dataOrCourseId + item.authority}]"> |
|
||||||
<view class="name">使用期限</view> |
|
||||||
<input class="period" type="number" v-model="item.periodOfUse" placeholder="请输入" @input="dateChange(item, !item.authority)" @change="handleErr(item, 'periodOfUse')"> |
|
||||||
<view class="val unit" @click="selectUnit(item)"> |
|
||||||
<text>{{ units.find(e => e.id === item.options).text }}</text> |
|
||||||
<image class="icon" src="@/static/image/arrow-down.png" mode="widthFix"></image> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view :class="['line req', {err: err === 'startTime' + item.dataOrCourseId + item.authority}]"> |
|
||||||
<view class="name">起止日期</view> |
|
||||||
<uni-datetime-picker type="date" v-model="item.startTime" :border="false" @change="dateChange(item)"> |
|
||||||
<view :class="['ph', {val: item.startTime}]"> |
|
||||||
{{ item.endTime ? item.startTime + ' - ' + item.endTime : item.startTime}} |
|
||||||
</view> |
|
||||||
</uni-datetime-picker> |
|
||||||
</view> |
|
||||||
<view :class="['line req', {err: err === 'accountNum' + item.dataOrCourseId + item.authority}]"> |
|
||||||
<view class="name">数量</view> |
|
||||||
<view v-if="item.authority" class="val">1</view> |
|
||||||
<input v-else type="number" v-model="item.accountNum" placeholder="请输入账号数量" @input="calcFinalPrice(item)" @change="handleErr(item, 'accountNum')"> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">{{ item.authority ? '市场价' : '市场单价' }}</view> |
|
||||||
<view class="val">{{ item.marketValue }}元</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">结算价</view> |
|
||||||
<view class="val">{{ item.settlementPrice && item.settlementPrice + '元' }}</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">折扣率</view> |
|
||||||
<view class="val">{{ item.discountRate }}</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">市场服务费</view> |
|
||||||
<view class="val">{{ item.serviceFee }}元</view> |
|
||||||
</view> |
|
||||||
<view :class="['line req', {err: err === 'finalPrice' + item.dataOrCourseId + item.authority}]"> |
|
||||||
<view class="name">成交价</view> |
|
||||||
<view class="inline"> |
|
||||||
<input type="number" v-model="item.finalPrice" placeholder="请输入" @input="calcFinalValue(item)" @change="handleErr(item, 'finalPrice')"> |
|
||||||
元 |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
<view class="btn-wrap"> |
|
||||||
<view class="btn" @click="submit">确定</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { getOrderOtherTime, queryCitySettlementPrice, renew } from '@/apis/modules/order.js' |
|
||||||
import { getPartnerTeamRates } from '@/apis/modules/parner.js' |
|
||||||
import { productTypeList } from '@/apis/modules/product.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
orderType: 1, |
|
||||||
customerId: '', |
|
||||||
action: '', |
|
||||||
provinceId: '', |
|
||||||
cityId: '', |
|
||||||
timer: null, |
|
||||||
units: [{ |
|
||||||
text: '日', |
|
||||||
id: 0 |
|
||||||
}, { |
|
||||||
text: '月', |
|
||||||
id: 1 |
|
||||||
}, { |
|
||||||
text: '年', |
|
||||||
id: 2 |
|
||||||
}], |
|
||||||
unitText: ['日', '月', '年'], |
|
||||||
courses: {} , // 上一页缓存的产品 |
|
||||||
orderRepeat: [], |
|
||||||
repeatMsg: '', |
|
||||||
err: '', |
|
||||||
rate: '', |
|
||||||
submiting: false, |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
const { options } = pages[pages.length - 1] |
|
||||||
this.orderType = options.orderType |
|
||||||
this.customerId = options.customerId |
|
||||||
this.action = options.action |
|
||||||
this.provinceId = options.provinceId |
|
||||||
this.cityId = options.cityId |
|
||||||
this.handleProduct() |
|
||||||
this.getRate() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 转换产品列表 |
|
||||||
async handleProduct() { |
|
||||||
const list = uni.getStorageSync('courses') |
|
||||||
let courses = {} |
|
||||||
|
|
||||||
// 产品分类 |
|
||||||
productTypeList().then(res => { |
|
||||||
res.typeList.forEach(e => { |
|
||||||
courses['list' + e.typeId] = { |
|
||||||
shrink: false, |
|
||||||
name: e.typeName, |
|
||||||
deadline: '', |
|
||||||
unit: '', |
|
||||||
list: [] |
|
||||||
} |
|
||||||
}) |
|
||||||
const { provinceId, cityId } = this |
|
||||||
const isTrial = this.orderType == 2 |
|
||||||
list.map(async e => { |
|
||||||
// 查询产品管理设置的平台结算价 |
|
||||||
if (provinceId) { |
|
||||||
const res = await queryCitySettlementPrice(e.mallId, provinceId, cityId) |
|
||||||
if (res.mallPrice) e.settlementPriceUnit = res.mallPrice.discountRate || 0 |
|
||||||
} |
|
||||||
// 查询该产品的到期时间 |
|
||||||
const res = await renew({ |
|
||||||
authority: e.authority, |
|
||||||
customerId: this.customerId, |
|
||||||
productId: [e.mallId] |
|
||||||
}) |
|
||||||
|
|
||||||
const item = res.orderOthers |
|
||||||
if (item && item.length) { |
|
||||||
let date = new Date(item[0].endTime) |
|
||||||
date = new Date(date.setDate(date.getDate() + 1)) |
|
||||||
e.startTime = this.$util.formatDate(date, 'yyyy-MM-dd') |
|
||||||
} |
|
||||||
// 试用默认赋值1月后，需要计算结束日期 |
|
||||||
if (isTrial) { |
|
||||||
this.calcDate(e, !e.authority) |
|
||||||
} |
|
||||||
courses['list' + e.typeId].list.push(e) |
|
||||||
}) |
|
||||||
this.courses = courses |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 批量设置产品时间 |
|
||||||
batchDeadlineChange (c) { |
|
||||||
c.list.map(e => { |
|
||||||
e.periodOfUse = c.deadline |
|
||||||
this.calcDate(e, !e.authority) |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 批量设置产品期限单位 |
|
||||||
batchUnitChange(c) { |
|
||||||
const that = this |
|
||||||
uni.showActionSheet({ |
|
||||||
title: '标题', |
|
||||||
itemList: that.unitText, |
|
||||||
success: ({ tapIndex }) => { |
|
||||||
if (tapIndex !== '') { |
|
||||||
c.unit = tapIndex |
|
||||||
c.list.map(e => { |
|
||||||
e.options = tapIndex |
|
||||||
that.calcDate(e, !e.authority) |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 单个产品选择年月日 |
|
||||||
selectUnit(item) { |
|
||||||
const that = this |
|
||||||
uni.showActionSheet({ |
|
||||||
title: '标题', |
|
||||||
itemList: that.unitText, |
|
||||||
success: ({ tapIndex }) => { |
|
||||||
if (tapIndex !== '') { |
|
||||||
item.options = tapIndex |
|
||||||
that.calcDate(item) |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
showUnit(i) { |
|
||||||
this.$refs.unit[i].show() |
|
||||||
}, |
|
||||||
// 收缩产品 |
|
||||||
toggle(c) { |
|
||||||
c.shrink = !c.shrink |
|
||||||
}, |
|
||||||
// 删除课程 |
|
||||||
delCourse(c, i) { |
|
||||||
uni.showModal({ |
|
||||||
title: '提示', |
|
||||||
content: '确定要删除吗？', |
|
||||||
success(res) { |
|
||||||
res.confirm && c.list.splice(i, 1) |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 使用期限输入回调 |
|
||||||
dateChange(row, fromData) { |
|
||||||
clearTimeout(this.timer) |
|
||||||
this.timer = setTimeout(() => { |
|
||||||
this.calcDate(row, fromData) |
|
||||||
}, 500) |
|
||||||
}, |
|
||||||
// 使用期限转换以及计算剩余天数 |
|
||||||
calcDate(row, fromData) { |
|
||||||
const { periodOfUse, options } = row |
|
||||||
let optionsData = 0 |
|
||||||
if (periodOfUse) { |
|
||||||
if (options == 1){ |
|
||||||
optionsData = periodOfUse === '12' ? 31536000000 : periodOfUse*30*24*60*60*1000 |
|
||||||
} else if (options == 2){ |
|
||||||
optionsData = periodOfUse*365*24*60*60*1000 |
|
||||||
} else { |
|
||||||
optionsData = periodOfUse*24*60*60*1000 |
|
||||||
} |
|
||||||
} |
|
||||||
let time = new Date(row.startTime).getTime() |
|
||||||
let endTime = time + optionsData |
|
||||||
let dt = new Date(endTime) |
|
||||||
row.endTime = (dt.getFullYear()) + "-" + (dt.getMonth() + 1) + "-" + (dt.getDate()) |
|
||||||
let endYear = endTime - time |
|
||||||
let endYears = endYear/1000/60/60/24 |
|
||||||
row.remainingPeriod = endYears |
|
||||||
const unit = row.options // 使用期限单位 |
|
||||||
const useUnit = row.periodOfUse // 使用期限 |
|
||||||
// 计算市场价 |
|
||||||
const price = row.marketPrice // 市场单价 |
|
||||||
// 结算单价是元/年，所以如果选择的不是年，要进行换算（日：/365,月：/12) |
|
||||||
row.marketValue = (!unit ? |
|
||||||
price / 365 * useUnit : |
|
||||||
unit === 1 ? |
|
||||||
price / 12 * useUnit : |
|
||||||
price * useUnit).toFixed(2) |
|
||||||
this.dealSettlePrice(row) |
|
||||||
// 只有改变了起止日期才需要调接口查询订单，该接口作用是把开始时间传过去，会返回一个提示或者时间，如果是时间，则把时间+1天，如果是提示，则无法保存 |
|
||||||
if (!fromData) { |
|
||||||
const cId = row.dataOrCourseId |
|
||||||
const date = new Date(row.startTime) |
|
||||||
const orderRepeat = this.orderRepeat |
|
||||||
getOrderOtherTime({ |
|
||||||
authority: row.authority, |
|
||||||
customerId: this.customerId, |
|
||||||
id: cId, |
|
||||||
startTime: this.$util.formatDate(date, 'yyyy-MM-dd'), |
|
||||||
endTime: row.endTime |
|
||||||
}).then(res => { |
|
||||||
orderRepeat.includes(cId) && orderRepeat.splice(orderRepeat.findIndex(e => e == cId), 1) |
|
||||||
if (res.endTime) { |
|
||||||
let time = new Date(res.endTime) |
|
||||||
time = new Date(time.setDate(time.getDate() + 1)) |
|
||||||
row.startTime = this.$util.formatDate(time, 'yyyy-MM-dd') |
|
||||||
} |
|
||||||
}).catch(res => { |
|
||||||
this.repeatMsg = res.message |
|
||||||
orderRepeat.includes(cId) || orderRepeat.push(cId) |
|
||||||
}) |
|
||||||
} |
|
||||||
// 折扣率 |
|
||||||
this.calcDiscount(row) |
|
||||||
}, |
|
||||||
// 计算结算价及平台服务费 |
|
||||||
dealSettlePrice(row) { |
|
||||||
// 如果是试用或者没选择，结算价和平台服务费都是0 |
|
||||||
if (this.orderType != 1) { |
|
||||||
row.settlementPrice = 0 |
|
||||||
row.serviceFee = 0 |
|
||||||
} else { |
|
||||||
const unit = row.options // 使用期限单位 |
|
||||||
const useUnit = row.periodOfUse // 使用期限 |
|
||||||
let sPrice = '' |
|
||||||
// 结算单价。计算规则：结算单价（**元/年）*购买时长（单位年）*数量(课程为1，数据为账号数量) |
|
||||||
const priceUnit = row.settlementPriceUnit |
|
||||||
sPrice = ((!unit ? |
|
||||||
priceUnit / 365 * useUnit : |
|
||||||
unit === 1 ? |
|
||||||
priceUnit / 12 * useUnit : |
|
||||||
priceUnit * useUnit) * (row.authority ? |
|
||||||
1 : |
|
||||||
row.accountNum)).toFixed((2)) |
|
||||||
row.settlementPrice = this.$util.handleNaN(sPrice) |
|
||||||
// 平台服务费 |
|
||||||
if (row.settlementPrice) { |
|
||||||
row.serviceFee = (row.finalPrice * (this.rate / 100)).toFixed(2) |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
// 查询合伙人团队费率 |
|
||||||
getRate() { |
|
||||||
getPartnerTeamRates({ |
|
||||||
teamId: uni.getStorageSync('team').teamId |
|
||||||
}).then(({ teamRates }) => { |
|
||||||
this.rate = teamRates.annualMarketingFee || 0 |
|
||||||
}).catch(res => {}) |
|
||||||
}, |
|
||||||
// 计算折扣率 |
|
||||||
calcDiscount(row) { |
|
||||||
const price = row.authority ? row.finalPrice : row.finalValue |
|
||||||
const { marketValue } = row |
|
||||||
// (原价-现价)÷原价 x100% |
|
||||||
if (price) row.discountRate = marketValue != 0 ? ((marketValue - price) / marketValue * 100).toFixed(2) + '%' : '0%' |
|
||||||
}, |
|
||||||
// 成交价修改后，计算成交单价，数据才需要 计算规则：成交价/账号数/时间（成交单价为元/账号/年，所以时间要换算成年的单位去计算） |
|
||||||
calcFinalValue(row) { |
|
||||||
clearTimeout(this.timer) |
|
||||||
this.timer = setTimeout(() => { |
|
||||||
const { authority, periodOfUse, options, accountNum, finalPrice } = row |
|
||||||
if (!authority && periodOfUse && accountNum && finalPrice) { |
|
||||||
row.finalValue = (finalPrice / accountNum / periodOfUse).toFixed(2) |
|
||||||
} |
|
||||||
// 折扣率 |
|
||||||
this.calcDiscount(row) |
|
||||||
//市场服务费 |
|
||||||
this.dealSettlePrice(row) |
|
||||||
}, 500) |
|
||||||
}, |
|
||||||
// 计算成交价。计算规则：成交单价*账号数*时间（成交单价为元/账号/年，所以时间要换算成年的单位去计算） |
|
||||||
calcFinalPrice(row) { |
|
||||||
clearTimeout(this.timer) |
|
||||||
this.timer = setTimeout(() => { |
|
||||||
const { finalValue, accountNum, periodOfUse, finalPrice } = row |
|
||||||
if (periodOfUse) { |
|
||||||
if (accountNum) { |
|
||||||
// 有成交单价，则成交价=成交单价*账号数*时间 |
|
||||||
if (finalValue) { |
|
||||||
row.finalPrice = Math.round(finalValue * periodOfUse * accountNum) |
|
||||||
} else if (!finalValue && finalPrice) { |
|
||||||
// 有成交价，没有成交单价，则成交单价=成交价/账号数/时间 |
|
||||||
row.finalValue = (finalPrice / periodOfUse / accountNum).toFixed(2) |
|
||||||
this.calcDiscount(row) |
|
||||||
} |
|
||||||
} else if (finalValue && finalPrice && !row.authority) { |
|
||||||
// 有成交价、成交单价，没有数量，则数量=成交价/时间/成交单价 |
|
||||||
row.accountNum = Math.floor(finalPrice / periodOfUse / finalValue) |
|
||||||
} |
|
||||||
} |
|
||||||
this.dealSettlePrice(row) |
|
||||||
}, 500) |
|
||||||
}, |
|
||||||
// 处理错误提示 |
|
||||||
handleErr(e, val) { |
|
||||||
if (val + e.dataOrCourseId + e.authority === this.err) this.err = '' |
|
||||||
}, |
|
||||||
// 确定 |
|
||||||
submit() { |
|
||||||
if (this.submiting) return false |
|
||||||
const { courses } = this |
|
||||||
const list = [] |
|
||||||
let msg = '' |
|
||||||
// 全部产品push到一个数组，方便校验 |
|
||||||
for (const i in courses) { |
|
||||||
list.push(...courses[i].list) |
|
||||||
} |
|
||||||
// 必填校验 |
|
||||||
for (const i in list) { |
|
||||||
const e = list[i] |
|
||||||
const suf = e.dataOrCourseId + '' + e.authority |
|
||||||
if (e.periodOfUse === '') { |
|
||||||
this.err = 'periodOfUse' + suf |
|
||||||
msg = '请输入使用期限！' |
|
||||||
break |
|
||||||
} |
|
||||||
if (e.options === '') { |
|
||||||
this.err = 'accountNum' + suf |
|
||||||
msg = '请选择期限！' |
|
||||||
break |
|
||||||
} |
|
||||||
if (!e.startTime) { |
|
||||||
this.err = 'startTime' + suf |
|
||||||
msg = '请选择起止日期！' |
|
||||||
break |
|
||||||
} |
|
||||||
if (e.accountNum === '') { |
|
||||||
this.err = 'accountNum' + suf |
|
||||||
msg = '请输入数量！' |
|
||||||
break |
|
||||||
} |
|
||||||
if (e.finalPrice === '') { |
|
||||||
this.err = 'finalPrice' + suf |
|
||||||
msg = '请输入成交价！' |
|
||||||
break |
|
||||||
} |
|
||||||
} |
|
||||||
if (msg) return this.$util.errMsg(msg) |
|
||||||
if (this.orderRepeat.length) return this.$util.errMsg(this.repeatMsg) // 有重复订单不能提交 |
|
||||||
this.submiting = true |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
list.forEach(e => { |
|
||||||
e.edited = 1 // 未编辑过的标识，编辑过了的产品在编辑产品页不再显示 |
|
||||||
}) |
|
||||||
uni.setStorageSync('courses', this.courses) |
|
||||||
uni.redirectTo({ |
|
||||||
url: `../orderDetail/orderDetail?edited=1` |
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
padding-bottom: 130rpx; |
|
||||||
-webkit-overflow-scrolling: touch; |
|
||||||
} |
|
||||||
.block { |
|
||||||
position: relative; |
|
||||||
padding: 0; |
|
||||||
.l-title { |
|
||||||
margin: 0 24rpx; |
|
||||||
} |
|
||||||
|
|
||||||
.type-wrap { |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
.batch { |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
.deadline, .unit { |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.deadline { |
|
||||||
width: 130rpx; |
|
||||||
} |
|
||||||
.unit { |
|
||||||
min-width: 80rpx; |
|
||||||
text-align: center; |
|
||||||
&.placeholder { |
|
||||||
color: #797979; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.pro-name { |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
padding: 14rpx 24rpx; |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
background: linear-gradient(90deg, #FFF5E5 0%, #FFFFFF 100%); |
|
||||||
.left { |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 60rpx; |
|
||||||
height: 60rpx; |
|
||||||
margin-right: 12rpx; |
|
||||||
border-radius: 10rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.form-list { |
|
||||||
padding: 0 24rpx; |
|
||||||
border-top: 0; |
|
||||||
.period { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.unit { |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
.icon { |
|
||||||
width: 28rpx; |
|
||||||
margin-left: 20rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,285 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<view class="filter"> |
|
||||||
<uni-search-bar class="search" radius="30" placeholder="请输入产品名称" v-model="keyword" clearButton="auto" cancelButton="none" /> |
|
||||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons> |
|
||||||
</view> |
|
||||||
|
|
||||||
<ul class="tab-wrap"> |
|
||||||
<scroll-view scroll-x :scroll-left="scrollLeft" class="tab"> |
|
||||||
<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li> |
|
||||||
</scroll-view> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<ul v-if="list.length" class="list"> |
|
||||||
<li v-for="item in list"> |
|
||||||
<view class="pro-name"> |
|
||||||
<image class="icon" :src="item.miniProgramPictureAddress ? item.miniProgramPictureAddress : normalIcon" mode="widthFix"></image> |
|
||||||
{{ item.productName }} |
|
||||||
</view> |
|
||||||
<view class="info"> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">起止日期：</text> |
|
||||||
<text class="val">{{ item.startAndEndTime }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">订阅状态：</text> |
|
||||||
<text class="val">{{ item.status }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">产品状态：</text> |
|
||||||
<text class="val">{{ item.isEnable }}</text> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
<empty v-else></empty> |
|
||||||
<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { productCategoryList } from '@/apis/modules/product.js' |
|
||||||
import { getProductsSubscribedByCustomers } from '@/apis/modules/client.js' |
|
||||||
import product from '@/config/product.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
normalIcon: product.normalIcon, |
|
||||||
customerId: '', |
|
||||||
popup: false, |
|
||||||
//筛选表单数据 |
|
||||||
filterData: [ |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "订阅状态", |
|
||||||
key: "orderStatus", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
isRadio: true, //是否单选 否则多选 |
|
||||||
data: [ |
|
||||||
{ |
|
||||||
title: '生效', |
|
||||||
value: 1 |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '过期', |
|
||||||
value: 2 |
|
||||||
}, |
|
||||||
], |
|
||||||
}, |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "产品状态", |
|
||||||
key: "productStatus", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
isRadio: true, //是否单选 否则多选 |
|
||||||
data: [ |
|
||||||
{ |
|
||||||
title: '启用', |
|
||||||
value: 1 |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '禁用', |
|
||||||
value: 2 |
|
||||||
}, |
|
||||||
], |
|
||||||
} |
|
||||||
], |
|
||||||
filterForm: {}, |
|
||||||
curTab: '', |
|
||||||
tabs: [ |
|
||||||
{ |
|
||||||
name: '全部', |
|
||||||
id: '' |
|
||||||
}, |
|
||||||
], |
|
||||||
searchTimer: null, |
|
||||||
orderStatus: '', |
|
||||||
productStatus: '', |
|
||||||
keyword: '', |
|
||||||
list: [], |
|
||||||
listAll: [], |
|
||||||
page: 1, |
|
||||||
pageSize: 10 |
|
||||||
} |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
keyword () { |
|
||||||
clearTimeout(this.searchTimer) |
|
||||||
this.searchTimer = setTimeout(() => { |
|
||||||
this.filter() |
|
||||||
}, 500) |
|
||||||
} |
|
||||||
}, |
|
||||||
// 下拉刷新 |
|
||||||
onPullDownRefresh() { |
|
||||||
this.getList() |
|
||||||
setTimeout(() => { |
|
||||||
uni.stopPullDownRefresh() |
|
||||||
}, 1500) |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
this.customerId = pages[pages.length - 1].options.customerId |
|
||||||
this.getTypes() |
|
||||||
this.getList() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getList() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
getProductsSubscribedByCustomers({ |
|
||||||
customeId: this.customerId |
|
||||||
}).then(({ data }) => { |
|
||||||
const { tabs } = this |
|
||||||
data.map(e => { |
|
||||||
const list = e.startAndEndTimeList |
|
||||||
if (list && list.length) { |
|
||||||
let connect = true // 每个订单的开始结束日期是否连续 |
|
||||||
list.map((n, i) => { |
|
||||||
// 第一个不用计算。用当前订单的开始日期跟上一个订单的结束日期做比较，只差一天，就表示是连续订单 |
|
||||||
if (i) { |
|
||||||
if (new Date(n.startTime).getTime() - 86400000 !== new Date(list[i - 1].endTime).getTime()) connect = false |
|
||||||
} |
|
||||||
}) |
|
||||||
// // 如果是连续订单，则取第一个订单的开始日期和最后一个订单的结束日期 |
|
||||||
const now = Date.now() |
|
||||||
if (now < list[0].startTime) { |
|
||||||
e.startTime = list[0].startTime |
|
||||||
e.endTime = connect ? list[list.length - 1].endTime : list[0].endTime |
|
||||||
e.status = '未生效' |
|
||||||
} else if (now > list[list.length - 1].endTime) { |
|
||||||
e.status = '已过期' |
|
||||||
} else { |
|
||||||
// 连续订单 |
|
||||||
if (connect) { |
|
||||||
e.startTime = list[0].startTime |
|
||||||
e.endTime = list[list.length - 1].endTime |
|
||||||
e.status = '生效中' |
|
||||||
e.orderEnable = list[0].isEnable |
|
||||||
} else { |
|
||||||
for (const i in list) { |
|
||||||
const n = list[i] |
|
||||||
if (now >= new Date(n.startTime).getTime() && now <= new Date(n.endTime).getTime()) { |
|
||||||
// 生效中的订单，直接取该订单的开始结束日期 |
|
||||||
e.startTime = n.startTime |
|
||||||
e.endTime = n.endTime |
|
||||||
e.status = '生效中' |
|
||||||
e.orderEnable = n.isEnable |
|
||||||
break |
|
||||||
} else if (i && list[i - 1] && now > new Date(list[i - 1].endTime).getTime() && now < new Date(n.startTime).getTime()) { |
|
||||||
// 当前时间位于两个订单时间之间，则取次订单的开始结束日期，并且为未生效 |
|
||||||
e.startTime = n.startTime |
|
||||||
e.endTime = n.endTime |
|
||||||
e.status = '未生效' |
|
||||||
e.orderEnable = n.isEnable |
|
||||||
break |
|
||||||
} else { |
|
||||||
e.status = '已过期' |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
const date = new Date() |
|
||||||
date.setHours(0) |
|
||||||
date.setMinutes(0) |
|
||||||
date.setSeconds(0) |
|
||||||
if (e.startTime) e.startAndEndTime = e.startTime + ' ~ ' + e.endTime |
|
||||||
// 1开启 0禁用（已过期的订单，或者当前生效的订单为禁用，则显示为禁用，否则是启用） |
|
||||||
e.isEnable = (e.status === '已过期' || !e.orderEnable) ? '禁用' : '启用' |
|
||||||
} |
|
||||||
}) |
|
||||||
this.list = data |
|
||||||
this.listAll = data |
|
||||||
uni.hideLoading() |
|
||||||
}).catch(e => { |
|
||||||
uni.hideLoading() |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 产品分类 |
|
||||||
getTypes() { |
|
||||||
productCategoryList().then(res => { |
|
||||||
res.classificationList.forEach(e => { |
|
||||||
e.id = e.classificationId |
|
||||||
e.name = e.classificationName |
|
||||||
}) |
|
||||||
this.tabs.push(...res.classificationList) |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 筛选确定回调 |
|
||||||
subFinsh(val) { |
|
||||||
const { orderStatus, productStatus } = val |
|
||||||
this.orderStatus = orderStatus.length ? orderStatus[0] : '' |
|
||||||
this.productStatus = productStatus.length ? productStatus[0] : '' |
|
||||||
this.filter() |
|
||||||
}, |
|
||||||
// 筛选 |
|
||||||
filter() { |
|
||||||
const list = this.listAll |
|
||||||
const { orderStatus, productStatus, keyword, curTab } = this |
|
||||||
this.list = list.filter(e => (orderStatus === '' || ((orderStatus === 2 && e.status === '已过期') || (orderStatus === 1 && e.status === '生效中'))) && (productStatus === '' || ((productStatus === 2 && e.isEnable === '禁用') || (productStatus === 1 && e.isEnable === '启用'))) && e.productName.includes(keyword) && (curTab === '' || (curTab === e.productType))) |
|
||||||
}, |
|
||||||
// tab切换 |
|
||||||
tabChange(tab) { |
|
||||||
this.curTab = tab.id |
|
||||||
this.filter() |
|
||||||
}, |
|
||||||
// 跳转详情 |
|
||||||
toDetail(item) { |
|
||||||
this.$util.to(`../clientDetail/clientDetail?customerId=${item.customerId}&show=1`) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.filter { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.tab-wrap { |
|
||||||
.tab { |
|
||||||
width: 100%; |
|
||||||
white-space: nowrap; |
|
||||||
li { |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.list { |
|
||||||
li { |
|
||||||
padding: 0 24rpx; |
|
||||||
margin: 16rpx 24rpx; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 16rpx; |
|
||||||
} |
|
||||||
.pro-name { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
padding: 18rpx 0; |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
border-bottom: 1px solid #E6E8ED; |
|
||||||
.icon { |
|
||||||
width: 52rpx; |
|
||||||
margin-right: 20rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.info { |
|
||||||
padding: 12rpx 0; |
|
||||||
} |
|
||||||
.line { |
|
||||||
display: flex; |
|
||||||
padding: 12rpx 0; |
|
||||||
} |
|
||||||
.name { |
|
||||||
margin-right: 10rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.val { |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,399 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<view class="filter"> |
|
||||||
<uni-search-bar class="search" radius="30" placeholder="请输入产品名称" v-model="keyword" clearButton="auto" cancelButton="none" /> |
|
||||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons> |
|
||||||
</view> |
|
||||||
|
|
||||||
<ul class="tab-wrap"> |
|
||||||
<view class="tab"> |
|
||||||
<li :class="{active: curTab === ''}" @click="tabChange('')">全部</li> |
|
||||||
</view> |
|
||||||
|
|
||||||
<scroll-view scroll-x :scroll-left="scrollLeft" class="tab tab-scroll"> |
|
||||||
<li v-for="(tab, i) in tabs" :key="i" :class="{active: curTab === tab.value}" @click="tabChange(tab.value)">{{ tab.title }}</li> |
|
||||||
</scroll-view> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<view class="tags"> |
|
||||||
<view v-if="categoryName" class="tag" @click="delCategory"> |
|
||||||
{{ categoryName }} |
|
||||||
<uni-icons class="icon" type="closeempty" size="15" color="#007EFF"></uni-icons> |
|
||||||
</view> |
|
||||||
<view v-if="productTypeName" class="tag" @click="delProductType"> |
|
||||||
{{ productTypeName }} |
|
||||||
<uni-icons class="icon" type="closeempty" size="15" color="#007EFF"></uni-icons> |
|
||||||
</view> |
|
||||||
<view v-if="form.selection" class="tag" @click="delSelection"> |
|
||||||
官方精选 |
|
||||||
<uni-icons class="icon" type="closeempty" size="15" color="#007EFF"></uni-icons> |
|
||||||
</view> |
|
||||||
<view v-if="tagName" class="tag" @click="delTag"> |
|
||||||
{{ tagName }} |
|
||||||
<uni-icons class="icon" type="closeempty" size="15" color="#007EFF"></uni-icons> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
<ul class="list"> |
|
||||||
<li v-for="(item, i) in list" :key="i" @click="toDetail(item)"> |
|
||||||
<view class="pro-name"> |
|
||||||
<image class="icon" :src="$util.getIcon(item)"></image> |
|
||||||
{{ item.productName }} |
|
||||||
</view> |
|
||||||
<view class="info"> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">产品简介：</text> |
|
||||||
<view class="val ell-wrap"> |
|
||||||
<view class="ell">{{ item.productIntroduction }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">产品类型：</text> |
|
||||||
<text class="val">{{ item.typeName }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">适用专业：</text> |
|
||||||
<text class="val">{{ item.professionalName }}</text> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<text class="name">市场建议单价：</text> |
|
||||||
<text class="val">{{ item.marketUnitPrice }}元/年</text> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<view v-if="auth('产品:购物车')" class="plus"> |
|
||||||
<uni-badge size="small" :text="total" absolute="topRight" type="error"> |
|
||||||
<image class="icon" src="@/static/image/product/shop-blue.png" mode="widthFix" @click="$util.to('../shopCart/shopCart')"></image> |
|
||||||
</uni-badge> |
|
||||||
</view> |
|
||||||
|
|
||||||
<filter-popup ref="filter" showCategory :data="filters" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { tagsList, listOfGoods, productTypeList, shoppingCartList } from '@/apis/modules/product.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
popup: false, |
|
||||||
//筛选表单数据 |
|
||||||
filters: [ |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "产品类型", |
|
||||||
key: "productType", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
isRadio: true, //是否单选 否则多选 |
|
||||||
data: [], |
|
||||||
}, |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "官方精选", |
|
||||||
key: "selection", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
data: [ |
|
||||||
{ |
|
||||||
value: 1, |
|
||||||
title: '官方精选' |
|
||||||
} |
|
||||||
], |
|
||||||
}, |
|
||||||
{ |
|
||||||
children: false,//是否有子项 |
|
||||||
title: "产品标签", |
|
||||||
key: "tagId", //键名 接收对象名字 |
|
||||||
keyValue: "value", //获取的值是哪个 |
|
||||||
isRadio: true, //是否单选 否则多选 |
|
||||||
data: [], |
|
||||||
}, |
|
||||||
], |
|
||||||
filterForm: { |
|
||||||
productType: [], |
|
||||||
selection: [], |
|
||||||
tagId: [] |
|
||||||
}, |
|
||||||
form: { |
|
||||||
categoryId: '', |
|
||||||
professionalCategoryId: '', |
|
||||||
professionalId: '', |
|
||||||
productType: '', |
|
||||||
selection: '', |
|
||||||
tagId: '' |
|
||||||
}, |
|
||||||
tagId: '', |
|
||||||
curTab: '', |
|
||||||
tabs: [], |
|
||||||
scrollLeft: 0, |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
searchTimer: null, |
|
||||||
sort: 0, |
|
||||||
keyword: '', |
|
||||||
list: [], |
|
||||||
page: 1, |
|
||||||
pageSize: 10, |
|
||||||
total: 0, |
|
||||||
cartNum: '', |
|
||||||
productTypeName: '', |
|
||||||
tagName: '', |
|
||||||
categoryName: '', |
|
||||||
} |
|
||||||
}, |
|
||||||
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() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
const { options } = pages[pages.length - 1] |
|
||||||
const { tagId, tagsName } = options |
|
||||||
this.form.tagId = +tagId || '' |
|
||||||
if (tagId) { |
|
||||||
this.filterForm.tagId = [+tagId] |
|
||||||
// this.tagName = tagsName |
|
||||||
} |
|
||||||
|
|
||||||
this.keyword = options.keyword || '' |
|
||||||
this.page = 1 |
|
||||||
this.getList() |
|
||||||
this.getFilter() |
|
||||||
this.getShopCart() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getList() { |
|
||||||
listOfGoods({ |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
sort: 0, |
|
||||||
isShelves: 0, |
|
||||||
hotTag: this.form.tagId ? 2 : 1, |
|
||||||
...this.form, |
|
||||||
productName: this.keyword, |
|
||||||
productType: this.curTab |
|
||||||
}).then(({ page }) => { |
|
||||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
|
||||||
const list = page.records |
|
||||||
list.map(e => { |
|
||||||
e.productIntroduction = this.$util.removeTag(e.productIntroduction) |
|
||||||
}) |
|
||||||
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list |
|
||||||
this.page++ // 每次获取了数据后page+1 |
|
||||||
const noMore = this.list.length === page.total // 是否加载完所有数据 |
|
||||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
|
||||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
initList() { |
|
||||||
this.page = 1 |
|
||||||
this.reachBottom = 0 |
|
||||||
this.getList() |
|
||||||
}, |
|
||||||
// 获取购物车数量 |
|
||||||
getShopCart() { |
|
||||||
shoppingCartList({ |
|
||||||
pageNum: 1, |
|
||||||
pageSize: 1000, |
|
||||||
}).then(({ data }) => { |
|
||||||
this.total = data.total |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 筛选 |
|
||||||
getFilter() { |
|
||||||
// 产品类型 |
|
||||||
productTypeList().then(res => { |
|
||||||
res.typeList.forEach(e => { |
|
||||||
e.value = e.typeId |
|
||||||
e.title = e.typeName |
|
||||||
}) |
|
||||||
this.tabs = res.typeList |
|
||||||
this.filters[0].data = res.typeList |
|
||||||
}).catch(e => {}) |
|
||||||
|
|
||||||
// 产品标签 |
|
||||||
tagsList().then(res => { |
|
||||||
res.tagsList.forEach(e => { |
|
||||||
e.value = e.tagsId |
|
||||||
e.title = e.tagsName |
|
||||||
}) |
|
||||||
this.filters[2].data = res.tagsList |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 筛选确定回调 |
|
||||||
subFinsh(val) { |
|
||||||
const { productType, selection, tagId, categoryId, professionalCategoryId, professionalId, categoryName } = val |
|
||||||
this.form = { |
|
||||||
categoryId: categoryId || '', |
|
||||||
professionalCategoryId: professionalCategoryId || '', |
|
||||||
professionalId: professionalId || '', |
|
||||||
productType: productType.length ? productType[0] : '', |
|
||||||
selection: selection.length ? selection[0] : '', |
|
||||||
tagId: tagId.length ? tagId[0] : '' |
|
||||||
} |
|
||||||
this.categoryName = categoryName || '' |
|
||||||
this.productTypeName = this.form.productType ? this.filters[0].data.find(e => e.value == this.form.productType).title : '' |
|
||||||
this.tagName = this.form.tagId ? this.filters[2].data.find(e => e.value == this.form.tagId).title : '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 删除学科专业已选 |
|
||||||
delCategory() { |
|
||||||
this.$refs.filter.category = [] |
|
||||||
this.$refs.filter.categoryName = '' |
|
||||||
this.$refs.filter.categoryId = '' |
|
||||||
this.$refs.filter.professionalCategoryId = '' |
|
||||||
this.$refs.filter.professionalId = '' |
|
||||||
this.form.categoryId = '' |
|
||||||
this.form.professionalCategoryId = '' |
|
||||||
this.form.professionalId = '' |
|
||||||
this.categoryName = '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 删除产品类型已选 |
|
||||||
delProductType() { |
|
||||||
this.filterForm.productType = [] |
|
||||||
this.form.productType = '' |
|
||||||
this.productTypeName = '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 删除官方精选已选 |
|
||||||
delSelection() { |
|
||||||
this.filterForm.selection = [] |
|
||||||
this.form.selection = '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 删除产品标签已选 |
|
||||||
delTag() { |
|
||||||
this.filterForm.tagId = [] |
|
||||||
this.form.tagId = '' |
|
||||||
this.tagName = '' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// tab切换 |
|
||||||
tabChange(id) { |
|
||||||
this.curTab = id |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 跳转详情 |
|
||||||
toDetail(item) { |
|
||||||
console.log(44, item) |
|
||||||
this.$util.to(`../productDetail/productDetail?id=${item.mallId}`) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.tab-wrap { |
|
||||||
display: flex; |
|
||||||
.tab-scroll { |
|
||||||
width: calc(100% - 100rpx); |
|
||||||
white-space: nowrap; |
|
||||||
li { |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.tags { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
flex-wrap: wrap; |
|
||||||
padding: 0 24rpx; |
|
||||||
.tag { |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
padding: 10rpx 14rpx; |
|
||||||
margin: 0 20rpx 16rpx 0; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #007EFF; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 4px; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
margin-left: 6rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.list { |
|
||||||
li { |
|
||||||
padding: 0 24rpx; |
|
||||||
margin: 16rpx 24rpx; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 16rpx; |
|
||||||
} |
|
||||||
.pro-name { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
padding: 18rpx 0; |
|
||||||
font-size: 30rpx; |
|
||||||
font-weight: 600; |
|
||||||
color: #333; |
|
||||||
border-bottom: 1px solid #E6E8ED; |
|
||||||
.icon { |
|
||||||
width: 58rpx; |
|
||||||
min-width: 58rpx; |
|
||||||
height: 58rpx; |
|
||||||
margin-right: 20rpx; |
|
||||||
border-radius: 4px; |
|
||||||
} |
|
||||||
} |
|
||||||
.info { |
|
||||||
padding: 12rpx 0; |
|
||||||
} |
|
||||||
.line { |
|
||||||
display: flex; |
|
||||||
padding: 12rpx 0; |
|
||||||
} |
|
||||||
.name { |
|
||||||
margin-right: 10rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.val { |
|
||||||
max-width: 70%; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.ell-wrap { |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
.ell { |
|
||||||
white-space: nowrap; |
|
||||||
text-overflow: ellipsis; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
.toggle { |
|
||||||
margin-left: 10rpx; |
|
||||||
white-space: nowrap; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #0e92ef; |
|
||||||
} |
|
||||||
} |
|
||||||
.plus { |
|
||||||
bottom: 140rpx; |
|
||||||
right: 60rpx; |
|
||||||
.icon { |
|
||||||
width: 102rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,317 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="page"> |
|
||||||
<ul class="list"> |
|
||||||
<uni-swipe-action> |
|
||||||
<uni-swipe-action-item |
|
||||||
v-for="(item, i) in list" |
|
||||||
:key="i" |
|
||||||
:threshold="0" |
|
||||||
:right-options="delOption" |
|
||||||
@click="del(item)" |
|
||||||
> |
|
||||||
<li> |
|
||||||
<uni-data-checkbox v-if="item.check" class="check" multiple :value="[1]" :localdata="item.checkData" @change="e => checkChange(e, i)"></uni-data-checkbox> |
|
||||||
<uni-data-checkbox v-else class="check" multiple v-model="item.check" :localdata="item.checkData" @change="e => checkChange(e, i)"></uni-data-checkbox> |
|
||||||
<image class="icon" :src="$util.getIcon(item)"></image> |
|
||||||
<view class="texts"> |
|
||||||
<view class="name">{{ item.productName }}</view> |
|
||||||
<view class="price">市场建议价：{{ item.marketUnitPrice }}元/年</view> |
|
||||||
</view> |
|
||||||
</li> |
|
||||||
</uni-swipe-action-item> |
|
||||||
</uni-swipe-action> |
|
||||||
</ul> |
|
||||||
<uni-load-more :status="status" /> |
|
||||||
|
|
||||||
<view class="btn-wrap"> |
|
||||||
<uni-data-checkbox class="check" multiple v-model="checkAll" :localdata="checkAllData" @change="allChange"></uni-data-checkbox> |
|
||||||
<view class="btns"> |
|
||||||
<view class="btn del" @click="batchDel">删除</view> |
|
||||||
<view class="btn" @click="submit">生成订单</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { shoppingCartList, delCart, detailsOfGoods } from '@/apis/modules/product.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
searchTimer: null, |
|
||||||
list: [], |
|
||||||
page: 1, |
|
||||||
pageSize: 10, |
|
||||||
check: [1], |
|
||||||
noCheck: [], |
|
||||||
checkData: [{ |
|
||||||
text: '', |
|
||||||
value: 1 |
|
||||||
}], |
|
||||||
checkAll: [], |
|
||||||
checkAllData: [{ |
|
||||||
text: '全部', |
|
||||||
value: 1 |
|
||||||
}], |
|
||||||
checked: [], // 已经勾选的集合 |
|
||||||
delOption: [{ |
|
||||||
text: '删除', |
|
||||||
style: { |
|
||||||
backgroundColor: '#F56C6C' |
|
||||||
} |
|
||||||
}], |
|
||||||
} |
|
||||||
}, |
|
||||||
// 下拉刷新 |
|
||||||
onPullDownRefresh() { |
|
||||||
this.initList() |
|
||||||
setTimeout(() => { |
|
||||||
uni.stopPullDownRefresh() |
|
||||||
}, 1500) |
|
||||||
}, |
|
||||||
// 上拉加载 |
|
||||||
onReachBottom() { |
|
||||||
if (this.reachBottom >= 0) { |
|
||||||
this.reachBottom = 1 |
|
||||||
this.status = 'loading' |
|
||||||
this.getList() |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
this.checked = [] |
|
||||||
// 清除产品缓存 |
|
||||||
try { |
|
||||||
uni.removeStorageSync('orderForm') |
|
||||||
uni.removeStorageSync('courses') |
|
||||||
uni.removeStorageSync('orderEdited') |
|
||||||
} catch (e) {} |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 购物车列表 |
|
||||||
getList() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
shoppingCartList({ |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
}).then(({ data }) => { |
|
||||||
const { records } = data |
|
||||||
const all = this.checkAll.length // 是否勾选了全选 |
|
||||||
const pageChange = this.reachBottom > 0 // 是否是翻页 |
|
||||||
// 添加选择框字段 |
|
||||||
records.forEach(e => { |
|
||||||
e.check = 0 |
|
||||||
e.checkData = [{ |
|
||||||
text: '', |
|
||||||
value: 1 |
|
||||||
}] |
|
||||||
}) |
|
||||||
|
|
||||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
|
||||||
this.list = pageChange ? [...this.list, ...records] : records |
|
||||||
this.page++ // 每次获取了数据后page+1 |
|
||||||
const noMore = this.list.length === data.total // 是否加载完所有数据 |
|
||||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
|
||||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
|
||||||
uni.hideLoading() |
|
||||||
}).catch(e => { |
|
||||||
uni.hideLoading() |
|
||||||
}) |
|
||||||
}, |
|
||||||
initList() { |
|
||||||
this.page = 1 |
|
||||||
this.reachBottom = 0 |
|
||||||
this.getList() |
|
||||||
}, |
|
||||||
// 选择框回调 |
|
||||||
checkChange(e, i) { |
|
||||||
const { checked } = this |
|
||||||
const item = this.list[i] |
|
||||||
const { id } = item |
|
||||||
const include = checked.findIndex(e => e.id === id) |
|
||||||
// 选中的情况下，该产品如果没有push到已选数组里，则push |
|
||||||
if (e.detail.value.length) { |
|
||||||
include === -1 && checked.push(item) |
|
||||||
} else { |
|
||||||
// 取消选中的情况下，如果已选数组里存在该产品，则移除 |
|
||||||
if (include !== -1) { |
|
||||||
checked.splice(include, 1) |
|
||||||
this.checkAll = [] |
|
||||||
} |
|
||||||
} |
|
||||||
console.log(11, checked) |
|
||||||
}, |
|
||||||
// 全选 |
|
||||||
allChange(e) { |
|
||||||
const isCheck = !!e.detail.value.length // 是否选中 |
|
||||||
const { list } = this |
|
||||||
this.checked = isCheck ? JSON.parse(JSON.stringify(list)) : [] |
|
||||||
list.forEach(e => { |
|
||||||
e.check = isCheck ? 1 : 0 |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 生成产品参数 |
|
||||||
createParam(e, authority, shopCartId) { |
|
||||||
const { orderType } = this |
|
||||||
const { mall, typeIds } = e |
|
||||||
const trial = orderType == 2 // 是否是试用 |
|
||||||
return { |
|
||||||
dataOrCourseId: mall.associatedProduct, // id |
|
||||||
mallId: mall.mallId, |
|
||||||
productName: mall.productName, // 名称 |
|
||||||
periodOfUse: '', // 使用期限 |
|
||||||
startTime: this.$util.formatDate(new Date(), 'yyyy-MM-dd'), // 开始 |
|
||||||
endTime: '', // 终止 |
|
||||||
remainingPeriod: '', // 剩余期限 |
|
||||||
marketValue: '', // 市场价 |
|
||||||
marketPrice: mall.marketUnitPrice, // 市场单价 |
|
||||||
finalPrice: 0, // 成交价 |
|
||||||
finalValue: 0, // 成交单价（数据产品特有） |
|
||||||
discountRate: '0%', // 折扣率 |
|
||||||
accountNum: 1, // 账号数 |
|
||||||
totalAmount: '', // 总价 |
|
||||||
isEnable: 0, // 启用否：1启用，0禁用 |
|
||||||
ship: 0, // 发货否（0未发货，1已发货，默认不发货） |
|
||||||
authority, // 区分权限 0为数据平台权限，1为课程权限 |
|
||||||
options: 2, |
|
||||||
miniProgramPictureAddress: mall.appletIcon || '', // 图标 |
|
||||||
settlementPrice: trial ? 0 : '', // 结算价 |
|
||||||
settlementPriceUnit: 0, // 结算单价 |
|
||||||
serviceFee: 0, // 平台服务费（前端计算后展示，不入库） |
|
||||||
shopCartId, // 购物车id，订单提交后，调删除购物车的接口把这个产品删除 |
|
||||||
typeId: typeIds && typeIds.length ? typeIds[0] : '', |
|
||||||
} |
|
||||||
}, |
|
||||||
// 删除 |
|
||||||
del(e) { |
|
||||||
const that = this |
|
||||||
uni.showModal({ |
|
||||||
title: '提示', |
|
||||||
content: '确定要删除吗？', |
|
||||||
success(res) { |
|
||||||
if (res.confirm) { |
|
||||||
delCart([e.id]).then(res => { |
|
||||||
that.initList() |
|
||||||
}).catch(e => {}) |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 批量删除 |
|
||||||
batchDel() { |
|
||||||
const list = this.checked // 已选产品 |
|
||||||
if (list.length) { |
|
||||||
const that = this |
|
||||||
uni.showModal({ |
|
||||||
title: '提示', |
|
||||||
content: '确定要删除吗？', |
|
||||||
success(res) { |
|
||||||
if (res.confirm) { |
|
||||||
delCart(list.map(e => e.id)).then(res => { |
|
||||||
that.checkAll = [] |
|
||||||
that.checked = [] |
|
||||||
that.initList() |
|
||||||
}).catch(e => {}) |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
} else { |
|
||||||
this.$util.errMsg('请选择产品！') |
|
||||||
} |
|
||||||
}, |
|
||||||
// 确定 |
|
||||||
submit() { |
|
||||||
const list = this.checked // 已选产品 |
|
||||||
if (list.length) { |
|
||||||
// 判断勾选的产品是否有重复的 |
|
||||||
if (new Set(list.map(e => e.mallId)).size !== list.length) return this.$util.errMsg('所选产品存在重复，请重新选择') |
|
||||||
|
|
||||||
const promises = [] |
|
||||||
let courses = [] |
|
||||||
list.forEach(e => { |
|
||||||
promises.push(new Promise(async (resolve, reject) => { |
|
||||||
// 查询产品详情 |
|
||||||
const res = await detailsOfGoods(e.mallId) |
|
||||||
const n = res.orderDetails |
|
||||||
courses.push(this.createParam(n, this.$util.getOrderType(n.classificationIds[0]), e.id)) |
|
||||||
resolve() |
|
||||||
})) |
|
||||||
}) |
|
||||||
Promise.all(promises).then(_ => { |
|
||||||
uni.setStorageSync('courses', courses) |
|
||||||
this.$util.to(`../orderDetail/orderDetail?shopCart=1`) |
|
||||||
}) |
|
||||||
} else { |
|
||||||
this.$util.errMsg('请先添加产品！') |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
padding-bottom: 130rpx; |
|
||||||
} |
|
||||||
.list { |
|
||||||
li { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
width: 100%; |
|
||||||
padding: 30rpx 24rpx; |
|
||||||
margin: 16rpx 24rpx; |
|
||||||
background-color: #fff; |
|
||||||
border-radius: 16rpx; |
|
||||||
box-sizing: border-box; |
|
||||||
} |
|
||||||
.name { |
|
||||||
margin-bottom: 10rpx; |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.price { |
|
||||||
font-size: 26rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 100rpx; |
|
||||||
min-width: 100rpx; |
|
||||||
height: 100rpx; |
|
||||||
margin: 0 20rpx; |
|
||||||
border-radius: 4px; |
|
||||||
} |
|
||||||
} |
|
||||||
/deep/.check { |
|
||||||
.checklist-box { |
|
||||||
margin: 0 !important; |
|
||||||
} |
|
||||||
.checkbox__inner { |
|
||||||
width: 40rpx !important; |
|
||||||
height: 40rpx !important; |
|
||||||
border-radius: 50% !important; |
|
||||||
} |
|
||||||
.checkbox__inner-icon { |
|
||||||
top: 8rpx !important; |
|
||||||
left: 14rpx !important; |
|
||||||
} |
|
||||||
} |
|
||||||
.btn-wrap { |
|
||||||
position: fixed; |
|
||||||
justify-content: space-between; |
|
||||||
.btns { |
|
||||||
display: inline-flex; |
|
||||||
} |
|
||||||
.btn { |
|
||||||
width: auto; |
|
||||||
padding: 0 50rpx; |
|
||||||
} |
|
||||||
.del { |
|
||||||
margin-right: 20rpx; |
|
||||||
background-color: #b5b5b5; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
|
Before Width: | Height: | Size: 775 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 599 B |
|
Before Width: | Height: | Size: 439 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 518 B |
|
Before Width: | Height: | Size: 522 B |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 382 B |
|
Before Width: | Height: | Size: 537 B |
|
Before Width: | Height: | Size: 519 B |
|
Before Width: | Height: | Size: 457 B |
|
Before Width: | Height: | Size: 270 B |
|
Before Width: | Height: | Size: 734 B |
|
Before Width: | Height: | Size: 372 B |
|
Before Width: | Height: | Size: 302 B |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 483 B |
|
Before Width: | Height: | Size: 434 B |
|
Before Width: | Height: | Size: 298 B |
|
Before Width: | Height: | Size: 351 B |
|
Before Width: | Height: | Size: 641 B |
|
Before Width: | Height: | Size: 251 B |
|
Before Width: | Height: | Size: 480 B |
|
Before Width: | Height: | Size: 440 B |
|
Before Width: | Height: | Size: 347 B |
|
Before Width: | Height: | Size: 1007 B |
|
Before Width: | Height: | Size: 510 B |
|
Before Width: | Height: | Size: 502 B |
|
Before Width: | Height: | Size: 325 B |
|
Before Width: | Height: | Size: 282 B |
|
Before Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 195 B |
|
Before Width: | Height: | Size: 331 B |
|
Before Width: | Height: | Size: 373 B |
|
Before Width: | Height: | Size: 197 B |
|
Before Width: | Height: | Size: 525 B |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 221 B |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 974 B |
|
Before Width: | Height: | Size: 760 B |
|
Before Width: | Height: | Size: 310 B |
|
Before Width: | Height: | Size: 654 B |
|
Before Width: | Height: | Size: 283 B |
|
Before Width: | Height: | Size: 773 B |
|
Before Width: | Height: | Size: 624 B |
@ -1,61 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="page"> |
|
||||||
<view class="input"> |
|
||||||
<uni-easyinput v-model.trim="account" placeholder="请输入账号" @input="accountChange"></uni-easyinput> |
|
||||||
</view> |
|
||||||
<button type="primary" @click="submit">确认</button> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { checkIfAnAccountExists, changeAccount } from '@/apis/modules/user.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
timer: null, |
|
||||||
account: '', |
|
||||||
repeat: false |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
|
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 账号判重 |
|
||||||
accountChange() { |
|
||||||
clearTimeout(this.timer) |
|
||||||
this.timer = setTimeout(() => { |
|
||||||
checkIfAnAccountExists(this.account).then(() => { |
|
||||||
this.repeat = false |
|
||||||
}).catch(e => { |
|
||||||
this.repeat = true |
|
||||||
}) |
|
||||||
}, 500) |
|
||||||
}, |
|
||||||
submit() { |
|
||||||
const { account } = this |
|
||||||
if(!account) return this.$util.errMsg('请输入账号') |
|
||||||
if (this.repeat) return this.$util.errMsg('账号已存在!') |
|
||||||
changeAccount(account).then(res => { |
|
||||||
this.$util.sucMsg('修改成功！') |
|
||||||
setTimeout(() => { |
|
||||||
uni.navigateBack() |
|
||||||
}, 1000) |
|
||||||
}).catch(e => {}) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
padding: 20px; |
|
||||||
background-color: #fff; |
|
||||||
} |
|
||||||
/deep/.input { |
|
||||||
margin-bottom: 15px; |
|
||||||
.is-input-border { |
|
||||||
border-color: #dedede !important; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,51 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<uni-section title="邀请成员" type="line"> |
|
||||||
<uni-list> |
|
||||||
<uni-list-item thumb-size="sm" showArrow title="二维码邀请" clickable :to="`../qrcode/qrcode`"> |
|
||||||
<template v-slot:header> |
|
||||||
<view class="slot-box"> |
|
||||||
<image class="icon" src="@/static/image/qrcode.png" mode="widthFix"></image> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
<template v-slot:body> |
|
||||||
<text class="slot-box text">二维码邀请</text> |
|
||||||
</template> |
|
||||||
</uni-list-item> |
|
||||||
</uni-list> |
|
||||||
</uni-section> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
extraIcon: { |
|
||||||
color: '#007eff', |
|
||||||
size: '22', |
|
||||||
type: 'icon-qrcode' |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
|
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.slot-box { |
|
||||||
display: flex; |
|
||||||
flex-direction: row; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 25px; |
|
||||||
height: 25px; |
|
||||||
margin-right: 10px; |
|
||||||
} |
|
||||||
.text { |
|
||||||
font-size: 14px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,222 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="page"> |
|
||||||
<view class="block"> |
|
||||||
<view class="title">上传营业执照</view> |
|
||||||
<image class="credential" :src="businessLicensePicture || 'http://124.71.79.122/images/miniProgram/credentials1.png'" mode="widthFix" @click="uploadBusinessLicense"></image> |
|
||||||
</view> |
|
||||||
|
|
||||||
<view v-if="isPreschool" class="block"> |
|
||||||
<view class="title">上传办学许可证</view> |
|
||||||
<image class="credential" :src="licenseForRunningSchool || 'http://124.71.79.122/images/miniProgram/credentials2.png'" mode="widthFix" @click="uploadSchoolLicense"></image> |
|
||||||
</view> |
|
||||||
|
|
||||||
<view class="block"> |
|
||||||
<view class="form-list"> |
|
||||||
<view class="line with-arrow"> |
|
||||||
<view class="name">{{ isPreschool ? '幼儿园' : '企业' }}名称</view> |
|
||||||
<input type="text" :placeholder="'请输入' + platformName + '名称'" v-model="form.companyName" /> |
|
||||||
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
||||||
</view> |
|
||||||
<view class="line with-arrow"> |
|
||||||
<view class="name">统一社会信用代码</view> |
|
||||||
<input type="text" placeholder="请输入证件号码" v-model="form.creditCode" /> |
|
||||||
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
||||||
</view> |
|
||||||
<view class="line with-arrow"> |
|
||||||
<view class="name">法人</view> |
|
||||||
<input type="text" placeholder="请输入法人" v-model="form.legalPerson" /> |
|
||||||
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
<view class="btn-wrap"> |
|
||||||
<view class="btn" @click="submit">认证信息</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import OSS from '@/libs/Oss/upload' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
openId: uni.getStorageSync('openId'), |
|
||||||
form: { |
|
||||||
companyName: '', |
|
||||||
creditCode: '', |
|
||||||
legalPerson: '', |
|
||||||
}, |
|
||||||
platformId: '', |
|
||||||
businessLicensePicture: '', |
|
||||||
licenseForRunningSchool: '', |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
const { options } = pages[pages.length - 1] |
|
||||||
// this.getEnterInfo() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 企业认证信息 |
|
||||||
async getEnterInfo() { |
|
||||||
const res = await enterpriseCertificationStatus(this.openId) |
|
||||||
if (res.data) { |
|
||||||
const { data } = res |
|
||||||
this.businessLicensePicture = data.businessLicensePicture || '' |
|
||||||
this.licenseForRunningSchool = data.licenseForRunningSchool || '' |
|
||||||
this.form.companyName = data.companyName || '' |
|
||||||
this.form.creditCode = data.creditCode || '' |
|
||||||
this.form.legalPerson = data.legalPerson || '' |
|
||||||
this.form.address = data.address || '' |
|
||||||
this.form.business = data.business || '' |
|
||||||
this.form.capital = data.capital || '' |
|
||||||
this.form.establishDate = data.establishDate || '' |
|
||||||
this.form.type = data.type || '' |
|
||||||
this.form.validPeriod = data.validPeriod || '' |
|
||||||
this.form.platformSource = this.platformId |
|
||||||
} |
|
||||||
}, |
|
||||||
// 上传营业执照 |
|
||||||
uploadBusinessLicense() { |
|
||||||
const that = this |
|
||||||
uni.chooseImage({ |
|
||||||
success: (res) => { |
|
||||||
const file = res.tempFilePaths[0]; |
|
||||||
OSS(file, async ({ url }) => { |
|
||||||
that.businessLicensePicture = url |
|
||||||
const { data } = await businessLicensePictureVerification(url) |
|
||||||
if (data) { |
|
||||||
that.form = { |
|
||||||
companyName: data.name, |
|
||||||
creditCode: data.reg_num, |
|
||||||
legalPerson: data.person, |
|
||||||
address: data.address, |
|
||||||
business: data.business, |
|
||||||
capital: data.capital, |
|
||||||
establishDate: data.establish_date, |
|
||||||
type: data.type, |
|
||||||
validPeriod: data.valid_period, |
|
||||||
platformSource: this.platformId, |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 上传办学许可证 |
|
||||||
uploadSchoolLicense() { |
|
||||||
const that = this |
|
||||||
uni.chooseImage({ |
|
||||||
success: (res) => { |
|
||||||
const file = res.tempFilePaths[0]; |
|
||||||
OSS(file, async ({ url }) => { |
|
||||||
that.licenseForRunningSchool = url |
|
||||||
}) |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
// 消息推送授权 |
|
||||||
publicNotice() { |
|
||||||
const that = this |
|
||||||
uni.requestSubscribeMessage({ |
|
||||||
tmplIds: ['ZB6wTenlv13mivxXwi-DWwjgVoNJ6eUr1vBvNdQGbJw'], |
|
||||||
success: (res) => { |
|
||||||
uni.setStorageSync('platformId', that.platformId) |
|
||||||
const name = that.platformId == 6 ? '供应商' : '幼儿园' |
|
||||||
that.$util.errMsg(`您已成功提交${name}认证，现在为您切换到${name}端。`) |
|
||||||
setTimeout(() => { |
|
||||||
uni.switchTab({ |
|
||||||
url: '/pages/person/person' |
|
||||||
}) |
|
||||||
}, 2000) |
|
||||||
}, |
|
||||||
fail: function(err) { |
|
||||||
uni.showToast({ |
|
||||||
title: err, |
|
||||||
duration: 2000, |
|
||||||
icon: 'error' |
|
||||||
}); |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 提交 |
|
||||||
async submit() { |
|
||||||
if (this.submiting) return false |
|
||||||
const { form } = this |
|
||||||
if (!form.companyName) return this.$util.errMsg(`请输入${platformName}名称！`) |
|
||||||
if (!form.creditCode) return this.$util.errMsg('请输入统一社会信用代码！') |
|
||||||
if (!form.legalPerson) return this.$util.errMsg('请输入法人！') |
|
||||||
this.submiting = true |
|
||||||
uni.showLoading({ |
|
||||||
title: '提交中' |
|
||||||
}) |
|
||||||
const data = { |
|
||||||
...form, |
|
||||||
auditStatus: 1, |
|
||||||
authenticationStatus: 1, |
|
||||||
businessLicensePicture: this.businessLicensePicture, |
|
||||||
licenseForRunningSchool: this.licenseForRunningSchool, |
|
||||||
openId: this.openId |
|
||||||
} |
|
||||||
try { |
|
||||||
// 个人 |
|
||||||
if (uni.getStorageSync('platformId') === 7) { |
|
||||||
// 个人认证企业后新增一个企业角色 |
|
||||||
const res = await kindergartenWeChatApplication({ |
|
||||||
openId: this.openId, |
|
||||||
platformId: this.platformId, |
|
||||||
organizationName: form.companyName |
|
||||||
}) |
|
||||||
|
|
||||||
data.accountId = res.data.registerId |
|
||||||
await organizationCertification(data) |
|
||||||
} else { // 幼儿园/供应商 |
|
||||||
await creditCodeAuthentication(data) |
|
||||||
|
|
||||||
// 企业认证后要修改组织名字 |
|
||||||
await updateTeamInfo({ |
|
||||||
id: uni.getStorageSync('teamId'), |
|
||||||
classificationName: form.companyName |
|
||||||
}) |
|
||||||
} |
|
||||||
uni.hideLoading() |
|
||||||
this.publicNotice() |
|
||||||
} catch(e) { |
|
||||||
setTimeout(() => { |
|
||||||
uni.hideLoading() |
|
||||||
}, 1500) |
|
||||||
this.submiting = false |
|
||||||
} |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
padding-bottom: 170rpx; |
|
||||||
-webkit-overflow-scrolling: touch; |
|
||||||
} |
|
||||||
.avatar { |
|
||||||
width: 80rpx; |
|
||||||
height: 80rpx; |
|
||||||
border: 0; |
|
||||||
border-radius: 50%; |
|
||||||
} |
|
||||||
.block { |
|
||||||
padding: 24rpx; |
|
||||||
} |
|
||||||
.title { |
|
||||||
margin-bottom: 20rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
} |
|
||||||
.credential { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
.form-list { |
|
||||||
.name { |
|
||||||
min-width: 250rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,281 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<view :class="[{'not-auth': !per}]"> |
|
||||||
<view class="filter"> |
|
||||||
<uni-search-bar class="search" radius="30" placeholder="请输入方案名称" clearButton="auto" cancelButton="none" v-model="keyword" /> |
|
||||||
</view> |
|
||||||
|
|
||||||
<ul class="tab"> |
|
||||||
<li v-for="(tab, i) in classifications.slice(0, 4)" :class="{active: active === tab.id}" @click="tabChange(tab)">{{ tab.classificationName }}</li> |
|
||||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="typeVisible = true"></uni-icons> |
|
||||||
</ul> |
|
||||||
|
|
||||||
<view v-if="list.length" class="list"> |
|
||||||
<view v-for="(item, i) in list" class="item" @click="toDetail(item)"> |
|
||||||
<view class="c-name ell">{{ item.title }}</view> |
|
||||||
<view class="content"> |
|
||||||
<view class="info"> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">产品：</view> |
|
||||||
<view class="val ell-wrap"> |
|
||||||
<view v-if="!item.toggle" class="product ell">{{ item.productNames }}</view> |
|
||||||
<view v-else class="product" v-html="item.productNamesHtml"></view> |
|
||||||
<view v-if="item.productNames && item.productNames.length > 14" class="toggle" @click.stop="toggle(item)">{{ item.toggle ? '收起' : '展开' }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">更新日期：</view> |
|
||||||
<view class="val">{{ item.updateTime }}</view> |
|
||||||
</view> |
|
||||||
<view class="line"> |
|
||||||
<view class="name">适用专业：</view> |
|
||||||
<view class="val">{{ item.applicableMajor }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<!-- <view class="detail" @click.stop="toEmail(i)">下载</view> --> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<empty v-else></empty> |
|
||||||
|
|
||||||
<view :class="['type-popup', {active: typeVisible}]"> |
|
||||||
<uni-icons class="close" type="closeempty" size="20" color="#757575" @click="closeType"></uni-icons> |
|
||||||
<view class="title">所属分类</view> |
|
||||||
<view class="types"> |
|
||||||
<view v-for="(item, i) in classifications" :key="i" :class="['item', {active: active == item.id}]" @click="classificationClick(item)">{{ item.classificationName }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
<notAuth v-if="!per"></notAuth> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { schemeList, queryClassificationByType } from '@/apis/modules/article.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
per: true, // 是否有权限 |
|
||||||
active: '', |
|
||||||
typeVisible: false, |
|
||||||
classifications: [], |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
searchTimer: null, |
|
||||||
articleNameSort: 'desc', |
|
||||||
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.per = true |
|
||||||
this.keyword = '' |
|
||||||
this.active = '' |
|
||||||
this.initRole() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 初始化权限 |
|
||||||
initRole() { |
|
||||||
const auth = uni.getStorageSync('auth') |
|
||||||
if (!auth.includes('工作台:方案')) { |
|
||||||
this.per = false |
|
||||||
this.list = [ |
|
||||||
{ |
|
||||||
title: '智信云', |
|
||||||
productNames: '智信云师资培训班', |
|
||||||
applicableMajor: 'python实训系统', |
|
||||||
updateTime: '2023-08-08' |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '智信云', |
|
||||||
productNames: '智信云师资培训班智信云师资培训班', |
|
||||||
applicableMajor: 'python实训系统', |
|
||||||
updateTime: '2023-08-08' |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '智信云智信云', |
|
||||||
productNames: '智信云师资培训班智信云师资培训班', |
|
||||||
applicableMajor: 'python实训系统', |
|
||||||
updateTime: '2023-08-08' |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '智信云', |
|
||||||
productNames: '智信云师资培训班智信云师资培训班', |
|
||||||
applicableMajor: 'python实训系统实训系统', |
|
||||||
updateTime: '2023-08-08' |
|
||||||
}, |
|
||||||
] |
|
||||||
} else { |
|
||||||
this.initList() |
|
||||||
this.getClassification() |
|
||||||
} |
|
||||||
}, |
|
||||||
getList() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
schemeList({ |
|
||||||
keyWord: this.keyword, |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
querySource: 4, |
|
||||||
classificationId: this.active |
|
||||||
}).then(({ data }) => { |
|
||||||
uni.hideLoading() |
|
||||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
|
||||||
const list = data.records |
|
||||||
list.forEach(e => { |
|
||||||
if (e.productNames) { |
|
||||||
e.toggle = e.productNames.length < 14 // 超过了14个字才需要显示展开按钮 |
|
||||||
e.productNamesHtml = e.productNames.split(',').join('<br>') |
|
||||||
} |
|
||||||
}) |
|
||||||
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list |
|
||||||
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() |
|
||||||
}, |
|
||||||
// 获取所属分类 |
|
||||||
getClassification() { |
|
||||||
queryClassificationByType(3).then(({ data }) => { |
|
||||||
this.classifications = [ |
|
||||||
{ |
|
||||||
id: '', |
|
||||||
classificationName: '不限' |
|
||||||
} |
|
||||||
] |
|
||||||
this.classifications.push(...data) |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 所属分类点击回调 |
|
||||||
classificationClick(item, query) { |
|
||||||
this.active = item.id |
|
||||||
query && this.initList() |
|
||||||
}, |
|
||||||
// 关闭所属分类弹框 |
|
||||||
closeType() { |
|
||||||
this.typeVisible = false |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// tab切换 |
|
||||||
tabChange(tab) { |
|
||||||
this.active = tab.id |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 跳转详情 |
|
||||||
toDetail(item) { |
|
||||||
this.$util.to(`/team/scheme/scheme?id=` + item.id) |
|
||||||
}, |
|
||||||
// 发送邮箱 |
|
||||||
toEmail(id) { |
|
||||||
this.$util.to(`../send/send?id=${id}`) |
|
||||||
}, |
|
||||||
// 展开 |
|
||||||
toggle(item) { |
|
||||||
item.toggle = !item.toggle |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.tab { |
|
||||||
position: relative; |
|
||||||
justify-content: flex-start; |
|
||||||
li { |
|
||||||
padding: 0 30rpx; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
position: absolute; |
|
||||||
top: 32rpx; |
|
||||||
right: 44rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.list { |
|
||||||
background-color: #fff; |
|
||||||
.item { |
|
||||||
padding: 20rpx 40rpx; |
|
||||||
border-bottom: 1px solid #f1f1f1; |
|
||||||
} |
|
||||||
.c-name { |
|
||||||
font-size: 30rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.line { |
|
||||||
display: flex; |
|
||||||
padding: 10rpx 0; |
|
||||||
} |
|
||||||
.content { |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
margin-top: 20rpx; |
|
||||||
} |
|
||||||
.name { |
|
||||||
width: 140rpx; |
|
||||||
margin-right: 10rpx; |
|
||||||
white-space: nowrap; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.val { |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.product { |
|
||||||
max-width: 67vw; |
|
||||||
white-space: pre-wrap; |
|
||||||
&.ell { |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
} |
|
||||||
.toggle { |
|
||||||
margin-top: 10rpx; |
|
||||||
white-space: nowrap; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #0e92ef; |
|
||||||
} |
|
||||||
.detail { |
|
||||||
margin-left: 20rpx; |
|
||||||
font-size: 26rpx; |
|
||||||
color: #1f83ff; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,168 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="page"> |
|
||||||
<view class="wrap"> |
|
||||||
<view class="inner"> |
|
||||||
<view class="info"> |
|
||||||
<image class="avatar" :src="avatar" mode=""></image> |
|
||||||
<view class="text"> |
|
||||||
<view class="invite"> |
|
||||||
<text class="name">{{ my.info.userName }}</text> 邀请你加入城市合伙人计划 |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view class="com">{{ team.partnerClassificationName }}</view> |
|
||||||
<u-qrcode v-if="link" class="qrcode" ref="qrcode" canvas-id="qrcode" isQueueLoadImage :size="size" :value="link" @complete="qrcodeComplete"></u-qrcode> |
|
||||||
<image class="qrcode-img" :src="qrcodeImg" show-menu-by-longpress @click="previewImage"></image> |
|
||||||
|
|
||||||
<view class="tips" style="margin-top: 20rpx;">扫一扫，加入我们吧</view> |
|
||||||
<view class="tips">长按可转发至微信好友和保存图片</view> |
|
||||||
</view> |
|
||||||
<view class="warn">邀请二维码失效日期：{{ expireTime }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { generateInvitationCode, my } from '@/apis/modules/parner.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
avatar: uni.getStorageSync('avatar') || '@/static/image/avatar.png', |
|
||||||
my: { |
|
||||||
info: {}, |
|
||||||
}, |
|
||||||
expireTime: '', |
|
||||||
qrcode: '', |
|
||||||
link: '', |
|
||||||
qrcodeImg: '', |
|
||||||
size: uni.upx2px(420), |
|
||||||
team: uni.getStorageSync('team') |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
this.getInfo() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 获取个人信息 |
|
||||||
getInfo() { |
|
||||||
const team = uni.getStorageSync('team') |
|
||||||
my({ |
|
||||||
partnerId: team.partnerId, |
|
||||||
teamId: team.teamId |
|
||||||
}).then(({ my }) => { |
|
||||||
this.my = my |
|
||||||
this.$nextTick(() => { |
|
||||||
this.getQrcode() |
|
||||||
}) |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 生成二维码 |
|
||||||
getQrcode() { |
|
||||||
const { team } = this |
|
||||||
// 生成邀请码 |
|
||||||
generateInvitationCode(uni.getStorageSync('team').accountId).then(({ expireTime }) => { |
|
||||||
const date = new Date(Date.now() + expireTime * 1000) // 返回的秒，要*1000 |
|
||||||
this.expireTime = `${date.getFullYear()}-${this.$util.preZero(date.getMonth() + 1)}-${this.$util.preZero(date.getDate())} ${this.$util.preZero(date.getHours())}:${this.$util.preZero(date.getMinutes())}:${this.$util.preZero(date.getMinutes())}` |
|
||||||
this.link = `https://www.occupationlab.com/#/join?accountId=${team.accountId}&id=${team.teamId}&isTeam=0&teamName=${this.my.info.userName}&provinceId=${uni.getStorageSync('provinceId')}&cityId=${uni.getStorageSync('cityId')}` |
|
||||||
// this.link = `http://121.37.12.51/backstage/#/join?accountId=${team.accountId}&id=${team.teamId}&isTeam=0&teamName=${this.my.info.userName}&provinceId=${uni.getStorageSync('provinceId')}&cityId=${uni.getStorageSync('cityId')}` |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 二维码组件生成完成钩子。生成后把图片导出给image组件，image组件才可以长按二维码转发 |
|
||||||
qrcodeComplete() { |
|
||||||
console.log('complete', this.$refs.qrcode.toTempFilePath, this.link) |
|
||||||
this.$refs.qrcode.toTempFilePath({ |
|
||||||
success: res => { |
|
||||||
this.qrcodeImg = res.tempFilePath |
|
||||||
}, |
|
||||||
fail: res => { |
|
||||||
console.log('fail', res) |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
previewImage(e){ |
|
||||||
uni.previewImage({ |
|
||||||
// 需要预览的图片链接列表。若无需预览，可以注释urls |
|
||||||
urls: [e.target.src], |
|
||||||
// 为当前显示图片的链接/索引值 |
|
||||||
current: e.target.src, |
|
||||||
// 图片指示器样式 |
|
||||||
indicator:'default', |
|
||||||
// 是否可循环预览 |
|
||||||
loop:false, |
|
||||||
// 长按图片显示操作菜单，如不填默认为保存相册 |
|
||||||
// longPressActions:{ |
|
||||||
// itemList:[this.l('发送给朋友'),this.l] |
|
||||||
// }, |
|
||||||
success: res => { |
|
||||||
console.log('previewImage res', res); |
|
||||||
}, |
|
||||||
fail: err => {} |
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.page { |
|
||||||
display: flex; |
|
||||||
justify-content: center; |
|
||||||
align-items: center; |
|
||||||
height: 100%; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
.wrap { |
|
||||||
padding-bottom: 40rpx; |
|
||||||
text-align: center; |
|
||||||
background-color: #fff; |
|
||||||
.inner { |
|
||||||
position: relative; |
|
||||||
display: flex; |
|
||||||
flex-direction: column; |
|
||||||
justify-content: center; |
|
||||||
align-items: center; |
|
||||||
padding: 40rpx 80rpx 0; |
|
||||||
} |
|
||||||
.info { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
margin-bottom: 40rpx; |
|
||||||
text-align: left; |
|
||||||
} |
|
||||||
.avatar { |
|
||||||
width: 80rpx; |
|
||||||
height: 80rpx; |
|
||||||
margin-right: 20rpx; |
|
||||||
border-radius: 50%; |
|
||||||
} |
|
||||||
.invite { |
|
||||||
font-size: 26rpx; |
|
||||||
} |
|
||||||
.name { |
|
||||||
margin-right: 5rpx; |
|
||||||
font-size: 30rpx; |
|
||||||
color: $uni-primary; |
|
||||||
} |
|
||||||
.com { |
|
||||||
margin: 20rpx 0; |
|
||||||
font-size: 30rpx; |
|
||||||
} |
|
||||||
.qrcode { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.qrcode-img { |
|
||||||
width: 420rpx; |
|
||||||
height: 420rpx; |
|
||||||
} |
|
||||||
.tips { |
|
||||||
margin-bottom: 10rpx; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.warn { |
|
||||||
margin-top: 10rpx; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #f00; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,116 +0,0 @@ |
|||||||
<template> |
|
||||||
<view class="wrap"> |
|
||||||
<view class="title">{{ form.title }}</view> |
|
||||||
|
|
||||||
<view class="text">{{ form.applicableMajor }}</view> |
|
||||||
<view class="text">{{ form.schemeIntroduction }}</view> |
|
||||||
<view class="text" v-html="form.product"></view> |
|
||||||
<template v-if="form.fileName"> |
|
||||||
<view class="file">{{ form.fileName }}</view> |
|
||||||
<view class="detail" @click.stop="download">下载</view> |
|
||||||
</template> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { schemeFindById } from '@/apis/modules/article.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
id: '', |
|
||||||
form: { |
|
||||||
totalBrowsing: '' |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
const pages = getCurrentPages() |
|
||||||
const { options } = pages[pages.length - 1] |
|
||||||
this.id = options.id |
|
||||||
this.getInfo() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 获取详情 |
|
||||||
getInfo() { |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
schemeFindById(this.id).then(({ data }) => { |
|
||||||
if (data.productList) data.product = data.productList.map(e => e.productName).join('<br>') |
|
||||||
this.form = data |
|
||||||
uni.hideLoading() |
|
||||||
}).catch(e => { |
|
||||||
uni.hideLoading() |
|
||||||
}) |
|
||||||
}, |
|
||||||
// 下载方案文件 |
|
||||||
download() { |
|
||||||
uni.setStorageSync('files', { |
|
||||||
copyWriting: this.form.title, |
|
||||||
fileName: [this.form.fileName], |
|
||||||
urls: [this.form.schemeFile] |
|
||||||
}) |
|
||||||
this.$util.to(`/team/send/send`) |
|
||||||
// uni.showLoading({ |
|
||||||
// title: '加载中', |
|
||||||
// mask: true |
|
||||||
// }) |
|
||||||
// const url = this.form.schemeFile |
|
||||||
// const that = this |
|
||||||
// // 下载文件资源到本地 |
|
||||||
// uni.downloadFile({ |
|
||||||
// url, |
|
||||||
// success: function(res) { |
|
||||||
// console.log(444, res) |
|
||||||
// uni.saveFile({ |
|
||||||
// tempFilePath: res.tempFilePath, |
|
||||||
// success: function(res) { |
|
||||||
// console.log(555, res) |
|
||||||
// // 新开页面打开文档，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx。 |
|
||||||
// that.$util.isDoc(url.substring(url.lastIndexOf('.') +1)) && uni.openDocument({ |
|
||||||
// filePath: res.savedFilePath, |
|
||||||
// showMenu: true, // 允许出现分享功能 |
|
||||||
// success: res => { |
|
||||||
// uni.hideLoading() |
|
||||||
// }, |
|
||||||
// fail: openError => { |
|
||||||
// uni.hideLoading() |
|
||||||
// } |
|
||||||
// }) |
|
||||||
// } |
|
||||||
// }) |
|
||||||
// }, |
|
||||||
// fail: function(err) { |
|
||||||
// uni.hideLoading() |
|
||||||
// } |
|
||||||
// }) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.wrap { |
|
||||||
padding: 30rpx; |
|
||||||
background-color: #fff; |
|
||||||
} |
|
||||||
.title { |
|
||||||
font-size: 34rpx; |
|
||||||
font-weight: 600; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.text { |
|
||||||
margin: 20rpx 0; |
|
||||||
font-size: 28rpx; |
|
||||||
line-height: 1.6; |
|
||||||
} |
|
||||||
.file { |
|
||||||
margin: 20rpx 0; |
|
||||||
font-size: 26rpx; |
|
||||||
word-break: break-all; |
|
||||||
} |
|
||||||
.detail { |
|
||||||
font-size: 30rpx; |
|
||||||
color: #1f83ff; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,92 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<uni-list> |
|
||||||
<uni-list-item :show-extra-icon="true" showArrow :extra-icon="phoneIcon" title="手机号" :rightText="info.phone" clickable @click="toPage('../phone/phone')" /> |
|
||||||
<uni-list-item :show-extra-icon="true" showArrow :extra-icon="mailIcon" title="邮箱" :rightText="info.email" clickable @click="toPage('../email/email')" /> |
|
||||||
<uni-list-item :show-extra-icon="true" showArrow :extra-icon="accountIcon" title="账号" :rightText="info.account" clickable @click="toPage('../account/account')" /> |
|
||||||
<uni-list-item :show-extra-icon="true" showArrow :extra-icon="pwdIcon" title="密码" rightText="******" clickable @click="toPage('../password/password')" /> |
|
||||||
</uni-list> |
|
||||||
|
|
||||||
<view class="logout" @click="logout">退出登录</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { my } from '@/apis/modules/parner.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
phoneIcon: { |
|
||||||
color: '#007eff', |
|
||||||
size: '22', |
|
||||||
type: 'phone' |
|
||||||
}, |
|
||||||
mailIcon: { |
|
||||||
color: '#007eff', |
|
||||||
size: '22', |
|
||||||
type: 'email' |
|
||||||
}, |
|
||||||
accountIcon: { |
|
||||||
color: '#007eff', |
|
||||||
size: '22', |
|
||||||
type: 'person' |
|
||||||
}, |
|
||||||
pwdIcon: { |
|
||||||
color: '#007eff', |
|
||||||
size: '22', |
|
||||||
type: 'locked' |
|
||||||
}, |
|
||||||
info: { |
|
||||||
account: '', |
|
||||||
phone: '', |
|
||||||
email: '' |
|
||||||
}, |
|
||||||
} |
|
||||||
}, |
|
||||||
onShow() { |
|
||||||
this.getInfo() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 获取个人信息 |
|
||||||
getInfo() { |
|
||||||
const { partnerId, teamId } = uni.getStorageSync('team') |
|
||||||
my({ |
|
||||||
partnerId, |
|
||||||
teamId |
|
||||||
}).then(({ my }) => { |
|
||||||
this.info = my.info |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
toPage(path) { |
|
||||||
this.$util.to(path) |
|
||||||
}, |
|
||||||
// 退出登录 |
|
||||||
logout() { |
|
||||||
const that = this |
|
||||||
uni.showModal({ |
|
||||||
title: '提示', |
|
||||||
content: '确定要退出账号吗？', |
|
||||||
success(res) { |
|
||||||
if (res.confirm) { |
|
||||||
uni.clearStorageSync() |
|
||||||
uni.reLaunch({ |
|
||||||
url: '/pages/index/index' |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.logout { |
|
||||||
padding: 30rpx 0; |
|
||||||
margin-top: 30rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
text-align: center; |
|
||||||
background-color: #fff; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,289 +0,0 @@ |
|||||||
<template> |
|
||||||
<view> |
|
||||||
<view class="search-wrap"> |
|
||||||
<image class="bg" src="@/static/image/study-bg.jpg"></image> |
|
||||||
<view class="info"> |
|
||||||
<view class="text">销售必备技能</view> |
|
||||||
<uni-search-bar class="search" radius="30" placeholder="请输入文章名称，标签" v-model="keyword" clearButton="auto" cancelButton="none" bgColor="#fff" /> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
<view class="type"> |
|
||||||
<view v-for="(item, i) in classifications.slice(0, 4)" :key="i" :class="['item', {active: active == item.id}]" @click="classificationClick(item, 1)">{{ item.classificationName }}</view> |
|
||||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="typeVisible = true"></uni-icons> |
|
||||||
</view> |
|
||||||
|
|
||||||
<template v-if="list.length"> |
|
||||||
<view class="list"> |
|
||||||
<view v-for="(item, i) in list" :key="i" class="item" @click="toDetail(item)"> |
|
||||||
<image class="pic" :src="item.bannerImg"></image> |
|
||||||
<view class="right"> |
|
||||||
<view class="title ell">{{ item.title }}</view> |
|
||||||
<view v-if="item.labelName" class="labels"> |
|
||||||
<view v-for="(label, j) in item.labelName.split(',').slice(0, 2)" :key="j" class="label">{{ label }}</view> |
|
||||||
</view> |
|
||||||
<view class="metas"> |
|
||||||
<view class="meta"> |
|
||||||
<uni-icons class="icon" type="eye" size="22" color="#007FFF"></uni-icons> |
|
||||||
{{ item.learnerNumber }}人学过 |
|
||||||
</view> |
|
||||||
<view class="meta" @click.stop="collect(item)"> |
|
||||||
<uni-icons class="icon" :type="item.collectionStatus ? 'star-filled' : 'star'" size="22" color="#007eff"></uni-icons> |
|
||||||
{{ item.collectionNumber }} |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<view v-if="item.lastReading" class="last">上次阅读</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
<uni-load-more :status="status" /> |
|
||||||
</template> |
|
||||||
<empty v-else></empty> |
|
||||||
|
|
||||||
<view :class="['type-popup', {active: typeVisible}]"> |
|
||||||
<uni-icons class="close" type="closeempty" size="20" color="#757575" @click="closeType"></uni-icons> |
|
||||||
<view class="title">所属分类</view> |
|
||||||
<view class="types"> |
|
||||||
<view v-for="(item, i) in classifications" :key="i" :class="['item', {active: active == item.id}]" @click="classificationClick(item)">{{ item.classificationName }}</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { partnerOperatingList, queryClassificationByType, collectCourse } from '@/apis/modules/article.js' |
|
||||||
export default { |
|
||||||
data() { |
|
||||||
return { |
|
||||||
classifications: [], |
|
||||||
active: '', |
|
||||||
typeVisible: false, |
|
||||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
|
||||||
status: 'more', // 上拉加载状态 more|loading|noMore |
|
||||||
searchTimer: null, |
|
||||||
articleNameSort: '', |
|
||||||
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.keyword = '' |
|
||||||
this.active = '' |
|
||||||
this.typeVisible = false |
|
||||||
this.initRole() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
// 初始化权限 |
|
||||||
initRole() { |
|
||||||
if (!uni.getStorageSync('auth').includes('学习')) { |
|
||||||
this.per = false |
|
||||||
} |
|
||||||
this.initList() |
|
||||||
this.getClassification() |
|
||||||
}, |
|
||||||
getList() { |
|
||||||
const data = { |
|
||||||
keyWord: this.keyword, |
|
||||||
pageNum: this.page, |
|
||||||
pageSize: this.pageSize, |
|
||||||
querySource: 4, |
|
||||||
typeId: 1, |
|
||||||
articleNameSort: this.articleNameSort, |
|
||||||
classificationId: this.active |
|
||||||
} |
|
||||||
uni.showLoading({ |
|
||||||
title: '加载中' |
|
||||||
}) |
|
||||||
partnerOperatingList(data).then(({ page, total }) => { |
|
||||||
uni.hideLoading() |
|
||||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
|
||||||
const list = page |
|
||||||
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list |
|
||||||
this.page++ // 每次获取了数据后page+1 |
|
||||||
const noMore = this.list.length === 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() |
|
||||||
}, |
|
||||||
// 获取所属分类 |
|
||||||
getClassification() { |
|
||||||
queryClassificationByType(1).then(({ data }) => { |
|
||||||
this.classifications = [ |
|
||||||
{ |
|
||||||
id: '', |
|
||||||
classificationName: '不限' |
|
||||||
} |
|
||||||
] |
|
||||||
this.classifications.push(...data) |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 所属分类点击回调 |
|
||||||
classificationClick(item, query) { |
|
||||||
this.active = item.id |
|
||||||
query && this.initList() |
|
||||||
}, |
|
||||||
// 关闭所属分类弹框 |
|
||||||
closeType() { |
|
||||||
this.typeVisible = false |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 展开 |
|
||||||
toggle(item) { |
|
||||||
item.toggle = !item.toggle |
|
||||||
}, |
|
||||||
// 排序 |
|
||||||
switchSort() { |
|
||||||
this.articleNameSort = this.articleNameSort === 'desc' ? 'asc' : 'desc' |
|
||||||
this.initList() |
|
||||||
}, |
|
||||||
// 收藏 |
|
||||||
collect(item) { |
|
||||||
const state = item.collectionStatus ? 0 : 1 |
|
||||||
collectCourse(item.id, state).then(({ data }) => { |
|
||||||
item.collectionStatus = state |
|
||||||
state ? ++item.collectionNumber : --item.collectionNumber |
|
||||||
}).catch(e => {}) |
|
||||||
}, |
|
||||||
// 跳转详情 |
|
||||||
toDetail(item) { |
|
||||||
this.$util.to(`/team/article/article?id=` + item.id) |
|
||||||
}, |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.search-wrap { |
|
||||||
position: relative; |
|
||||||
height: 300rpx; |
|
||||||
padding: 120rpx 10px 0; |
|
||||||
.bg { |
|
||||||
position: absolute; |
|
||||||
top: 0; |
|
||||||
left: 0; |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
} |
|
||||||
.info { |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
.text { |
|
||||||
margin: 0 10px 10rpx; |
|
||||||
font-size: 50rpx; |
|
||||||
color: #fff; |
|
||||||
} |
|
||||||
} |
|
||||||
.type { |
|
||||||
position: relative; |
|
||||||
display: flex; |
|
||||||
padding: 30rpx; |
|
||||||
background-color: #fff; |
|
||||||
.item { |
|
||||||
padding: 0 15rpx; |
|
||||||
line-height: 1.6; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #333; |
|
||||||
white-space: nowrap; |
|
||||||
&.active { |
|
||||||
color: #007FFF; |
|
||||||
font-weight: 600; |
|
||||||
} |
|
||||||
} |
|
||||||
.icon { |
|
||||||
position: absolute; |
|
||||||
right: 40rpx; |
|
||||||
width: 40rpx; |
|
||||||
} |
|
||||||
} |
|
||||||
.list { |
|
||||||
background-color: #fff; |
|
||||||
.item { |
|
||||||
position: relative; |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
align-items: center; |
|
||||||
margin-bottom: 10rpx; |
|
||||||
padding: 20rpx 40rpx; |
|
||||||
border-bottom: 1px solid #f1f1f1; |
|
||||||
} |
|
||||||
.pic { |
|
||||||
width: 260rpx; |
|
||||||
height: 180rpx; |
|
||||||
border-radius: 8px; |
|
||||||
} |
|
||||||
.right { |
|
||||||
width: calc(100% - 280rpx); |
|
||||||
} |
|
||||||
.title { |
|
||||||
margin-bottom: 15rpx; |
|
||||||
font-size: 32rpx; |
|
||||||
font-weight: 600; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.labels { |
|
||||||
display: flex; |
|
||||||
flex-wrap: wrap; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
.label { |
|
||||||
padding: 2px 6px; |
|
||||||
margin: 0 20rpx 15rpx 0; |
|
||||||
font-size: 24rpx; |
|
||||||
color: #fff; |
|
||||||
background-color: #ccc; |
|
||||||
border-radius: 4px; |
|
||||||
} |
|
||||||
.metas { |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
.meta { |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
margin-right: 20rpx; |
|
||||||
font-size: 24rpx; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
margin-right: 5rpx; |
|
||||||
} |
|
||||||
.last { |
|
||||||
position: absolute; |
|
||||||
bottom: 20rpx; |
|
||||||
right: 40rpx; |
|
||||||
font-size: 28rpx; |
|
||||||
color: #007FFF; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue