huoran
/
FE_CRM
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

登录等

Browse Source
master
yujialong 3 years ago
parent fd4363423f
commit 98bf599434
25 changed files with 504 additions and 258 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      App.vue
  2. 4
      apis/modules/order.js
  3. 12
      apis/modules/parner.js
  4. 16
      apis/request.js
  5. 4
      libs/util.js
  6. 28
      pages.json
  7. 4
      pages/addCourse/addCourse.vue
  8. 2
      pages/addStaff/addStaff.vue
  9. 6
      pages/clientDetail/clientDetail.vue
  10. 48
      pages/clients/clients.vue
  11. 70
      pages/editCourse/editCourse.vue
  12. 61
      pages/index/index.vue
  13. 2
      pages/invite/invite.vue
  14. 18
      pages/login/login.vue
  15. 22
      pages/orderDetail/orderDetail.vue
  16. 128
      pages/orders/orders.vue
  17. 16
      pages/person/person.vue
  18. 67
      pages/plans/plans.vue
  19. 30
      pages/products/products.vue
  20. 2
      pages/qrcode/qrcode.vue
  21. 65
      pages/teams/teams.vue
  22. BIN
      static/avatar.jpg
  23. 20
      static/customicons.css
  24. BIN
      static/customicons.ttf
  25. 1
      styles/common.scss

14
App.vue
Unescape View File

@ -14,19 +14,5 @@
</script> </script>
<style lang="scss"> <style lang="scss">
/*每个页面公共css */
@import '@/uni_modules/uni-scss/index.scss'; @import '@/uni_modules/uni-scss/index.scss';
/* #ifndef APP-NVUE */
@import '@/static/customicons.css';
// 设置整个项目的背景色
page {
background-color: #f5f5f5;
}
/* #endif */
.example-info {
font-size: 14px;
color: #333;
padding: 10px;
}
</style> </style>

4
apis/modules/order.js
Unescape View File

