优化

src/views/sMsSendManage/loopSend/edit.vue

@@ -13,7 +13,7 @@
                 :model="formData"
                 :rules="!isDetail ? rules : {}"
                 size="large"
-                label-width="120px"
+                label-width="auto"
                 :disabled="isDetail"
             >
                 <el-row :gutter="24">
@@ -118,6 +118,20 @@
                 </el-row>
 
                 <el-row :gutter="24">
+                    <el-col :span="24">
+                        <el-form-item label="是否按照性别进行群发短信">
+                            <el-radio-group
+                                v-model="isGenderSendGroup"
+                                @change="handleGenderSendGroupChange"
+                            >
+                                <el-radio-button :value="1">是</el-radio-button>
+                                <el-radio-button :value="0">否</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="24" v-if="isGenderSendGroup === 0">
                     <el-col :span="24">
                         <el-form-item label="接收人员" prop="recipientList">
                             <div class="recipient-select">
@@ -157,6 +171,17 @@
                         </el-form-item>
                     </el-col>
                 </el-row>
+
+                <el-row :gutter="24" v-if="isGenderSendGroup === 1">
+                    <el-col :span="24">
+                        <el-form-item label="群发短信群体" prop="genderSendGroup">
+                            <el-radio-group v-model="formData.genderSendGroup">
+                                <el-radio-button :value="1">男</el-radio-button>
+                                <el-radio-button :value="0">女</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-form>
         </el-card>
 
@@ -230,6 +255,7 @@ const crontabRef = ref(null)
 const personTableRef = ref(null)
 const cronExpression = ref('')
 const taskStatus = ref('')
+const isGenderSendGroup = ref(0)
 
 // Cron表达式生成器弹窗配置
 const cronDialogConfig = reactive({
@@ -249,6 +275,7 @@ const getInitFormData = () => ({
     misfirePolicy: '1', // 执行策略：1-立即执行，2-执行一次，3-放弃执行
     concurrent: '1', // 是否并发：0-允许，1-禁止
     sendContent: '', // 发送内容
+    genderSendGroup: '', // 群发短信群体：0-男，1-女
     recipientList: [], // 接收人员列表
 })
 
@@ -274,6 +301,7 @@ const rules = {
             },
         },
     ],
+    genderSendGroup: [{ required: true, message: '请选择群发短信群体', trigger: 'change' }],
 }
 
 // 人员选择弹窗相关
@@ -420,6 +448,17 @@ const onHandleDetail = async (row) => {
     console.log(result, 'result')
 }
 
+// 群发短信群体变化
+const handleGenderSendGroupChange = (value) => {
+    console.log(value, 'value')
+
+    if (value === 0) {
+        formData.value.recipientList = []
+    } else {
+        formData.value.genderSendGroup = null
+    }
+}
+
 onMounted(() => {
     if (mode.value === 'edit' || mode.value === 'detail') {
         getDetail()