添加优化师授权页面按钮

src/api/applet/index.ts

@@ -61,3 +61,10 @@ export function manageMiniprogramAllocationDetail(
 ) {
   return http.get(`/manage/miniprogram/allocation/${id}`, params);
 }
+
+/**
+ *
+ */
+export function channelOpenPlatformPreauth(params?: object) {
+  return http.get(`/channel/openPlatform/preauth`, params);
+}

src/views/user/caster/index.vue

@@ -37,6 +37,10 @@
                 <el-image style="width: 20px; height: 20px" class="mt-1 mr-5" :src="applet.type_logo" fit="contain" />
                 <span class="mr-3 text-sm font-medium">{{ applet.name }}</span>
               </div>
+              <el-icon>
+                <Pointer @click="test(scope.row)" />
+              </el-icon>
+
             </template>
           </el-table-column>
           <el-table-column prop="status" label="状态" v-action="'User.user.enable'">
@@ -51,24 +55,39 @@
             </template>
           </el-table-column>
         </el-table>
-
         <Paginate />
       </div>
-
       <Dialog v-model="visible" :title="title" destroy-on-close>
         <Create @close="close(search)" :primary="id" />
       </Dialog>
+      <el-dialog draggable v-model="visibleIframe" align-center width="80%" append-to-body center :show-close="false"
+        style="background: none;box-shadow: none;height:80%" destroy-on-close>
+        <iframe class="iframe" :src="iframeSrc"></iframe>
+      </el-dialog>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
+import { Pointer } from '@element-plus/icons-vue'
 import Create from './create.vue';
 import { useGetList } from '@/hook/curd/useGetList';
 import { useOpen } from '@/hook/curd/useOpen';
-import { channelMiniprogramList } from '@/api/applet/index'
+import { channelMiniprogramList, channelOpenPlatformPreauth } from '@/api/applet/index'
+const visibleIframe = ref(false)
+const iframeSrc = ref()
 
+const test = (row: object) => {
+  channelOpenPlatformPreauth({ user_id: row.id }).then(res => {
+    console.log(res, 'user_id=10');
+    visibleIframe.value = true
+    iframeSrc.value = res.data
+    window.open(res.data, '_blank');
+  }).catch((e) => {
+    console.log(e, 'catchcatchcatch');
+  })
+}
 const statusapi = 'users';
 const applet = ref([])
 const api = 'channel/advertiser/listAdvertiser';
@@ -88,3 +107,15 @@ onMounted(() => {
   search();
 });
 </script>
+
+<style lang="scss" scoped>
+.iframe {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 80%;
+  height: 80%;
+  border: none;
+  transform: translate(-50%, -50%);
+}
+</style>