apps/x_admin
1
0
Fork 0
mirror of https://gitee.com/xiangheng/x_admin.git synced 2025-12-24 08:12:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

模板优化

Browse Source
This commit is contained in:
xiangheng
2024-08-10 19:16:29 +08:00
parent cae4690703
commit 2b1a8ce035
38 changed files with 1932 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
admin/src/api/system_log_sms.ts Normal file
View File

@@ -0,0 +1,78 @@
import request from '@/utils/request'
import type { Pages } from '@/utils/request'
import config from '@/config'
import queryString from 'query-string'
import { getToken } from '@/utils/auth'
export type type_system_log_sms = {
id?: number;
scene?: number;
mobile?: string;
content?: string;
status?: number;
results?: string;
send_time?: number;
create_time?: string;
update_time?: string;
}
// 查询
export type type_system_log_sms_query = {
scene?: number;
mobile?: string;
content?: string;
status?: number;
results?: string;
send_time?: number;
create_timeStart?: string;
create_timeEnd?: string;
update_timeStart?: string;
update_timeEnd?: string;
}
// 添加编辑
export type type_system_log_sms_edit = {
id?: number;
scene?: number;
mobile?: string;
content?: string;
status?: number;
results?: string;
send_time?: number;
}
// 系统短信日志列表
export function system_log_sms_list(params?: type_system_log_sms_query) {
return request.get<Pages<type_system_log_sms>>({ url: '/system_log_sms/list', params })
}
// 系统短信日志列表-所有
export function system_log_sms_list_all(params?: type_system_log_sms_query) {
return request.get<type_system_log_sms[]>({ url: '/system_log_sms/listAll', params })
}
// 系统短信日志详情
export function system_log_sms_detail(id: number | string) {
return request.get<type_system_log_sms>({ url: '/system_log_sms/detail', params: { id } })
}
// 系统短信日志新增
export function system_log_sms_add(data: type_system_log_sms_edit) {
return request.post<null>({ url: '/system_log_sms/add', data })
}
// 系统短信日志编辑
export function system_log_sms_edit(data: type_system_log_sms_edit) {
return request.post<null>({ url: '/system_log_sms/edit', data })
}
// 系统短信日志删除
export function system_log_sms_delete(id: number | string) {
return request.post<null>({ url: '/system_log_sms/del', data: { id } })
}
// 系统短信日志导入
export const system_log_sms_import_file = '/system_log_sms/ImportFile'
// 系统短信日志导出
export function system_log_sms_export_file(params: any) {
return (window.location.href =`${config.baseUrl}${config.urlPrefix}/system_log_sms/ExportFile?token=${getToken()}&` + queryString.stringify(params))
}

20
admin/src/utils/util.ts
View File

@@ -21,12 +21,12 @@ export const addUnit = (value: string | number, unit = 'px') => {
}
/**
* @description 添加单位
* @param {unknown} value
* @description 是否为空
* @param {any} value
* @return {Boolean}
*/
export const isEmpty = (value: unknown) => {
return value == null && typeof value == 'undefined'
export const isEmpty = (value: any) => {
return value === '' || value === null || value === undefined
}
/**
@@ -134,3 +134,15 @@ export const getNonDuplicateID = (length = 8) => {
export const firstToUpperCase = (str = '') => {
return str.toLowerCase().replace(/( |^)[a-z]/g, ($1) => $1.toUpperCase())
}
/**
* @description 清空对象空值属性
*/
export const clearEmpty = (obj: Record<string, any>) => {
for (const key of Object.keys(obj)) {
if (isEmpty(obj[key])) {
delete obj[key]
}
}
return obj
}

188
admin/src/views/system/log/sms/edit.vue Normal file
View File

@@ -0,0 +1,188 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
:clickModalClose="true"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="84px" :rules="formRules">
<el-form-item label="场景编号" prop="scene">
<el-input v-model="formData.scene" type="number" placeholder="请输入场景编号" />
</el-form-item>
<el-form-item label="手机号码" prop="mobile">
<el-input v-model="formData.mobile" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="发送内容" prop="content">
<editor v-model="formData.content" :height="500" />
</el-form-item>
<el-form-item label="发送状态：[0=发送中, 1=发送成功, 2=发送失败]" prop="status">
<el-select
class="flex-1"
v-model="formData.status"
placeholder="请选择发送状态：[0=发送中, 1=发送成功, 2=发送失败]"
>
<el-option
v-for="(item, index) in dictData.flow_apply_status"
:key="index"
:label="item.name"
:value="parseInt(item.value)"
clearable
:disabled="!item.status"
/>
</el-select>
</el-form-item>
<el-form-item label="短信结果" prop="results">
<el-input
v-model="formData.results"
placeholder="请输入短信结果"
type="textarea"
:autosize="{ minRows: 4, maxRows: 6 }"
/>
</el-form-item>
<el-form-item label="发送时间" prop="send_time">
<el-input
v-model.number="formData.send_time"
type="number"
placeholder="请输入发送时间"
/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import {
system_log_sms_edit,
system_log_sms_add,
system_log_sms_detail
} from '@/api/system_log_sms'
import Popup from '@/components/popup/index.vue'
import feedback from '@/utils/feedback'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
listAllData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑系统短信日志' : '新增系统短信日志'
})
const formData = reactive({
id: '',
scene: 0,
mobile: '',
content: '',
status: '',
results: '',
send_time: 0
})
const formRules = {
id: [
{
required: true,
message: '请输入id',
trigger: ['blur']
}
]
// scene: [
// {
// required: true,
// message: '请输入场景编号',
// trigger: ['blur']
// }
// ],
// mobile: [
// {
// required: true,
// message: '请输入手机号码',
// trigger: ['blur']
// }
// ],
// content: [
// {
// required: true,
// message: '请输入发送内容',
// trigger: ['blur']
// }
// ],
// status: [
// {
// required: true,
// message: '请选择发送状态：[0=发送中, 1=发送成功, 2=发送失败]',
// trigger: ['blur']
// }
// ],
// results: [
// {
// required: true,
// message: '请输入短信结果',
// trigger: ['blur']
// }
// ],
// send_time: [
// {
// required: true,
// message: '请输入发送时间',
// trigger: ['blur']
// }
// ]
}
const handleSubmit = async () => {
try {
await formRef.value?.validate()
const data: any = { ...formData }
mode.value == 'edit' ? await system_log_sms_edit(data) : await system_log_sms_add(data)
popupRef.value?.close()
feedback.msgSuccess('操作成功')
emit('success')
} catch (error) {}
}
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
const setFormData = async (data: Record<string, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
try {
const data = await system_log_sms_detail(row.id)
setFormData(data)
} catch (error) {}
}
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

