add 帮助富文本等页面

xuxy

2024-07-28 44dbae4a6ffb73478cd7980f37f1760e9a070c07

add 帮助富文本等页面

 environments/index.js

@@ -1,7 +1,7 @@
export default {
    
    httpBaseUri: 'https://www.hmyxianhua.com/flower',
    // httpBaseUri: 'http://47.99.58.211/flower',
    // httpBaseUri: 'https://www.hmyxianhua.com/flower',
    httpBaseUri: 'http://47.99.58.211/flower',
    // httpBaseUri: 'http://localhost:8080/flower',
    clientId: '',
    secret: '',

 pages.json

@@ -3,8 +3,7 @@
  "easycom": {

    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"

  },

  "pages": [

    {

    "pages": [{

      "path": "pages/login/supplier-login",

      "style": {

        "navigationBarTitleText": "登录",

@@ -117,9 +116,14 @@
      }

    }
    // #endif

        , {

            "path": "pages/help/content",

            "style": {

                "navigationBarTitleText": ""

            }

        }

  ],

  "subPackages": [

    {

    "subPackages": [{

      "root": "sub_pages/supplier",

      "pages": [

        // #ifdef PUB_SUPPLIER


 pages/help/content.vue

对比新文件
@@ -0,0 +1,197 @@
<template>
    <view class="travel-detail">
        <view v-if="dto.id">
            <view class="info-desc">
                <view v-html="dto.content||'暂无'" class="rich" style="overflow: scroll;">

                </view>
            </view>

        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                dto: {
                    content:''
                },
                id: ''
            };
        },
        async onLoad(options) {
            this.id = options.id || ''
            if(this.id){
                // #ifdef MP
                wx.setNavigationBarTitle({
                    title:this.id || '详情'
                })
                // #endif
				
            }
            await this.init()

        },
        async onPullDownRefresh() {
            await this.init()
            uni.stopPullDownRefresh()
        },
        methods: {
            async init() {
                this.$message.showLoading()
                const {
                    data
                } = await this.$http.request('get', '/api/config/content/list/view?id=' + this.id, {

                })
                this.$message.hideLoading()
                this.dto = {
                    ...data
                }
                this.dto.content = this.$util.formatRichText(this.dto.content || '')

            },
        }
    }
</script>

<style lang="scss" scoped>
    .popup-form {
        padding-bottom: 68rpx;

        .bottom-img {
            width: 118rpx;
            height: 70rpx;
            display: block;
            margin: 0 auto;
        }

        .bottom-info {
            font-weight: 400;
            font-size: 28rpx;
            color: #666666;
            line-height: 40rpx;
            text-align: center;
        }

        .title {
            font-size: 32rpx;
            color: #000000;
            margin-bottom: 32rpx;
        }

        .people-name {
            font-weight: 600;
            font-size: 32rpx;
            color: #000000;
            line-height: 102rpx;
            margin-left: 28rpx;
        }

        .people-img {
            width: 102rpx;
            height: 102rpx;
            border: 2rpx solid #FFFFFF;
        }
    }

    .travel-detail {
        .info-peoples {
            padding: 24rpx 30rpx;
            background: #fff;

            .title {
                font-size: 32rpx;
                color: #000000;
                font-weight: 600;

            }

            .show-more-peoples {
                font-size: 24rpx;
                color: #26C3A5;
            }
        }

        .info-desc {
            padding: 24rpx 30rpx;
            background: #fff;

            .title {
                margin-bottom: 20rpx;
                font-weight: 600;
                font-size: 32rpx;
                color: #000000;
            }

            /deep/ img {
                max-width: 600rpx;

            }
        }

        .info-cover {
            width: 750rpx;
            height: 474rpx;
        }

        .infos {
            padding: 24rpx 30rpx;
            background: #fff;

            .name {
                font-weight: 600;
                font-size: 40rpx;
                color: #000000;
            }


            .price {
                font-weight: 600;
                line-height: 72rpx;
                font-size: 50rpx;
                color: #000000;

                .dot {
                    font-size: 40rpx;
                    line-height: 56rpx;
                }
            }

            .status {
                width: 132rpx;
                height: 50rpx;
                border-radius: 26rpx;
                border: 2rpx solid #999999;
                color: #999999;
                line-height: 50rpx;
                font-size: 24rpx;

                text-align: center;
                margin-left: 16rpx;
            }

            .status.A,
            .status.J {
                border: 2rpx solid #04BA97;
                color: #04BA97;
            }

            .icon-loc {
                width: 24rpx;
                height: 30rpx;
                background-size: 100% 100%;

            }

            .icon-clock {
                width: 24rpx;
                height: 26rpx;
                background-size: 100% 100%;

            }
        }
    }
</style>

 pages/home/components/home-banner-imgs.vue

@@ -2,29 +2,29 @@
    <view class=" home-banner-imgs">
        <view class="flex" v-if="list&&list.length>=3">
            <view class="flex1 m-r-5">
                <image class="p1 img100" :src="list[0].url">
                <image class="p1 img100" :src="list[0].url" mode="scaleToFill">
                </image>
            </view>
            <view class="flex1 m-l-5">
                <image class="p2 img100" :src="list[1].url">
                <image class="p2 img100" :src="list[1].url" mode="scaleToFill">
                </image>
                <image class="p3 img100" :src="list[2].url">
                <image class="p3 img100" :src="list[2].url" mode="scaleToFill">
                </image>
            </view>
        </view>
        <view class="flex" v-else-if="list&&list.length>=2">
        <view class="flex l-2" v-else-if="list&&list.length>=2" mode="scaleToFill">
            <view class="flex1 m-r-5">
                <image class="p1 img100" :src="list[0].url">
                <image class="p1 img100" :src="list[0].url" mode="scaleToFill">
                </image>
            </view>
            <view class="flex1 m-l-5">
                <image class="p1 img100" :src="list[1].url">
                <image class="p1 img100" :src="list[1].url" mode="scaleToFill">
                </image>
            </view>
        </view>
        <view class="flex" v-else-if="list&&list.length>=1">
        <view class="flex l-1" v-else-if="list&&list.length>=1" mode="scaleToFill">
            <view class="flex1 m-r-5">
                <image class="p1 img100" :src="list[0].url">
                <image class="p1 img100" :src="list[0].url" mode="scaleToFill">
                </image>
            </view>
        </view>
@@ -47,6 +47,22 @@
            })
            if (code === 0) {
                this.list = data || []
                for(var item of this.list){
                    try{
                        if(item.url){
                            var t = JSON.parse(item.url)
                            if(Array.isArray(t)){
                                item.url = t[0] || ''
                            }else{
                                item.url = t.url || ''
                            }
                        }
						
                    }catch(e){
                        // console.log('error',e)
                    }
                }
                console.log(this.list)
            }

        }
@@ -55,6 +71,7 @@

<style lang="scss">
    .home-banner-imgs {
        // background-color: #fff;
        .p1 {
            // width: 334rpx;
            height: 308rpx;
@@ -73,5 +90,11 @@
            // width: 334rpx;
            height: 142rpx;
        }
        // .l-1{
        //     .p1{
        //         min-height: 308rpx;
        //         height: 308rpx;
        //     }
        // }
    }
</style>

 pages/order/order-detail.vue

@@ -303,7 +303,7 @@
            </view>
            <view class="form-item">
                <view class="label">特殊需求:</view>
                <view class="value">{{ dto.specialNeeds || '-' }}</view>
                <view class="value">{{ dto.specialNeedsStr || '-' }}</view>
            </view>
            <view class="form-item">
                <view class="label">买家留言:</view>

 pages/order/order.vue

@@ -49,7 +49,7 @@
      <view class="flex">
        <image class="image img100"
               src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/67/67acf980f310460a97d305c6ffc7e811位图@2x (1).png"></image>
        <view>消费订单：￥<span>{{ '0' }}</span> 总消费：￥<span>{{ '0' }}</span></view>
        <view>消费订单：￥<span class="m-r-10">{{ '0' }}</span> 总消费：￥<span>{{ '0' }}</span></view>
      </view>
    </view>
    <view class="status-list m-t-12 flex flex-wrap-normal">

 pages/user/supplier-user.vue

@@ -118,14 +118,14 @@
                        </image>

                        <view>地址管理</view>

                    </view>

                    <view class="service-icons" @click.stop="$meesage.showToast('敬请期待')">

                    <view class="service-icons"  @click="goto('/pages/help/content?id=售后规则',false)">

                        <image src="../../static/images/customer/service/service-icon-4.png" class="service-icon ">

                        </image>

                        <view>售后规则</view>

                    </view>

                </view>

                <view class="flex service-icons-container">

                    <view class="service-icons" @click.stop="$meesage.showToast('敬请期待')">

                    <view class="service-icons"  @click="goto('/pages/help/content?id=新手帮助',false)">

                        <image src="../../static/images/customer/service/service-icon-5.png" class="t2 service-icon ">

                        </image>

                        <view>新手帮助</view>


 sub_pages/customer/shopping/confirm.vue

@@ -25,6 +25,18 @@
                ...this.dto,
                ...item
            }
            this.$http.request('get', '/api/code/value', {
                params: {
                    type: 'SPEC_REQ'
                }
            }).then(res => {
                var data = res.data
                this.need_columns = [data || []]
                this.need_columns[0].unshift({
                    label: '暂无',
                    value: ''
                })
            })
            //先获取直接的全部地址
            // @ApiModelProperty(value = "订单商品")
            //   private List<FlowerCartListDTO> flowers;
@@ -37,6 +49,7 @@
                dto: {
                    remarks: '',
                    specialNeeds: '',
                    specialNeedsStr: '',
                    transportId: '',
                    addressId: '',
                    flowers: [],
@@ -44,7 +57,10 @@
                current_transport: {},
                cacheAddressId: '',
                transportList: [],

                show_select_need: false,
                need_columns: [
                    []
                ],

            }
        },
