From e678bb0ecfdc6f693b50de977319ad3bdeb00b9e Mon Sep 17 00:00:00 2001
From: hucan <951870319@qq.com>
Date: Tue, 9 Sep 2025 20:47:47 +0800
Subject: [PATCH] 1

---
 .env.development                       |   2 +-
 src/views/admin/sms-services/index.vue | 505 ++++++++++++++-----------
 2 files changed, 277 insertions(+), 230 deletions(-)

diff --git a/.env.development b/.env.development
index ede07c9..0393c3a 100644
--- a/.env.development
+++ b/.env.development
@@ -2,5 +2,5 @@
 ENV = 'development'
 
 # base api
-VUE_APP_BASE_API = 'http://127.0.0.1:8086'
+VUE_APP_BASE_API = 'http://192.168.2.22:8086'
 
diff --git a/src/views/admin/sms-services/index.vue b/src/views/admin/sms-services/index.vue
index a6db109..61573db 100644
--- a/src/views/admin/sms-services/index.vue
+++ b/src/views/admin/sms-services/index.vue
@@ -1,10 +1,23 @@
-
 <template>
     <BasicLayout>
         <template #wrapper>
             <el-card class="box-card">
                 <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
-                    
+                    <el-form-item label="平台" prop="平台"><el-select v-model="queryParams.platformCode" placeholder="平台"
+                            clearable size="small">
+                            <el-option v-for="dict in platformCodeOptions" :key="dict.value" :label="dict.label"
+                                :value="dict.value" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="状态">
+                        <el-select v-model="queryParams.status" placeholder="状态" clearable size="small">
+                            <el-option v-for="dict in statusOptions" :key="'query_status'+dict.value" :label="dict.label"
+                                :value="dict.value" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="服务名称" prop="服务名称">
+                        <el-input v-model="queryParams.name" placeholder="服务名称" size="small" clearable />
+                    </el-form-item>
                     <el-form-item>
                         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -13,97 +26,99 @@
 
                 <el-row :gutter="10" class="mb8">
                     <el-col :span="1.5">
-                        <el-button
-                                v-permisaction="['admin:smsServices:add']"
-                                type="primary"
-                                icon="el-icon-plus"
-                                size="mini"
-                                @click="handleAdd"
-                        >新增
+                        <el-button v-permisaction="['admin:smsServices:add']" type="primary" icon="el-icon-plus"
+                            size="mini" @click="handleAdd">新增
                         </el-button>
                     </el-col>
                     <el-col :span="1.5">
-                        <el-button
-                                v-permisaction="['admin:smsServices:edit']"
-                                type="success"
-                                icon="el-icon-edit"
-                                size="mini"
-                                :disabled="single"
-                                @click="handleUpdate"
-                        >修改
+                        <el-button v-permisaction="['admin:smsServices:edit']" type="success" icon="el-icon-edit"
+                            size="mini" :disabled="single" @click="handleUpdate">修改
                         </el-button>
                     </el-col>
                     <el-col :span="1.5">
-                        <el-button
-                                v-permisaction="['admin:smsServices:remove']"
-                                type="danger"
-                                icon="el-icon-delete"
-                                size="mini"
-                                :disabled="multiple"
-                                @click="handleDelete"
-                        >删除
+                        <el-button v-permisaction="['admin:smsServices:remove']" type="danger" icon="el-icon-delete"
+                            size="mini" :disabled="multiple" @click="handleDelete">删除
                         </el-button>
                     </el-col>
                 </el-row>
 
                 <el-table v-loading="loading" :data="smsServicesList" @selection-change="handleSelectionChange">
-                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column type="selection" width="55" align="center" /><el-table-column label="平台"
+                        align="center" prop="platformCode" :formatter="platformCodeFormat" width="100">
+                        <template slot-scope="scope">
+                            {{ platformCodeFormat(scope.row) }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="平台编码" align="center" prop="platformCode" :show-overflow-tooltip="true" />
+                    <el-table-column label="服务名称" align="center" prop="name" :show-overflow-tooltip="true" />
+                    <el-table-column label="编码" align="center" prop="code" :show-overflow-tooltip="true" />
+                    <el-table-column label="过期时间（分）" align="center" prop="expirationMinutes"
+                        :show-overflow-tooltip="true" />
+                    <el-table-column label="状态" align="center" prop="status">
+                        <template slot-scope="scope">
+                            <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">{{ statusFormat(scope.row)
+                            }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="单价" align="center" prop="price" :show-overflow-tooltip="true" />
+                    <el-table-column label="长效号码单价" align="center" prop="longPrice" :show-overflow-tooltip="true" />
+                    <el-table-column label="图标" align="center" prop="icon" :show-overflow-tooltip="true" />
                     <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                         <template slot-scope="scope">
