From 8580ef310f61f4bc275c19ddcc6ebd2135720d4a Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期一, 08 七月 2024 10:19:42 +0800 Subject: [PATCH] update合伙人加价配置 --- common/self.scss | 1 common/global.scss | 1 sub_pages/partner/markup-config/markup-config.vue | 233 ++++++++++++++++++++++++++++++++++++++++++---- pages/home/home.scss | 6 4 files changed, 217 insertions(+), 24 deletions(-) diff --git a/common/global.scss b/common/global.scss index 4a682d6..dfc6f48 100644 --- a/common/global.scss +++ b/common/global.scss @@ -111,3 +111,4 @@ margin-top: 50rpx; } } + diff --git a/common/self.scss b/common/self.scss index 0b28d8e..dece188 100644 --- a/common/self.scss +++ b/common/self.scss @@ -738,6 +738,7 @@ line-height:36rpx; padding-top:30rpx; padding-bottom:30rpx; + position: relative; .require::before{ content:'*'; color:red; diff --git a/pages/home/home.scss b/pages/home/home.scss index 08d79de..bd9753a 100644 --- a/pages/home/home.scss +++ b/pages/home/home.scss @@ -185,14 +185,16 @@ margin-left: auto; .title{ - color: #936E32; + color: #20613D; + } } .tj-panel.green{ background: #FDF4E5; .title{ - color: #20613D; + color: #936E32; + } } diff --git a/sub_pages/partner/markup-config/markup-config.vue b/sub_pages/partner/markup-config/markup-config.vue index 8183fd0..48fb61b 100644 --- a/sub_pages/partner/markup-config/markup-config.vue +++ b/sub_pages/partner/markup-config/markup-config.vue @@ -1,22 +1,211 @@ -<template> - <view> - - </view> -</template> - -<script> - export default { - data() { - return { - - } - }, - methods: { - - } - } -</script> - -<style> - -</style> +<template> + <view class="list-container markup-config"> + <view class="search-container m-t-12 flex"> + <view class="flex1 input"> + <u--input placeholder="请输入商品名称" v-model="query.name"> + </u--input> + </view> + <view class="button" @click="refreshList">搜索</view> + </view> + + <view class="p15" style="min-height: calc(100vh - 160rpx);"> + <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> + <view v-for="(item,index) in list" :key="index" class="m-b-24 markup-config-list list-container"> + <view class="markup-config-item list-item"> + <view class="title"> + 商品分类:{{item.name || '-'}} + + </view> + <u-divider></u-divider> + <view class="form"> + <view class="form-item"> + <view class="form-item-label">规格</view> + <view class="form-item-value">{{item.unit || '-'}}</view> + </view> + <view class="form-item"> + <view class="form-item-label">重量</view> + <view class="form-item-value">{{item.weight || '-'}}</view> + </view> + <view class="form-item"> + <view class="form-item-label">颜色</view> + <view class="form-item-value">{{item.color || '-'}}</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级A</view> + <view class="form-item-value">{{item.levelA || '-'}}</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级A</view> + <view class="form-item-value">{{item.levelA || '-'}}元</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级A</view> + <view class="form-item-value">{{item.levelA || '-'}}元</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级B</view> + <view class="form-item-value">{{item.levelB || '-'}}元</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级C</view> + <view class="form-item-value">{{item.levelC || '-'}}元</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级D</view> + <view class="form-item-value">{{item.levelD || '-'}}元</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级E</view> + <view class="form-item-value">{{item.levelE || '-'}}元</view> + </view> + <view class="form-item"> + <view class="form-item-label">等级O</view> + <view class="form-item-value">{{item.levelO || '-'}}元</view> + </view> + </view> + </view> + </view> + </view> + + <!-- 判断是否到底了,自动吧 --> + <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg> + + </view> +</template> + +<script> + export default { + data() { + return { + tabIndex: 0, + query: { + name: '' + } + } + }, + onLoad() { + this.listApi = '/api/flower/markup/spcg/list' + this.getList() + + }, + onReachBottom() { + this.page.current += 1 + this.getMore() + }, + async onPullDownRefresh() { + this.page.current = 1 + await this.getList() + uni.stopPullDownRefresh() + }, + methods: { + toDetail(item) { + // uni.navigateTo({ + // url: `/pages/notice/notice?id=${item.id}` + // }) + } + } + } +</script> + +<style lang="scss" scope> + .list-container.markup-config { + .search-container { + display: flex; + margin: 24rpx 30rpx 20rpx 30rpx; + + .input { + // flex: 1; + // max-width: 400rpx; + background-color: #fff !important; + // line-height: 58rpx; + // height: 58rpx; + } + + .button { + min-width: 120rpx; + max-width: 120rpx; + margin-left: auto; + margin-right: 0rpx; + text-align: right; + line-height: 70rpx !important; + // height: 58rpx !important; + // display: flex; + } + } + + .markup-config-list { + .markup-config-item { + margin-bottom: 20rpx; + padding: 28rpx; + background: #FFFFFF; + border-radius: 8rpx; + + .title { + font-weight: 600; + font-size: 28rpx; + color: #000000; + line-height: 40rpx; + + .status { + font-weight: 400; + font-size: 28rpx; + color: #20613D; + line-height: 40rpx; + } + + .status.red { + color: #CF0000; + } + + .status.green { + color: var(--topiccolor); + } + } + + .line { + height: 2rpx solid #EEEEEE; + margin-top: 16rpx; + margin-bottom: 16rpx; + } + + .tj { + .label { + font-weight: 600; + font-size: 28rpx; + color: #000000; + line-height: 40rpx; + } + + .value { + font-weight: 400; + font-size: 28rpx; + color: #CF0000; + line-height: 40rpx; + } + } + + .form { + display: flex; + flex-wrap: wrap; + + .form-item { + height: 40rpx; + line-height: 40rpx; + // padding-top: 4rpx; + padding-bottom: 0rpx; + border-bottom: none; + min-width: 35%; + max-width: 50%; + flex: 1; + + .form-item-label {} + + .form-item-value {} + } + + } + } + + } + } +</style> \ No newline at end of file -- Gitblit v1.9.3