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

分享、暂无权限

Browse Source
master
yujialong 1 year ago
parent d23d45f8a6
commit edd2c9ea0c
5 changed files with 165 additions and 63 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. 36
      libs/share.js
  2. 5
      main.js
  3. 2
      pages/index/index.vue
  4. 155
      pages/orders/orders.vue
  5. 28
      styles/common.scss

36
libs/share.js
Unescape View File

@ -0,0 +1,36 @@
export default{
// 监听用户点击右上角菜单的「转发」按钮时触发的事件
onShareAppMessage() {
// 设置转发的参数
return {
title: "职站商城",
// path: '',
imageUrl: "",
success: function(res) {
if (res.errMsg == 'shareAppMessage:ok') {
console.log("成功", res)
}
},
fail: function(res) {
console.log("失败", res)
}
}
},
// 分享到朋友圈
onShareTimeline:function(res){
return {
title: '职站商城',
// imageUrl:'/static/image/phone.png',
query:''
}
},
// 收藏
onAddToFavorites:function(res) {
return {
title: '职站商城',
// imageUrl:'/static/image/phone.png',
query: '',
}
}
}

5
main.js
Unescape View File

@ -4,10 +4,12 @@ import Vue from 'vue'
import App from './App' import App from './App'
import util from '@/libs/util' import util from '@/libs/util'
import uma from './libs/uma' import uma from './libs/uma'
import share from './libs/share'
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.prototype.$util = util Vue.prototype.$util = util
Vue.use(uma) Vue.use(uma)
Vue.mixin(share)
App.mpType = 'app' App.mpType = 'app'
@ -22,7 +24,8 @@ Vue.prototype.auth = function(text){
} }
const app = new Vue({ const app = new Vue({
...App ...App,
share
}) })
app.$mount() app.$mount()
// #endif // #endif

2
pages/index/index.vue
Unescape View File

