From e4bb10264e289d376ed5d938c59b0fdbb1d41d6b Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期一, 15 七月 2024 18:36:11 +0800
Subject: [PATCH] 1
---
sub_pages/supplier/flower-manage/flower-add.vue | 8
sub_pages/supplier/flower-manage/flower-manage.vue | 867 +++++++++++++++++++++++++++++----------------------------
2 files changed, 445 insertions(+), 430 deletions(-)
diff --git a/sub_pages/supplier/flower-manage/flower-add.vue b/sub_pages/supplier/flower-manage/flower-add.vue
index 46e25b2..2093dca 100644
--- a/sub_pages/supplier/flower-manage/flower-add.vue
+++ b/sub_pages/supplier/flower-manage/flower-add.vue
@@ -525,10 +525,12 @@
this.$message.showToast('商品价格格式错误，精确到分')
return
}
- if (tmp.toFixed(2) != tmp.toFixed(3)) {
- this.$message.showToast('商品价格至多精确到分')
- console.log('tmp.toFixed(2)',tmp.toFixed(2),tmp.toFixed(3))
+ if ((tmp.toFixed(2) + '' + '0') !== tmp.toFixed(3)) {
+ this.$message.showToast('商品价格至多精确到分')
+ // console.log('tmp.toFixed(2)',tmp.toFixed(2),tmp.toFixed(3))
return
+ } else {
+ this.dto.price = this.dto.price.toFixed(2)
}
if (this.dto.price <= 0) {
this.$message.showToast('商品价格不能小于等于0')
diff --git a/sub_pages/supplier/flower-manage/flower-manage.vue b/sub_pages/supplier/flower-manage/flower-manage.vue
index 2138502..34c0a81 100644
--- a/sub_pages/supplier/flower-manage/flower-manage.vue
+++ b/sub_pages/supplier/flower-manage/flower-manage.vue
@@ -1,428 +1,441 @@
-<template>
- <view class="flow-manage">
- <view class="top-buttons" v-if="type==='all'">
- <view @click.stop="clickButton('add')" class="button button-add"></view>
- <view @click.stop="clickButton('in')" class="button button-search-in"></view>
- <view @click.stop="clickButton('unpass')" class="button button-search-unpass"></view>
- <view @click.stop="clickButton('inpass')" class="button button-search-inpass" style="flex:5"></view>
- <view @click.stop="clickButton('delete')" class="button button-search-delete" style="margin-top: -1rpx;"></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 flow-manage-list">
- <view class="flow-manage-list-item">
- <view class="flex">
- <image class="flower-img img100 m-r-6" :src="item.cover" @click="previewImg(item.cover)">
- </image>
- <view class="flex1">
- <view class=" flex">
- <view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>
- <view class="m-l-a m-r-0">
- {{item.categoryStr || '-'}}
- </view>
- </view>
- <view class="each-list">
- <view class="each-item">
- <view class="label">状态</view>
- <view class="value">{{item.statusStr || '-'}}</view>
-
- </view>
- <view class="each-item">
- <view class="label">颜色</view>
- <view class="value">{{item.color || '-'}}</view>
-
- </view>
- <view class="each-item">
- <view class="label">规格</view>
- <view class="value">{{item.unit || '-'}}</view>
-
- </view>
- <view class="each-item">
- <view class="label">库存</view>
- <view class="value">{{item.stock || 0}}</view>
-
- </view>
- <view class="each-item">
- <view class="label">销量</view>
- <view class="value">{{item.sales || 0}}</view>
- </view>
- <view class="each-item">
- <view class="label">价格</view>
- <view class="value">{{item.price||'-'}}</view>
- </view>
- </view>
- </view>
- </view>
- <view class="line-gray">
-
- </view>
- <view class="buttons">
- <view class="button" @click.stop="toDetail(item)">编辑</view>
-
- <view class="button" @click.stop="buttonStatus(item,'off')"
- v-if="item.status=='UP'||item.status=='up'">下架</view>
- <view class="button" @click.stop="buttonStatus(item,'up')"
- v-if="item.status=='OFF'||item.status=='off'||item.status=='FORCE_OFF'">上架</view>
- <view class="button" @click.stop="openValue(item,'price')">价格</view>
- <view class="button" @click.stop="openValue(item,'stock')">库存</view>
- <view class="button" @click.stop="toDetailAdd(item)">复制</view>
-
- <view class="button t-red" @click.stop="buttonDelete(item)">删除</view>
-
- </view>
- </view>
- </view>
- </view>
-
- <!-- 判断是否到底了，自动吧 -->
- <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>
-
- <uni-popup ref="popup_input" type="bottom" :mask-click="false">
- <view class="component-popup_input white w-fit" style="padding-bottom: 0rpx;padding: 0px;">
- <view class="p20" style="padding-bottom: 10rpx;">
- <view class="title" v-if="currentInputKey=='price'">
- 修改价格
- </view>
- <view class="title" v-if="currentInputKey=='stock'">
- 修改库存
- </view>
-
- <!-- 输入框-->
- <view class="flex w-fit ">
-
- <u-input v-model="content" :placeholder="inputplaceholder" type="digit"
- style="max-width: 390rpx;background-color: #F2F2F2;" v-if="currentInputKey=='price'" />
- <view v-if="currentInputKey=='price'" class="m-l-10" style="line-height: 78rpx;">元</view>
-
- <u-input v-model="content" :placeholder="inputplaceholder" type="number"
- style="max-width: 390rpx;background-color: #F2F2F2;" v-if="currentInputKey=='stock'" />
- </view>
- </view>
- <!-- 提交按钮 -->
- <view class="line-gray" style="margin-bottom: 0px;"></view>
- <view class="flex flex-wrap-normal">
- <u-button type="default" class="w-fit flex1 " text="取消"
- @click="()=>{$refs.popup_input.close()}"></u-button>
- <view class="component-line-vert"></view>
- <u-button type="default" class="w-fit flex1 topic-font" t text="确定" @click="submitValue"></u-button>
- </view>
- </view>
- </uni-popup>
- </view>
-</template>
-
-<script>
- export default {
- data() {
- return {
- type: 'all',
- query: {
- type: ''
- },
- content: '',
- currentInputDto: {},
- currentInputKey: '',
- inputplaceholder: '',
- }
- },
- onShow(){
- if (this.sign['flower']) {
- this.$store.dispatch('sign_clear', 'flower');
- this.refreshList()
- }
- },
- async onLoad(options) {
- this.type = options.type || 'all'
- var title = ''
- //todo 根据type切换查询条件
- if (this.type === 'delete') {
- this.listApi = '/api/supplier/flower/list/rc'
- title = '商品管理-已删除'
- } else {
-
- this.listApi = '/api/supplier/flower/list'
- this.query.status = ''
- if (this.type === 'inpass') {
- this.query.status = 'PENDING'
- title = '商品管理-待审核'
- }
- if (this.type === 'in') {
- this.query.status = 'UP'
- title = '商品管理-已上架'
- }
- if (this.type === 'unpass') {
- this.query.status = 'DRAFT,OFF,FORCE_OFF'
- title = '商品管理-仓库中'
- }
- if (this.type === 'rejectpass') {
- this.query.status = 'REJECT'
- title = '商品管理-未审核通过'
- }
- }
- if (title) {
- uni.setNavigationBarTitle({
- title: title
- })
- }
- await this.$store.dispatch('sign_clear', 'flower');
- this.getList()
- },
- onReachBottom() {
- this.page.current += 1
- this.getMore()
- },
- async onPullDownRefresh() {
- this.page.current = 1
- await this.getList()
- uni.stopPullDownRefresh()
- },
- methods: {
- async openValue(item, key) {
- this.content = item[key] || ''
- this.currentInputDto = item
- this.currentInputKey = key
- this.inputplaceholder = key == 'price' && '请输入价格(元)' || key == 'stock' && '请输入库存(整数)' || '请输入'
- this.$refs.popup_input.open('top')
- },
- async submitValue() {
- let item = this.currentInputDto,
- key = this.currentInputKey
- const res = await this.$message.confirm(`确定修改此商品的${key==='price'&&'价格'|| key==='stock'&&'库存'}吗`, {
- editable: false
- })
-
- if (!this.content) {
- this.$message.showToast('输入不能为空')
- return
- }
- var value = ''
- if (key == 'price') {
- value = parseFloat(this.content).toFixed(2)
- } else {
- value = parseInt(this.content)
- }
- if (isNaN(value)) {
- this.$message.showToast('输入格式不正确')
- return
- }
- var dto = {
- id: item.id,
- }
- dto[key] = value
-
-
- this.$message.showLoading()
- this.$http.request('post', '/api/supplier/flower/list/' + key, {
- data: dto
- }).then(res => {
- if (res.code == 0) {
- this.$message.showToast('操作成功')
- item[key] = value
- this.$refs.popup_input.close()
-
- }
- }).finally(() => {
- this.$message.hideLoading()
- })
- },
- async buttonStatus(item, status) {
- await this.$message.confirm(`确定${status==='off'?'下降':'上架'}此商品吗`)
- this.$message.showLoading()
- this.$http.request('get', '/api/supplier/flower/list/' + status, {
- params: {
- id: item.id
- }
- }).then(res => {
- if (res.code == 0) {
- this.$message.showToast('操作成功')
- item.status = status
- item.statusStr = (status == 'off' ? '下架' : '上架')
- }
- }).finally(() => {
- this.$message.hideLoading()
- })
- },
- async buttonDelete(item) {
- await this.$message.confirm('确定删除此商品吗')
- this.$message.showLoading()
- this.$http.request('get', '/api/supplier/flower/list/delete', {
- params: {
- id: item.id
- }
- }).then(res => {
- if (res.code == 0) {
- this.$message.showToast('删除成功')
- this.refreshList()
- }
- }).finally(() => {
- this.$message.hideLoading()
- })
- },
- toDetail(item) {
- uni.navigateTo({
- url: '/sub_pages/supplier/flower-manage/flower-add?id=' + item.id
- })
- },
- toDetailAdd(item) {
- uni.navigateTo({
- url: '/sub_pages/supplier/flower-manage/flower-add?copyId=' + item.id
- })
- },
- clickButton(type) {
- if (type == 'add') {
- //添加页面
- uni.navigateTo({
- url: '/sub_pages/supplier/flower-manage/flower-add'
- })
- } else {
- uni.navigateTo({
- url: '/sub_pages/supplier/flower-manage/flower-manage?type=' + type
- })
- }
- },
- }
- }
-</script>
-
-<style lang="scss" scoped>
- .flow-manage {
- .flow-manage-list {
- // padding: 20rpx 30rpx;
- padding: 22rpx 22rpx 20rpx 22rpx;
- background-color: #fff;
-
- .flow-manage-list-item {
-
- // margin-bottom: 20rpx;
-
- .title {
- font-weight: 600;
- font-size: 28rpx;
- color: #000000;
- line-height: 40rpx;
-
- .level {
- font-weight: 400;
- font-size: 28rpx;
- color: #20613D;
- line-height: 40rpx;
- margin-left: 20rpx;
- }
- }
-
- .buttons {
- display: flex;
-
- .button {
- margin: 0 auto;
- width: 98rpx;
- line-height: 48rpx;
- border-radius: 24rpx;
- border: 2rpx solid #CECECE;
- text-align: center;
- font-size: 24rpx;
- color: #666666;
- line-height: 34rpx;
- }
- }
-
- .flower-img {
- width: 128rpx;
- height: 118rpx;
- min-width: 128rpx;
- min-height: 118rpx;
- }
-
- .each-list {
- display: flex;
- flex-wrap: wrap;
- margin-top: 6rpx;
-
- .each-item {
- min-width: 30%;
- max-width: 40%;
- text-align: center;
- margin-left: 0rpx;
- margin-right: auto;
- display: flex;
-
- .label {
- font-weight: 400;
- font-size: 24rpx;
- color: #666666;
- text-align: left;
- padding-right: 10rpx;
- }
-
- .label::after {
- content: ": "
- }
-
- .value {
- font-weight: 400;
- font-size: 24rpx;
- color: #666666;
- }
- }
- }
- }
- }
-
- .top-buttons {
- display: flex;
- padding: 22rpx 42rpx;
- background-color: #fff;
-
- .button {
- // flex:1;
- margin: 0 auto;
- width: 90rpx;
- height: 146rpx;
- background-size: 100% 100%;
- text-align: center;
- // min-width: 90rpx;
- flex: 4;
- // max-width: 90rpx;
- margin-left: 14rpx;
- margin-right: 14rpx;
- font-weight: 400;
-
- }
-
- .button:first-child {
- margin-left: 0rpx
- }
-
- .button:last-child {
- margin-right: 0rpx
- }
-
- .button-add {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-add-flower.png');
-
- }
-
- .button-search-in {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-in.png');
-
- }
-
- .button-search-unpass {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-unpass.png');
-
- }
-
- .button-search-inpass {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-inpass.png');
-
- }
-
- .button-search-delete {
- background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-delete.png');
-
- }
- }
- }
+<template>
+ <view class="flow-manage">
+ <view class="top-buttons" v-if="type==='all'">
+ <view @click.stop="clickButton('add')" class="button button-add"></view>
+ <view @click.stop="clickButton('in')" class="button button-search-in"></view>
+ <view @click.stop="clickButton('unpass')" class="button button-search-unpass"></view>
+ <view @click.stop="clickButton('inpass')" class="button button-search-inpass" style="flex:5"></view>
+ <view @click.stop="clickButton('delete')" class="button button-search-delete" style="margin-top: -1rpx;">
+ </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 flow-manage-list">
+ <view class="flow-manage-list-item">
+ <view class="flex">
+ <image class="flower-img img100 m-r-6" :src="item.cover" @click="previewImg(item.cover)">
+ </image>
+ <view class="flex1">
+ <view class=" flex">
+ <view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>
+ <view class="m-l-a m-r-0">
+ {{item.categoryStr || '-'}}
+ </view>
+ </view>
+ <view class="each-list">
+ <view class="each-item">
+ <view class="label">状态</view>
+ <view class="value">{{item.statusStr || '-'}}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">颜色</view>
+ <view class="value">{{item.color || '-'}}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">规格</view>
+ <view class="value">{{item.unit || '-'}}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">库存</view>
+ <view class="value">{{item.stock || 0}}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">销量</view>
+ <view class="value">{{item.sales || 0}}</view>
+ </view>
+ <view class="each-item">
+ <view class="label">价格</view>
+ <view class="value">{{item.price||'-'}}</view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="line-gray">
+
+ </view>
+ <view class="buttons">
+ <view class="button" @click.stop="toDetail(item)">编辑</view>
+
+ <view class="button" @click.stop="buttonStatus(item,'off')"
+ v-if="item.status=='UP'||item.status=='up'">下架</view>
+ <view class="button" @click.stop="buttonStatus(item,'up')"
+ v-if="item.status=='OFF'||item.status=='off'||item.status=='FORCE_OFF'">上架</view>
+ <view class="button" @click.stop="openValue(item,'price')">价格</view>
+ <view class="button" @click.stop="openValue(item,'stock')">库存</view>
+ <view class="button" @click.stop="toDetailAdd(item)">复制</view>
+
+ <view class="button t-red" @click.stop="buttonDelete(item)">删除</view>
+
+ </view>
+ </view>
+ </view>
+ </view>
+
+ <!-- 判断是否到底了，自动吧 -->
+ <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>
+
+ <uni-popup ref="popup_input" type="bottom" :mask-click="false">
+ <view class="component-popup_input white w-fit" style="padding-bottom: 0rpx;padding: 0px;">
+ <view class="p20" style="padding-bottom: 10rpx;">
+ <view class="title" v-if="currentInputKey=='price'">
+ 修改价格
+ </view>
+ <view class="title" v-if="currentInputKey=='stock'">
+ 修改库存
+ </view>
+
+ <!-- 输入框-->
+ <view class="flex w-fit ">
+
+ <u-input v-model="content" :placeholder="inputplaceholder" type="digit"
+ style="max-width: 390rpx;background-color: #F2F2F2;" v-if="currentInputKey=='price'" />
+ <view v-if="currentInputKey=='price'" class="m-l-10" style="line-height: 78rpx;">元</view>
+
+ <u-input v-model="content" :placeholder="inputplaceholder" type="number"
+ style="max-width: 390rpx;background-color: #F2F2F2;" v-if="currentInputKey=='stock'" />
+ </view>
+ </view>
+ <!-- 提交按钮 -->
+ <view class="line-gray" style="margin-bottom: 0px;"></view>
+ <view class="flex flex-wrap-normal">
+ <u-button type="default" class="w-fit flex1 " text="取消"
+ @click="()=>{$refs.popup_input.close()}"></u-button>
+ <view class="component-line-vert"></view>
+ <u-button type="default" class="w-fit flex1 topic-font" t text="确定" @click="submitValue"></u-button>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ type: 'all',
+ query: {
+ type: ''
+ },
+ content: '',
+ currentInputDto: {},
+ currentInputKey: '',
+ inputplaceholder: '',
+ }
+ },
+ onShow() {
+ if (this.sign['flower']) {
+ this.$store.dispatch('sign_clear', 'flower');
+ this.refreshList()
+ }
+ },
+ async onLoad(options) {
+ this.type = options.type || 'all'
+ var title = ''
+ //todo 根据type切换查询条件
+ if (this.type === 'delete') {
+ this.listApi = '/api/supplier/flower/list/rc'
+ title = '商品管理-已删除'
+ } else {
+
+ this.listApi = '/api/supplier/flower/list'
+ this.query.status = ''
+ if (this.type === 'inpass') {
+ this.query.status = 'PENDING'
+ title = '商品管理-待审核'
+ }
+ if (this.type === 'in') {
+ this.query.status = 'UP'
+ title = '商品管理-已上架'
+ }
+ if (this.type === 'unpass') {
+ this.query.status = 'DRAFT,OFF,FORCE_OFF'
+ title = '商品管理-仓库中'
+ }
+ if (this.type === 'rejectpass') {
+ this.query.status = 'REJECT'
+ title = '商品管理-未审核通过'
+ }
+ }
+ if (title) {
+ uni.setNavigationBarTitle({
+ title: title
+ })
+ }
+ await this.$store.dispatch('sign_clear', 'flower');
+ this.getList()
+ },
+ onReachBottom() {
+ this.page.current += 1
+ this.getMore()
+ },
+ async onPullDownRefresh() {
+ this.page.current = 1
+ await this.getList()
+ uni.stopPullDownRefresh()
+ },
+ methods: {
+ async openValue(item, key) {
+ this.content = item[key] || ''
+ this.currentInputDto = item
+ this.currentInputKey = key
+ this.inputplaceholder = key == 'price' && '请输入价格(元)' || key == 'stock' && '请输入库存(整数)' || '请输入'
+ this.$refs.popup_input.open('top')
+ },
+ async submitValue() {
+ let item = this.currentInputDto,
+ key = this.currentInputKey
+ const res = await this.$message.confirm(`确定修改此商品的${key==='price'&&'价格'|| key==='stock'&&'库存'}吗`, {
+ editable: false
+ })
+
+ if (!this.content) {
+ this.$message.showToast('输入不能为空')
+ return
+ }
+ var value = ''
+ if (key == 'price') {
+ value = parseFloat(this.content).toFixed(2)
+ } else {
+ value = parseInt(this.content)
+ }
+ if (isNaN(value)) {
+ this.$message.showToast('输入格式不正确')
+ return
+ }
+ if (key == 'price') {
+ if (value <= 0) {
+ this.$message.showToast('价格需要大于0')
+ return
+ }
+ } else {
+ if (value < 0) {
+ this.$message.showToast('库存不能小于0')
+ return
+ }
+ }
+
+ var dto = {
+ id: item.id,
+ }
+ dto[key] = value
+
+
+ this.$message.showLoading()
+ this.$http.request('post', '/api/supplier/flower/list/' + key, {
+ data: dto
+ }).then(res => {
+ if (res.code == 0) {
+ this.$message.showToast('操作成功')
+ item[key] = value
+ this.$refs.popup_input.close()
+
+ }
+ }).finally(() => {
+ this.$message.hideLoading()
+ })
+ },
+ async buttonStatus(item, status) {
+ await this.$message.confirm(`确定${status==='off'?'下降':'上架'}此商品吗`)
+ this.$message.showLoading()
+ this.$http.request('get', '/api/supplier/flower/list/' + status, {
+ params: {
+ id: item.id
+ }
+ }).then(res => {
+ if (res.code == 0) {
+ this.$message.showToast('操作成功')
+ item.status = status
+ item.statusStr = (status == 'off' ? '下架' : '上架')
+ }
+ }).finally(() => {
+ this.$message.hideLoading()
+ })
+ },
+ async buttonDelete(item) {
+ await this.$message.confirm('确定删除此商品吗')
+ this.$message.showLoading()
+ this.$http.request('get', '/api/supplier/flower/list/delete', {
+ params: {
+ id: item.id
+ }
+ }).then(res => {
+ if (res.code == 0) {
+ this.$message.showToast('删除成功')
+ this.refreshList()
+ }
+ }).finally(() => {
+ this.$message.hideLoading()
+ })
+ },
+ toDetail(item) {
+ uni.navigateTo({
+ url: '/sub_pages/supplier/flower-manage/flower-add?id=' + item.id
+ })
+ },
+ toDetailAdd(item) {
+ uni.navigateTo({
+ url: '/sub_pages/supplier/flower-manage/flower-add?copyId=' + item.id
+ })
+ },
+ clickButton(type) {
+ if (type == 'add') {
+ //添加页面
+ uni.navigateTo({
+ url: '/sub_pages/supplier/flower-manage/flower-add'
+ })
+ } else {
+ uni.navigateTo({
+ url: '/sub_pages/supplier/flower-manage/flower-manage?type=' + type
+ })
+ }
+ },
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ .flow-manage {
+ .flow-manage-list {
+ // padding: 20rpx 30rpx;
+ padding: 22rpx 22rpx 20rpx 22rpx;
+ background-color: #fff;
+
+ .flow-manage-list-item {
+
+ // margin-bottom: 20rpx;
+
+ .title {
+ font-weight: 600;
+ font-size: 28rpx;
+ color: #000000;
+ line-height: 40rpx;
+
+ .level {
+ font-weight: 400;
+ font-size: 28rpx;
+ color: #20613D;
+ line-height: 40rpx;
+ margin-left: 20rpx;
+ }
+ }
+
+ .buttons {
+ display: flex;
+
+ .button {
+ margin: 0 auto;
+ width: 98rpx;
+ line-height: 48rpx;
+ border-radius: 24rpx;
+ border: 2rpx solid #CECECE;
+ text-align: center;
+ font-size: 24rpx;
+ color: #666666;
+ line-height: 34rpx;
+ }
+ }
+
+ .flower-img {
+ width: 128rpx;
+ height: 118rpx;
+ min-width: 128rpx;
+ min-height: 118rpx;
+ }
+
+ .each-list {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 6rpx;
+
+ .each-item {
+ min-width: 30%;
+ max-width: 40%;
+ text-align: center;
+ margin-left: 0rpx;
+ margin-right: auto;
+ display: flex;
+
+ .label {
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #666666;
+ text-align: left;
+ padding-right: 10rpx;
+ }
+
+ .label::after {
+ content: ": "
+ }
+
+ .value {
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #666666;
+ }
+ }
+ }
+ }
+ }
+
+ .top-buttons {
+ display: flex;
+ padding: 22rpx 42rpx;
+ background-color: #fff;
+
+ .button {
+ // flex:1;
+ margin: 0 auto;
+ width: 90rpx;
+ height: 146rpx;
+ background-size: 100% 100%;
+ text-align: center;
+ // min-width: 90rpx;
+ flex: 4;
+ // max-width: 90rpx;
+ margin-left: 14rpx;
+ margin-right: 14rpx;
+ font-weight: 400;
+
+ }
+
+ .button:first-child {
+ margin-left: 0rpx
+ }
+
+ .button:last-child {
+ margin-right: 0rpx
+ }
+
+ .button-add {
+ background-image: url('@/static/images/supplier/flower/flower-mange-icon-add-flower.png');
+
+ }
+
+ .button-search-in {
+ background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-in.png');
+
+ }
+
+ .button-search-unpass {
+ background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-unpass.png');
+
+ }
+
+ .button-search-inpass {
+ background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-inpass.png');
+
+ }
+
+ .button-search-delete {
+ background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-delete.png');
+
+ }
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3