update合伙人加价配置

xuxueyang

2024-07-08 8580ef310f61f4bc275c19ddcc6ebd2135720d4a

update合伙人加价配置

 common/global.scss

@@ -111,3 +111,4 @@
        margin-top: 50rpx;
    }
}


 common/self.scss

@@ -738,6 +738,7 @@
        line-height:36rpx;
        padding-top:30rpx;
        padding-bottom:30rpx;
        position: relative;
        .require::before{
            content:'*';
            color:red;

 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;
				
            }
            
        }

 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>