This commit is contained in:
@jyuhsin
2025-10-15 10:26:51 +08:00
parent 0e12c436a7
commit dc7e71f2a1
14 changed files with 1350 additions and 0 deletions
@@ -0,0 +1,78 @@
const basicForm = {
template: /*language=HTML*/ `
<div>
<el-dialog :title="formData.id ? '编辑':'新增'" :visible.sync="visible" width="40%" :close-on-click-modal="false">
<el-form :model="formData" ref="formRef" :rules="formRules" label-width="110px" label-position="left">
<el-form-item label="年度" prop="year">
<el-date-picker
v-model="formData.year"
type="year"
value-format="yyyy"
placeholder="请选择年度"
style="width: 100%"
></el-date-picker>
</el-form-item>
<el-form-item label="批次名称" prop="name">
<el-input type="text" v-model="formData.name" maxlength="50"
placeholder="请输入批次名称"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="formData.remark" placeholder="请输入备注"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="$emit('refresh'); visible = false">取消</el-button>
<el-button @click="onSubmit" type="primary">提交</el-button>
</div>
</el-dialog>
</div>
`,
data() {
return {
formData: {
year: new Date().getFullYear().toString(),
},
formRules: {
year: [{required: true, message: '必填', trigger: ['blur']}],
name: [{required: true, message: '必填', trigger: ['blur']}],
},
visible: false,
}
},
methods: {
onOpen(row) {
if(row && row.id) {
this.$set(row, 'year', row.year.toString())
this.formData = clone(row)
} else {
this.formData = {
year: new Date().getFullYear().toString()
}
}
this.visible = true
},
onSubmit() {
this.$refs.formRef.validate((valid) => {
if (valid) {
this.$confirm("您确定要提交吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(async () => {
const resp = await this.$axios.post("/platform/retireSouvenirs/batch/submit", this.formData)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.$emit('refresh')
this.visible = false
} else {
this.$message.warning(resp.msg)
}
})
}
})
},
},
style: /*language=CSS*/ `
`
}
@@ -0,0 +1,163 @@
<!--#
layout("/layouts/platform.html"){
#-->
<style>
</style>
<div id="app" v-cloak>
<guava ref="guava">
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度:">
<el-date-picker
v-model="pageForm.year"
type="year"
value-format="yyyy"
placeholder="请选择年度"
@change="doSearch"
style="width: 100%"
></el-date-picker>
</search-item>
<search-item label="批次名称:">
<el-input placeholder="请输入批次名称查询" clearable v-model="pageForm.searchKeyword"
@keyup.enter.native="doSearch">
</el-input>
</search-item>
</search>
</el-card>
<el-card shadow="never" class="mt20">
<table-tool label="批次列表">
<el-button type="primary" size="small" @click="onAdd">
<i class="ti-plus"></i>
新增批次
</el-button>
</table-tool>
<el-table :data="tableData" @sort-change="pageOrder" :size="tableSize">
<el-table-column label="序号" type="index" :index="indexMethod" width="60"></el-table-column>
<el-table-column
:label="column.label"
:prop="column.prop"
:key="column.prop"
:width="column.width"
:sortable="column.sortable"
align="center"
header-align="center"
show-overflow-tooltip
v-for="column in tableColumns"
>
<template v-slot="{ row }" v-if="column.prop === 'createdAt'">
{{ $moment(row.createdAt).format('YYYY-MM-DD') }}
</template>
</el-table-column>
<el-table-column label="操作" width="300">
<template v-slot="{ row }">
<el-dropdown style="margin-right: 10px">
<el-button type="primary" size="mini">
导入人员
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="onImport(row, 'clear')">清空</el-dropdown-item>
<el-dropdown-item @click.native="onImport(row, 'append')">追加</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button @click="onEdit(row)" size="mini" type="primary">编辑</el-button>
<el-button @click="onDelete(row)" size="mini" type="danger">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
</template>
<basic-form ref="basicFormRef" @refresh="refresh"></basic-form>
<excel-import
ref="excelImportRef"
url="/platform/retireSouvenirs/batch/temImport"
template_url="/platform/retireSouvenirs/batch/downloadTem"
:visible.sync="importVisible"
title="导入人员名单"
width="700px"
:extra_params="importParams"
@import-success="doSearch"
></excel-import>
</guava>
</div>
<script>
<!--#include('basicForm.js'){}#-->
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
components: {
"basic-form": basicForm,
},
data() {
return {
tableColumns: [
{prop: 'year', label: '年度'},
{prop: 'name', label: '批次名称'},
{prop: 'remark', label: '备注'},
{prop: 'userName', label: '创建人'},
{prop: 'createdAt', label: '创建时间'},
{prop: 'count', label: '关联人员数'},
],
importVisible: false,
importParams: {},
}
},
methods: {
onImport(row, type) {
this.importParams = {
batchId: row.id,
type: type
}
this.importVisible = true
},
refresh() {
this.doSearch()
this.$refs.guava.index()
},
onAdd() {
this.$refs.basicFormRef.onOpen()
},
onEdit(row) {
this.$refs.basicFormRef.onOpen(row)
},
onDelete(row) {
let msg = row.count > 0 ? '该批次下有' + row.count + '条数据,' : ''
this.$confirm(msg + "您确定要删除吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/retireSouvenirs/batch/delete", { id: row.id }).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.pageData()
}
})
})
.catch(() => {})
},
pageData() {
this.$axios.post(loc() + "/pageData", this.pageForm).then((res) => {
if (res.code === 0) {
this.tableData = res.data.list
this.pageForm.totalCount = res.data.totalCount
}
})
},
},
async created() {
this.pageData()
}
})
</script>
<!--#
}
#-->
@@ -0,0 +1,383 @@
<!--#
layout("/layouts/platform.html"){
#-->
<style>
.search-other {
display: flex;
align-items: center;
}
.search-other-label {
width: 90px;
min-width: 90px;
color: rgb(100, 100, 100);
margin-right: 10px;
flex-shrink: 0;
}
.search-other > div {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.search-other .el-tag {
margin-right: 10px;
cursor: pointer;
}
.search-other .el-link {
margin-right: 10px;
}
</style>
<div id="app" v-cloak>
<guava ref="guava">
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="批次名称:">
<el-select v-model="pageForm.batchId" @change="doSearch" style="width: 100%"
placeholder="请选择批次名称" filterable>
<el-option v-for="item in batchOptions"
:value="item.id"
:key="item.id"
:label="item.name"
></el-option>
</el-select>
</search-item>
<search-item label="退休年份:">
<el-date-picker
v-model="pageForm.year"
type="year"
value-format="yyyy"
placeholder="请选择退休年份"
@change="doSearch"
style="width: 100%"
></el-date-picker>
</search-item>
<search-item label="退休月份:">
<el-date-picker
v-model="pageForm.month"
type="month"
value-format="MM"
placeholder="请选择退休月份"
@change="doSearch"
style="width: 100%"
></el-date-picker>
</search-item>
<search-item label="领取状态:">
<el-select v-model="pageForm.receive" @change="doSearch" style="width: 100%"
placeholder="请选择领取状态" filterable clearable>
<el-option :value="null" label="全部"></el-option>
<el-option :value="false" label="未领取"></el-option>
<el-option :value="true" label="已领取"></el-option>
</el-select>
</search-item>
<search-item label="工号/姓名:">
<el-input v-model="pageForm.searchKeyword" placeholder="请输入工号或者姓名查询" clearable></el-input>
</search-item>
<search-item label="所属单位:">
<el-select @change="doSearch"
clearable
filterable
placeholder="请选择单位"
style="width: 100%"
v-model="pageForm.unitId">
<el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in unitOptions"></el-option>
</el-select>
</search-item>
<search-item label="所属工会:">
<el-select v-model="pageForm.unionId"
placeholder="请选择所属工会"
filterable
clearable
@change="doSearch"
style="width: 100%">
<el-option
v-for="item in unionOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</search-item>
</search>
</el-card>
<el-card shadow="never">
<div class="search-other">
<div class="search-other-label">快捷查询:</div>
<div>
<el-tag style="margin-right: 10px;cursor: pointer"
:effect="pageForm.selectTime === 'current' ? 'dark' : 'plain'"
@click="tagClick('current')">
当月未领取(退休时间在当前月份,并且未领取)
</el-tag>
<el-tag style="margin-right: 10px;cursor: pointer"
:effect="pageForm.selectTime === 'prev' ? 'dark' : 'plain'"
@click="tagClick('prev')">
逾期未领取(退休时间在当前月份之前,并且未领取)
</el-tag>
<el-link type="danger"
v-if="pageForm.selectTime !== ''"
:underline="false"
@click="tagClear">清空
</el-link>
</div>
</div>
</el-card>
<el-card shadow="never" class="mt20">
<table-tool label="人员列表">
<el-button type="primary" size="small" @click="onMsg" icon="el-icon-mobile-phone">短信提醒</el-button>
<el-button type="primary" size="small" @click="onExport" icon="el-icon-download">导出名单</el-button>
</table-tool>
<el-table :data="tableData" @sort-change="pageOrder" :size="tableSize">
<el-table-column label="序号" type="index" :index="indexMethod" width="60"></el-table-column>
<el-table-column
:label="column.label"
:prop="column.prop"
:key="column.prop"
:width="column.width"
:sortable="column.sortable"
align="center"
header-align="center"
show-overflow-tooltip
v-for="column in tableColumns"
>
<template v-slot="{ row }" v-if="column.prop === 'receive'">
<span v-if="row.receive === true" style="color: #15db81;">已领取</span>
<span v-else>未领取</span>
</template>
<template v-slot="{ row }" v-else-if="column.prop === 'msgCount'">
<el-link type="primary" @click="onMsgView(row)">{{ row.msgCount }}</el-link>
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<template v-slot="{ row }">
<el-button v-if="row.receive === false" @click="onReceive(row)" size="mini" type="primary">设置领取</el-button>
<el-button v-if="row.receive === true" @click="onReceive(row)" size="mini" type="info">设置未领取</el-button>
<el-button @click="onDelete(row)" size="mini" type="danger">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
</template>
</guava>
<el-dialog title="短信提醒" :visible.sync="dialogVisible" width="40%" :close-on-click-modal="false">
<el-alert
:title="'当前查询条件筛选人数为:' + pageForm.totalCount + '人'"
type="info"
class="mb5"
effect="dark">
</el-alert>
<el-alert
title="发送内容示例:老师您好,您有退休纪念品还未领取,请于xx及时到xx领取。"
type="info"
class="mb20"
effect="dark">
</el-alert>
<el-input type="textarea" v-model="message" placeholder="请输入发送内容" :rows="4"></el-input>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="doMsg">确 定</el-button>
</div>
</el-dialog>
<el-dialog title="短信发送记录" :visible.sync="msgDialogVisible" :close-on-click-modal="false">
<el-table :data="msgTableData" max-height="500" size="small">
<el-table-column label="序号" type="index" width="60"></el-table-column>
<el-table-column label="发送时间" prop="sendTime"></el-table-column>
<el-table-column label="发送内容" prop="message" show-overflow-tooltip></el-table-column>
<el-table-column label="发送人" prop="sendUserName"></el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="{ row }">
<el-button @click="onDeleteMsg(row)" size="mini" type="danger">删除</el-button>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button @click="msgDialogVisible = false">取 消</el-button>
</div>
</el-dialog>
</div>
<script>
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
components: {
},
data() {
return {
pageForm: {
receive: null,
},
tableColumns: [
{prop: 'userName', label: '姓名'},
{prop: 'loginName', label: '工号'},
{prop: 'sex', label: '性别'},
{prop: 'mobile', label: '联系方式'},
{prop: 'unitName', label: '所属单位'},
{prop: 'unionName', label: '所属工会'},
{prop: 'retireTimeFormat', label: '退休时间'},
{prop: 'msgCount', label: '短信提醒次数'},
{prop: 'receive', label: '是否领取'},
],
batchOptions: [],
unitOptions: [],
unionOptions: [],
message: '',
dialogVisible: false,
msgRow: {},
msgTableData: {},
msgDialogVisible: false,
}
},
methods: {
onDeleteMsg(row) {
this.$confirm("您确定要删除短信记录吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(async () => {
const resp = await this.$axios.post("/platform/retireSouvenirs/ledger/deleteMsg", {
id: row.id,
})
if (resp.code === 0) {
this.$message.success(resp.msg)
this.onMsgView(this.msgRow)
this.pageData()
} else {
this.$message.warning(resp.msg)
}
})
},
onMsgView(row) {
this.msgRow = row
this.$axios.post("/platform/retireSouvenirs/ledger/selectMsgList", {
'batchId': row.batchId,
'userId': row.userId,
}).then(resp => {
if (resp.code === 0) {
this.msgTableData = resp.data
this.msgDialogVisible = true
} else {
this.$message.warning(resp.msg)
}
})
},
onMsg() {
this.message = ''
this.dialogVisible = true
},
doMsg() {
if(!this.message) {
this.$message.warning('请输入发送内容')
return
}
this.$confirm("您确定要发送短信吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/retireSouvenirs/ledger/msg", {
'pageForm': JSON.stringify(this.pageForm),
'message': this.message,
}).then(resp => {
if (resp.code === 0) {
this.pageData()
this.$message.success(resp.msg)
this.dialogVisible = false
} else {
this.$message.warning(resp.msg)
}
})
})
},
tagClick(type) {
this.$set(this.pageForm, 'month', (new Date().getMonth() + 1).toString())
this.$set(this.pageForm, 'receive', false)
this.$set(this.pageForm, 'selectTime', type)
this.doSearch()
},
tagClear() {
this.$set(this.pageForm, 'month', '')
this.$set(this.pageForm, 'receive', null)
this.$set(this.pageForm, 'selectTime', '')
this.doSearch()
},
onExport() {
this.$downLoad(loc() + "/download", this.pageForm)
},
onReceive(row) {
this.$confirm("您确定要设置吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/retireSouvenirs/ledger/receive", { id: row.id }).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.pageData()
}
})
})
.catch(() => {})
},
onDelete(row) {
this.$confirm("您确定要删除吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/retireSouvenirs/ledger/delete", { id: row.id }).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.pageData()
}
})
})
.catch(() => {})
},
pageData() {
this.$axios.post(loc() + "/pageData", this.pageForm).then((res) => {
if (res.code === 0) {
this.tableData = res.data.list
this.pageForm.totalCount = res.data.totalCount
}
})
},
selectList() {
this.$axios.post("/platform/retireSouvenirs/batch/selectList").then((res) => {
if (res.code === 0) {
this.batchOptions = res.data
if(this.batchOptions.length > 0) {
this.$set(this.pageForm, 'batchId', this.batchOptions[0].id)
}
}
})
},
},
async created() {
this.selectList()
this.unionOptions = await this.$businessTool.listUnion()
this.unitOptions = await this.$businessTool.listUnit()
this.pageData()
}
})
</script>
<!--#
}
#-->