@ -426,7 +426,7 @@
bottom: 140rpx; bottom: 140rpx;
right: 60rpx; right: 60rpx;
.icon { .icon {
width: 110rpx; width: 106rpx;
} }
.uni-badge { .uni-badge {
font-size: 32rpx; font-size: 32rpx;

155
pages/orders/orders.vue
Unescape View File

@ -1,66 +1,74 @@
<template> <template>
<view :class="[{oh: !per}]"> <view>
<view class="filter"> <view :class="[{oh: !per}]">
<uni-search-bar class="search" radius="30" placeholder="请输入学校名称，商务经理，订单号" v-model="keyword" clearButton="auto" cancelButton="none" /> <view class="filter">
<view :class="['sort', sort]" @click="switchSort"></view> <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 :class="['sort', sort]" @click="switchSort"></view>
</view> <uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons>
<ul class="tab"> </view>
<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li> <ul class="tab">
</ul> <li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
</ul>
<template v-if="list.length"> <template v-if="list.length">
<view class="list"> <view class="list">
<uni-swipe-action> <uni-swipe-action>
<uni-swipe-action-item <uni-swipe-action-item
v-for="item in list" v-for="item in list"
:threshold="0" :threshold="0"
:right-options="delOption" :right-options="delOption"
@click="del(item)" @click="del(item)"
> >
<view class="item" @click="toDetail(item)"> <view class="item" @click="toDetail(item)">
<view class="c-name">{{ item.orderNumber }}</view> <view class="c-name">{{ item.orderNumber }}</view>
<view class="info"> <view class="info">
<view class="left"> <view class="left">
<view v-if="curTab" class="line"> <view v-if="curTab" class="line">
<text class="name">商务经理：</text> <text class="name">商务经理：</text>
<text class="val">{{ item.businessManagerName }}</text> <text class="val">{{ item.businessManagerName }}</text>
</view> </view>
<view class="line"> <view class="line">
<text class="name">客户名称：</text> <text class="name">客户名称：</text>
<text class="val">{{ item.customerName }}</text> <text class="val">{{ item.customerName }}</text>
</view> </view>
<view class="line"> <view class="line">
<text class="name">订单金额：</text> <text class="name">订单金额：</text>
<text class="val">{{ item.orderAmount }}元</text> <text class="val">{{ item.orderAmount }}元</text>
</view> </view>
<view class="line"> <view class="line">
<text class="name">订单内容：</text> <text class="name">订单内容：</text>
<view class="val ell-wrap"> <view class="val ell-wrap">
<view :class="{ell: !item.toggle}">{{ item.orderContent }}</view> <view :class="{ell: !item.toggle}">{{ item.orderContent }}</view>
<view v-if="item.orderContent.length > 14" class="toggle" @click.stop="toggle(item)">{{ item.toggle ? '收起' : '展开' }}</view> <view v-if="item.orderContent.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> </view>
<view class="line"> <view :class="['type', 'type' + item.orderStatus]">
<text class="name">下单日期：</text> {{ filterData[0].data.find(e => e.value === item.orderStatus).title }}
<text class="val">{{ item.createTime }}</text>
</view> </view>
</view> </view>
<view :class="['type', 'type' + item.orderStatus]">
{{ filterData[0].data.find(e => e.value === item.orderStatus).title }}
</view>
</view> </view>
</view> </uni-swipe-action-item>
</uni-swipe-action-item> </uni-swipe-action>
</uni-swipe-action> </view>
</view> <uni-load-more :status="status" />
<uni-load-more :status="status" /> </template>
</template> <empty v-else></empty>
<empty v-else></empty>
<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('/order/orderDetail/orderDetail')"></uni-icons> <uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('/order/orderDetail/orderDetail')"></uni-icons>
<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> <filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup>
<view v-if="!per" class="per-mask">功能升级中，敬请期待...</view> </view>
<view v-if="!per" class="per-mask">
<view class="mask"></view>
<view class="texts">
<view class="text">权限审核中，可联系下方平台运营加快审核进度</view>
<image class="qrcode" src="https://occupationlab.com/images/customer.png" mode="widthFix"></image>
</view>
</view>
</view> </view>
</template> </template>
@ -145,6 +153,7 @@
} }
}, },
onShow() { onShow() {
this.$uma.trackEvent('order') // 友盟统计
this.per = true this.per = true
// 清除订单缓存 // 清除订单缓存
try { try {
@ -159,6 +168,38 @@
const auth = uni.getStorageSync('auth') const auth = uni.getStorageSync('auth')
if (!auth.includes('订单')) { if (!auth.includes('订单')) {
this.per = false this.per = false
this.list = [
{
businessManagerName: '智信云',
customerName: '智信云师资培训班',
orderContent: 'python实训系统',
createTime: '2023-08-08'
},
{
businessManagerName: '智信云智信云智信云',
customerName: '智信云师资培训班',
orderContent: 'python实训系统',
createTime: '2023-08-08'
},
{
businessManagerName: '智信云智信云',
customerName: '智信云师资培训班',
orderContent: 'python系统',
createTime: '2023-08-08'
},
{
businessManagerName: '智信云',
customerName: '智信云师资培训班智信云师资培训班',
orderContent: 'python实训系统,实训系统',
createTime: '2023-08-08'
},
{
businessManagerName: '智信云',
customerName: '智信云师资培训班',
orderContent: 'python实训系统',
createTime: '2023-08-08'
}
]
} }
this.tabs = [] this.tabs = []
auth.includes('订单:我的订单') && this.tabs.push({ auth.includes('订单:我的订单') && this.tabs.push({
@ -175,7 +216,7 @@
this.curTab = this.tabs[0].id this.curTab = this.tabs[0].id
this.tabs = [] this.tabs = []
} }
this.initList() this.per && this.initList()
}, },
getList() { getList() {
const data = { const data = {
@ -317,5 +358,7 @@
} }
.oh { .oh {
overflow: hidden; overflow: hidden;
min-height: 100vh;
filter: blur(10px);
} }
</style> </style>

28
styles/common.scss
Unescape View File

@ -260,19 +260,39 @@ ul {
} }
} }
.per-mask { .per-mask {
z-index: 3; z-index: 1000;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 28rpx;
color: #333;
background-color: rgba(255, 255, 255, 0.95);
-webkit-user-drag: none; -webkit-user-drag: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
.mask {
position: relative;
width: 100%;
height: 100%;
// background-color: rgba(255, 255, 255, 0.8);
filter: blur(10px);
}
.texts {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
.text {
margin-bottom: 40rpx;
font-size: 28rpx;
color: #333;
}
.qrcode {
width: 78%;
}
} }
Write Preview
Loading…
Cancel
Save