123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <template>
- <view class="about" v-if="!loading">
- <view class="shop-info about-content" v-if="title === '商城介绍'">
- <rf-image :src="detail.cover || detail.web_logo || ''"></rf-image>
- <view v-if="detail.title"
- ><text>商城名称: </text><text>{{ detail.title }}</text></view
- >
- <view v-if="detail.address_name"
- ><text>联系地址: </text><text>{{ detail.address_name }}</text></view
- >
- <view v-if="detail.address_details"
- ><text>详细地址: </text><text>{{ detail.address_details }}</text></view
- >
- <view v-if="detail.mobile"
- ><text>手机号码: </text><text>{{ detail.mobile }}</text></view
- >
- <view v-if="detail.qq"
- ><text>QQ: </text><text>{{ detail.qq }}</text></view
- >
- </view>
- <view class="shop-info " v-if="title === '注册协议'">
- <view class="about-content" v-if="detail.protocol_register">
- <rf-parser lazy-load :html="detail.protocol_register"></rf-parser>
- </view>
- <rf-empty
- :info="`暂无${title}`"
- v-if="!detail.protocol_register && !loading"
- ></rf-empty>
- </view>
- <view class="shop-info" v-if="title === '隐私协议'">
- <view class="about-content" v-if="detail.protocol_privacy">
- <rf-parser lazy-load :html="detail.protocol_privacy"></rf-parser>
- </view>
- <rf-empty
- :info="`暂无${title}`"
- v-if="!detail.protocol_privacy && !loading"
- ></rf-empty>
- </view>
- <view class="shop-info" v-if="title === '充值协议'">
- <view class="about-content" v-if="detail.protocol_recharge">
- <rf-parser lazy-load :html="detail.protocol_recharge"></rf-parser>
- </view>
- <rf-empty
- :info="`暂无${title}`"
- v-if="!detail.protocol_recharge && !loading"
- ></rf-empty>
- </view>
- <rf-empty :info="`暂无${title}`" v-if="!detail && !loading"></rf-empty>
- <!--加载动画-->
- <rfLoading isFullScreen :active="loading"></rfLoading>
- </view>
- </template>
- <script>
- /**
- * @des 关于商城详情
- *
- * @author stav stavyan@qq.com
- * @date 2019-12-09 10:13
- * @copyright 2019
- */
- import { configList } from '@/api/basic';
- import { merchantView } from '@/api/merchant';
- export default {
- data() {
- return {
- detail: {},
- title: null,
- loading: true
- };
- },
- onLoad(options) {
- this.initData(options);
- },
- methods: {
- // 数据初始化
- initData(options) {
- this.title = options.title;
- uni.setNavigationBarTitle({
- title: options.title
- });
- this.getConfigList(options.field);
- },
- // 获取商城详情
- async getConfigList(field) {
- if (field.indexOf('protocol') !== -1) {
- await this.$http
- .get(`${configList}`, {
- field
- })
- .then(r => {
- this.loading = false;
- this.detail = r.data;
- })
- .catch(() => {
- this.loading = false;
- });
- } else {
- const userInfo = uni.getStorageSync('userInfo');
- if (!userInfo) return;
- await this.$http
- .get(`${merchantView}`, {
- id: userInfo.merchant_id,
- field
- })
- .then(r => {
- this.loading = false;
- this.detail = r.data;
- })
- .catch(() => {
- this.loading = false;
- });
- }
- }
- }
- };
- </script>
- <style lang="scss">
- page {
- background-color: $page-color-base;
- position: relative;
- .about {
- .shop-info {
- .about-content {
- padding: $spacing-lg;
- }
- text-align: center;
- image {
- margin-top: 100upx;
- width: 240upx;
- height: 240upx;
- border-radius: 50%;
- }
- }
- }
- }
- </style>
|