Bootstrap

uni-app vue3 使用笔记

1.弹窗、加载、请求接口

<template>
  <view>
    <view class="tn-type-primary_bg" v-if="item.roleId==16" @click="confirmMarker(item.uid)">
      指定营销员
    </view>
  </view>

</template>

<script setup lang="ts">
import {marker} from "@/api/mall_home/mall_home"
//确认指定营销员
const confirmMarker = async (uid) => {
  uni.showModal({
    title: '提示',
    content: '是否确认指定该用户为【营销员】',
    confirmText: '确定',
    cancelText: '取消',
    success: function (res) {
      if (res.confirm) {
        let data = {uid: uid}
        uni.showLoading({title: '正在提交...'})
        marker(data).then((res) => {
          uni.hideLoading()
          if (res.code == 200) {
            uni.showToast({title: '提交成功', icon: 'success'});
          }
        });
      }
    }
  });
}
</script>
//门店指定营销员
export const marker = (data) =>
    Request({
        url: `mode2/wechat/store/marker`,
        method: 'GET',
        data,
    });
</script>
;