190
admin/src/views/system/log/sms/index.vue Normal file
View File

@@ -0,0 +1,190 @@
<template>
<div class="index-lists">
<el-card class="!border-none" shadow="never">
<el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true" label-width="70px"
label-position="left">
<el-form-item label="手机号码" prop="mobile" class="w-[280px]">
<el-input v-model="queryParams.mobile" />
</el-form-item>
<el-form-item label="发送状态：[0=发送中, 1=发送成功, 2=发送失败]" prop="status" class="w-[280px]">
<el-select
v-model="queryParams.status"
clearable
>
<el-option label="全部" value="" />
<el-option
v-for="(item, index) in dictData.flow_apply_status"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间" prop="create_time" class="w-[280px]">
<daterange-picker
v-model:startTime="queryParams.create_timeStart"
v-model:endTime="queryParams.create_timeEnd"
/>
</el-form-item>
<el-form-item label="更新时间" prop="update_time" class="w-[280px]">
<daterange-picker
v-model:startTime="queryParams.update_timeStart"
v-model:endTime="queryParams.update_timeEnd"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none mt-4" shadow="never">
<div>
<el-button v-perms="['admin:system_log_sms:add']" type="primary" @click="handleAdd()">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<upload
class="ml-3 mr-3"
:url="system_log_sms_import_file"
:data="{ cid: 0 }"
type="file"
:show-progress="true"
@change="resetPage"
>
<el-button type="primary">
<template #icon>
<icon name="el-icon-Upload" />
</template>
导入
</el-button>
</upload>
<el-button type="primary" @click="exportFile">
<template #icon>
<icon name="el-icon-Download" />
</template>
导出
</el-button>
</div>
<el-table
class="mt-4"
size="large"
v-loading="pager.loading"
:data="pager.lists"
>
<el-table-column label="场景编号" prop="scene" min-width="130" />
<el-table-column label="手机号码" prop="mobile" min-width="130" />
<el-table-column label="发送内容" prop="content" min-width="130" />
<el-table-column label="发送状态：[0=发送中, 1=发送成功, 2=发送失败]" prop="status" min-width="100">
<template #default="{ row }">
<dict-value :options="dictData.flow_apply_status" :value="row.status" />
</template>
</el-table-column>
<el-table-column label="短信结果" prop="results" min-width="130" />
<el-table-column label="发送时间" prop="send_time" min-width="130" />
<el-table-column label="创建时间" prop="create_time" min-width="130" />
<el-table-column label="更新时间" prop="update_time" min-width="130" />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
v-perms="['admin:system_log_sms:edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['admin:system_log_sms:del']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div class="flex justify-end mt-4">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup
v-if="showEdit"
ref="editRef"
:dict-data="dictData"
@success="getLists"
@close="showEdit = false"
/>
</div>
</template>
<script lang="ts" setup>
import { system_log_sms_delete, system_log_sms_list,system_log_sms_import_file, system_log_sms_export_file } from '@/api/system_log_sms'
import type { type_system_log_sms,type_system_log_sms_query } from "@/api/system_log_sms";
import { useDictData,useListAllData } from '@/hooks/useDictOptions'
import type { type_dict } from '@/hooks/useDictOptions'
import { usePaging } from '@/hooks/usePaging'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
defineOptions({
name:"system_log_sms"
})
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
const showEdit = ref(false)
const queryParams = reactive<type_system_log_sms_query>({
scene: null,
mobile: null,
content: null,
status: null,
results: null,
send_time: null,
create_timeStart: null,
create_timeEnd: null,
update_timeStart: null,
update_timeEnd: null,
})
const { pager, getLists, resetPage, resetParams } = usePaging<type_system_log_sms>({
fetchFun: system_log_sms_list,
params: queryParams
})
const { dictData } = useDictData<{
flow_apply_status: type_dict[]
}>(['flow_apply_status'])
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.getDetail(data)
}
const handleDelete = async (id: number) => {
try {
await feedback.confirm('确定要删除？')
await system_log_sms_delete( id )
feedback.msgSuccess('删除成功')
getLists()
} catch (error) {}
}
const exportFile = async () => {
try {
await feedback.confirm('确定要导出？')
await system_log_sms_export_file(queryParams)
} catch (error) {}
}
getLists()
</script>