新增员工管理等
This commit is contained in:
19
pages/coupons/index.vue
Normal file
19
pages/coupons/index.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
优惠券
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
19
pages/coupons/management.vue
Normal file
19
pages/coupons/management.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
优惠券管理
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
193
pages/employees/add.vue
Normal file
193
pages/employees/add.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- 基础信息 -->
|
||||
<view class="info-card">
|
||||
<view class="cover">
|
||||
<view class="cover-add vertical">
|
||||
<image src="@/static/icons/add-icon.png" mode="widthFix"></image>
|
||||
<view>员工寸照</view>
|
||||
</view>
|
||||
<!-- <image src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image> -->
|
||||
</view>
|
||||
<view class="info-text">
|
||||
<view class="info-inputs">
|
||||
<input type="text" v-model="name" placeholder="姓名"/>
|
||||
</view>
|
||||
<view class="info-inputs">
|
||||
<input type="number" v-model="phone" placeholder="手机号码"/>
|
||||
</view>
|
||||
<view class="info-inputs">
|
||||
<input type="text" v-model="job" placeholder="职业"/>
|
||||
</view>
|
||||
<view class="info-inputs">
|
||||
<picker :range="section" range-key="name" @change="pickerChange">
|
||||
<view class="picker-text">
|
||||
{{section[sectionIndex].name}}
|
||||
<uni-icons class="icon" type="arrowdown" color="#555"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 权限设置 -->
|
||||
<view class="title">权限设置</view>
|
||||
<view class="jurisdiction">
|
||||
<view class="item">
|
||||
<label>
|
||||
<view class="item-title">运营者权限</view>
|
||||
<view class="item-info">管理、推广、设置等模块权限,可使用体验版小程序</view>
|
||||
<checkbox class="item-checkbox" color="#c82626" />
|
||||
</label>
|
||||
</view>
|
||||
<view class="item">
|
||||
<label>
|
||||
<view class="item-title">开发者权限</view>
|
||||
<view class="item-info">开发模块权限,可使用体验版小程序、开发者工具(IDE)</view>
|
||||
<checkbox class="item-checkbox" color="#c82626" />
|
||||
</label>
|
||||
</view>
|
||||
<view class="item">
|
||||
<label>
|
||||
<view class="item-title">数据分析者(基础分析)</view>
|
||||
<view class="item-info">统计模块权限,可使用体验版小程序</view>
|
||||
<checkbox class="item-checkbox" color="#c82626" />
|
||||
</label>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 按钮 -->
|
||||
<view class="add-btns">
|
||||
<button size="default">确认添加</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
section : [
|
||||
{name: '技术部', id: 0},
|
||||
{name: '市场部', id: 1},
|
||||
{name: '南岗店', id: 2}
|
||||
],
|
||||
sectionIndex: 0,
|
||||
name : '',
|
||||
phone : '',
|
||||
job : ''
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
// 选择部门
|
||||
pickerChange(e){
|
||||
this.sectionIndex = e.detail.value
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.content{
|
||||
min-height: 100vh;
|
||||
@extend .ios-bottom;
|
||||
.title{
|
||||
padding: ($padding/2) $padding;
|
||||
color: $text-gray;
|
||||
}
|
||||
.jurisdiction{
|
||||
background: white;
|
||||
.item{
|
||||
position: relative;
|
||||
padding: $padding 150rpx $padding $padding;
|
||||
&::after{
|
||||
position: absolute;
|
||||
left: $padding;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 1rpx;
|
||||
content: " ";
|
||||
background: $border-color;
|
||||
}
|
||||
&:last-child::after{
|
||||
display: none;
|
||||
}
|
||||
.item-checkbox{
|
||||
position: absolute;
|
||||
right: $padding;
|
||||
top: 50%;
|
||||
height: 40rpx;
|
||||
width: 40rpx;
|
||||
margin-top: -27rpx;
|
||||
}
|
||||
.item-title{
|
||||
font-size: $title-size;
|
||||
padding-bottom: $margin/3;
|
||||
}
|
||||
.item-info{
|
||||
font-size: $title-size-m;
|
||||
color: $text-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 基础信息
|
||||
.info-card{
|
||||
background: white;
|
||||
padding: $padding;
|
||||
position: relative;
|
||||
min-height: 238rpx;
|
||||
.cover{
|
||||
position: absolute;
|
||||
top: $padding;
|
||||
left: $padding;
|
||||
background: #f8f8f8;
|
||||
width: 229rpx;
|
||||
height: 320rpx;
|
||||
.cover-add{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
image{
|
||||
width: 128rpx;
|
||||
}
|
||||
color: $text-gray-m;
|
||||
font-size: $title-size-m;
|
||||
}
|
||||
}
|
||||
.info-text{
|
||||
padding-left: $padding + 229;
|
||||
.info-inputs{
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
border-bottom: solid 1rpx $border-color;
|
||||
input{
|
||||
height: 80rpx;
|
||||
}
|
||||
.picker-text{
|
||||
position: relative;
|
||||
padding-right: 80rpx;
|
||||
.icon{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 添加按钮
|
||||
.add-btns{
|
||||
padding: $padding;
|
||||
button[size='default']{
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: $text-price;
|
||||
font-size: $title-size;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
108
pages/employees/list.vue
Normal file
108
pages/employees/list.vue
Normal file
@@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<view class="ios-bottom">
|
||||
<uni-collapse>
|
||||
<uni-collapse-item :show-animation="true" :open="true">
|
||||
<template v-slot:title>
|
||||
<view class="collapse-title">技术部</view>
|
||||
</template>
|
||||
<view class="employees-item" v-for="(item, index) in 10" :key="index">
|
||||
<view class="cover">
|
||||
<block v-if="index === 4">唐</block>
|
||||
<block v-else>
|
||||
<image class="cover-img" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
</block>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="nickname nowrap">唐明明</view>
|
||||
<view class="job nowrap">web前端开发</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-collapse-item>
|
||||
<uni-collapse-item :show-animation="true">
|
||||
<template v-slot:title>
|
||||
<view class="collapse-title">市场部</view>
|
||||
</template>
|
||||
<view class="employees-item" v-for="(item, index) in 5" :key="index">
|
||||
<view class="cover">
|
||||
<block v-if="index === 4">唐</block>
|
||||
<block v-else>
|
||||
<image class="cover-img" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
</block>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="nickname">唐明明</view>
|
||||
<view class="job">web前端开发</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-collapse-item>
|
||||
</uni-collapse>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
this.$Router.push({name: 'addEmployees'})
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.collapse-title{
|
||||
padding: 0 $padding;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
.employees-item {
|
||||
background: white;
|
||||
padding: ($padding - 10) $padding;
|
||||
position: relative;
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: $padding + 98;
|
||||
right: 0;
|
||||
content: ' ';
|
||||
height: 1rpx;
|
||||
background: $border-color;
|
||||
}
|
||||
&:last-child::before {
|
||||
display: none;
|
||||
}
|
||||
.cover {
|
||||
position: absolute;
|
||||
top: $padding - 10;
|
||||
left: $padding;
|
||||
background: $text-price;
|
||||
color: white;
|
||||
height: 78rpx;
|
||||
width: 78rpx;
|
||||
line-height: 78rpx;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
.cover-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
height: 78rpx;
|
||||
padding-left: 98rpx;
|
||||
.nickname{
|
||||
line-height: 48rpx;
|
||||
font-size: $title-size;
|
||||
}
|
||||
.job{
|
||||
line-height: 30rpx;
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray-m;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -190,10 +190,16 @@
|
||||
// 企业广场
|
||||
getCompanies(){
|
||||
companies().then(res=>{
|
||||
console.log(res)
|
||||
this.recommendBus = res.positions
|
||||
this.hotBus = res.hot
|
||||
this.industryBus = [{title: '全部',}, ...res.industries]
|
||||
this.getCompaniesList()
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
// 企业列表
|
||||
|
||||
19
pages/goods/add.vue
Normal file
19
pages/goods/add.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
添加权证
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
19
pages/goods/management.vue
Normal file
19
pages/goods/management.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
权证管理
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
@@ -47,7 +47,8 @@
|
||||
mobileNo: this.phone,
|
||||
code : this.code
|
||||
}).then(res => {
|
||||
this.$store.commit('setToken', res.token_type + '' + res.access_token)
|
||||
console.log(res)
|
||||
this.$store.commit('setToken', res.token_type + ' ' + res.access_token)
|
||||
if(!res.is_company){
|
||||
this.$Router.replace({name: "Registered"})
|
||||
return
|
||||
|
||||
@@ -59,8 +59,6 @@
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- <uni-number-box :min="1" v-model="qty"></uni-number-box> -->
|
||||
|
||||
<script>
|
||||
import { buy } from '@/apis/interfaces/order'
|
||||
export default {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
订单详情
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,6 +1,17 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
<view class="tabs">
|
||||
<view class="item show">待发货</view>
|
||||
<view class="item">已发货</view>
|
||||
<view class="item">待提货</view>
|
||||
<view class="item">已提货</view>
|
||||
</view>
|
||||
<view class="orders">
|
||||
<view class="item" v-for="(item, index) in 10" :key="index">
|
||||
{{index}}
|
||||
订单信息
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -8,15 +19,50 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
type: ''
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.type = this.$Route.query.type
|
||||
console.log(this.type)
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// tabs
|
||||
.tabs{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
background: #F8F8F8;
|
||||
padding: 15rpx 0;
|
||||
font-size: $title-size-lg;
|
||||
color: $text-gray;
|
||||
.item{
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
&.show{
|
||||
color: $text-price;
|
||||
border-bottom: solid 4rpx $text-price;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 订单管理
|
||||
.orders{
|
||||
padding-top: 90rpx;
|
||||
.item{
|
||||
background: white;
|
||||
margin: ($margin - 10) $margin;
|
||||
border-radius: $radius;
|
||||
padding: $padding;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<view>
|
||||
员工
|
||||
售后
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -1,27 +1,155 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
<!-- 用户信息 -->
|
||||
<view class="user">
|
||||
<view class="user-content">
|
||||
<view class="user-info">
|
||||
<image class="info-cover" src="../../static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
<view class="info-nickname">唐明明</view>
|
||||
<view class="info-tags">
|
||||
<text class="info-tags-item">企业认证</text>
|
||||
<text class="info-tags-item">SSS企业主</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-sign">签到</view>
|
||||
</view>
|
||||
<view class="user-total">
|
||||
<view class="total-item">
|
||||
<view class="total-number">0</view>
|
||||
<view class="total-text">商品收藏</view>
|
||||
</view>
|
||||
<view class="total-item">
|
||||
<view class="total-number">0</view>
|
||||
<view class="total-text">店铺收藏</view>
|
||||
</view>
|
||||
<view class="total-item">
|
||||
<view class="total-number">0</view>
|
||||
<view class="total-text">浏览记录</view>
|
||||
</view>
|
||||
<view class="total-item">
|
||||
<view class="total-number">0</view>
|
||||
<view class="total-text">优惠券</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-vip">
|
||||
<view class="vip-text">开通会员获得更多的权益</view>
|
||||
<view class="vip-btn">立即开通</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
<!-- 易货订单 -->
|
||||
<view class="user-group">
|
||||
<view class="title">
|
||||
<view class="title-text">易货订单</view>
|
||||
<view class="title-more">
|
||||
全部订单
|
||||
<uni-icons class="title-icon" color="#999" type="arrowright" size="14" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="group-flex order-flex">
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_00.png" mode="aspectFill"></image>
|
||||
<view class="item-title">待付款</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_01.png" mode="aspectFill"></image>
|
||||
<view class="item-title">待发货</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_02.png" mode="aspectFill"></image>
|
||||
<view class="item-title">待提货</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_03.png" mode="aspectFill"></image>
|
||||
<view class="item-title">待评价</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_04.png" mode="aspectFill"></image>
|
||||
<view class="item-title">退货售后</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
<!-- 易货中心管理 -->
|
||||
<view class="user-group">
|
||||
<view class="title">
|
||||
<view class="title-text">易货中心管理</view>
|
||||
<view class="title-more">
|
||||
交易中心
|
||||
<uni-icons class="title-icon" color="#999" type="arrowright" size="14" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="group-flex group-flex-3">
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/user_icon_00.png" mode="aspectFill"></image>
|
||||
<view class="item-title">上架中</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/user_icon_01.png" mode="aspectFill"></image>
|
||||
<view class="item-title">寄存中</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/user_icon_02.png" mode="aspectFill"></image>
|
||||
<view class="item-title">低价求购</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
<!-- 我的资产 -->
|
||||
<view class="user-group">
|
||||
<view class="title">
|
||||
<view class="title-text">我的资产</view>
|
||||
</view>
|
||||
<view class="group-flex group-flex-4">
|
||||
<view class="item">
|
||||
<view class="item-num">0</view>
|
||||
<view class="item-title">原石</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item-num">0</view>
|
||||
<view class="item-title">贡献值</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item-num">0</view>
|
||||
<view class="item-title">易币</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item-num">0</view>
|
||||
<view class="item-title">零钱</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
<!-- 管理工具 -->
|
||||
<view class="user-group">
|
||||
<view class="title">
|
||||
<view class="title-text">管理工具</view>
|
||||
</view>
|
||||
<view class="group-flex group-flex-4">
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_00.png" mode="aspectFill"></image>
|
||||
<view class="item-title">店铺管理</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_01.png" mode="aspectFill"></image>
|
||||
<view class="item-title">员工管理</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_02.png" mode="aspectFill"></image>
|
||||
<view class="item-title">营销管理</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_02.png" mode="aspectFill"></image>
|
||||
<view class="item-title">产品管理</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_02.png" mode="aspectFill"></image>
|
||||
<view class="item-title">核销管理</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/order_icon_02.png" mode="aspectFill"></image>
|
||||
<view class="item-title">卡券管理</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
</view>
|
||||
<view class="androidwx">
|
||||
321312
|
||||
</view>
|
||||
<button type="default" @click="onOut">退出登录</button>
|
||||
<!-- 版权信息 -->
|
||||
<view class="copyright">易品新境 beta 1.0.0</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -33,10 +161,192 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onOut(){
|
||||
this.$store.commit('setToken', '')
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// 用户
|
||||
.user{
|
||||
background: #f3f4f8;
|
||||
@extend .ios-top;
|
||||
.user-content{
|
||||
padding: ($padding*3) $padding 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.user-info{
|
||||
position: relative;
|
||||
width: 80%;
|
||||
padding-left: $padding + 88;
|
||||
height: 98rpx;
|
||||
box-sizing: border-box;
|
||||
.info-cover{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
vertical-align: top;
|
||||
height: 98rpx;
|
||||
width: 98rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.info-nickname{
|
||||
line-height: 55rpx;
|
||||
font-size: $title-size + 4;
|
||||
font-weight: bold;
|
||||
}
|
||||
.info-tags{
|
||||
font-size: $title-size-sm - 4;
|
||||
.info-tags-item{
|
||||
background: #333333;
|
||||
margin-right: $margin/2;
|
||||
color: #e9dabb;
|
||||
padding: 0 ($padding/2);
|
||||
border-radius: 20rpx;
|
||||
line-height: 40rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.user-sign{
|
||||
background: white;
|
||||
width: 130rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
text-align: center;
|
||||
font-size: $title-size-m;
|
||||
}
|
||||
}
|
||||
.user-total{
|
||||
padding: $padding ($padding - 10);
|
||||
display: flex;
|
||||
.total-item{
|
||||
position: relative;
|
||||
margin: 0 ($margin/3);
|
||||
text-align: center;
|
||||
width: calc(25% - #{$margin - 10});
|
||||
.total-number{
|
||||
font-size: $title-size;
|
||||
font-weight: bold;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.total-text{
|
||||
font-size: $title-size-sm;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
&::before{
|
||||
position: absolute;
|
||||
right: -($margin/3);
|
||||
top: 25%;
|
||||
height: 50%;
|
||||
content: " ";
|
||||
width: 1rpx;
|
||||
background: #c2c4c1;
|
||||
}
|
||||
&:last-child::before{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.user-vip{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #333333;
|
||||
margin: 0 $margin;
|
||||
border-radius: $radius $radius 0 0;
|
||||
padding: $padding;
|
||||
.vip-text{
|
||||
line-height: 50rpx;
|
||||
width: calc(100% - 180rpx);
|
||||
color: #e9dabb;
|
||||
font-size: $title-size-m;
|
||||
}
|
||||
.vip-btn{
|
||||
background-color: #e9dabb;
|
||||
color: #333333;
|
||||
line-height: 50rpx;
|
||||
width: 160rpx;
|
||||
text-align: center;
|
||||
border-radius: 25rpx;
|
||||
font-size: $title-size-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 用户功能组
|
||||
.user-group{
|
||||
margin: $margin;
|
||||
background: white;
|
||||
border-radius: $radius;
|
||||
.title{
|
||||
padding: $padding $padding ($padding - 10);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: solid 1rpx $border-color;
|
||||
align-items: center;
|
||||
.title-text{
|
||||
line-height: 40rpx;
|
||||
font-size: $title-size;
|
||||
}
|
||||
.title-more{
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray-m;
|
||||
}
|
||||
.title-icon{
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.group-flex{
|
||||
display: flex;
|
||||
padding: $padding - 10;
|
||||
flex-wrap: wrap;
|
||||
.item{
|
||||
margin: $padding / 3;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 易货订单
|
||||
.order-flex{
|
||||
.item{
|
||||
width: calc(20% - #{$padding - 10});
|
||||
.item-num{
|
||||
font-weight: bold;
|
||||
font-size: $title-size + 4;
|
||||
}
|
||||
.item-cover{
|
||||
width: 62rpx;
|
||||
height: 62rpx;
|
||||
vertical-align: top;
|
||||
}
|
||||
.item-title{
|
||||
font-size: $title-size-sm - 2;
|
||||
color: $text-gray-m;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 工具内容
|
||||
.group-flex-4{
|
||||
@extend .order-flex;
|
||||
.item{
|
||||
width: calc(25% - #{$padding - 10});
|
||||
}
|
||||
}
|
||||
.group-flex-3{
|
||||
@extend .order-flex;
|
||||
.item{
|
||||
width: calc(33.33% - #{$padding - 10});
|
||||
}
|
||||
}
|
||||
|
||||
// 易品新境
|
||||
.copyright{
|
||||
padding: $padding 0 ($padding * 2);
|
||||
text-align: center;
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray-m;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
<view class="name">{{company.name}}</view>
|
||||
<view class="faith">诚信{{company.faith}}</view>
|
||||
</view>
|
||||
<view class="btn">{{company.identity}}</view>
|
||||
<view class="btn" @click="$Router.push({name: 'Vip'})">{{company.identity}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 老板 -->
|
||||
|
||||
19
pages/verification/details.vue
Normal file
19
pages/verification/details.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
核销详情
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
19
pages/verification/index.vue
Normal file
19
pages/verification/index.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
优惠券核销
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user