初始化地区合伙人

src/views/message/short_letter/edit.vue

@@ -0,0 +1,130 @@
+<template>
+    <div class="edit-popup">
+        <popup
+            ref="popupRef"
+            title="设置短信"
+            :async="true"
+            width="550px"
+            @confirm="handleSubmit"
+            @close="handleClose"
+        >
+            <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
+                <el-form-item label="短信渠道">
+                    <div>
+                        {{ formData.name }}
+                    </div>
+                </el-form-item>
+                <el-form-item label="短信签名" prop="sign">
+                    <el-input v-model="formData.sign" placeholder="请输入短信签名" />
+                </el-form-item>
+                <el-form-item label="APP_KEY" prop="app_key" v-if="formData.type == 'ali'">
+                    <el-input v-model="formData.app_key" placeholder="请输入APP_KEY" />
+                </el-form-item>
+                <el-form-item label="APP_ID" prop="app_id" v-if="formData.type == 'tencent'">
+                    <el-input v-model="formData.app_id" placeholder="请输入APP_ID" />
+                </el-form-item>
+                <el-form-item label="SECRET_ID" prop="secret_id" v-if="formData.type == 'tencent'">
+                    <el-input v-model="formData.secret_id" placeholder="请输入SECRET_ID" />
+                </el-form-item>
+                <el-form-item label="SECRET_KEY" prop="secret_key">
+                    <el-input v-model="formData.secret_key" placeholder="请输入SECRET_KEY" />
+                </el-form-item>
+                <el-form-item label="状态" prop="status">
+                    <el-radio-group v-model="formData.status">
+                        <el-radio :value="0">关闭</el-radio>
+                        <el-radio :value="1">开启</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </el-form>
+        </popup>
+    </div>
+</template>
+<script lang="ts" setup>
+import type { FormInstance } from 'element-plus'
+
+import { setSmsConfig, smsDetail } from '@/api/message'
+import Popup from '@/components/popup/index.vue'
+
+const emit = defineEmits(['success'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const formData = reactive({
+    name: '',
+    type: '',
+    sign: '',
+    app_key: '',
+    app_id: '',
+    secret_key: '',
+    secret_id: '',
+    status: 0
+})
+
+const formRules = {
+    sign: [
+        {
+            required: true,
+            message: '请输入短信签名',
+            trigger: 'blur'
+        }
+    ],
+    app_id: [
+        {
+            required: true,
+            message: '请输入APP_ID',
+            trigger: 'blur'
+        }
+    ],
+    app_key: [
+        {
+            required: true,
+            message: '请输入APP_KEY',
+            trigger: 'blur'
+        }
+    ],
+    secret_key: [
+        {
+            required: true,
+            message: '请输入SECRET_KEY',
+            trigger: 'blur'
+        }
+    ],
+    secret_id: [
+        {
+            required: true,
+            message: '请输入SECRET_ID',
+            trigger: 'blur'
+        }
+    ]
+}
+
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    await setSmsConfig(formData)
+    popupRef.value?.close()
+    emit('success')
+}
+
+const getDetail = async () => {
+    const data = await smsDetail({
+        type: formData.type
+    })
+    for (const key in data) {
+        //@ts-ignore
+        formData[key] = data[key]
+    }
+}
+
+const open = (type: string) => {
+    formData.type = type
+    popupRef.value?.open()
+    getDetail()
+}
+
+const handleClose = () => {
+    formRef.value?.resetFields()
+}
+
+defineExpose({
+    open
+})
+</script>

src/views/message/short_letter/index.vue

@@ -0,0 +1,58 @@
+<template>
+    <div>
+        <el-card class="!border-none" shadow="never" v-loading="state.loading">
+            <el-table size="large" :data="state.lists">
+                <el-table-column label="短信渠道" prop="name" min-width="120" />
+                <el-table-column label="状态" min-width="120">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.status == 1">开启</el-tag>
+                        <el-tag type="danger" v-else>关闭</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" min-width="120" fixed="right">
+                    <template #default="{ row }">
+                        <el-button
+                            v-perms="['notice.sms_config/setConfig']"
+                            type="primary"
+                            link
+                            @click="handleSet(row.type)"
+                        >
+                            设置
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </el-card>
+        <edit-popup ref="editRef" @success="getLists" />
+    </div>
+</template>
+<script lang="ts" setup name="shortLetter">
+import { smsLists } from '@/api/message'
+
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+
+// 列表数据
+const state = reactive({
+    loading: false,
+    lists: []
+})
+
+// 获取存储引擎列表数据
+const getLists = async () => {
+    try {
+        state.loading = true
+        state.lists = await smsLists()
+        state.loading = false
+    } catch (error) {
+        state.loading = false
+    }
+}
+
+const handleSet = (alias: string) => {
+    editRef.value?.open(alias)
+}
+
+getLists()
+</script>