-                         <el-popconfirm
-                           class="delete-popconfirm"
-                           title="确认要修改吗?"
-                           confirm-button-text="修改"
-                           @confirm="handleUpdate(scope.row)"
-                         >
-                           <el-button
-                             slot="reference"
-                             v-permisaction="['admin:smsServices:edit']"
-                             size="mini"
-                             type="text"
-                             icon="el-icon-edit"
-                           >修改
-                           </el-button>
-                         </el-popconfirm>
-                         <el-popconfirm
-                            class="delete-popconfirm"
-                            title="确认要删除吗?"
-                            confirm-button-text="删除"
-                            @confirm="handleDelete(scope.row)"
-                         >
-                            <el-button
-                              slot="reference"
-                              v-permisaction="['admin:smsServices:remove']"
-                              size="mini"
-                              type="text"
-                              icon="el-icon-delete"
-                            >删除
-                            </el-button>
-                         </el-popconfirm>
+                            <el-popconfirm class="delete-popconfirm" title="确认要修改吗?" confirm-button-text="修改"
+                                @confirm="handleUpdate(scope.row)">
+                                <el-button slot="reference" v-permisaction="['admin:smsServices:edit']" size="mini"
+                                    type="text" icon="el-icon-edit">修改
+                                </el-button>
+                            </el-popconfirm>
+                            <el-popconfirm class="delete-popconfirm" title="确认要删除吗?" confirm-button-text="删除"
+                                @confirm="handleDelete(scope.row)">
+                                <el-button slot="reference" v-permisaction="['admin:smsServices:remove']" size="mini"
+                                    type="text" icon="el-icon-delete">删除
+                                </el-button>
+                            </el-popconfirm>
                         </template>
                     </el-table-column>
                 </el-table>
 
-                <pagination
-                        v-show="total>0"
-                        :total="total"
-                        :page.sync="queryParams.pageIndex"
-                        :limit.sync="queryParams.pageSize"
-                        @pagination="getList"
-                />
+                <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageIndex"
+                    :limit.sync="queryParams.pageSize" @pagination="getList" />
 
                 <!-- 添加或修改对话框 -->
                 <el-dialog :title="title" :visible.sync="open" width="500px">
-                    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-                        
-                                    <el-form-item label="服务名称" prop="name">
-                                        <el-input v-model="form.name" placeholder="服务名称"
-                                                      />
-                                    </el-form-item>
-                                    <el-form-item label="编码" prop="code">
-                                        <el-input v-model="form.code" placeholder="编码"
-                                                      />
-                                    </el-form-item>
+                    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+
+                        <el-form-item label="平台" prop="platformCode">
+                            <el-select v-model="form.platformCode" placeholder="请选择">
+                                <el-option v-for="dict in platformCodeOptions" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="服务名称" prop="name">
+                            <el-input v-model="form.name" placeholder="服务名称" />
+                        </el-form-item>
+                        <el-form-item label="编码" prop="code">
+                            <el-input v-model="form.code" placeholder="编码" :disabled="isEdit" />
+                        </el-form-item>
+                        <el-form-item label="过期时间（分）" prop="expirationMinutes">
+                            <el-input v-model="form.expirationMinutes" placeholder="过期时间（分）" />
+                        </el-form-item>
+                        <el-form-item label="状态" prop="status">
+                            <el-select v-model="form.status" placeholder="请选择">
+                                <el-option v-for="dict in statusOptions" :key="dict.value" :label="dict.label"
+                                    :value="dict.value" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="单价" prop="price">
+                            <el-input v-model="form.price" placeholder="单价" />
+                        </el-form-item>
+                        <el-form-item label="长效号码单价" prop="longPrice">
+                            <el-input v-model="form.longPrice" placeholder="长效号码单价" />
+                        </el-form-item>
+                        <el-form-item label="图标" prop="icon">
+                            <el-input v-model="form.icon" placeholder="图标" />
+                        </el-form-item>
                     </el-form>
                     <div slot="footer" class="dialog-footer">
                         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -116,170 +131,202 @@
 </template>
 
 <script>
