qimall/addons/WechatVideoShop/backend/views/default/index.php

<?php
/**
 * @link:http://www.goodmall.com/
 * @copyright: Copyright (c) 2020
 * 名片
 * Author: james
 * Date: 2020-07-10
 * Time: 15:48
 */
?>

<div id="app" v-cloak>
    <el-card shadow="never" style="border:0;min-width: 1200px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <span>小店入驻流程</span>
        </div>

        <div class="table-body">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-row :gutter="10">
                    <el-col :span="12">
                        <h4><i :style="cnt > 0 ? 'color: #13ce66' : 'color: #999'"
                               class="el-icon-success" style="margin-right: 10px; font-size: 24px; vertical-align: middle;"></i>填写店铺基本信息，开通视频号小店</h4>
                        <div style="padding-left: 34px">用进行视频号直播的微信进行扫码，填写店铺营业执照，法人身份证等信息、完成视频号小店开通。
                            <a target="_blank" href="https://developers.weixin.qq.com/doc/channels/Operational_Guidelines/Shop_opening_guidelines.html">查看详情</a>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <a :target="cnt > 0 ? '' : '_blank'" :href="cnt > 0 ? 'javascript:;' : 'https://channels.weixin.qq.com/shop'">
                            <el-button type="primary" :disabled="cnt">去开通</el-button>
                        </a>
                    </el-col>
                </el-row>
                <el-row :gutter="10" style="margin-top: 25px">
                    <el-col :span="12">
                        <h4><i :style="cnt > 0 ? 'color: #13ce66' : 'color: #999'"
                               class="el-icon-success" style="margin-right: 10px; font-size: 24px; vertical-align: middle;"></i>开通微信客服，处理视频号小店产生的客服消息</h4>
                        <div style="padding-left: 34px">用视频号小店超级管理员的企业微信或微信扫码授权开通，开通完成后在企业微信那里处理消息。
                            <a target="_blank" href="https://work.weixin.qq.com/nl/act/p/546743f393c441f3">查看详情</a></div>
                    </el-col>
                    <el-col :span="12">
                        <a :target="cnt > 0 ? '' : '_blank'" :href="cnt > 0 ? 'javascript:;' : 'https://channels.weixin.qq.com/shop'">
                            <el-button type="primary" :disabled="cnt">去开通</el-button>
                        </a>
                    </el-col>
                </el-row>
                <el-row :gutter="10" style="margin-top: 25px">
                    <el-col :span="12">
                        <h4><i :style="cnt > 0 ? 'color: #13ce66' : 'color: #999'"
                               class="el-icon-success" style="margin-right: 10px; font-size: 24px; vertical-align: middle;"></i>完成小程序绑定</h4>
                        <div style="padding-left: 34px">填写小店信息完成绑定</div>
                    </el-col>
                    <el-col :span="12">
                        <el-button type="primary" @click="edit(0)" :disabled="cnt">去绑定</el-button>
                    </el-col>
                </el-row>
            </el-tabs>
        </div>
        <!-- 这个是复制用的容器，已隐藏 -->
        <textarea id="inputs" style="opacity: 0;width: 0;height: 0;">这是幕后黑手</textarea>

    </el-card>

</div>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            activeName: '',
            cnt: <?= $cnt ?>,
        },
        mounted() {
        },
        methods: {
            //1.0 跳转详情
            handleClick(tab, event) {
            },
            handleSelectionChange(val) {
                let self = this;
                self.choose_list = [];
                val.forEach(function (item) {
                    self.choose_list.push(item.id);
                })
            },
            edit(id) {
                navigateTo({
                    r: 'wechat-video-shop/shop/edit',
                    id: id
                })
            }
        }
    })
</script>
<style>
</style>