🔨 add wxmsg type

pages/admin/index/manage/message/index.vue

@@ -100,18 +100,31 @@ const openSend = () => {
   showSend.value = true;
 };
 
+const submitDisabled = ref(false);
 const confirmSend = () => {
+  if (submitDisabled.value) return;
+  submitDisabled.value = true;
+  const data: Record<string, any> = {
+    telNumber: telNumber.value,
+    content: message.value
+  };
+  if (type.value === 0) {
+    data.password = password.value;
+  }
   api
-    .sms_notify_all({
-      telNumber: telNumber.value,
-      password: password.value,
-      content: message.value
-    })
+    .sms_notify_all(data)
     .then(({ data: res }) => {
-      if (res?.code !== 200) return;
-      ElNotification.success(res.msg);
-      message.value = "";
+      if (res?.code !== 200) {
+        submitDisabled.value = false;
+        ElNotification.error(res.msg);
+        return;
+      }
       showSend.value = false;
+      ElNotification.success(res.msg);
+      submitDisabled.value = false;
+    })
+    .catch(() => {
+      submitDisabled.value = false;
     });
 };
 

pages/admin/index/manage/wxmessage/index.vue

@@ -21,13 +21,21 @@
         <el-form-item label="查看详情链接">
           <el-input v-model="form.destUrl" />
         </el-form-item>
-        <el-form-item v-if="!form.openid" label="发送人数">
-          <el-input v-model="form.num" />
+        <el-form-item label="发送对象">
+          <el-radio-group @change="changeType" v-model="type">
+            <el-radio :label="1">指定用户</el-radio>
+            <el-radio :label="0">批量发送</el-radio>
+          </el-radio-group>
         </el-form-item>
-        <el-form-item v-if="!form.openid" label="包含已发送用户">
-          <el-checkbox v-model="form.needRestart" />
-        </el-form-item>
-        <el-form-item label="指定用户( 选填 )">
+        <template v-if="type === 0">
+          <el-form-item label="发送人数">
+            <el-input v-model="form.num" />
+          </el-form-item>
+          <el-form-item label="包含已发送用户">
+            <el-checkbox v-model="form.needRestart" />
+          </el-form-item>
+        </template>
+        <el-form-item v-else label="用户openid">
           <el-input
             v-model="form.openid"
             placeholder="请输入指定用户的 openid"
@@ -58,7 +66,7 @@
     </div>
   </div>
   <confirm
-    tip="模板消息将通知到指定数量用户，确认发送？"
+    :tip="`模板消息将通知到${form.num}位用户，确认发送？`"
     :open="showSend"
     @confirm="confirmSend"
     @cancel="cancelSend"
@@ -75,9 +83,19 @@ import {
   ElFormItem,
   ElInput,
   ElCheckbox,
+  ElRadioGroup,
+  ElRadio,
   ElProgress
 } from "element-plus";
 
+const type = ref(1);
+
+const changeType = (val: number | boolean | string) => {
+  if (val === 0) {
+    form.openid = "";
+  }
+};
+
 const form = reactive({
   projectName: "AI绘画邀请您限时免费试用",
   projectFullName: "参与试用有机会得400元实物大礼包",
@@ -92,6 +110,9 @@ const message = ref("");
 const showSend = ref(false);
 
 const openSend = () => {
+  if (type.value === 1 && !form.openid) {
+    return ElNotification.warning("请输入用户openid");
+  }
   showSend.value = true;
 };