动态内容

src/views/TaskView.vue

@@ -29,7 +29,14 @@
         <ElTableColumn prop="createdAt" label="创建时间" :formatter="timeFormatter" width="150" />
         <ElTableColumn label="操作" align="center" width="200">
             <template #default="{ row }">
-                <ElButton type="primary" size="small" @click="detail(row)">详情</ElButton>
+                <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    content="Top Center prompts info"
+                    placement="top"
+                >
+                    <ElButton type="primary" size="small" @click="detail(row)">详情</ElButton>
+                </el-tooltip>
                 <ElButton
                     type="primary"
                     size="small"
@@ -76,6 +83,9 @@
         <ElFormItem prop="message" label="内容">
             <ElInput v-model="model.message" placeholder="请输入内容" type="textarea" />
         </ElFormItem>
+        <ElFormItem prop="dynamicMessage" label="动态内容">
+            <ElInput v-model="model.dynamicMessage" placeholder="请输入动态内容" type="textarea" />
+        </ElFormItem>
         <ElFormItem v-if="shouldShow" prop="rcsWait" label="RCS等待时间">
             <ElInputNumber :controls="false" v-model="model.rcsWait" placeholder="请输入RCS等待时间" />
             <div class="tip">(0表示使用系统默认值)</div>
@@ -148,6 +158,7 @@ const rules = {
     name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
     listId: [{ required: true, message: '请选择发送列表', trigger: 'blur' }],
     message: [{ required: true, message: '请输入内容', trigger: 'blur' }],
+    dynamicMessage: [{ required: false, message: '请输入动态内容', trigger: 'blur' }],
     rcsWait: [{ required: false, message: '请输入RCS等待时间', trigger: 'blur' }],
     rcsInterval: [{ required: false, message: '请输入RCS发送间隔', trigger: 'blur' }],
     cleanCount: [{ required: false, message: '请输入清理数量', trigger: 'blur' }],
@@ -243,8 +254,15 @@ function taskItemStatusFormatter(row, column, cellValue, index) {
 
 async function start(row) {
     const cost = await http.get(`/task/verification/${row.id}`)
+    const num = await http.get(`/task/toBeSentNum`)
+    let message = ''
     if (cost > 0 && row.status === 'idle') {
-        const confirm = await ElMessageBox.confirm(`该任务需要从余额中扣除 ${cost} ,是否继续?`, '提示', {
+        if (num > 0) {
+            message = `该任务需要从余额中扣除 ${cost} ,且当前系统剩余 ${num} 条待发送号码,需要排队,是否继续?`
+        } else {
+            message = `该任务需要从余额中扣除 ${cost} ,是否继续?`
+        }
+        const confirm = await ElMessageBox.confirm(message, '提示', {
             type: 'warning'
         })
         if (confirm) {
@@ -255,7 +273,12 @@ async function start(row) {
         await ElMessageBox.alert('余额不足,请充值后再启动任务.', '提示')
         table.value.refresh()
     } else {
-        await ElMessageBox.confirm('确定开始发送吗？', '提示', {
+        if (num > 0) {
+            message = `剩余 ${num} 条待发送号码,是否继续?`
+        } else {
+            message = `确定开始发送吗?`
+        }
+        await ElMessageBox.confirm(message, '提示', {
             type: 'warning'
         })
         await http.post(`/task/${row.id}/start`)