@ -24,3 +24,7 @@ export const renew = (data) => {
export const list = (data) => { export const list = (data) => {
return post('nakadai/applets/order/getOrderBasedOnBusinessManagerId', data) return post('nakadai/applets/order/getOrderBasedOnBusinessManagerId', data)
} }
export const del = (data) => {
return post('nakadai/nakadai/order/delete', data)
}

12
apis/modules/parner.js
Unescape View File

@ -4,3 +4,15 @@ const { get, post } = request
export const savePartnerAccount = (data) => { export const savePartnerAccount = (data) => {
return post('nakadai/partnerAccount/savePartnerAccount', data) return post('nakadai/partnerAccount/savePartnerAccount', data)
} }
export const teamList = (data) => {
return get('nakadai/partner-team/teamList', data)
}
export const generateInvitationCode = (data) => {
return post('nakadai/partnerAccount/generateInvitationCode', data)
}
export const generationQrCode = (data) => {
return get('nakadai/partnerAccount/generationQrCode ', data)
}

16
apis/request.js
Unescape View File

@ -13,19 +13,31 @@ const request = options => {
} }
const header = Object.assign({}, config.headers, { const header = Object.assign({}, config.headers, {
// token: uni.getStorageSync('token') // token: uni.getStorageSync('token')
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjU0NDg1NjgzLCJleHAiOjE2NTQ1Mjg4ODMsImFjY291bnRJZCI6IjQ1MiJ9.rsgoTtE1l0ooK7TBTQjC8Xd1nKGYTfoQrM8BDZqODGU' token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1c2VyIiwiaWF0IjoxNjU0NTY5OTA1LCJleHAiOjE2NTQ2MTMxMDUsImFjY291bnRJZCI6IjQ1MiJ9.IwVDQSpfYctr3ScaBiwXApNiSFjfwVbivt_uLCEPiW0'
}) })
return new Promise((resolve, reject)=>{ return new Promise((resolve, reject)=>{
const { url } = options const { url } = options
uni.request({ uni.request({
header, header,
url: ((url.includes('weChatAppletCallback') || url.includes('userBinding')) ? 'http://192.168.31.151:9000/' : config.baseURL) + url, url: ((url.includes('teamList')) ? 'http://192.168.31.137:9000/' : config.baseURL) + url,
method: options.method || 'GET', // 请求类型，默认为GET method: options.method || 'GET', // 请求类型，默认为GET
data: options.data || {}, // 请求参数，默认空对象 data: options.data || {}, // 请求参数，默认空对象
success: ({ data }) => { success: ({ data }) => {
// 状态判断，根据后台定义并提示 // 状态判断，根据后台定义并提示
if (data.status === 200) { if (data.status === 200) {
resolve(data) resolve(data)
} else if (data.status == 401) {
// 登录过期
uni.showToast({
title: data.message,
icon: 'none'
})
setTimeout(() => {
uni.navigateTo({
url: '../login/login'
})
}, 1500)
reject(data)
} else { } else {
uni.showToast({ uni.showToast({
title: data.message, title: data.message,

4
libs/util.js
Unescape View File

@ -46,10 +46,10 @@ export default {
}, },
// 获取商务经理id // 获取商务经理id
getBmId(val) { getBmId(val) {
return uni.getStorageSync('partnerId') return uni.getStorageSync('team').partnerId
}, },
// 获取商务经理名称 // 获取商务经理名称
getBmName(val) { getBmName(val) {
return uni.getStorageSync('partnerClassificationName') return uni.getStorageSync('team').partnerClassificationName
}, },
} }

28
pages.json
Unescape View File

@ -1,18 +1,26 @@
{ {
"pages": [ "pages": [
{ {
"path" : "pages/main/main", "path" : "pages/login/login",
"style" : "style" :
{ {
"navigationBarTitleText": "", "navigationBarTitleText": "登录",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{ {
"path" : "pages/login/login", "path" : "pages/invite/invite",
"style" : "style" :
{ {
"navigationBarTitleText": "登录", "navigationBarTitleText": "加入团队",
"enablePullDownRefresh": false
}
},
{
"path" : "pages/index/index",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
@ -64,14 +72,6 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{
"path" : "pages/invite/invite",
"style" :
{
"navigationBarTitleText": "加入团队",
"enablePullDownRefresh": false
}
},
{ {
"path" : "pages/addStaff/addStaff", "path" : "pages/addStaff/addStaff",
"style" : "style" :
@ -182,10 +182,8 @@
"selectedColor": "#007FFF", "selectedColor": "#007FFF",
"borderStyle": "white", "borderStyle": "white",
"backgroundColor": "#ffffff", "backgroundColor": "#ffffff",
"height": "100px",
"spacing": "10px",
"list": [{ "list": [{
"pagePath": "pages/main/main", "pagePath": "pages/index/index",
"iconPath": "static/image/tab1.png", "iconPath": "static/image/tab1.png",
"selectedIconPath": "static/image/tab1-1.png", "selectedIconPath": "static/image/tab1-1.png",
"text": "首页" "text": "首页"

4
pages/addCourse/addCourse.vue
Unescape View File

@ -211,13 +211,13 @@
const { customerId } = this const { customerId } = this
list.map(e => { list.map(e => {
// 新勾选的产品，则获取到id，下面要调用， // 新勾选的产品，则获取到id，下面要调用，
if (!result.find(n => n.dataOrCourseId == e.id)) { if (!result.find(n => n.dataOrCourseId == e.id && n.authority == e.authority)) {
e.productType === 2 ? dataIds.push(e.id) : courseIds.push(e.id) e.productType === 2 ? dataIds.push(e.id) : courseIds.push(e.id)
result.push(this.createParam(e)) result.push(this.createParam(e))
} }
}) })
const promises = [] const promises = []
// 课程和数据的分别调接口
dataIds.length && promises.push(new Promise((resolve, reject) => { dataIds.length && promises.push(new Promise((resolve, reject) => {
this.handleRenew(0, customerId, dataIds, result, resolve, reject) this.handleRenew(0, customerId, dataIds, result, resolve, reject)
})) }))

2
pages/addStaff/addStaff.vue
Unescape View File

@ -5,7 +5,7 @@
<uni-list-item thumb-size="sm" showArrow title="二维码邀请" clickable> <uni-list-item thumb-size="sm" showArrow title="二维码邀请" clickable>
<template v-slot:header> <template v-slot:header>
<view class="slot-box"> <view class="slot-box">
<image class="icon" src="../../static/image/qrcode.png" mode="widthFix"></image> <image class="icon" src="@/static/image/qrcode.png" mode="widthFix"></image>
</view> </view>
</template> </template>
<template v-slot:body> <template v-slot:body>

6
pages/clientDetail/clientDetail.vue
Unescape View File

@ -185,11 +185,7 @@
}).then(({ result }) => { }).then(({ result }) => {
const { customer } = result const { customer } = result
this.form = customer this.form = customer
this.$refs.nameInput.val = customer.name !this.isDetail && customer.industryClassId && this.getIndustry()
this.$refs.phoneInput.val = customer.phone
this.$refs.accountInput.val = customer.account
this.$refs.positionInput.val = customer.position
this.$refs.emailInput.val = customer.email
this.customerType = this.customerTypeList.find(e => e.value === customer.customerType).name this.customerType = this.customerTypeList.find(e => e.value === customer.customerType).name
}).catch(e => {}) }).catch(e => {})
}, },

48
pages/clients/clients.vue
Unescape View File

@ -14,13 +14,25 @@
<template v-if="list.length"> <template v-if="list.length">
<ul class="list"> <ul class="list">
<li v-for="item in list" @click="toDetail(item)"> <li v-for="item in list" @click="toDetail(item)">
<view class="name">{{ item.customerName }}</view> <view class="c-name">{{ item.customerName }}</view>
<view class="info"> <view class="info">
<view class="left"> <view class="left">
<view class="text">联系人：{{ item.orderContact }}</view> <view class="line">
<view class="text">账号：{{ item.account }}</view> <text class="name">联系人：</text>
<view class="text">产品到期时间：{{ item.expireDate.replace(' 00:00:00', '') }}</view> <text class="val">{{ item.orderContact }}</text>
<view class="text">商务经理：{{ item.account }}</view> </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.replace(' 00:00:00', '') }}</text>
</view>
<view class="line">
<text class="name">商务经理：</text>
<text class="val">{{ item.account }}</text>
</view>
</view> </view>
<view class="type"> <view class="type">
{{ menuList[0].detailList.find(e => e.value === item.customerType).title }}客户 {{ menuList[0].detailList.find(e => e.value === item.customerType).title }}客户
@ -49,6 +61,10 @@
'key': 'customerType', 'key': 'customerType',
'isMutiple': false, 'isMutiple': false,
'detailList': [ 'detailList': [
{
'title': '全部',
'value': ''
},
{ {
'title': '正式', 'title': '正式',
'value': 1 'value': 1
@ -177,8 +193,8 @@
padding: 20rpx 40rpx; padding: 20rpx 40rpx;
border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;
} }
.num { .c-name {
font-size: 32rpx; font-size: 30rpx;
color: #333; color: #333;
} }
.info { .info {
@ -187,10 +203,20 @@
align-items: center; align-items: center;
margin-top: 10rpx; margin-top: 10rpx;
} }
.text { .line {
padding: 8rpx 0; display: flex;
font-size: 26rpx; padding: 10rpx 0;
color: #ccc; }
.name {
width: 200rpx;
margin-right: 10rpx;
font-size: 28rpx;
color: #999;
}
.val {
max-width: 70%;
font-size: 28rpx;
color: #333;
} }
.type { .type {
font-size: 28rpx; font-size: 28rpx;

70
pages/editCourse/editCourse.vue
Unescape View File

@ -1,15 +1,17 @@
<template> <template>
<view class="page"> <view class="page">
<view class="block"> <template v-for="c in courses">
<view class="l-title">基本信息</view> <view v-if="c.list.length" class="block">
<uni-icons class="arrow" type="top" size="20" color="#007EFF"></uni-icons> <view class="l-title">{{ c.name }}</view>
<view v-for="(item, i) in courses"> <uni-icons class="arrow" type="top" size="20" color="#007EFF" @click="toggle(c)"></uni-icons>
<view v-show="!c.shrink">
<view v-for="(item, i) in c.list">
<view class="pro-name"> <view class="pro-name">
<view class="left"> <view class="left">
<image v-if="item.miniProgramPictureAddress" class="icon" :src="item.miniProgramPictureAddress" mode="widthFix"></image> <image v-if="item.miniProgramPictureAddress" class="icon" :src="item.miniProgramPictureAddress" mode="widthFix"></image>
{{ item.productName }} {{ item.productName }}
</view> </view>
<uni-icons class="del" type="trash" size="25" color="#ADADAD" @click="delCourse(i)"></uni-icons> <uni-icons class="del" type="trash" size="25" color="#ADADAD" @click="delCourse(c, i)"></uni-icons>
</view> </view>
<view class="form-list"> <view class="form-list">
<view class="line"> <view class="line">
@ -63,6 +65,8 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</template>
<view class="btn-wrap"> <view class="btn-wrap">
<view class="btn" @click="submit">确定</view> <view class="btn" @click="submit">确定</view>
</view> </view>
@ -85,7 +89,7 @@
text: '年', text: '年',
value: 2 value: 2
}], }],
courses: [], // 上一页缓存的产品 courses: {} , // 上一页缓存的产品
orderRepeat: [], orderRepeat: [],
repeatMsg: '' repeatMsg: ''
} }
@ -94,23 +98,54 @@
const pages = getCurrentPages() const pages = getCurrentPages()
const { options } = pages[pages.length - 1] const { options } = pages[pages.length - 1]
this.customerId = options.customerId this.customerId = options.customerId
const store = uni.getStorageSync('courses') this.handleProduct()
if (store) { },
this.courses = store methods: {
// 转换产品列表
handleProduct() {
const list = uni.getStorageSync('courses')
const courses = {
practice: {
shrink: false,
name: '实训课程产品',
list: []
},
theory: {
shrink: false,
name: '理论课程产品',
list: []
},
data: {
shrink: false,
name: '数据产品',
list: []
}
}
// 3个分类的课程分别push到不同数组(0->理论 1-实训 2 数据产品)
list.map(e => {
const type = e.productType
!type ?
courses.theory.list.push(e) :
type === 1 ?
courses.practice.list.push(e) :
courses.data.list.push(e)
})
this.courses = courses
try { try {
uni.removeStorageSync('courses') uni.removeStorageSync('courses')
} catch (e) {} } catch (e) {}
}
}, },
methods: { // 收缩产品
toggle(c) {
c.shrink = !c.shrink
},
// 删除课程 // 删除课程
delCourse(i) { delCourse(c, i) {
const that = this
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确定要删除吗？', content: '确定要删除吗？',
success(res) { success(res) {
res.confirm && that.courses.splice(i, 1) res.confirm && c.list.splice(i, 1)
} }
}) })
}, },
@ -236,8 +271,13 @@
}, },
// 确定 // 确定
submit() { submit() {
const list = this.courses const courses = this.courses
const list = []
let msg = '' let msg = ''
// 全部产品push到一个数组，方便校验
for (const i in courses) {
list.push(...courses[i].list)
}
// 必填校验 // 必填校验
for (const i in list) { for (const i in list) {
const e = list[i] const e = list[i]

61
pages/main/main.vue → pages/index/index.vue
Unescape View File

@ -1,39 +1,40 @@
<template> <template>
<view class="page"> <view class="page">
<image class="bg" src="@/static/image/index/index2.png" mode="widthFix"></image>
<view class="team"> <view class="team">
<uni-data-picker class="picker-input" placeholder="切换团队" popup-title="切换团队" preload :clear-icon="false" :localdata="list" v-model="partnerId" @change="teamChange"></uni-data-picker> <uni-data-picker class="picker-input" placeholder="切换团队" popup-title="切换团队" preload :clear-icon="false" :localdata="list" :map="{text: 'partnerClassificationName', value: 'partnerId'}" v-model="partnerId" @change="teamChange"></uni-data-picker>
</view> </view>
<image class="banner" src="../../static/image/index/index1.png" mode="widthFix"></image> <image class="banner" src="@/static/image/index/index1.png" mode="widthFix"></image>
<ul class="entry"> <ul class="entry">
<li @click="$util.to('../clients/clients')"> <li @click="$util.to('../clients/clients')">
<image class="icon" src="../../static/image/index/index3.png" mode="widthFix"></image> <image class="icon" src="@/static/image/index/index3.png" mode="widthFix"></image>
<view class="text">客户</view> <view class="text">客户</view>
</li> </li>
<li @click="$util.to('../plans/plans')"> <li @click="$util.to('../plans/plans')">
<image class="icon" src="../../static/image/index/index4.png" mode="widthFix"></image> <image class="icon" src="@/static/image/index/index4.png" mode="widthFix"></image>
<view class="text">方案</view> <view class="text">方案</view>
</li> </li>
<li @click="$util.to('../orders/orders')"> <li @click="$util.to('../orders/orders')">
<image class="icon" src="../../static/image/index/index5.png" mode="widthFix"></image> <image class="icon" src="@/static/image/index/index5.png" mode="widthFix"></image>
<view class="text">订单</view> <view class="text">订单</view>
</li> </li>
<li @click="$util.to('../products/products')"> <li @click="$util.to('../products/products')">
<image class="icon" src="../../static/image/index/index6.png" mode="widthFix"></image> <image class="icon" src="@/static/image/index/index6.png" mode="widthFix"></image>
<view class="text">产品</view> <view class="text">产品</view>
</li> </li>
</ul> </ul>
<view class="panel"> <view class="panel">
<view class="title"> <view class="title" @click="toPanel(1)">
<view class="left"> <view class="left">
<image class="icon" src="../../static/image/index/index8.png" mode="widthFix"></image> <image class="icon" src="@/static/image/index/index8.png" mode="widthFix"></image>
销售进展 销售进展
</view> </view>
<view class="right"> <view class="right">
<image class="date" src="../../static/image/index/index7.png" mode="widthFix"></image> <image class="date" src="@/static/image/index/index7.png" mode="widthFix"></image>
<text>本月</text> <text>本月</text>
<image class="arrow" src="../../static/image/index/index10.png" mode="widthFix"></image> <image class="arrow" src="@/static/image/index/index10.png" mode="widthFix"></image>
</view> </view>
</view> </view>
<view class="data first"> <view class="data first">
@ -62,12 +63,12 @@
<view class="panel"> <view class="panel">
<view class="title"> <view class="title y-title" @click="toPanel(1)">
<view class="left"> <view class="left">
<image class="icon" src="../../static/image/index/index9.png" mode="widthFix"></image> <image class="icon" src="@/static/image/index/index9.png" mode="widthFix"></image>
年度业绩看板 年度业绩看板
</view> </view>
<image class="arrow" src="../../static/image/index/index10.png" mode="widthFix"></image> <image class="arrow" src="@/static/image/index/index10.png" mode="widthFix"></image>
</view> </view>
<view class="data second"> <view class="data second">
<view class="line"> <view class="line">
@ -109,26 +110,21 @@
// 获取团队 // 获取团队
getInfo() { getInfo() {
getTeamsByAccountId().then(({ data }) => { getTeamsByAccountId().then(({ data }) => {
const result = []
data.map(e => {
result.push({
text: e.partnerClassificationName,
value: e.partnerId
})
})
// 默认选择第一个团队 // 默认选择第一个团队
if (result.length) { if (data.length) {
const val = result[0].value this.partnerId = data[0].partnerId
this.partnerId = val uni.setStorageSync('team', data[0])
uni.setStorageSync('partnerId', val)
uni.setStorageSync('partnerClassificationName', result[0].text)
} }
this.list = result this.list = data
}).catch(e => {}) }).catch(e => {})
}, },
// 团队选择回调 // 团队选择回调
teamChange() { teamChange() {
uni.setStorageSync('partnerId', this.partnerId) uni.setStorageSync('partnerId', this.partnerId)
},
// 提示暂未开放
toPanel(i) {
this.$util.errMsg('功能暂未开放！')
} }
} }
} }
@ -136,9 +132,17 @@
<style scoped lang="scss"> <style scoped lang="scss">
.page { .page {
position: relative;
min-height: 100%; min-height: 100%;
padding: 30rpx 22rpx; padding: 30rpx 22rpx;
background: url(../../static/image/index/index2.png) 0 0/100% 100% no-repeat; }
.bg {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} }
.team { .team {
width: 200rpx; width: 200rpx;
@ -173,6 +177,9 @@
padding: 17rpx 20rpx; padding: 17rpx 20rpx;
background: linear-gradient(90deg, #E5EFFF 0%, #FFFFFF 100%); background: linear-gradient(90deg, #E5EFFF 0%, #FFFFFF 100%);
} }
.y-title {
background: linear-gradient(90deg, #FFF5E5 0%, #FFFFFF 100%);
}
.left { .left {
display: flex; display: flex;
align-items: center; align-items: center;

2
pages/invite/invite.vue
Unescape View File

@ -3,7 +3,7 @@
<view class="title">Annie 邀请你加入</view> <view class="title">Annie 邀请你加入</view>
<view class="form"> <view class="form">
<view class="icon"> <view class="icon">
<image src="../../static/image/house.png" mode=""></image> <image src="@/static/image/house.png" mode=""></image>
</view> </view>
<view class="des">或然科技城市合伙人计划</view> <view class="des">或然科技城市合伙人计划</view>
<view class="des">加入并自动为你创建一个团队群组</view> <view class="des">加入并自动为你创建一个团队群组</view>

18
pages/login/login.vue
Unescape View File

@ -1,19 +1,19 @@
<template> <template>
<view class="page"> <view class="page">
<view class="wrap"> <view class="wrap">
<image class="logo" src="../../static/image/logo.png" mode=""></image> <image class="logo" src="@/static/image/logo.png" mode=""></image>
<view class="hello">Hi，城市合伙人请登录</view> <view class="hello">Hi，城市合伙人请登录</view>
<button v-if="isLogin && !getPhone" class="btn phone" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber"> <button v-if="isLogin && !getPhone" class="btn phone" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">
<image src="../../static/image/phone.png" mode="widthFix"></image> <image src="@/static/image/phone.png" mode="widthFix"></image>
绑定手机 绑定手机
</button> </button>
<template v-else> <template v-else>
<view class="btn wechat" @click="login"> <view class="btn wechat" @click="login">
<image src="../../static/image/wechat.png" mode="widthFix"></image> <image src="@/static/image/wechat.png" mode="widthFix"></image>
微信授权登录 微信授权登录
</view> </view>
<view class="btn phone"> <view class="btn phone">
<image src="../../static/image/phone.png" mode="widthFix"></image> <image src="@/static/image/phone.png" mode="widthFix"></image>
手机账号登录 手机账号登录
</view> </view>
</template> </template>
@ -30,6 +30,7 @@
<script> <script>
import { login, userBinding } from '@/apis/modules/user.js' import { login, userBinding } from '@/apis/modules/user.js'
import WXBizDataCrypt from '@/libs/WXBizDataCrypt'
export default { export default {
data() { data() {
return { return {
@ -103,7 +104,7 @@
onGetPhoneNumber(e){ onGetPhoneNumber(e){
const { encryptedData, iv } = e.detail const { encryptedData, iv } = e.detail
// 获取手机号有两种方法，1.前端使用js完成；2.使用接口完成 // 获取手机号有两种方法，1.前端使用js完成；2.使用接口完成
const WXBizDataCrypt = require('@/libs/WXBizDataCrypt') // const WXBizDataCrypt = require('@/libs/WXBizDataCrypt')
const accountInfo = uni.getAccountInfoSync() // 获取小程序appid const accountInfo = uni.getAccountInfoSync() // 获取小程序appid
const pc = new WXBizDataCrypt(accountInfo.miniProgram.appId , this.sessionKey) const pc = new WXBizDataCrypt(accountInfo.miniProgram.appId , this.sessionKey)
const data = pc.decryptData(encryptedData , iv) const data = pc.decryptData(encryptedData , iv)
@ -120,9 +121,10 @@
toAgreement(id) { toAgreement(id) {
this.$util.to('../detail/detail?id=' + id) this.$util.to('../detail/detail?id=' + id)
}, },
// 跳转到首页
toIndex() { toIndex() {
uni.reLaunch({ uni.reLaunch({
url: '../main/main' url: '../index/index'
}) })
} }
} }
@ -133,8 +135,8 @@
.page { .page {
min-height: calc(100vh - 170rpx); min-height: calc(100vh - 170rpx);
padding-top: 170rpx; padding-top: 170rpx;
background: url(../../static/image/login1.png) 0 0/175rpx auto no-repeat, background: url(@/static/image/login1.png) 0 0/175rpx auto no-repeat,
url(../../static/image/login2.png) bottom right/123rpx auto no-repeat; url(@/static/image/login2.png) bottom right/123rpx auto no-repeat;
overflow: hidden; overflow: hidden;
} }
.wrap { .wrap {

22
pages/orderDetail/orderDetail.vue
Unescape View File

@ -55,8 +55,8 @@
<template v-for="c in courseList"> <template v-for="c in courseList">
<view v-if="c.list.length" class="block pro-wrap"> <view v-if="c.list.length" class="block pro-wrap">
<view class="l-title">{{ c.name }}</view> <view class="l-title">{{ c.name }}</view>
<uni-icons class="arrow" type="top" size="20" color="#007EFF"></uni-icons> <uni-icons class="arrow" type="top" size="20" color="#007EFF" @click="toggle(c)"></uni-icons>
<ul class="pro-list"> <ul class="pro-list" v-show="!c.shrink">
<li v-for="(item, i) in c.list"> <li v-for="(item, i) in c.list">
<view class="name"> <view class="name">
<view class="left"> <view class="left">
@ -196,8 +196,12 @@
this.getInfo() this.getInfo()
} else if (store) { } else if (store) {
// 新增取缓存，取了删除 // 新增取缓存，取了删除
this.handleProduct(store) const list = []
this.courses = store for (const i in store) {
list.push(...store[i].list)
}
this.courseList = store
this.courses = list
try { try {
uni.removeStorageSync('courses') uni.removeStorageSync('courses')
} catch (e) {} } catch (e) {}
@ -234,19 +238,21 @@
handleProduct(list) { handleProduct(list) {
const courses = { const courses = {
practice: { practice: {
shrink: false,
name: '实训课程产品', name: '实训课程产品',
list: [] list: []
}, },
theory: { theory: {
shrink: false,
name: '理论课程产品', name: '理论课程产品',
list: [] list: []
}, },
data: { data: {
shrink: false,
name: '数据产品', name: '数据产品',
list: [] list: []
} }
} }
console.log(111, list)
// 3个分类的课程分别push到不同数组(0->理论 1-实训 2 数据产品) // 3个分类的课程分别push到不同数组(0->理论 1-实训 2 数据产品)
list.map(e => { list.map(e => {
e.serviceFee = (e.settlementPrice * 0.1).toFixed(2) e.serviceFee = (e.settlementPrice * 0.1).toFixed(2)
@ -257,7 +263,6 @@
courses.practice.list.push(e) : courses.practice.list.push(e) :
courses.data.list.push(e) courses.data.list.push(e)
}) })
console.log(222, courses)
this.courseList = courses this.courseList = courses
}, },
// 获取客户列表 // 获取客户列表
@ -316,7 +321,6 @@
}, },
// 删除课程 // 删除课程
delCourse(c, i) { delCourse(c, i) {
const that = this
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确定要删除吗？', content: '确定要删除吗？',
@ -325,6 +329,10 @@
} }
}) })
}, },
// 收缩产品
toggle(c) {
c.shrink = !c.shrink
},
// 计算订单总额 // 计算订单总额
calcTotal() { calcTotal() {
let total = 0 let total = 0

128
pages/orders/orders.vue
Unescape View File

@ -13,22 +13,46 @@
</view> </view>
<template v-if="list.length"> <template v-if="list.length">
<ul class="list"> <view class="list">
<li v-for="item in list" @click="toDetail(item)"> <uni-swipe-action>
<view class="num">{{ item.orderNumber }}</view> <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="info">
<view class="left"> <view class="left">
<view class="text">客户名称：{{ item.customerName }}</view> <view class="line">
<view class="text">订单金额：{{ item.orderAmount }}元</view> <text class="name">客户名称：</text>
<view class="text">订单内容：{{ item.orderContent }}</view> <text class="val">{{ item.customerName }}</text>
<view class="text">下单日期：{{ item.createTime }}</view> </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.orderContent }}</view>
<view v-if="!item.toggle" class="toggle" @click.stop="toggle(item)">展开</view>
</view>
</view>
<view class="line">
<text class="name">下单日期：</text>
<text class="val">{{ item.createTime }}</text>
</view>
</view> </view>
<view :class="['type', 'type' + item.orderStatus]"> <view :class="['type', 'type' + item.orderStatus]">
{{ menuList[0].detailList.find(e => e.value === item.orderStatus).title }} {{ menuList[0].detailList.find(e => e.value === item.orderStatus).title }}
</view> </view>
</view> </view>
</li> </view>
</ul> </uni-swipe-action-item>
</uni-swipe-action>
</view>
<uni-load-more :status="status" /> <uni-load-more :status="status" />
</template> </template>
<empty v-else></empty> <empty v-else></empty>
@ -39,7 +63,7 @@
<script> <script>
import { queryCustomer } from '@/apis/modules/client.js' import { queryCustomer } from '@/apis/modules/client.js'
import { list } from '@/apis/modules/order.js' import { list, del } from '@/apis/modules/order.js'
import slFilter from '@/components/sl-filter/sl-filter.vue' import slFilter from '@/components/sl-filter/sl-filter.vue'
export default { export default {
data() { data() {
@ -51,6 +75,10 @@
'key': 'orderStatus', 'key': 'orderStatus',
'isMutiple': false, 'isMutiple': false,
'detailList': [ 'detailList': [
{
'title': '全部',
'value': ''
},
{ {
'title': '待发货', 'title': '待发货',
'value': 0 'value': 0
@ -99,7 +127,13 @@
keyword: '', keyword: '',
list: [], list: [],
page: 1, page: 1,
pageSize: 10 pageSize: 10,
delOption: [{
text: '删除',
style: {
backgroundColor: '#F56C6C'
}
}],
} }
}, },
components: { components: {
@ -146,7 +180,11 @@
orderStatus: this.orderStatus orderStatus: this.orderStatus
}).then(({ data }) => { }).then(({ data }) => {
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 // 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
this.list = this.reachBottom > 0 ? [...this.list, ...data.records] : data.records const list = data.records
list.map(e => {
e.toggle = e.orderContent.length < 14 // 超过了14个字才需要显示展开按钮
})
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list
this.page++ // 每次获取了数据后page+1 this.page++ // 每次获取了数据后page+1
const noMore = this.list.length === data.total // 是否加载完所有数据 const noMore = this.list.length === data.total // 是否加载完所有数据
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore
@ -158,11 +196,14 @@
this.reachBottom = 0 this.reachBottom = 0
this.getList() this.getList()
}, },
// 展开
toggle(item) {
item.toggle = !item.toggle
},
// 筛选确定回调 // 筛选确定回调
result(val) { result(val) {
console.log(33, val) if (val.orderStatus !== undefined) this.orderStatus = val.orderStatus
this.orderStatus = val.orderStatus !== '' ? val.orderStatus : 0 if (val.sort) this.sort = val.sort
this.sort = val.sort || 'desc'
this.initList() this.initList()
}, },
// tab切换 // tab切换
@ -172,7 +213,26 @@
// 跳转详情 // 跳转详情
toDetail(item) { toDetail(item) {
this.$util.to(`../orderDetail/orderDetail?orderId=${item.orderId}&show=1`) this.$util.to(`../orderDetail/orderDetail?orderId=${item.orderId}&show=1`)
},
// 删除
del(e) {
console.log(e);
const that = this
uni.showModal({
title: '提示',
content: '确定要删除吗？',
success(res) {
if (res.confirm) {
del({
ids: [e.orderId]
}).then(res => {
that.$util.sucMsg('删除成功')
that.initList()
}).catch(res => {})
}
} }
})
},
} }
} }
</script> </script>
@ -184,12 +244,12 @@
.list { .list {
margin-top: 20rpx; margin-top: 20rpx;
background-color: #fff; background-color: #fff;
li { .item {
padding: 20rpx 40rpx; padding: 20rpx 40rpx;
border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;
} }
.num { .c-name {
font-size: 32rpx; font-size: 30rpx;
color: #333; color: #333;
} }
.info { .info {
@ -198,10 +258,34 @@
align-items: center; align-items: center;
margin-top: 10rpx; margin-top: 10rpx;
} }
.text { .left {
padding: 8rpx 0; max-width: 70%;
font-size: 26rpx; }
color: #ccc; .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 { .type {
margin-left: 20rpx; margin-left: 20rpx;

16
pages/person/person.vue
Unescape View File

@ -1,32 +1,32 @@
<template> <template>
<view class="page"> <view class="page">
<image class="bg" src="../../static/image/person-bg.png"></image> <image class="bg" src="@/static/image/person-bg.png"></image>
<view class="wrap"> <view class="wrap">
<view class="info"> <view class="info">
<image class="avatar" src="../../static/image/avatar.png" mode=""></image> <image class="avatar" :src="avatar" mode=""></image>
<view class="text"> <view class="text">
<view class="name">仲达</view> <view class="name">{{ userName }}</view>
<view class="phone">1356231564</view> <view class="phone">1356231564</view>
</view> </view>
</view> </view>
<view class="list"> <view class="list">
<view class="item"> <view class="item">
<view class="left"> <view class="left">
<image class="icon" src="../../static/image/person1.png" mode=""></image> <image class="icon" src="@/static/image/person1.png" mode=""></image>
<text class="name">我的收益</text> <text class="name">我的收益</text>
</view> </view>
<text class="val">231323元</text> <text class="val">231323元</text>
</view> </view>
<view class="item"> <view class="item">
<view class="left"> <view class="left">
<image class="icon" src="../../static/image/person2.png" mode=""></image> <image class="icon" src="@/static/image/person2.png" mode=""></image>
<text class="name">团队收益</text> <text class="name">团队收益</text>
</view> </view>
<text class="val">231323元</text> <text class="val">231323元</text>
</view> </view>
<view class="item" @click="$util.to('../setting/setting')"> <view class="item" @click="$util.to('../setting/setting')">
<view class="left"> <view class="left">
<image class="icon" src="../../static/image/person3.png" mode=""></image> <image class="icon" src="@/static/image/person3.png" mode=""></image>
<text class="name">设置</text> <text class="name">设置</text>
</view> </view>
</view> </view>
@ -39,7 +39,8 @@
export default { export default {
data() { data() {
return { return {
avatar: uni.getStorageSync('avatar') || '@/static/image/avatar.png',
userName: uni.getStorageSync('userName'),
} }
}, },
methods: { methods: {
@ -69,6 +70,7 @@
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
margin-right: 28rpx; margin-right: 28rpx;
border-radius: 50%;
} }
.name { .name {
margin-bottom: 10rpx; margin-bottom: 10rpx;

67
pages/plans/plans.vue
Unescape View File

@ -9,28 +9,31 @@
<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li> <li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
</ul> </ul>
<ul v-if="list.length" class="list"> <view v-if="list.length" class="list">
<li v-for="(item, i) in list"> <view v-for="(item, i) in list" class="item">
<view class="name">{{ item.name }}</view> <view class="c-name">{{ item.name }}</view>
<view class="content"> <view class="content">
<view class="info"> <view class="info">
<view class="line"> <view class="line">
<view class="label">产品</view> <view class="name">产品：</view>
<view class="val" v-html="item.product"></view> <view class="val ell-wrap">
<view :class="{ell: !item.toggle}" v-html="item.product"></view>
<view v-if="!item.toggle" class="toggle" @click.stop="toggle(item)">展开</view>
</view>
</view> </view>
<view class="line"> <view class="line">
<view class="label">更新日期</view> <view class="name">更新日期：</view>
<view class="val">{{ item.date }}</view> <view class="val">{{ item.date }}</view>
</view> </view>
<view class="line"> <view class="line">
<view class="label">适用专业</view> <view class="name">适用专业：</view>
<view class="val">{{ item.major }}</view> <view class="val">{{ item.major }}</view>
</view> </view>
</view> </view>
<view class="detail" @click="toDetail(i + 2)">详情</view> <view class="detail" @click="toDetail(i + 2)">详情</view>
</view> </view>
</li> </view>
</ul> </view>
<empty v-else></empty> <empty v-else></empty>
</view> </view>
</template> </template>
@ -58,6 +61,7 @@
all: [ all: [
{ {
type: 1, type: 1,
toggle: false,
name: '人工智能实验室建设方案-2020.1', name: '人工智能实验室建设方案-2020.1',
product: `python程序设计实验教学系统<br> product: `python程序设计实验教学系统<br>
Docker技术实验教学系统<br> Docker技术实验教学系统<br>
@ -69,6 +73,7 @@
}, },
{ {
type: 1, type: 1,
toggle: false,
name: '大数据管理与应用专业建设方案', name: '大数据管理与应用专业建设方案',
product: `python程序设计实验教学系统<br> product: `python程序设计实验教学系统<br>
量化投资实验教学系统<br> 量化投资实验教学系统<br>
@ -83,6 +88,7 @@
}, },
{ {
type: 1, type: 1,
toggle: false,
name: '金融科技实验室建设方案V2.0', name: '金融科技实验室建设方案V2.0',
product: `python程序设计实验教学系统<br> product: `python程序设计实验教学系统<br>
量化投资实验教学系统<br> 量化投资实验教学系统<br>
@ -126,6 +132,10 @@
// 跳转详情 // 跳转详情
toDetail(id) { toDetail(id) {
this.$util.to('../detail/detail?id=' + id) this.$util.to('../detail/detail?id=' + id)
},
// 展开
toggle(item) {
item.toggle = !item.toggle
} }
} }
} }
@ -144,17 +154,17 @@
} }
.list { .list {
background-color: #fff; background-color: #fff;
li { .item {
padding: 40rpx; padding: 20rpx 40rpx;
border-bottom: 1px solid #f8f8f8; border-bottom: 1px solid #f1f1f1;
} }
.name { .c-name {
font-size: 28rpx; font-size: 30rpx;
color: #333; color: #333;
} }
.line { .line {
display: flex; display: flex;
margin-bottom: 20rpx; padding: 10rpx 0;
} }
.content { .content {
display: flex; display: flex;
@ -162,18 +172,29 @@
align-items: center; align-items: center;
margin-top: 20rpx; margin-top: 20rpx;
} }
.info { .name {
margin: 10rpx 0;
}
.label {
width: 140rpx; width: 140rpx;
font-size: 24rpx; margin-right: 10rpx;
color: #898989; white-space: nowrap;
font-size: 28rpx;
color: #999;
} }
.val { .val {
max-width: 88%;
font-size: 28rpx;
color: #333;
}
.ell {
height: 38rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.toggle {
margin-top: 10rpx;
white-space: nowrap;
font-size: 24rpx; font-size: 24rpx;
line-height: 1.8; color: #0e92ef;
color: #898989;
} }
.detail { .detail {
margin-left: 20rpx; margin-left: 20rpx;

30
pages/products/products.vue
Unescape View File

@ -20,7 +20,10 @@
<view class="info"> <view class="info">
<view class="line"> <view class="line">
<text class="name">产品简介：</text> <text class="name">产品简介：</text>
<text class="val">{{ item.briefIntroduction }}</text> <view class="val ell-wrap">
<view :class="{ell: !item.toggle}">{{ item.briefIntroduction }}</view>
<view v-if="!item.toggle" class="toggle" @click="toggle(item)">展开</view>
</view>
</view> </view>
<view class="line"> <view class="line">
<text class="name">产品类型：</text> <text class="name">产品类型：</text>
@ -138,7 +141,11 @@
pageSize: this.pageSize pageSize: this.pageSize
}).then(({ data }) => { }).then(({ data }) => {
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 // 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
this.list = this.reachBottom > 0 ? [...this.list, ...data.records] : data.records const list = data.records
list.map(e => {
e.toggle = e.briefIntroduction.length < 14 // 超过了14个字才需要显示展开按钮
})
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list
this.page++ // 每次获取了数据后page+1 this.page++ // 每次获取了数据后page+1
const noMore = this.list.length === data.total // 是否加载完所有数据 const noMore = this.list.length === data.total // 是否加载完所有数据
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore
@ -150,6 +157,10 @@
this.reachBottom = 0 this.reachBottom = 0
this.getList() this.getList()
}, },
// 展开
toggle(item) {
item.toggle = !item.toggle
},
// 筛选确定回调 // 筛选确定回调
result(val) { result(val) {
this.sort = val.sort this.sort = val.sort
@ -212,5 +223,20 @@
font-size: 28rpx; font-size: 28rpx;
color: #333; 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;
}
} }
</style> </style>

2
pages/qrcode/qrcode.vue
Unescape View File

@ -2,7 +2,7 @@
<view class="page"> <view class="page">
<view class="wrap"> <view class="wrap">
<view class="info"> <view class="info">
<image class="avatar" src="../../static/avatar.jpg" mode=""></image> <image class="avatar" src="@/static/image/avatar.png" mode=""></image>
<view class="text"> <view class="text">
<view class="invite"> <view class="invite">
<text class="name">Jane</text> 邀请你加入 <text class="name">Jane</text> 邀请你加入

65
pages/teams/teams.vue
Unescape View File

@ -1,12 +1,12 @@
<template> <template>
<view> <view>
<uni-card :is-shadow="false" :border="false" is-full spacing="0" margin="20"> <uni-card :is-shadow="false" :border="false" is-full spacing="0" margin="20">
<uni-search-bar class="search" radius="5" placeholder="请输入成员名称" clearButton="auto" cancelButton="none" @confirm="search" /> <uni-search-bar class="search" radius="5" placeholder="请输入成员名称" clearButton="auto" cancelButton="none" v-model="keyword" />
</uni-card> </uni-card>
<ul class="list"> <ul class="list">
<li @click="toPage('../addMember/addMember')"> <li v-for="item in list">
<image class="avatar" src="../../static/avatar.jpg" mode=""></image> <image class="avatar" src="@/static/image/avatar.png" mode=""></image>
<view class="info"> <view class="info">
<view class="name">Luna</view> <view class="name">Luna</view>
<view class="text">手机号码：1352351253</view> <view class="text">手机号码：1352351253</view>
@ -15,26 +15,67 @@
</li> </li>
</ul> </ul>
<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="toPage('../addStaff/addStaff')"></uni-icons> <uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('../addStaff/addStaff')"></uni-icons>
</view> </view>
</template> </template>
<script> <script>
import { teamList } from '@/apis/modules/parner.js'
export default { export default {
data() { data() {
return { return {
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据
status: 'more', // 上拉加载状态 more|loading|noMore
searchTimer: null,
keyword: '',
list: [],
page: 1,
pageSize: 10
}
},
watch: {
keyword () {
clearTimeout(this.searchTimer)
this.searchTimer = setTimeout(() => {
this.initList()
}, 500)
} }
}, },
// 下拉刷新
onPullDownRefresh() {
this.initList()
setTimeout(() => {
uni.stopPullDownRefresh()
}, 1500)
},
// 上拉加载
onReachBottom() {
if (this.reachBottom >= 0) {
this.reachBottom = 1
this.status = 'loading'
this.getList()
}
},
onShow() {
this.initList()
},
methods: { methods: {
search(res) { getList() {
uni.showToast({ teamList({
title: '搜索：' + res.value, id: uni.getStorageSync('team').teamId
icon: 'none' }).then(({ data }) => {
}) // 未加载完所有数据，并且不是筛选，则拼接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 => {})
}, },
toPage(path) { initList() {
this.$util.to(path) this.page = 1
this.reachBottom = 0
this.getList()
} }
} }
} }

BIN
static/avatar.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

20
static/customicons.css
Unescape View File

@ -1,20 +0,0 @@
@font-face {
font-family: "customicons"; /* Project id 2878519 */
src:url('/static/customicons.ttf') format('truetype');
}
.customicons {
font-family: "customicons" !important;
}
.youxi:before {
content: "\e60e";
}
.wenjian:before {
content: "\e60f";
}
.zhuanfa:before {
content: "\e610";
}

BIN
static/customicons.ttf
View File

Binary file not shown.

1
styles/common.scss
Unescape View File

@ -3,6 +3,7 @@ button[type=primary] {
} }
page { page {
height: 100%; height: 100%;
background-color: #f5f5f5;
} }
ul { ul {
padding-left: 0; padding-left: 0;

Write Preview
Loading…
Cancel
Save