fix: 短信设置优化

src/views/push/pushConfig/index.vue

@@ -1,170 +1,169 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="开启短信" prop="flagSms">
-        <el-select v-model="queryParams.flagSms" placeholder="请选择开启短信" clearable>
-          <el-option
-              v-for="dict in sys_yes_no"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="开启邮件" prop="flagMail">
-        <el-select v-model="queryParams.flagMail" placeholder="请选择开启邮件" clearable>
-          <el-option
-              v-for="dict in sys_yes_no"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="低级别告警短信" prop="lowSms">
-        <el-input
-            v-model="queryParams.lowSms"
-            placeholder="请输入低级别告警短信"
-            clearable
-            @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="低级别告警邮件" prop="lowMail">
-        <el-input
-            v-model="queryParams.lowMail"
-            placeholder="请输入低级别告警邮件"
-            clearable
-            @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="中级别告警短信" prop="midSms">
-        <el-input
-            v-model="queryParams.midSms"
-            placeholder="请输入中级别告警短信"
-            clearable
-            @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="中级别告警邮件" prop="midMail">
-        <el-input
-            v-model="queryParams.midMail"
-            placeholder="请输入中级别告警邮件"
-            clearable
-            @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="高级别告警短信" prop="highSms">
-        <el-input
-            v-model="queryParams.highSms"
-            placeholder="请输入高级别告警短信"
-            clearable
-            @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="高级别告警邮件" prop="highMail">
-        <el-input
-            v-model="queryParams.highMail"
-            placeholder="请输入高级别告警邮件"
-            clearable
-            @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
+<!--    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">-->
+<!--      <el-form-item label="开启短信" prop="flagSms">-->
+<!--        <el-select v-model="queryParams.flagSms" placeholder="请选择开启短信" clearable>-->
+<!--          <el-option-->
+<!--              v-for="dict in sys_yes_no"-->
+<!--              :key="dict.value"-->
+<!--              :label="dict.label"-->
+<!--              :value="dict.value"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="开启邮件" prop="flagMail">-->
+<!--        <el-select v-model="queryParams.flagMail" placeholder="请选择开启邮件" clearable>-->
+<!--          <el-option-->
+<!--              v-for="dict in sys_yes_no"-->
+<!--              :key="dict.value"-->
+<!--              :label="dict.label"-->
+<!--              :value="dict.value"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="低级别告警短信" prop="lowSms">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.lowSms"-->
+<!--            placeholder="请输入低级别告警短信"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="低级别告警邮件" prop="lowMail">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.lowMail"-->
+<!--            placeholder="请输入低级别告警邮件"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="中级别告警短信" prop="midSms">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.midSms"-->
+<!--            placeholder="请输入中级别告警短信"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="中级别告警邮件" prop="midMail">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.midMail"-->
+<!--            placeholder="请输入中级别告警邮件"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="高级别告警短信" prop="highSms">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.highSms"-->
+<!--            placeholder="请输入高级别告警短信"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="高级别告警邮件" prop="highMail">-->
+<!--        <el-input-->
+<!--            v-model="queryParams.highMail"-->
+<!--            placeholder="请输入高级别告警邮件"-->
+<!--            clearable-->
+<!--            @keyup.enter="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item>-->
+<!--        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>-->
+<!--        <el-button icon="Refresh" @click="resetQuery">重置</el-button>-->
+<!--      </el-form-item>-->
+<!--    </el-form>-->
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-            type="primary"
-            plain
-            icon="Plus"
-            @click="handleAdd"
-            v-hasPermi="['push:pushConfig:add']"
-        >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            type="success"
-            plain
-            icon="Edit"
-            :disabled="single"
-            @click="handleUpdate"
-            v-hasPermi="['push:pushConfig:edit']"
-        >修改
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            type="danger"
-            plain
-            icon="Delete"
-            :disabled="multiple"
-            @click="handleDelete"
-            v-hasPermi="['push:pushConfig:remove']"
-        >删除
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            type="warning"
-            plain
-            icon="Download"
-            @click="handleExport"
-            v-hasPermi="['push:pushConfig:export']"
-        >导出
-        </el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
+<!--    <el-row :gutter="10" class="mb8">-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--            type="primary"-->
+<!--            plain-->
+<!--            icon="Plus"-->
+<!--            @click="handleAdd"-->
+<!--            v-hasPermi="['push:pushConfig:add']"-->
+<!--        >新增-->
+<!--        </el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--            type="success"-->
+<!--            plain-->
+<!--            icon="Edit"-->
+<!--            :disabled="single"-->
+<!--            @click="handleUpdate"-->
+<!--            v-hasPermi="['push:pushConfig:edit']"-->
+<!--        >修改-->
+<!--        </el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--            type="danger"-->
+<!--            plain-->
+<!--            icon="Delete"-->
+<!--            :disabled="multiple"-->
+<!--            @click="handleDelete"-->
+<!--            v-hasPermi="['push:pushConfig:remove']"-->
+<!--        >删除-->
+<!--        </el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--            type="warning"-->
+<!--            plain-->
+<!--            icon="Download"-->
+<!--            @click="handleExport"-->
+<!--            v-hasPermi="['push:pushConfig:export']"-->
+<!--        >导出-->
+<!--        </el-button>-->
+<!--      </el-col>-->
+<!--      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
+<!--    </el-row>-->
 
