Quellcode durchsuchen

feat: 服务商表单业务范围改为国内/国外下拉框

alphah vor 2 Tagen
Ursprung
Commit
5c5c978e50
1 geänderte Dateien mit 12 neuen und 6 gelöschten Zeilen
  1. 12 6
      frontend/src/views/module_system/service_provider/index.vue

+ 12 - 6
frontend/src/views/module_system/service_provider/index.vue

@@ -114,8 +114,11 @@
           <el-form-item label="服务商名称" prop="name">
             <el-input v-model="formData.name" placeholder="请输入名称" :maxlength="64" />
           </el-form-item>
-          <el-form-item label="业务范围标签" prop="scope_label">
-            <el-input v-model="formData.scope_label" placeholder="如 DOMESTIC / OVERSEAS" :maxlength="64" />
+          <el-form-item label="业务范围" prop="scope_label">
+            <el-select v-model="formData.scope_label" placeholder="请选择业务范围" style="width: 100%">
+              <el-option label="国内" value="DOMESTIC" />
+              <el-option label="国外" value="OVERSEAS" />
+            </el-select>
           </el-form-item>
           <el-form-item label="AppId" prop="app_id">
             <el-input v-model="formData.app_id" placeholder="支付宝应用 ID" :maxlength="64" />
@@ -147,8 +150,11 @@
           <el-form-item label="服务商名称" prop="name">
             <el-input v-model="formData.name" placeholder="请输入名称" :maxlength="64" />
           </el-form-item>
-          <el-form-item label="业务范围标签" prop="scope_label">
-            <el-input v-model="formData.scope_label" placeholder="如 DOMESTIC / OVERSEAS" :maxlength="64" />
+          <el-form-item label="业务范围" prop="scope_label">
+            <el-select v-model="formData.scope_label" placeholder="请选择业务范围" style="width: 100%">
+              <el-option label="国内" value="DOMESTIC" />
+              <el-option label="国外" value="OVERSEAS" />
+            </el-select>
           </el-form-item>
         </el-form>
       </template>
@@ -249,7 +255,7 @@ const dialogVisible = reactive({ title: "", visible: false, type: "create" as "c
 
 const rules = reactive({
   name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-  scope_label: [{ required: true, message: "请输入业务范围", trigger: "blur" }],
+  scope_label: [{ required: true, message: "请选择业务范围", trigger: "blur" }],
   app_id: [{ required: true, message: "请输入 AppId", trigger: "blur" }],
   app_private_key: [{ required: true, message: "请输入应用私钥", trigger: "blur" }],
   alipay_public_key: [{ required: true, message: "请输入支付宝公钥", trigger: "blur" }],
@@ -257,7 +263,7 @@ const rules = reactive({
 
 const updateRules = reactive({
   name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-  scope_label: [{ required: true, message: "请输入业务范围", trigger: "blur" }],
+  scope_label: [{ required: true, message: "请选择业务范围", trigger: "blur" }],
 });
 
 function handleRowDelete(id: number) { contentRef.value?.handleDelete(id); }