微信第三方平台/微信开放平台，小程序分发功能

木子李–刚步入开发的小学生

已于 2024-09-11 15:02:04 修改

阅读量524

点赞数 6

文章标签：微信微信开放平台小程序前端

于 2024-09-11 14:13:44 首次发布

本文链接：https://blog.csdn.net/weixin_45732091/article/details/142138545

版权

微信第三方平台/微信开放平台，小程序分发功能

1. 列表界面

商户列表界面展示
列表代码展示

<template>
  <div>
    <div class="pending">
      <!-- 搜索 -->
      <div class="formSearch">
        <el-form :inline="true" :model="formInline">
          <el-button type="success" plain @click="addShopVisible = true">新建商家</el-button>
          <el-button type="success" plain @click="getPreAuthCode">商户授权</el-button>
          <el-button type="success" plain @click="templateListVisible = true">模板列表</el-button>
        </el-form>
      </div>
      <!-- 表格 -->
      <div class="tableBox">
        <el-table ref="multipleTable" :data="tableData" border :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" tooltip-effect="dark" style="width: 100%">
          <el-table-column label="店铺ID" prop="shopId" />
          <el-table-column label="店铺名称" prop="shopName" />
          <el-table-column prop="shopCode" label="店铺编码" />
          <el-table-column prop="chargePersonName" label="负责人" />
          <el-table-column prop="createTime" label="创建时间" />
          <el-table-column prop="wechatAppId" label="微信AppId" />
          <el-table-column prop="authorizer" label="授权状态">
            <template #default="scope">
              <span v-if="scope.row.authorizer">已授权</span>
            </template>
          </el-table-column>
          <el-table-column prop="authorizerTime" label="授权时间" />
          <el-table-column label="操作" width="300" fixed="right">
            <template #default="scope">
              <div class="btnList">
                <el-button type="text" @click="setMiniInfoShow(scope.row)">小程序配置</el-button>
                <template v-if="scope.row.wechatAppId && scope.row.authorizer">
                  <el-button type="text" @click="miniBasicInfoShow(scope.row)">小程序基本信息</el-button>
                  <el-button type="text" @click