@@ -58,6 +74,11 @@
            }
        },
        methods: {
            select_need(e) {
                this.show_select_need = false
                this.dto.specialNeedsStr = e.value[0].label
                this.dto.specialNeeds = e.value[0].value
            },
            async loadTransportList() {
                let that = this;
                console.log('address', that.address, that.cacheAddressId)
@@ -222,12 +243,18 @@
            <view class="p10 bg-white m-t-20 br-4">
                <view class="form-item  ">
                    <view class="label">特殊需求</view>
                    <view class="m-l-a m-r-0 flex1">
                    <!--         <view class="m-l-a m-r-0 flex1">
                        <view class="m-t-12 m-b-12">
                            <u-textarea v-model="dto.specialNeeds" placeholder="请输入特殊需求">

                            </u-textarea>
                        </view>
                    </view> -->
                    <view class="m-l-a m-r-0 flex " :class="[!dto.specialNeeds?'desc-gray':'']" @click="()=>{
                        show_select_need=true
                    }">
                        <view>{{dto.specialNeedsStr||dto.specialNeeds || '请选择'}}</view>
                        <u-icon class="m-l-a" name="arrow-right"></u-icon>
                    </view>
                </view>
                <view class="form-item  m-t-12 ">
@@ -276,6 +303,9 @@
                提交订单
            </view>
        </view>

        <u-picker :show="show_select_need" @confirm="select_need" keyName="label" :columns="need_columns"
            @cancel="show_select_need=false"></u-picker>
    </view>
</template>