-    <el-table v-loading="loading" :data="pushConfigList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="推送配置ID" align="center" prop="pcId"/>
-      <el-table-column label="开启短信" align="center" prop="flagSms">
-        <template #default="scope">
-          <dict-tag :options="sys_yes_no" :value="scope.row.flagSms"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="开启邮件" align="center" prop="flagMail">
-        <template #default="scope">
-          <dict-tag :options="sys_yes_no" :value="scope.row.flagMail"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="短信配置" align="center" prop="configSms"/>
-      <el-table-column label="邮件配置" align="center" prop="configMail"/>
-      <el-table-column label="低级别告警短信" align="center" prop="lowSms"/>
-      <el-table-column label="低级别告警邮件" align="center" prop="lowMail"/>
-      <el-table-column label="中级别告警短信" align="center" prop="midSms"/>
-      <el-table-column label="中级别告警邮件" align="center" prop="midMail"/>
-      <el-table-column label="高级别告警短信" align="center" prop="highSms"/>
-      <el-table-column label="高级别告警邮件" align="center" prop="highMail"/>
-      <el-table-column label="备注" align="center" prop="remark"/>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template #default="scope">
-          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['push:pushConfig:edit']">修改
-          </el-button>
-          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['push:pushConfig:remove']">删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+<!--    <el-table v-loading="loading" :data="pushConfigList" @selection-change="handleSelectionChange">-->
+<!--      <el-table-column type="selection" width="55" align="center"/>-->
+<!--      <el-table-column label="推送配置ID" align="center" prop="pcId"/>-->
+<!--      <el-table-column label="开启短信" align="center" prop="flagSms">-->
+<!--        <template #default="scope">-->
+<!--          <dict-tag :options="sys_yes_no" :value="scope.row.flagSms"/>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="开启邮件" align="center" prop="flagMail">-->
+<!--        <template #default="scope">-->
+<!--          <dict-tag :options="sys_yes_no" :value="scope.row.flagMail"/>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="短信配置" align="center" prop="configSms"/>-->
+<!--      <el-table-column label="邮件配置" align="center" prop="configMail"/>-->
+<!--      <el-table-column label="低级别告警短信" align="center" prop="lowSms"/>-->
+<!--      <el-table-column label="低级别告警邮件" align="center" prop="lowMail"/>-->
+<!--      <el-table-column label="中级别告警短信" align="center" prop="midSms"/>-->
+<!--      <el-table-column label="中级别告警邮件" align="center" prop="midMail"/>-->
+<!--      <el-table-column label="高级别告警短信" align="center" prop="highSms"/>-->
+<!--      <el-table-column label="高级别告警邮件" align="center" prop="highMail"/>-->
+<!--      <el-table-column label="备注" align="center" prop="remark"/>-->
+<!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
+<!--        <template #default="scope">-->
+<!--          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"-->
+<!--                     v-hasPermi="['push:pushConfig:edit']">修改-->
+<!--          </el-button>-->
+<!--          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"-->
+<!--                     v-hasPermi="['push:pushConfig:remove']">删除-->
+<!--          </el-button>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--    </el-table>-->
 
-    <pagination
-        v-show="total>0"
-        :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        @pagination="getList"
-    />
-
-    <!-- 添加或修改推送配置对话框 -->
-    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+<!--    <pagination-->
+<!--        v-show="total>0"-->
+<!--        :total="total"-->
+<!--        v-model:page="queryParams.pageNum"-->
+<!--        v-model:limit="queryParams.pageSize"-->
+<!--        @pagination="getList"-->
+<!--    />-->
+<!--    &lt;!&ndash; 添加或修改推送配置对话框 &ndash;&gt;-->
+<!--    <el-dialog :title="title" v-model="open" width="500px" append-to-body>-->
       <el-form ref="pushConfigRef" :model="form" :rules="rules" label-width="120px">
         <el-tabs v-model="activeName" style="margin-top:-20px;">
           <el-tab-pane label="短信配置" name="sms">
@@ -225,13 +224,13 @@
           </el-tab-pane>
         </el-tabs>
       </el-form>
-      <template #footer>
+<!--      <template #footer>-->
         <div class="dialog-footer">
           <el-button type="primary" @click="submitForm">确 定</el-button>
           <el-button @click="cancel">取 消</el-button>
         </div>
-      </template>
-    </el-dialog>
+<!--      </template>-->
+<!--    </el-dialog>-->
 
     <el-dialog :title="testType === 'sms' ? '短信测试' : '邮件测试'" v-model="testVisible" width="500" append-to-body>
       <el-form ref="tForm" :model="testForm" :rules="rules" label-width="100px">
@@ -295,7 +294,20 @@ const testForm = ref({
 })
 
 const data = reactive({
-  form: {},
+  form: {
+    pcId: 1,
+    flagSms: null,
+    flagMail: null,
+    configSms: null,
+    configMail: null,
+    lowSms: null,
+    lowMail: null,
+    midSms: null,
+    midMail: null,
+    highSms: null,
+    highMail: null,
+    remark: null
+  },
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -373,7 +385,7 @@ function cancel() {
 // 表单重置
 function reset() {
   form.value = {
-    pcId: null,
+    pcId: 1,
     flagSms: null,
     flagMail: null,
     configSms: null,
@@ -440,14 +452,14 @@ function submitForm() {
       if (data.pcId != null) {
         updatePushConfig(data).then(response => {
           proxy.$modal.msgSuccess("修改成功");
-          open.value = false;
-          getList();
+          // open.value = false;
+          // getList();
         });
       } else {
         addPushConfig(data).then(response => {
           proxy.$modal.msgSuccess("新增成功");
-          open.value = false;
-          getList();
+          // open.value = false;
+          // getList();
         });
       }
     }
@@ -473,5 +485,12 @@ function handleExport() {
   }, `pushConfig_${new Date().getTime()}.xlsx`)
 }
 
-getList();
+// getList();
 </script>
+<style lang="scss" scoped>
+.dialog-footer{
+  display: flex;
+  justify-content: center;
+  margin-top:20px;
+}
+</style>