-    import {addSmsServices, delSmsServices, getSmsServices, listSmsServices, updateSmsServices} from '@/api/admin/sms-services'
-    
-    export default {
-        name: 'SmsServices',
-        components: {
-        },
-        data() {
-            return {
-                // 遮罩层
-                loading: true,
-                // 选中数组
-                ids: [],
-                // 非单个禁用
-                single: true,
-                // 非多个禁用
-                multiple: true,
-                // 总条数
-                total: 0,
-                // 弹出层标题
-                title: '',
-                // 是否显示弹出层
-                open: false,
-                isEdit: false,
-                // 类型数据字典
-                typeOptions: [],
-                smsServicesList: [],
-                
-                // 关系表类型
-                
-                // 查询参数
-                queryParams: {
-                    pageIndex: 1,
-                    pageSize: 10,
-                    
-                },
-                // 表单参数
-                form: {
-                },
-                // 表单校验
-                rules: {}
+import { addSmsServices, delSmsServices, getSmsServices, listSmsServices, updateSmsServices } from '@/api/admin/sms-services'
+
+export default {
+    name: 'SmsServices',
+    components: {
+    },
+    data() {
+        return {
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 总条数
+            total: 0,
+            // 弹出层标题
+            title: '',
+            // 是否显示弹出层
+            open: false,
+            isEdit: false,
+            // 类型数据字典
+            typeOptions: [],
+            smsServicesList: [],
+            platformCodeOptions: [],
+            statusOptions: [
+                { value: 1, label: '启用' },
+                { value: 2, label: '禁用' }
+            ],
+            // 查询参数
+            queryParams: {
+                pageIndex: 1,
+                pageSize: 10,
+                status:1,
+                platformCode: undefined,
+                idOrder: "desc"
+            },
+            // 表单参数
+            form: {
+            },
+            // 表单校验
+            rules: {
+                platformCode: [{ required: true, message: '平台code不能为空', trigger: 'blur' }],
+                name:[{ required: true, message: '服务名称不能为空', trigger: 'blur' }],
+                code: [{ required: true, message: '编码不能为空', trigger: 'blur' }],
+                expirationMinutes: [{ required: true, message: '过期时间不能为空', trigger: 'blur' }],
+                status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+                price: [{ required: true, message: '单价不能为空', trigger: 'blur' }],
+                longPrice: [{ required: true, message: '长效号码单价不能为空', trigger: 'blur' }],
+            }
         }
+    },
+    created() {
+        this.getList()
+        this.getDicts('sms_platform').then(response => {
+            this.platformCodeOptions = response.data
+        })
+    },
+    methods: {
+        statusFormat(row) {
+            let status = this.statusOptions.find(item => item.value === row.status);
+            return status ? status.label : '未知状态';
         },
-        created() {
-            this.getList()
-            },
-        methods: {
-            /** 查询参数列表 */
-            getList() {
-                this.loading = true
-                listSmsServices(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
-                        this.smsServicesList = response.data.list
-                        this.total = response.data.count
-                        this.loading = false
-                    }
-                )
-            },
-            // 取消按钮
-            cancel() {
-                this.open = false
-                this.reset()
-            },
-            // 表单重置
-            reset() {
-                this.form = {
-                
+        /** 查询参数列表 */
+        getList() {
+            this.loading = true
+            listSmsServices(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+                this.smsServicesList = response.data.list
+                this.total = response.data.count
+                this.loading = false
+            }
+            )
+        },
+        // 取消按钮
+        cancel() {
+            this.open = false
+            this.reset()
+        },
+        // 表单重置
+        reset() {
+            this.form = {
+
                 id: undefined,
+                platformCode: undefined,
                 name: undefined,
                 code: undefined,
+                expirationMinutes: undefined,
+                status: undefined,
+                price: undefined,
+                longPrice: undefined,
+                icon: undefined,
             }
-                this.resetForm('form')
-            },
-            getImgList: function() {
-              this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
-            },
-            fileClose: function() {
-              this.fileOpen = false
-            },
-            // 关系
-            // 文件
-            /** 搜索按钮操作 */
-            handleQuery() {
-                this.queryParams.pageIndex = 1
-                this.getList()
-            },
-            /** 重置按钮操作 */
-            resetQuery() {
-                this.dateRange = []
-                this.resetForm('queryForm')
-                this.handleQuery()
-            },
-            /** 新增按钮操作 */
-            handleAdd() {
-                this.reset()
-                this.open = true
-                this.title = '添加SmsServices'
-                this.isEdit = false
-            },
-            // 多选框选中数据
-            handleSelectionChange(selection) {
-                this.ids = selection.map(item => item.id)
-                this.single = selection.length !== 1
-                this.multiple = !selection.length
-            },
-            /** 修改按钮操作 */
-            handleUpdate(row) {
-                this.reset()
-                const id =
+            this.resetForm('form')
+        },
+        getImgList: function () {
+            this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
+        },
+        fileClose: function () {
+            this.fileOpen = false
+        },
+        platformCodeFormat(row) {
+            return this.selectDictLabel(this.platformCodeOptions, row.platformCode)
+        },
+        // 关系
+        // 文件
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageIndex = 1
+            this.getList()
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.dateRange = []
+            this.resetForm('queryForm')
+            this.handleQuery()
+        },
+        /** 新增按钮操作 */
+        handleAdd() {
+            this.reset()
+            this.open = true
+            this.title = '添加SmsServices'
+            this.isEdit = false
+        },
+        // 多选框选中数据
+        handleSelectionChange(selection) {
+            this.ids = selection.map(item => item.id)
+            this.single = selection.length !== 1
+            this.multiple = !selection.length
+        },
+        /** 修改按钮操作 */
+        handleUpdate(row) {
+            this.reset()
+            const id =
                 row.id || this.ids
-                getSmsServices(id).then(response => {
-                    this.form = response.data
-                    this.open = true
-                    this.title = '修改SmsServices'
-                    this.isEdit = true
-                })
-            },
-            /** 提交按钮 */
-            submitForm: function () {
-                this.$refs['form'].validate(valid => {
-                    if (valid) {
-                        if (this.form.id !== undefined) {
-                            updateSmsServices(this.form).then(response => {
-                                if (response.code === 200) {
-                                    this.msgSuccess(response.msg)
-                                    this.open = false
-                                    this.getList()
-                                } else {
-                                    this.msgError(response.msg)
-                                }
-                            })
-                        } else {
-                            addSmsServices(this.form).then(response => {
-                                if (response.code === 200) {
-                                    this.msgSuccess(response.msg)
-                                    this.open = false
-                                    this.getList()
-                                } else {
-                                    this.msgError(response.msg)
-                                }
-                            })
-                        }
-                    }
-                })
-            },
-            /** 删除按钮操作 */
-            handleDelete(row) {
-                var Ids = (row.id && [row.id]) || this.ids
+            getSmsServices(id).then(response => {
+                this.form = response.data
+                this.open = true
+                this.title = '修改SmsServices'
+                this.isEdit = true
+            })
+        },
+        /** 提交按钮 */
+        submitForm: function () {
+            this.$refs['form'].validate(valid => {
+                if (valid) {
+                    this.form.price=Number(this.form.price)
+                    this.form.longPrice=Number(this.form.longPrice)
+                    this.form.expirationMinutes=Number(this.form.expirationMinutes)
 
-                this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(function () {
-                      return delSmsServices( { 'ids': Ids })
-                }).then((response) => {
-                   if (response.code === 200) {
-                     this.msgSuccess(response.msg)
-                     this.open = false
-                     this.getList()
-                   } else {
-                     this.msgError(response.msg)
-                   }
-                }).catch(function () {
-                })
-            }
+                    if (this.form.id !== undefined) {
+                        updateSmsServices(this.form).then(response => {
+                            if (response.code === 200) {
+                                this.msgSuccess(response.msg)
+                                this.open = false
+                                this.getList()
+                            } else {
+                                this.msgError(response.msg)
+                            }
+                        })
+                    } else {
+                        addSmsServices(this.form).then(response => {
+                            if (response.code === 200) {
+                                this.msgSuccess(response.msg)
+                                this.open = false
+                                this.getList()
+                            } else {
+                                this.msgError(response.msg)
+                            }
+                        })
+                    }
+                }
+            })
+        },
+        /** 删除按钮操作 */
+        handleDelete(row) {
+            var Ids = (row.id && [row.id]) || this.ids
+
+            this.$confirm('是否确认删除编号为"' + Ids + '"的数据项?', '警告', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(function () {
+                return delSmsServices({ 'ids': Ids })
+            }).then((response) => {
+                if (response.code === 200) {
+                    this.msgSuccess(response.msg)
+                    this.open = false
+                    this.getList()
+                } else {
+                    this.msgError(response.msg)
+                }
+            }).catch(function () {
+            })
         }
     }
+}
 </script>