style: 优化短信配置表单样式

src/views/system/config/sms/SmsConfigAddModal.vue

@@ -31,7 +31,7 @@ const visible = ref(false)
 const isUpdate = computed(() => !!dataId.value)
 const title = computed(() => (isUpdate.value ? '修改短信配置' : '新增短信配置'))
 const formRef = ref<InstanceType<typeof GiForm>>()
-const { sms_supplier_type } = useDict('sms_supplier_type')
+const { sms_supplier } = useDict('sms_supplier')
 
 const [form, resetForm] = useResetReactive({
   status: 1,
@@ -55,7 +55,7 @@ const columns: ColumnItem[] = reactive([
     span: 12,
     required: true,
     props: {
-      options: sms_supplier_type,
+      options: sms_supplier,
     },
   },
   {
@@ -68,7 +68,7 @@ const columns: ColumnItem[] = reactive([
   {
     label: 'Secret Key',
     field: 'secretKey',
-    type: 'input',
+    type: 'input-password',
     span: 24,
     required: true,
   },
@@ -136,8 +136,11 @@ const columns: ColumnItem[] = reactive([
   {
     label: '厂商配置',
     field: 'supplierConfig',
-    type: 'input',
+    type: 'textarea',
     span: 24,
+    props: {
+      placeholder: '请输入 JSON 格式',
+    },
   },
   {
     label: '状态',

src/views/system/config/sms/index.vue

@@ -16,7 +16,7 @@
         <a-input-search v-model="queryForm.accessKey" placeholder="搜索 Access Key" allow-clear @search="search" />
         <a-select
           v-model="queryForm.supplier"
-          :options="sms_supplier_type"
+          :options="sms_supplier"
           placeholder="请选择厂商"
           allow-clear
           style="width: 150px"
@@ -34,7 +34,7 @@
         </a-button>
       </template>
       <template #supplier="{ record }">
-        <GiCellTag :value="record.supplier" :dict="sms_supplier_type" />
+        <GiCellTag :value="record.supplier" :dict="sms_supplier" />
       </template>
       <template #accessKey="{ record }">
         <CellCopy :content="record.accessKey" />
@@ -72,7 +72,7 @@ import GiCellStatus from '@/components/GiCell/GiCellStatus.vue'
 
 defineOptions({ name: 'SystemSmsConfig' })
 
-const { sms_supplier_type } = useDict('sms_supplier_type')
+const { sms_supplier } = useDict('sms_supplier')
 
 const queryForm = reactive<SmsConfigQuery>({
   name: undefined,
@@ -103,7 +103,7 @@ const columns: TableInstance['columns'] = [
     slotName: 'supplier',
     width: 100,
     props: {
-      options: sms_supplier_type,
+      options: sms_supplier,
       placeholder: '请选择厂商',
     },
   },