TmOct5/barter-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[更新页面修改部分代码-商城首页企业工具我的资产]

Browse Source
This commit is contained in:
zhangmanman
2021-09-16 08:54:48 +08:00
parent 4c0308edbf
commit b12465f611
45 changed files with 8592 additions and 8635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/goods-list/goods-list.vue
View File

@@ -17,7 +17,7 @@
</view>
<view class="sales">
<slot name="statistics" :value="item">
已易{{item.sales}}
月易量{{item.sales}}
</slot>
</view>
</view>

122
components/industry-list/industry-list.vue
View File

@@ -3,9 +3,18 @@
<block v-if="list.length > 0">
<view class="industry--box" v-for="(item, index) in list" :key="index" @click="industry(item)">
<image class="industry--cover" :src="item.cover" mode="aspectFill"></image>
<view class="industry--vip">{{item.level.name}}</view>
<view class="industry--content">
<view class="industry--title">{{item.name}}</view>
<view class="industry--credibility">
<view class="industry--title nowrap">{{item.name}}</view>
<view class="industry--credit">信用值 {{item.integrity}}</view>
<view class="industry--trade nowrap" v-if="item.industry">行业：{{item.industry.title}}</view>
<view class="industry--bar">
<view class="industry--color">
<view class="industry--strip" :style="{width: item.process + '%'}"></view>
</view>
<view class="industry--per">{{item.process}}%</view>
</view>
<!-- <view class="industry--credibility">
<uni-rate
:readonly="true"
color="#ddd"
@@ -13,9 +22,13 @@
:value="item.star"
:size="14"
/>
</view>
<view class="industry--business">{{item.industry.title}}</view>
<uni-icons class="industry--arrow" type="arrowright" color="#ddd" size="14" />
</view> -->
<!-- <uni-icons class="industry--arrow" type="arrowright" color="#ddd" size="14" /> -->
<view class="industry--tool">
<view class="industry--deal">
权证数<text class="industry--number">{{item.goodsCount}}</text>
</view>
</view>
</view>
</view>
</block>
@@ -64,6 +77,17 @@
border-radius: $radius/2;
padding: $padding ($padding*3) $padding ($padding * 2 + 128);
min-height: 128rpx;
.industry--vip {
position: absolute;
top: $padding;
left: $padding;
background-color: #191919;
color: #f3c8a8;
font-size: 24rpx;
line-height: 32rpx;
padding: 0 8rpx;
border-radius: 6rpx 6rpx 6rpx 0;
}
.industry--cover{
position: absolute;
left: $padding;
@@ -74,18 +98,96 @@
.industry--title{
font-weight: bold;
font-size: $title-size-lg;
width: 80%;
line-height: 40rpx;
}
.industry--credit {
font-size: 22rpx;
display: inline-block;
font-weight: normal;
color: #ec652f;
border: 2rpx solid #ec652f;
line-height: 36rpx;
border-radius: 6rpx;
padding: 0 6rpx;
margin: 10rpx 0;
}
.industry--trade {
font-size: 24rpx;
color: $text-gray;
line-height: 40rpx;
}
.industry--bar {
display: flex;
width: 70%;
margin-top: 4rpx;
.industry--color{
background: #ebebeb;
border-left: 2rpx solid transparent;
border-right: 2rpx solid transparent;
width: calc(100% - 50rpx);
border-radius: 60rpx;
margin: 6rpx 10rpx 0 0;
height: 18rpx;
.industry--strip {
background-color: #ff8562;
border: 1px solid #ff8562;
border-radius: 10px;
box-shadow: 1vw 3vh 10vh rgba(168, 7, 7, 0.8);
background-size: 3em 3em;
background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #ec3950 0.9em, #ec3950 2.1em, transparent 2.1em, transparent 2.9em, #ec3950 3.1em);
height: 14rpx;
border-radius: 60rpx;
position: relative;
&::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 100%;
background-image: linear-gradient(to bottom, #db152e, rgba(168, 7, 7, 0.6) 15%, transparent 60%, #db152e);
border-radius: 20rpx;
}
}
}
.industry--per {
font-size: 20rpx;
color: rgba(0, 0, 0, 0.8);
transform: scale(.8);
}
}
.industry--tool {
position: absolute;
top: 60rpx;
right: $padding;
.industry--deal {
width: 120rpx;
height: 120rpx;
text-align: center;
background: linear-gradient(to bottom, #e1293f, #f85d31);
box-shadow: 0 0 14rpx rgba(260, 60, 80, .9);
color: #FFFFFF;
font-size: 26rpx;
border-radius: 50%;
padding-top: 25rpx;
box-sizing: border-box;
font-size: 24rpx;
.industry--number {
font-size: 28rpx;
font-weight: 600;
display: block;
margin-top: 4rpx;
}
}
}
.industry--credibility{
padding-top: 8rpx;
height: 48rpx;
box-sizing: border-box;
}
.industry--business{
line-height: 40rpx;
font-size: $title-size-sm;
color: $text-gray;
}
.industry--arrow{
position: absolute;
right: $margin;

146
components/store-boss/store-boss.vue
View File

@@ -21,6 +21,21 @@
</view>
<!-- 店铺概况 -->
<view class="general">
<view class="general-box member">
<view class="member-name">
会员中心
</view>
<view class="member-cont">
<view class="member-tips">
<view class="member-tips-title">会员升级/续费</view>
<view class="member-tips-time">有效期：2022年10月1日</view>
</view>
<view class="member-btn" @click="$Router.push({name: 'Vip'})">
<image class="member-btn-icon" src="../../static/icons/store_icon_vip.png" mode="aspectFill"></image>
<view class="member-btn-name">去升级</view>
</view>
</view>
</view>
<view class="general-box">
<view class="general-item" @click="$Router.push({name: 'Visitors'})">
<view class="number">{{wordData.middle.visitors || 0}}</view>
@@ -30,22 +45,34 @@
<view class="number">{{wordData.middle.clinch || 0}}</view>
<view class="text">成交客户</view>
</view>
<!-- <view class="general-item" @click="$Router.push({name: 'Employees'})">
<view class="number">{{wordData.middle.employees || 0}}</view>
<view class="text">员工数量</view>
</view>
<view class="general-item">
<view class="number">{{wordData.middle.hold || 0}}</view>
<view class="text">权证持有</view>
</view>
<view class="general-item">
<view class="number">{{wordData.middle.transfer || 0}}</view>
<view class="text">转让权证</view>
</view> -->
<view class="general-item">
<view class="number">{{wordData.top.barter_total || 0}}</view>
<view class="text">总收益额</view>
</view>
<view class="general-item" @click="$Router.push({name: 'GoodsMag'})">
<view class="number">{{wordData.middle.sale || 0}}</view>
<view class="text">在售权证</view>
</view>
<view class="general-item">
<view class="number">{{wordData.top.barter_total || 0}}</view>
<view class="text">总交易额</view>
</view>
<view class="general-item" @click="$Router.push({name: 'GoodsMag'})">
<view class="number">{{wordData.middle.sale || 0}}</view>
<view class="text">在售权证</view>
</view>
<view class="general-item">
<view class="number">{{wordData.middle.hold || 0}}</view>
<view class="text">退货单处理</view>
</view>
<view class="general-item">
<view class="number">{{wordData.middle.transfer || 0}}</view>
<view class="text">发货单处理</view>
</view>
<view class="general-item">
<view class="number">{{wordData.top.barter_total || 0}}</view>
<view class="text">发货单处理</view>
</view>
</view>
</view>
<!-- 店铺订单管理 -->
@@ -94,10 +121,17 @@
<image class="icon" src="@/static/icons/tool_icon_03.png" mode="aspectFill"></image>
<view class="title">收款管理</view>
</view>
</view>
<!-- 企业营销工具管理 -->
<view class="tool-flex store">
<view class="store-item" @click="$Router.push({name: 'Basics'})">
<image class="icon" src="@/static/icons/tool_icon_04.png" mode="aspectFill"></image>
<view class="title">基础信息</view>
</view>
<!-- <view class="store-item">
<image class="icon" src="@/static/icons/tool_icon_05.png" mode="aspectFill"></image>
<view class="title">智能名片</view>
</view> -->
<view class="store-item">
<image class="icon" src="@/static/icons/tool_icon_06.png" mode="aspectFill"></image>
<view class="title">营销推广码</view>
@@ -111,15 +145,10 @@
<view class="title">员工管理</view>
</view>
</view>
<!-- 企业数据统计 -->
<view class="tool-flex">
<l-f2 ref="chart"></l-f2>
</view>
</view>
</template>
<script>
import F2 from '@/uni_modules/lime-f2/components/l-f2/f2.min.js'
export default {
name:"store-boss",
props:{
@@ -130,17 +159,7 @@
return {
top : {},
middle : {},
order : {},
data: [{
date: '2017-06-05',
value: 116
}, {
date: '2017-06-06',
value: 129
}, {
date: '2017-06-07',
value: 135
}]
order : {}
}
}
}
@@ -154,7 +173,7 @@
.statistical{
display: flex;
background: $text-price;
padding: $padding ($padding/2) $padding*5;
padding: $padding ($padding/2) $padding*2;
flex-wrap: wrap;
justify-content: space-between;
.item{
@@ -173,7 +192,7 @@
}
// 店铺概况
.general{
margin: -$margin*5 $margin 0 $margin;
margin: -$margin*2 $margin 0 $margin;
.general-box{
background-color: white;
border-radius: $radius/2;
@@ -197,6 +216,73 @@
}
}
}
// 新增
.member {
margin-bottom: $margin;
font-size: 26rpx;
padding: 0;
box-sizing: border-box;
background-image: linear-gradient(to right, #fbdba7, #ddb264);
position: relative;
color: #533108;
height: 120rpx;
.member-name {
width: 160rpx;
line-height: 120rpx;
text-align: center;
font-size: 28rpx;
font-weight: 700;
position: relative;
&::after {
position: absolute;
content: '';
right: 0;
top: 25%;
height: 50%;
width: 4rpx;
background-color: #d8b66f;
}
}
.member-cont {
display: flex;
position: absolute;
left: 0;
top: 0;
width: 100%;
padding-left: 180rpx;
padding-right: 20rpx;
box-sizing: border-box;
.member-tips {
flex: 1;
padding-top: 30rpx;
.member-tips-time {
font-size: 26rpx;
}
}
.member-btn{
height: 64rpx;
line-height: 64rpx;
border-radius: 10rpx;
margin-top: 30rpx;
padding: 0 15rpx;
background-image: linear-gradient(to right, #6f747f, #3e4655);
display: flex;
.member-btn-name {
font-size: 26rpx;
font-weight: 700;
background: linear-gradient(to right, #f6d8ac, #c39f63);
-webkit-background-clip: text;
color: transparent;
}
.member-btn-icon {
width: 32rpx;
height: 32rpx;
margin: 15rpx 10rpx 0 0;
}
}
}
}
}
// 店铺工具
.tool-flex{