c-zhouhf1/zhgh_ncu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
@jyuhsin
2025-07-31 17:40:26 +08:00
parent bcca78d121
commit c3e2365f39
43 changed files with 5108 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/assets/platform/css/common.css
+9
View File
@@ -653,6 +653,15 @@ td.no-b {
margin: 0 auto;
}
.left-span-label {
border-left: 4px solid var(--color-primary);
font-size: 15px;
color: var(--color-black);
font-weight: 600;
padding-left: 8px;
margin: 10px 0;
}
/**********start****************设置工作流表单el-description嵌套el-form的格式 必须要使用flow-task-form！！！***********************start*****************/
.flow-task-form .el-descriptions__table {
src/main/resources/static/assets/platform/js/util/autoShowError.js
+36 -35
View File
@@ -17,47 +17,48 @@ function autoEnhanceForm(formVm) {
const originalValidate = formVm.validate
formVm.validate = function(callback) {
originalValidate(async (valid, fields) => {
if (valid) {
callback?.(valid, fields)
} else {
const firstField = Object.keys(fields)[0]
const fieldErrors = fields[firstField]
const errorMessage = fieldErrors[0].message
let capturedFields;
let finalMessage = errorMessage
const promise = new Promise((resolve) => {
originalValidate.call(this, (valid, fields) => {
capturedFields = fields;
const formItem = formVm.fields?.find(item => item.prop === firstField)
if (errorMessage === '必填' && formItem && formItem.label) {
finalMessage = `${formItem.label} 必填`
}
// 提示
if (formVm.$message) {
formVm.$message({
message: finalMessage,
type: 'error',
})
if (valid) {
resolve(true);
} else {
alert(finalMessage)
}
const firstField = Object.keys(fields)[0];
const fieldErrors = fields[firstField];
const errorMessage = fieldErrors?.[0]?.message || '校验失败';
await formVm.$nextTick()
if (formItem && formItem.$el) {
const inputEl =
formItem.$el.querySelector('input') ||
formItem.$el.querySelector('textarea') ||
formItem.$el.querySelector('.el-input__inner') ||
formItem.$el.querySelector('.el-textarea__inner')
if (inputEl) {
inputEl.focus()
let finalMessage = errorMessage;
const formItem = this.fields?.find((item) => item.prop === firstField);
if (errorMessage === '必填' && formItem && formItem.label) {
finalMessage = `${formItem.label} 必填`;
}
if (this.$message) {
this.$message({ message: finalMessage, type: 'error' });
} else {
alert(finalMessage);
}
this.$nextTick(() => {
const inputEl =
formItem?.$el?.querySelector('input, textarea, .el-input__inner, .el-textarea__inner');
if (inputEl) inputEl.focus();
});
resolve(false);
}
callback?.(valid, fields)
}
})
});
});
if (typeof callback === 'function') {
promise.then(valid => callback(valid, capturedFields));
return;
}
return promise;
}
}
src/main/resources/views/platform/zhgh/staffbenefit/condolence/apply/index.html
+33 -7
View File
@@ -9,7 +9,7 @@ layout("/layouts/platform.html"){
<search-item label="年度">
<el-date-picker
v-model="pageForm.year"
ype="year"
type="year"
value-format="yyyy"
placeholder="年度"
style="width: 100%"
@@ -58,12 +58,12 @@ layout("/layouts/platform.html"){
<enum-tag :value="row.instanceState" name="ProcessInstanceStateEnum" label_key="message" size="small"></enum-tag>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="300px">
<el-table-column label="操作" fixed="right" width="300">
<template slot-scope="{row}">
<el-button @click="onOpen(row)" size="mini" type="primary">查看</el-button>
<el-button v-if="row.taskKey === 'apply' || !row.instanceId" @click="onEdit(row)" size="mini" type="primary">编辑</el-button>
<el-button v-if="['waiting'].includes(row.flow_status)" size="mini" type="danger" @click="onRevoke(row.id)">撤销</el-button>
<el-button v-if="row.taskKey === 'apply' || !row.instanceId" @click="onDelete(row.id)" size="mini" type="danger">
<el-button v-if="row.taskKey === 'startTask'" @click="onEdit(row)" size="mini" type="primary">编辑</el-button>
<el-button v-if="row.canRevoke" size="mini" type="danger" @click="onRevoke(row)">撤回</el-button>
<el-button v-if="row.taskKey === 'startTask'" @click="onDelete(row.id)" size="mini" type="danger">
删除
</el-button>
</template>
@@ -118,8 +118,34 @@ layout("/layouts/platform.html"){
"&defineKey=ZGWW"
)
},
onRevoke(id) {},
onDelete(id) {},
onRevoke(row) {
this.$confirm("您确定要撤回吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.$axios.post("/flow/common/revokeTask", { taskId: row.startTaskId }).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.pageData()
}
})
})
},
onDelete(id) {
this.$confirm("您确定要删除吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.$axios.post("/platform/condolence/apply/delete", { id }).then((res) => {
if (res.code === 0) {
this.$message.success(res.msg)
this.pageData()
}
})
})
},
queryCondolenceType() {
this.$axios.post('/platform/condolence/type/queryCondolenceType')
.then((resp) => {
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/baseManagement/basicForm.js
+336
View File
@@ -0,0 +1,336 @@
const basicForm = {
template: /*language=HTML*/ `
<div>
<el-form :model="formData" ref="formRef" :rules="formRules" label-width="160px" label-position="left">
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="年度" prop="year">
<el-date-picker style="width: 100%"
@change="yearChange"
type="year"
placeholder="请选择年度"
v-model="formData.year"
value-format="yyyy"></el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="排序编号" prop="sortNumber">
<el-input maxlength="50" v-model="formData.sortNumber" placeholder="请输入排序编号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="目的地名称" prop="baseName">
<el-input maxlength="50" v-model="formData.baseName" placeholder="请输入目的地名称"></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="旅行社名称" prop="travelAgencyId">
<el-select clearable filterable style="width: 100%" v-model="formData.travelAgencyId" placeholder="请选择旅行社">
<el-option :key="item.id"
:label="item.travelAgencyName+'('+ item.year +'年)'"
:value="item.id"
v-for="item in localTravelList"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="组织形式" prop="createMode">
<el-radio-group size="small" v-model="formData.createMode">
<el-radio :label="1" border>校工会组织</el-radio>
<el-radio :label="2" border>分工会组织</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="活动范围" prop="regionalNature">
<el-radio-group size="small" v-model="formData.regionalNature">
<el-radio label="省内" border>省内</el-radio>
<el-radio label="省外" border>省外</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="标段时间" prop="lotId">
<el-select clearable filterable style="width: 100%" v-model="formData.lotId"
@change="doBdModify" placeholder="请选择标段时间">
<el-option :key="item.id"
:label="item.lotName"
:value="item.id"
v-for="item in localLotList"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="预计费用（元/人次）" prop="estimatedCost">
<el-select clearable filterable style="width: 100%" v-model="formData.estimatedCost"
placeholder="请选择预计费用">
<el-option :key="item.id"
:label="item.activityCost"
:value="item.activityCost"
v-for="item in localLotList"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="目的地联系人" prop="baseContactPerson">
<el-input clearable maxlength="20" v-model="formData.baseContactPerson" placeholder="请输入目的地联系人"></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="联系人电话" prop="baseContactNumber">
<el-input clearable maxlength="20" v-model="formData.baseContactNumber" placeholder="请输入联系人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="报名开始时间" prop="signUpStartTime">
<el-date-picker style="width: 100%"
placeholder="请选择报名开始时间"
type="datetime"
v-model="formData.signUpStartTime"
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="报名截至时间" prop="signUpEndTime">
<el-date-picker style="width: 100%"
placeholder="请选择报名截至时间"
type="datetime"
v-model="formData.signUpEndTime"
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="变更截至时间" prop="changeEndTime">
<el-date-picker style="width: 100%"
type="datetime"
placeholder="请选择变更截至时间"
v-model="formData.changeEndTime"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item>
<template #label>
<span class="text-primary">
<i class="el-icon-warning"></i>
温馨提醒:
</span>
</template>
<span class="text-primary">
变更时间应该大于报名截至时间，小于活动时间。
</span>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="活动开始时间" prop="activityStartTime">
<el-date-picker
placeholder="请选择活动开始时间"
style="width: 100%"
type="date"
v-model="formData.activityStartTime"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="活动结束时间" prop="activityEndTime">
<el-date-picker
placeholder="请选择活动结束时间"
style="width: 100%"
type="date"
v-model="formData.activityEndTime"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="24" :sm="24" :xs="24">
<el-form-item label="详细信息" prop="content">
<text-editor v-model="formData.content"></text-editor>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="是否启用" prop="isDisabled">
<el-switch
:active-value="true"
:inactive-value="false"
active-color="#13ce66"
inactive-color="#ff4949"
v-model="formData.isDisabled">
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="24" :sm="24" :xs="24">
<el-form-item label="移动端缩略图" prop="file">
<file-upload :value.sync="formData.file" accept=".jpg,.jpeg,.png"
:upload_number="1" upload_result_category="interval"
complete_result upload_mode="drag"></file-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row class="mt10" justify="end" type="flex">
<el-button @click="$emit('refresh')">取消</el-button>
<el-button @click="onSubmit" type="primary">提交</el-button>
</el-row>
</div>
`,
props: {
travelList: {
type: Array,
required: true
},
lotList: {
type: Array,
required: true
}
},
data() {
const validateSignUpEndTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择报名截至时间'))
}
if (this.formData.signUpStartTime) {
if (Date.parse(value) <= Date.parse(this.formData.signUpStartTime)) {
callback(new Error('报名截至时间必须大于报名开始时间'))
}
}
callback()
}
const validateChangeEndTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择变更截至时间'))
}
if (this.formData.activityStartTime) {
if (Date.parse(value) >= Date.parse(this.formData.activityStartTime)) {
callback(new Error('变更截至时间必须小于活动开始时间'))
}
}
if (this.formData.signUpEndTime) {
if (Date.parse(value) <= Date.parse(this.formData.signUpEndTime)) {
callback(new Error('变更截至时间必须大于活动截至时间'))
}
}
callback()
}
const validateActivityStartTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择活动开始时间'))
}
if (this.formData.changeEndTime) {
if (Date.parse(value) <= Date.parse(this.formData.changeEndTime)) {
callback(new Error('活动开始时间必须大于变更截至时间'))
}
}
callback()
}
const validateActivityEndTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择活动结束时间'))
}
if (this.formData.activityStartTime) {
if (Date.parse(value) <= Date.parse(this.formData.activityStartTime)) {
callback(new Error('活动结束时间必须大于活动开始时间'))
}
}
callback()
}
return {
localTravelList: [...this.travelList],
localLotList: [...this.lotList],
formData: {
isDisabled: true
},
formRules: {
sortNumber: [{required: false, message: '请输入排序编号', trigger: ['change', 'blur']}],
baseName: [{required: true, message: '请输入目的地名称', trigger: ['change', 'blur']}],
travelAgencyId: [{required: true, message: '请选择旅行社', trigger: ['change', 'blur']}],
regionalNature: [{required: true, message: '请选择区域性质', trigger: ['change', 'blur']}],
year: [{required: true, message: '请选择年度', trigger: ['change', 'blur']}],
lotId: [{required: true, message: '请选择出行天数', trigger: ['change', 'blur']}],
content: [{required: false, message: '请输入详细内容', trigger: ['change', 'blur']}],
signUpStartTime: [{required: true, message: '请选择报名开始时间', trigger: ['change', 'blur']}],
signUpEndTime: [{required: true, validator: validateSignUpEndTime, trigger: ['change', 'blur']}],
changeEndTime: [{required: true, validator: validateChangeEndTime, trigger: ['change', 'blur']}],
files: [{required: true, message: '请上传图片', trigger: ['change', 'blur']}],
createMode: [{required: true, message: '请选择组织方式', trigger: ['change', 'blur']}],
activityStartTime: [{ required: true, validator: validateActivityStartTime, trigger: ['change', 'blur'] }],
activityEndTime: [{ required: true, validator: validateActivityEndTime, trigger: ['change', 'blur'] }],
estimatedCost: [{required: true, message: '请输入预计费用', trigger: ['change', 'blur']}],
},
}
},
methods: {
doBdModify() {
const lot = this.localLotList.find(o => o.id === this.formData.lotId)
if (lot) this.$set(this.formData, 'estimatedCost', lot.estimatedCost)
},
async yearChange() {
this.$set(this.formData, 'travelAgencyId', null)
await this.selectTravelAgencyList()
},
async selectTravelAgencyList() {
const resp = await this.$axios.post('/platform/recuperation/travelAgency/selectTravelAgency', {year: this.formData.year})
this.localTravelList = resp.data
},
onOpen(row) {
if(row && row.id) {
this.$axios.post(loc() + '/selectBaseManageById/' + row.id)
.then((resp) => {
const data = resp.data
data.year = data.year.toString()
this.formData = {...data}
})
}
},
onSubmit() {
this.$refs.formRef.validate((valid) => {
if (valid) {
this.$confirm("您确定要提交吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(async () => {
const resp = await this.$axios.post("/platform/recuperation/baseManagement/onSubmit", this.formData)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.$emit('refresh')
} else {
this.$message.warning(resp.msg)
}
})
}
})
},
},
style: /*language=CSS*/ `
`
}
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/baseManagement/index.html
+245
View File
@@ -0,0 +1,245 @@
<!--#
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
placeholder="请选择年度"
type="year"
@change="doSearch"
style="width: 100%"
v-model="pageForm.year"
value-format="yyyy"
></el-date-picker>
</search-item>
<search-item label="目的地：">
<el-input @keyup.enter.native="doSearch" clearable clearable
placeholder="请输入目的地名称"
style="width: 100%"
v-model="pageForm.baseName">
</el-input>
</search-item>
<search-item label="旅行社：">
<el-select clearable filterable style="width: 100%"
v-model="pageForm.travelAgencyId"
@change="doSearch"
placeholder="请选择旅行社">
<el-option :key="item.id"
:label="item.travelAgencyName"
:value="item.id"
v-for="item in travelAgencyList"
></el-option>
</el-select>
</search-item>
<search-item label="活动范围：">
<el-select clearable filterable style="width: 100%"
v-model="pageForm.regionalNature"
@change="doSearch"
placeholder="请选择活动范围">
<el-option key="1" label="省内" value="省内"></el-option>
<el-option key="2" label="省外" value="省外"></el-option>
</el-select>
</search-item>
<search-item label="标段时间：">
<el-select clearable filterable style="width: 100%"
v-model="pageForm.lotId"
@change="doSearch"
placeholder="请选择标段时间">
<el-option :key="item.id"
:label="item.lotName"
:value="item.id"
v-for="item in modifyBdList"
></el-option>
</el-select>
</search-item>
</search>
</el-card>
<el-card shadow="never" class="mt20">
<table-tool label="目的地列表">
<el-button type="primary" size="small" @click="showImportDialog = true">
<i class="el-icon-upload2"></i>
导入目的地
</el-button>
<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 === 'isDisabled'">
<el-switch
:active-value="true"
:inactive-value="false"
@change="(val)=>{baseStatusChange(row.id)}"
active-color="#13ce66"
inactive-color="#ff4949"
v-model="row.isDisabled">
</el-switch>
</template>
<template v-slot="{ row }" v-else-if="column.prop === 'lotId'">
<div v-for="item in modifyBdList">
<span v-if="row.lotId===item.id">{{item.lotName}}</span>
</div>
</template>
<template v-slot="{ row }" v-else-if="column.prop === 'activityTime'">
{{ row.activityStartTime + '至' + row.activityEndTime }}
</template>
</el-table-column>
<el-table-column label="操作" width="230">
<template v-slot="{ row }">
<el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
<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>
<template #edit>
<basic-form ref="basicFormRef" @refresh="refresh" :travel-list="travelAgencyList" :lot-list="modifyBdList"></basic-form>
</template>
<template #view>
<info ref="infoRef"></info>
</template>
<excel-import
ref="excelImportRef"
url="/platform/recuperation/baseManagement/baseManagementImport"
template_url="/platform/recuperation/baseManagement/downloadTemplate"
:visible.sync="showImportDialog"
title="导入目的地数据"
width="700px"
@import-success="doSearch"
:extra_params="{}"
></excel-import>
</guava>
</div>
<script>
<!--#include('basicForm.js'){}#-->
<!--#include('info.js'){}#-->
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
components: {
"basic-form": basicForm,
"info": info,
},
data() {
return {
travelAgencyList: [],
modifyBdList: [],
showImportDialog: false,
tableColumns: [
{label: '年度', prop: 'year', sortable: true},
{label: '目的地名称', prop: 'baseName', sortable: true},
{label: '承担旅行社', prop: 'travelAgencyName', sortable: true},
{label: '标段时间', prop: 'lotId', sortable: true},
{label: '活动时间', prop: 'activityTime', sortable: true},
{label: '活动范围', prop: 'regionalNature', sortable: true},
{label: '是否启用', prop: 'isDisabled', sortable: true}
],
}
},
methods: {
async selectTravelAgencyList() {
const resp = await this.$axios.post('/platform/recuperation/travelAgency/selectTravelAgency', {year: this.formData.year})
this.travelAgencyList = resp.data
},
async getModifyBd() {
const res = await this.$axios.post('/platform/recuperation/config/fetchOne')
if (res.code === 0) {
this.modifyBdList = res.data.lots
}
},
async baseStatusChange(id) {
const resp = await this.$axios.post(loc() + '/openClosedBase/' + id)
if (resp.code === 0) {
this.$message.success(resp.msg)
} else {
this.$message.warning(resp.msg)
}
},
refresh() {
this.doSearch()
this.$refs.guava.index()
},
onView(row) {
this.$refs.guava.view(() => {
this.$refs.infoRef.onOpen(row)
})
},
onAdd() {
this.$refs.guava.edit(() => {
this.$refs.basicFormRef.onOpen()
})
},
onEdit(row) {
this.$refs.guava.edit(() => {
this.$refs.basicFormRef.onOpen(row)
})
},
onDelete(row) {
this.$confirm("您确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/recuperation/baseManagement/onDelete", { 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 initData() {
await this.getModifyBd()
await this.selectTravelAgencyList()
},
},
async created() {
await this.initData()
this.pageData()
}
})
</script>
<!--#
}
#-->
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/baseManagement/info.js
+55
View File
@@ -0,0 +1,55 @@
const info = {
template: /*language=HTML*/ `
<div>
<div class="process-title">目的地信息</div>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="年度">{{ viewData.year }}</el-descriptions-item>
<el-descriptions-item label="排序编号">{{ viewData.sortNumber }}</el-descriptions-item>
<el-descriptions-item label="酒店名称">{{ viewData.baseName }}</el-descriptions-item>
<el-descriptions-item label="区域性质">{{ viewData.regionalNature }}</el-descriptions-item>
<el-descriptions-item label="标段时间">{{ viewData.lotName }}</el-descriptions-item>
<el-descriptions-item label="预计费用（元）">{{ viewData.estimatedCost }}</el-descriptions-item>
<el-descriptions-item label="酒店联系人">{{ viewData.baseContactPerson }}</el-descriptions-item>
<el-descriptions-item label="联系人电话">{{ viewData.baseContactNumber }}</el-descriptions-item>
<el-descriptions-item label="报名开始时间">{{ viewData.signUpStartTime }}</el-descriptions-item>
<el-descriptions-item label="报名结束时间">{{ viewData.signUpEndTime }}</el-descriptions-item>
<el-descriptions-item :span="2" label="变更截至时间">{{ viewData.changeEndTime }}</el-descriptions-item>
<el-descriptions-item label="活动开始时间">{{ viewData.activityStartTime }}</el-descriptions-item>
<el-descriptions-item label="活动结束时间">{{ viewData.activityEndTime }}</el-descriptions-item>
<el-descriptions-item label="详细信息" :span="2">
<div v-html="viewData.content"></div>
</el-descriptions-item>
</el-descriptions>
<div class="process-title">旅行社信息</div>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item :span="2" label="旅行社名称">
{{ viewData.travelAgency.travelAgencyName }}
</el-descriptions-item>
<el-descriptions-item label="联系人">{{ viewData.travelAgency.contact }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ viewData.travelAgency.contactMobileNumber }}</el-descriptions-item>
<el-descriptions-item label="邮箱">{{ viewData.travelAgency.email }}</el-descriptions-item>
<el-descriptions-item label="官网">
<a :href="viewData.travelAgency.officialWebsite" class="text-primary" target="_blank">
{{ viewData.travelAgency.officialWebsite }}
</a>
</el-descriptions-item>
</el-descriptions>
</div>
`,
data() {
return {
viewData: {},
}
},
methods: {
onOpen(row) {
this.$axios.post(loc() + '/selectBaseManageById/' + row.id)
.then((resp) => {
this.viewData = resp.data
})
},
},
style: /*language=CSS*/ `
`
}
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/config/index.html
+400
View File
@@ -0,0 +1,400 @@
<!--#
layout("/layouts/platform.html"){
#-->
<style>
.item-button {
text-align: right;
}
.item-button .el-button {
padding: 12px 25px;
}
.el-form-item__content {
line-height: 0;
}
</style>
<div id="app" v-cloak>
<guava>
<el-card shadow="never">
<div slot="header" class="clearfix">
<h3 style="color: rgb(24, 103, 176); font-family: Microsoft YaHei,serif;">疗休养配置</h3>
</div>
<el-form ref="addForm" :model="formData" :rules="formRules" label-width="170px">
<div class="process-title">基本配置</div>
<el-form-item label="配置名称" prop="configName">
<el-input v-model="formData.configName" placeholder="请输入配置名称"></el-input>
</el-form-item>
<el-form-item prop="activityGroupId" label="参加人员范围">
<div style="display: flex; justify-content: space-between">
<div style="width: 99%">
<el-select v-model="formData.activityGroupId" placeholder="请选择参加人员范围" filterable
clearable
style="width: 99%">
<el-option v-for="item in activityGroupList"
:value="item.groupId"
:key="item.groupId"
:label="item.groupName"></el-option>
</el-select>
</div>
<div>
<el-button @click="$refs.drawerUserScope.userScopeDialog = true" type="primary">设置
</el-button>
</div>
</div>
</el-form-item>
<el-form-item label="省外最多成团人数" prop="outsideQuota">
<el-input v-model.number="formData.outsideQuota"
placeholder="请输入每条省外线路最多成团人数"></el-input>
</el-form-item>
<el-form-item label="省外名额分配比例" prop="outsideQuotaProportion">
<el-input placeholder="请输入省外名额分配比例" v-model="formData.outsideQuotaProportion">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="省外几年去一次" prop="outsideNumber">
<el-input max="100"
placeholder="请输入省外几年去一次"
v-model.number="formData.outsideNumber"></el-input>
</el-form-item>
<el-form-item label="每年旅行频率" prop="travelFrequency">
<el-input max="100"
placeholder="请输入每年旅行频率"
v-model.number="formData.travelFrequency"></el-input>
</el-form-item>
<el-form-item label="最少教工人数" prop="groupNumber">
<el-input max="100"
placeholder="请输入最少教工人数"
v-model.number="formData.groupNumber"></el-input>
</el-form-item>
<el-form-item label="不可取消修改天数" prop="modifyDays">
<el-input max="100"
placeholder="请输入不可取消修改天数"
v-model.number="formData.modifyDays"></el-input>
</el-form-item>
<el-form-item label="可以修改几次" prop="modifyNumber">
<el-input max="100"
placeholder="请输入可以修改几次"
v-model.number="formData.modifyNumber"></el-input>
</el-form-item>
<el-form-item label="省内线路是否需要审核" prop="isSnLine">
<el-radio-group v-model="formData.isSnLine">
<el-radio-button :label="true">需要</el-radio-button>
<el-radio-button :label="false">不需要</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="省外线路是否需要审核" prop="isSwLine">
<el-radio-group v-model="formData.isSwLine">
<el-radio-button :label="true">需要</el-radio-button>
<el-radio-button :label="false">不需要</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="全批次最多报名人数" prop="allLineSignUpNumber">
<el-input max="100"
placeholder="请输入全批次最多报名人数"
v-model.number="formData.allLineSignUpNumber"></el-input>
</el-form-item>
<el-form-item label="省内起始年份" prop="provinceStartYear">
<el-input max="100"
placeholder="请输入省内起始年份"
v-model.number="formData.provinceStartYear"></el-input>
</el-form-item>
<el-form-item label="床位信息" prop="bedInfo">
<el-radio-group v-model="formData.bedInfo">
<el-radio-button :label="true">需要</el-radio-button>
<el-radio-button :label="false">不需要</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="家属信息" prop="familyInfo">
<el-radio-group v-model="formData.familyInfo">
<el-radio-button :label="1">数量</el-radio-button>
<el-radio-button :label="2">详细信息</el-radio-button>
</el-radio-group>
</el-form-item>
<div class="process-title">标段管理</div>
<el-form-item>
<div style="text-align: right">
<el-button @click="formData.lots.push({})" size="small" type="primary">
<i class="ti-plus"></i>增加一条
</el-button>
</div>
<el-table :data="formData.lots" size="small" class="mt10">
<el-table-column prop="index" label="序号" width="180">
<template v-slot="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="lotName" label="标段名称">
<template v-slot="{row}">
<el-input v-model="row.lotName" placeholder="请输入标段名称" size="small"></el-input>
</template>
</el-table-column>
<el-table-column prop="lotValue" label="标段值">
<template v-slot="{row}">
<el-input v-model="row.lotValue" placeholder="请输入标段值" size="small"></el-input>
</template>
</el-table-column>
<el-table-column prop="activityCost" label="标段费用">
<template v-slot="{row}">
<el-input v-model="row.activityCost" placeholder="请输入标段费用" size="small"></el-input>
</template>
</el-table-column>
<el-table-column v-if="$auth.hasRole('SYSADMIN')" prop="index" label="操作">
<template v-slot="scope">
<el-button type="danger" size="mini" @click="deleteLotsRow(scope)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-form-item>
<div class="process-title">服务须知</div>
<el-form-item label="疗休养服务须知" prop="notice">
<text-editor v-model="formData.notice"></text-editor>
</el-form-item>
<el-form-item class="item-button">
<el-button type="danger" @click="resetForm">重&emsp;置</el-button>
<el-button type="primary" @click="operation" :loading="subLoading">提&emsp;交</el-button>
</el-form-item>
</el-form>
</el-card>
<el-dialog
title="该标段被以下线路/目的地绑定，是否强制删除"
:visible.sync="centerDialogVisible"
width="50%"
center>
<template>
<el-card>
<div v-if="LineNameList.line!=null">
<el-descriptions class="margin-top" title="线路名称" :column="3">
<el-descriptions-item v-for="(o,index) in LineNameList.line">
<template slot="label">
{{o.index}}
</template>
{{o}}
</el-descriptions-item>
</el-descriptions>
<br/>
</div>
<div v-if="LineNameList.base!=null">
<el-descriptions class="margin-top" title="目的地名称" :column="3">
<el-descriptions-item v-for="o in LineNameList.base">
<template slot="label">
{{o.index}}
</template>
{{o}}
</el-descriptions-item>
</el-descriptions>
</div>
</el-card>
</template>
<span slot="footer" class="dialog-footer">
<el-button @click="closeDialog">取 消</el-button>
<el-button type="primary" @click="deleteLotById">确 定</el-button>
</span>
</el-dialog>
</guava>
<drawer-user-scope
@group_change="getActivityGroup"
ref="drawerUserScope"
:group_id.sync="formData.activityGroupId"
></drawer-user-scope>
</div>
<script>
new Vue({
el: '#app',
mixins: [initTableMixins],
data() {
return {
activityGroupList: [],
subLoading: false,
formData: {
isSnLine: 0,
isSwLine: 0,
lots: [],
configName: '智慧工会疗休养配置',
outsideQuota: null,
outsideQuotaProportion: 0,
outsideNumber: null,
travelFrequency: null,
groupNumber: null,
modifyDays: null,
modifyNumber: null,
allLineSignUpNumber: null,
notice: null,
provinceStartYear: null,
bedInfo: true,
familyInfo: 1,
},
formRules: {
configName: [{required: true, message: '请输入配置名称', trigger: ['blur', 'change']}],
isSnLine: [{required: true, message: '请选择省内线路是否需要审核', trigger: ['blur', 'change']}],
isSwLine: [{required: true, message: '请选择省外线路是否需要审核', trigger: ['blur', 'change']}],
outsideQuota: [{
required: true,
message: '请输入每条省外线路最多成团人数',
trigger: ['blur', 'change']
}],
outsideNumber: [{required: true, message: '请输入省外几年去一次', trigger: ['blur', 'change']}],
travelFrequency: [{required: true, message: '请输入每年旅行频率', trigger: ['blur', 'change']}],
groupNumber: [{required: true, message: '请输入最少教工人数', trigger: ['blur', 'change']}],
modifyDays: [{required: true, message: '请输入不可取消修改天数', trigger: ['blur', 'change']}],
modifyNumber: [{required: true, message: '请输入可以修改几次', trigger: ['blur', 'change']}],
outsideQuotaProportion: [{required: true, message: '请输入比例', trigger: ['blur', 'change']}],
allLineSignUpNumber: [{
required: true,
message: '请输入全批次最多报名人数',
trigger: ['blur', 'change']
}],
notice: [{required: true, message: '请输入详细内容', trigger: ['change', 'blur']}],
provinceStartYear: [{required: true, message: '请输入省内起始年份', trigger: ['change', 'blur']}],
bedInfo: [{required: true, message: '请选择床位信息', trigger: ['change', 'blur']}],
familyInfo: [{required: true, message: '请选择家属信息', trigger: ['change', 'blur']}],
},
marks: [],
lotDeleteList: [],
LineNameList: {},
centerDialogVisible: false,
tableScopeId: '',
tableScopeIndex: '',
userScopeDialog: false,
}
},
components: {
"drawer-user-scope": httpVueLoader("/components/module/activity/DrawerUserScope.vue"),
},
methods: {
async deleteLotsRow(scope) {
const res = await this.$axios.get(loc() + '/getLotsById?lotId=' + scope.row.id)
if (res.code === 0) {
this.LineNameList = res.data
}
if (!$.isEmptyObject(this.LineNameList)) {
this.centerDialogVisible = true;
this.tableScopeId = scope.row.id
this.tableScopeIndex = scope.$index;
} else {
const confirm = await this.$confirm('您确定要删除吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm !== 'confirm') return
this.tableScopeId = scope.row.id
this.tableScopeIndex = scope.$index;
await this.deleteLotById();
}
},
resetForm() {
this.formData.lots = []
if (this.$refs['addForm']) {
this.$refs['addForm'].resetFields()
}
},
async operation() {
const valid = await this.$refs["addForm"].validate()
if (valid) {
this.subLoading = true
const loading = this.$loading({
lock: true,
text: '正在提交...',
spinner: 'el-icon-loading',
})
const cloneData = clone(this.formData)
if (this.lotDeleteList && this.lotDeleteList.length > 0) {
cloneData.lotDeleteList = JSON.stringify(this.lotDeleteList)
}
if (this.formData.lots && this.formData.lots.length > 0) {
cloneData.lots = JSON.stringify(this.formData.lots)
}
cloneData.outsideQuotaProportion = cloneData.outsideQuotaProportion / 100
const resp = await this.$axios.post(loc() + "/onSubmit", cloneData)
if (resp.code === 0) {
this.$message.success(resp.msg)
loading.close()
this.subLoading = false
} else {
this.$message.warning(resp.msg)
}
}
},
async findOne() {
await this.getActivityGroup()
const {data} = await this.$axios.get(loc() + "/fetchOne")
if (data.outsideQuotaProportion) {
data.outsideQuotaProportion = data.outsideQuotaProportion * 1000 / 10
}
if (!data.lots) {
data.lots = []
}
this.formData = data
},
async getActivityGroup() {
const {data} = await this.$axios.get('/platform/activity/basic/scope/getActivityUserScopeGroup')
this.activityGroupList = data
},
async closeDialog() {
this.tableScopeIndex = '';
this.tableScopeId = '';
this.centerDialogVisible = false;
this.LineNameList = {};
},
async deleteLotById() {
if (this.tableScopeId == null || this.tableScopeId === '') {
this.formData.lots.splice(this.tableScopeIndex, 1);
this.$message.success('操作成功')
return;
}
const resp = await this.$axios.get(loc() + '/deleteLotById?lotId=' + this.tableScopeId)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.tableScopeId = '';
this.centerDialogVisible = false;
this.formData.lots.splice(this.tableScopeIndex, 1)
await this.findOne();
} else {
this.$message.warning(resp.msg)
}
},
},
async created() {
this.findOne();
},
watch: {
'formData.activityGroupId': {
async handler(newVal, oldVal) {
this.activityGroupList = await this.getActivityGroup()
this.userScopeDialog = false
},
deep: true
},
},
})
</script>
<!--#
}
#-->
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/line/basicForm.js
+346
View File
@@ -0,0 +1,346 @@
const basicForm = {
template: /*language=HTML*/ `
<div>
<el-form :model="formData" ref="formRef" :rules="formRules" label-width="160px" label-position="left">
<el-row :gutter="20" class="">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="线路名称" prop="lineName">
<el-input maxlength="50" v-model="formData.lineName" placeholder="请输入线路名称"></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="">
<span class="text-primary">
<i class="el-icon-warning"></i>
温馨提醒：分工会组织的线路，可以自行设置出行时间。
</span>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="年度" prop="year">
<el-date-picker style="width: 100%"
@change="yearChange"
type="year"
placeholder="请选择年度"
v-model="formData.year"
value-format="yyyy"></el-date-picker>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="排序号" prop="serialNumber">
<el-input maxlength="50" v-model="formData.serialNumber" placeholder="请输入排序号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="旅行社名称" prop="travelAgencyId">
<el-select clearable filterable style="width: 100%" v-model="formData.travelAgencyId"
placeholder="请选择旅行社">
<el-option :key="item.id"
:label="item.travelAgencyName+'('+ item.year +'年)'"
:value="item.id"
v-for="item in localTravelList"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="时间标段" prop="lotId">
<el-select clearable filterable style="width: 100%"
v-model="formData.lotId" placeholder="请选择时间标段">
<el-option :key="item.id"
:label="item.lotName"
:value="item.id"
v-for="item in localLotList"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="线路类型" prop="regionalNature">
<el-radio-group class="mr0-radio" size="small" v-model="formData.regionalNature">
<el-radio :label="item.value" :key="item.value"
border v-for="item in regionalNatureList">
{{item.label}}
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item prop="signUpMode">
<template #label>
组织形式
<el-tooltip class="item" effect="dark" content="温馨提醒：校工会可以为基层工会创建线路，分工会自行选择并设置活动相关时间。"
placement="top-start">
<i class="el-icon-question"></i>
</el-tooltip>
</template>
<el-radio-group class="mr0-radio" size="small" v-model="formData.signUpMode">
<el-radio :label="item.value" v-if="isShow(item.roles)"
size="small" :key="item.value"
border v-for="item in signUpModeList">
{{item.label}}
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="交通工具" prop="trafficTools">
<el-input clearable maxlength="50" v-model="formData.trafficTools" placeholder="请输入交通工具"></el-input>
</el-form-item>
</el-col>
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="预计费用（元/人次）" prop="estimatedCost">
<el-input clearable maxlength="50" v-model="formData.estimatedCost" placeholder="请输入预计费用"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="最少参与教工" prop="minimumGroupSize">
<el-input-number :max="1000"
:min="config.groupNumber"
:precision="0"
style="width: 100%"
placeholder="请输入最少参与教工"
v-model="formData.minimumGroupSize"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="成团人数包括家属" prop="estimatedFamilyNumbers">
<el-input-number :max="1000"
:min="1"
:precision="0"
style="width: 100%"
placeholder="请输入成团人数包括家属"
v-model="formData.estimatedFamilyNumbers"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="联系人" prop="lineContact">
<el-input clearable max="50" v-model="formData.lineContact"
placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :rules="[
{ required: false, message: '手机号码不能为空', trigger: 'blur' },
{ pattern: /^1[34578]\\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' }
]" label="联系方式" prop="lineContactPhone">
<el-input clearable v-model="formData.lineContactPhone"
placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="24" :sm="24" :xs="24">
<el-form-item label="线路内容" prop="content">
<text-editor v-model="formData.content"></text-editor>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="12" :sm="24" :xs="24">
<el-form-item label="是否启用" prop="isDisabled">
<el-switch
:active-value="true"
:inactive-value="false"
active-color="#13ce66"
inactive-color="#ff4949"
v-model="formData.isDisabled">
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :md="24" :sm="24" :xs="24">
<el-form-item label="移动端缩略图" prop="file">
<file-upload :value.sync="formData.file" accept=".jpg,.jpeg,.png"
:upload_number="1" upload_result_category="interval"
complete_result upload_mode="drag"></file-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row class="mt10" justify="end" type="flex">
<el-button @click="$emit('refresh')">取消</el-button>
<el-button @click="onSubmit" type="primary">提交</el-button>
</el-row>
</div>
`,
props: {
travelList: {
type: Array,
required: true
},
lotList: {
type: Array,
required: true
},
signList: {
type: Array,
required: true
},
},
data() {
const validateSignUpEndTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择报名截至时间'))
}
if (this.formData.signUpStartTime) {
if (Date.parse(value) <= Date.parse(this.formData.signUpStartTime)) {
callback(new Error('报名截至时间必须大于报名开始时间'))
}
}
callback()
}
const validateChangeEndTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择变更截至时间'))
}
if (this.formData.playStartTime) {
if (Date.parse(value) >= Date.parse(this.formData.playStartTime)) {
callback(new Error('变更截至时间必须小于出行开始时间'))
}
}
if (this.formData.signUpEndTime) {
if (Date.parse(value) <= Date.parse(this.formData.signUpEndTime)) {
callback(new Error('变更截至时间必须大于报名截至时间'))
}
}
callback()
}
const validatePlayEndTime = (rule, value, callback) => {
if (!value) {
callback(new Error('请选择出行结束时间'))
}
if (this.formData.playStartTime) {
if (Date.parse(value) <= Date.parse(this.formData.playStartTime)) {
callback(new Error('出行结束时间必须大于出行开始时间'))
}
}
callback()
}
return {
config: {},
regionalNatureList: [],
localTravelList: [...this.travelList],
localLotList: [...this.lotList],
signUpModeList: [...this.signList],
formData: {
isDisabled: true
},
formRules: {
serialNumber: [{required: true, message: '请输入排序号', trigger: ['change', 'blur']}],
lineName: [{required: true, message: '请输入线路名称', trigger: ['change', 'blur']}],
travelAgencyId: [{required: true, message: '请选择旅行社', trigger: ['change', 'blur']}],
regionalNature: [{required: true, message: '请选择区域性质', trigger: ['change', 'blur']}],
minimumGroupSize: [{required: true, message: '请输入最少参与教工', trigger: ['change', 'blur']}],
year: [{required: true, message: '请选择年度', trigger: ['change', 'blur']}],
signUpStartTime: [{required: true, message: '请选择报名开始时间', trigger: ['change', 'blur']}],
signUpEndTime: [{required: true, validator: validateSignUpEndTime, trigger: ['change', 'blur']}],
changeEndTime: [{required: true, validator: validateChangeEndTime, trigger: ['change', 'blur']}],
signUpMode: [{required: true, message: '请选择报名模式', trigger: ['change', 'blur']}],
playStartTime: [{required: true, message: '请选择出行开始时间', trigger: ['change', 'blur']}],
playEndTime: [{required: true, validator: validatePlayEndTime, trigger: ['change', 'blur']}],
trafficTools: [{required: false, message: '请输入交通工具', trigger: ['change', 'blur']}],
estimatedCost: [{required: false, message: '请输入预计费用', trigger: ['change', 'blur']}],
estimatedFamilyNumbers: [{required: false, message: '请输入成团人数包括家属', trigger: ['change', 'blur']}],
lotId: [{required: true, message: '请选择标段时间', trigger: ['change', 'blur']}]
},
}
},
methods: {
isShow(roles) {
if (this.$auth.hasRoleOr(["SYSADMIN", "SCHOOL_UNION_ADMIN"])) {
return true
}
if (this.$auth.hasRoleOr(["BRANCH_UNION_ADMIN", "BRANCH_UNION_CHAIRMAN"])) {
return roles.some(r => r === 'H04')
}
},
async getConfig() {
const resp = await $.get('/platform/recuperation/config/fetchOne')
if (resp.code === 0) {
this.config = resp.data
}
},
async yearChange() {
this.$set(this.formData, 'travelAgencyId', null)
await this.selectTravelAgencyList()
},
async selectTravelAgencyList() {
const resp = await this.$axios.post('/platform/recuperation/travelAgency/selectTravelAgency', {year: this.formData.year})
this.localTravelList = resp.data
},
async getCreateMode() {
const resp = await this.$axios.get(loc() + '/getCreateMode')
if (resp.code === 0) {
return resp.data
}
},
async onOpen(row) {
if (row && row.id) {
this.$axios.post(loc() + '/selectLineInfoById/' + row.id)
.then((resp) => {
const data = resp.data
data.year = data.year.toString()
this.formData = {...data}
})
} else {
await this.getNumber()
const createMode = await this.getCreateMode()
this.$set(this.formData, 'createMode', createMode)
if (createMode === 1) {
this.$set(this.formData, 'signUpMode', 1)
}
await this.getConfig()
if (this.config) {
this.$set(this.formData, 'minimumGroupSize', this.config.groupNumber)
}
}
},
onSubmit() {
this.$refs.formRef.validate((valid) => {
if (valid) {
this.$confirm("您确定要提交吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(async () => {
const resp = await this.$axios.post("/platform/recuperation/line/onSubmit", this.formData)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.$emit('refresh')
} else {
this.$message.warning(resp.msg)
}
})
}
})
},
async getEnumOptions(enumName) {
const resp = await this.$axios.post("/open/common/dictEnumOptions", { name: enumName })
return resp.data
},
async getNumber() {
const resp = await this.$axios.post(loc() + '/getNo')
this.$set(this.formData, 'serialNumber', resp.data)
},
},
async created() {
this.regionalNatureList = await this.getEnumOptions('RecuperationProvinceType')
},
style: /*language=CSS*/ `
`
}
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/line/index.html
+284
View File
@@ -0,0 +1,284 @@
<!--#
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.startYear"
type="year"
class="picker-year"
format="yyyy"
style="width: 100%"
value-format="yyyy"
placeholder="请选择开始年度"
@change="handleChangeYear"
>
</el-date-picker>
</search-item>
<search-item label="结束年度：">
<el-date-picker
v-model="pageForm.endYear"
type="year"
class="picker-year"
format="yyyy"
style="width: 100%"
value-format="yyyy"
placeholder="请选择结束年度"
@change="handleChangeYear"
>
</el-date-picker>
</search-item>
<search-item label="旅行社：">
<el-select clearable filterable style="width: 100%"
v-model="pageForm.travelAgencyId"
@change="doSearch"
placeholder="请选择旅行社">
<el-option :key="item.id"
:label="item.travelAgencyName"
:value="item.id"
v-for="item in travelAgencyList"
></el-option>
</el-select>
</search-item>
<search-item label="线路名称：">
<el-input @keyup.enter.native="doSearch" clearable clearable
placeholder="请输入内容"
style="width: 100%"
v-model="pageForm.lineName">
</el-input>
</search-item>
<search-item label="标段时间：">
<el-select clearable filterable style="width: 100%"
v-model="pageForm.lotId"
@change="doSearch"
placeholder="请选择标段时间">
<el-option :key="item.id"
:label="item.lotName"
:value="item.id"
v-for="item in lotList"
></el-option>
</el-select>
</search-item>
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('SCHOOL_UNION_ADMIN')" label="分工会：">
<el-select @change="doSearch"
clearable
filterable
style="width: 100%"
v-model="pageForm.unionId">
<el-option :key="item.id"
:label="item.name"
:value="item.id"
v-for="item in unionOptions"></el-option>
</el-select>
</search-item>
</search>
</el-card>
<el-card shadow="never" class="mt20">
<table-tool label="线路列表">
<el-button type="primary" size="small" @click="showImportDialog = true">
<i class="el-icon-upload2"></i>
导入线路
</el-button>
<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 === 'isDisabled'">
<el-switch
:active-value="true"
:inactive-value="false"
@change="(val)=>{lineStatusChange(row.id)}"
active-color="#13ce66"
inactive-color="#ff4949"
v-model="row.isDisabled">
</el-switch>
</template>
<template v-slot="{ row }" v-else-if="column.prop === 'signUpMode'">
{{signUpModeName(row.signUpMode)}}
</template>
</el-table-column>
<el-table-column label="操作" width="230">
<template v-slot="{ row }">
<el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
<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>
<template #edit>
<basic-form ref="basicFormRef" @refresh="refresh"
:travel-list="travelAgencyList"
:lot-list="lotList"
:sign-list="signUpModeList"
></basic-form>
</template>
<template #view>
<info ref="infoRef"></info>
</template>
<excel-import
ref="excelImportRef"
url="/platform/recuperation/line/lineImport"
template_url="/platform/recuperation/line/downloadTemplate"
:visible.sync="showImportDialog"
title="导入旅行社数据"
width="700px"
@import-success="doSearch"
:extra_params="{}"
></excel-import>
</guava>
</div>
<script>
<!--#include('basicForm.js'){}#-->
<!--#include('info.js'){}#-->
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
components: {
"basic-form": basicForm,
"info": info,
},
data() {
return {
signUpModeList: [],
travelAgencyList: [],
lotList: [],
unionOptions: [],
showImportDialog: false,
tableColumns: [
{label: '年度', prop: 'year', sortable: true},
{label: '线路名称', prop: 'lineName', sortable: true, width: '200'},
{label: '时间标段', prop: 'lotName', sortable: true, sortProp: 'lotValue'},
{label: '承担旅行社', prop: 'travelAgencyName', sortable: true},
{label: '线路类型', prop: 'regionalNature', sortable: true},
{label: '组织形式', prop: 'signUpMode', sortable: true},
{label: '创建人', prop: 'createUserName', sortable: true},
{label: '是否启用', prop: 'isDisabled', sortable: true}
],
}
},
methods: {
async getEnumOptions(enumName) {
const resp = await this.$axios.post("/open/common/dictEnumOptions", { name: enumName })
return resp.data
},
signUpModeName(val) {
const d = this.signUpModeList.find(v => v.value === val)
return d ? d.label : null
},
async selectTravelAgencyList() {
const resp = await this.$axios.post('/platform/recuperation/travelAgency/selectTravelAgency', {year: this.formData.year})
this.travelAgencyList = resp.data
},
async getModifyBd() {
const res = await this.$axios.post('/platform/recuperation/config/fetchOne')
if (res.code === 0) {
this.lotList = res.data?.lots
}
},
handleChangeYear(){
if (this.pageForm.startYear && this.pageForm.endYear){
if (this.pageForm.startYear > this.pageForm.endYear){
this.pageForm.endYear = '';
this.$message.error('起始年份需小于结束年份！');
}
}
},
async travelAgencyStatusChange(id) {
const resp = await $.post(loc() + '/openClosedLine/' + id)
if (resp.code === 0) {
this.$message.success(resp.msg)
} else {
this.$message.warning(resp.msg)
}
},
refresh() {
this.doSearch()
this.$refs.guava.index()
},
onView(row) {
this.$refs.guava.view(() => {
this.$refs.infoRef.onOpen(row.id)
})
},
onAdd() {
this.$refs.guava.edit(() => {
this.$refs.basicFormRef.onOpen()
})
},
onEdit(row) {
this.$refs.guava.edit(() => {
this.$refs.basicFormRef.onOpen(row)
})
},
onDelete(row) {
this.$confirm("您确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/recuperation/line/onDelete", { 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 initData() {
await this.getModifyBd()
await this.selectTravelAgencyList()
this.signUpModeList = await this.getEnumOptions('RecuperationSignUpMode')
this.unionOptions = await this.$businessTool.listUnion()
}
},
async created() {
await this.initData()
this.pageData()
}
})
</script>
<!--#
}
#-->
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/line/info.js
+78
View File
@@ -0,0 +1,78 @@
const info = {
template: /*language=HTML*/ `
<div>
<div class="process-title">线路信息</div>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="年度">{{ viewData.year }}</el-descriptions-item>
<el-descriptions-item label="编号">{{ viewData.serialNumber }}</el-descriptions-item>
<el-descriptions-item label="线路名称">{{ viewData.lineName }}</el-descriptions-item>
<el-descriptions-item label="区域性质">{{ viewData.regionalNature }}</el-descriptions-item>
<el-descriptions-item label="线路内容" :span="2">
<div v-html="viewData.content"></div>
</el-descriptions-item>
</el-descriptions>
<template v-if="showTravelTimePeriod">
<div class="process-title">出行时间段</div>
<el-table :data="times" border>
<el-table-column label="报名开始时间" prop="signUpStartTime"></el-table-column>
<el-table-column label="报名结束时间" prop="signUpEndTime"></el-table-column>
<el-table-column label="变更截至时间" prop="changeEndTime"></el-table-column>
<el-table-column label="出行开始时间" prop="playStartTime"></el-table-column>
<el-table-column label="出行结束时间" prop="playEndTime"></el-table-column>
<el-table-column label="联系人" prop="contact"></el-table-column>
<el-table-column label="联系方式" prop="contactPhone"></el-table-column>
</el-table>
</template>
<div class="process-title">旅行社信息</div>
<el-descriptions :column="2" border class="viewTable">
<el-descriptions-item :span="2" label="旅行社名称">
{{ viewData.travelAgency.travelAgencyName }}
</el-descriptions-item>
<el-descriptions-item label="联系人">{{ viewData.travelAgency.contact }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ viewData.travelAgency.contactMobileNumber }}</el-descriptions-item>
<el-descriptions-item label="邮箱">{{ viewData.travelAgency.email }}</el-descriptions-item>
<el-descriptions-item label="官网">
<a :href="viewData.travelAgency.officialWebsite" class="text-primary" target="_blank">
{{ viewData.travelAgency.officialWebsite }}
</a>
</el-descriptions-item>
</el-descriptions>
</div>
`,
data() {
return {
viewData: {
travelAgency:{}
},
//多个出行的时间段
times: [],
//分工会选择校工会的线路自己设置的时间信息等等。。。
unionSelectLineData: {},
//是否只看基本信息 因为出行时间针对每个分工会都不一样
showTravelTimePeriod: false
}
},
methods: {
async onOpen(lineId, usUnionId) {
await this.findOne(lineId, usUnionId)
},
async findOne(id, unionId) {
const resp = await this.$axios.get('/platform/recuperation/line/selectLineInfoById/' + id)
if (resp.code === 0) {
this.viewData = resp.data
}
},
async findUnionSelectLineData(lineId, unionId) {
const resp = await this.$axios.post('/platform/recuperation/lineFghSelect/selectLineInfo', {
lineId: lineId,
unionId: unionId
})
if (resp.code === 0 && resp.data) {
this.times = resp.data
}
}
},
style: /*language=CSS*/ `
`
}
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/travelAgency/basicForm.js
+117
View File
@@ -0,0 +1,117 @@
const basicForm = {
template: /*language=HTML*/ `
<div>
<el-form :model="formData" ref="formRef" :rules="formRules" label-width="110px" label-position="left">
<el-form-item label="年度" prop="year">
<el-date-picker style="width: 100%"
type="year"
placeholder="请选择年度"
v-model="formData.year"
value-format="yyyy"></el-date-picker>
</el-form-item>
<el-form-item label="编号" prop="serialNumber">
<el-input maxlength="50" v-model="formData.serialNumber" placeholder="请输入编号"></el-input>
</el-form-item>
<el-form-item label="旅行社名称" prop="travelAgencyName">
<el-input maxlength="50" v-model="formData.travelAgencyName" placeholder="请输入旅行社名称"></el-input>
</el-form-item>
<el-form-item label="旅行社联系人" prop="contact">
<el-input maxlength="10" v-model="formData.contact" placeholder="请输入旅行社联系人"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="contactMobileNumber">
<el-input v-model="formData.contactMobileNumber" placeholder="请输入联系电话"></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input maxlength="50" v-model="formData.email" placeholder="请输入邮箱"></el-input>
</el-form-item>
<el-form-item label="官网" prop="officialWebsite">
<el-input maxlength="100" v-model="formData.officialWebsite" placeholder="请输入官网"></el-input>
</el-form-item>
<el-form-item label="备注" prop="note">
<el-input maxlength="100"
type="textarea"
placeholder="请输入备注"
v-model="formData.note"></el-input>
</el-form-item>
<el-form-item label="是否启用" prop="isDisabled">
<el-switch
:active-value="true"
:inactive-value="false"
active-color="#13ce66"
inactive-color="#ff4949"
v-model="formData.isDisabled">
</el-switch>
</el-form-item>
<el-form-item label="移动端缩略图" prop="file">
<file-upload :value.sync="formData.file" accept=".jpg,.jpeg,.png"
:upload_number="1" upload_result_category="interval"
complete_result upload_mode="drag"></file-upload>
</el-form-item>
</el-form>
<el-row class="mt10" justify="end" type="flex">
<el-button @click="$emit('refresh')">取消</el-button>
<el-button @click="onSubmit" type="primary">提交</el-button>
</el-row>
</div>
`,
data() {
return {
formData: {
isDisabled: true
},
formRules: {
serialNumber: [{required: true, message: '请输入编号', trigger: ['change', 'blur']}],
travelAgencyName: [{required: true, message: '请输入旅行社名称', trigger: ['change', 'blur']}],
contact: [{required: true, message: '请输入联系人姓名', trigger: ['change', 'blur']}],
contactMobileNumber: [
{required: true, message: '请输入联系人电话', trigger: 'blur',},
{
pattern: /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/,
message: '请输入正确的联系人电话',
trigger: 'blur'
}
],
email: [
{required: false, message: '请输入邮箱地址', trigger: 'blur'},
{type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change']}
],
officialWebsite: [
{required: false, message: '请输入官网地址', trigger: ['change', 'blur']},
{type: 'url', message: '请输入正确的官网地址', trigger: ['blur', 'change']}],
note: [{required: false, message: '请输入备注', trigger: ['change', 'blur']}],
year: [{required: true, message: '请选择年度', trigger: ['change', 'blur']}],
},
}
},
methods: {
onOpen(row) {
if(row && row.id) {
const cloneData = clone(row)
cloneData.year = cloneData.year.toString()
this.formData = {...cloneData}
}
},
onSubmit() {
this.$refs.formRef.validate((valid) => {
if (valid) {
this.$confirm("您确定要提交吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(async () => {
const resp = await this.$axios.post("/platform/recuperation/travelAgency/onSubmit", this.formData)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.$emit('refresh')
} else {
this.$message.warning(resp.msg)
}
})
}
})
},
},
style: /*language=CSS*/ `
`
}
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/travelAgency/index.html
+189
View File
@@ -0,0 +1,189 @@
<!--#
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
placeholder="请选择年度"
type="year"
@change="doSearch"
style="width: 100%"
v-model="pageForm.year"
value-format="yyyy"
></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="showImportDialog = true">
<i class="el-icon-upload2"></i>
导入旅行社
</el-button>
<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 === 'isDisabled'">
<el-switch
:active-value="true"
:inactive-value="false"
@change="(val)=>{travelAgencyStatusChange(row.id)}"
active-color="#13ce66"
inactive-color="#ff4949"
v-model="row.isDisabled">
</el-switch>
</template>
<template v-slot="{ row }" v-else-if="column.prop === 'officialWebsite'">
<a :href="row.officialWebsite" class="text-primary" target="_blank">
{{ row.officialWebsite }}
</a>
</template>
</el-table-column>
<el-table-column label="操作" width="230">
<template v-slot="{ row }">
<el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
<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>
<template #edit>
<basic-form ref="basicFormRef" @refresh="refresh"></basic-form>
</template>
<template #view>
<info ref="infoRef"></info>
</template>
<excel-import
ref="excelImportRef"
url="/platform/recuperation/travelAgency/travelAgencyImport"
template_url="/platform/recuperation/travelAgency/downloadTemplate"
:visible.sync="showImportDialog"
title="导入旅行社数据"
width="700px"
@import-success="doSearch"
:extra_params="{}"
></excel-import>
</guava>
</div>
<script>
<!--#include('basicForm.js'){}#-->
<!--#include('info.js'){}#-->
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
components: {
"basic-form": basicForm,
"info": info,
},
data() {
return {
showImportDialog: false,
tableColumns: [
{label: '年度', prop: 'year', sortable: true},
{label: '旅行社名称', prop: 'travelAgencyName', width: '200'},
{label: '旅行社编号', prop: 'serialNumber', sortable: true},
{label: '联系人', prop: 'contact'},
{label: '联系人手机', prop: 'contactMobileNumber'},
{label: '邮箱', prop: 'email'},
{label: '是否启用', prop: 'isDisabled'}
],
}
},
methods: {
async travelAgencyStatusChange(id) {
const resp = await $.post(loc() + '/openClosedTravelAgency/' + id)
if (resp.code === 0) {
this.$message.success(resp.msg)
} else {
this.$message.warning(resp.msg)
}
},
refresh() {
this.doSearch()
this.$refs.guava.index()
},
onView(row) {
this.$refs.guava.view(() => {
this.$refs.infoRef.onOpen(row)
})
},
onAdd() {
this.$refs.guava.edit(() => {
this.$refs.basicFormRef.onOpen()
})
},
onEdit(row) {
this.$refs.guava.edit(() => {
this.$refs.basicFormRef.onOpen(row)
})
},
onDelete(row) {
this.$confirm("您确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.$axios.post("/platform/recuperation/travelAgency/onDelete", { 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>
<!--#
}
#-->
src/main/resources/views/platform/zhgh/staffbenefit/recuperation/travelAgency/info.js
+33
View File
@@ -0,0 +1,33 @@
const info = {
template: /*language=HTML*/ `
<div>
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="旅行社编号">{{viewData.serialNumber}}</el-descriptions-item>
<el-descriptions-item label="旅行社名称">{{viewData.travelAgencyName}}</el-descriptions-item>
<el-descriptions-item label="联系人">{{viewData.contact}}</el-descriptions-item>
<el-descriptions-item label="备注">{{viewData.contactMobileNumber}}</el-descriptions-item>
<el-descriptions-item label="邮箱">{{viewData.email}}</el-descriptions-item>
<el-descriptions-item label="官网">
<a :href="viewData.officialWebsite" target="_blank">
{{viewData.officialWebsite}}
<span class="text-primary">立即访问</span>
</a>
</el-descriptions-item>
<el-descriptions-item :span="2" label="备注">{{viewData.note}}</el-descriptions-item>
</el-descriptions>
</div>
`,
data() {
return {
viewData: {},
}
},
methods: {
onOpen(row) {
this.viewData = clone(row)
},
},
style: /*language=CSS*/ `
`
}