698 lines
34 KiB
HTML
698 lines
34 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.timesTable .el-form-item {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.playPeriod {
|
|
/*display: flex;*/
|
|
/*flex-wrap: wrap;*/
|
|
}
|
|
|
|
.playPeriod .el-form-item {
|
|
/*flex: 0 0 20%;*/
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
<el-card shadow="never">
|
|
<div class="search">
|
|
<div class="search-item">
|
|
<div class="search-item-label">年度：</div>
|
|
<div class="search-item-option">
|
|
<el-date-picker
|
|
style="width: 100%"
|
|
placeholder="选择年度"
|
|
type="year"
|
|
v-model="pageForm.year"
|
|
value-format="yyyy">
|
|
</el-date-picker>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">旅行社：</div>
|
|
<div class="search-item-option">
|
|
<el-select @change="doSearch"
|
|
clearable
|
|
filterable
|
|
style="width: 100%"
|
|
v-model="pageForm.travelAgencyId">
|
|
<el-option :key="item.id"
|
|
:label="item.travelAgencyName"
|
|
:value="item.id"
|
|
v-for="item in travelAgencyOptions"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">线路名称：</div>
|
|
<div class="search-item-option">
|
|
<el-input @keyup.enter.native="doSearch" clearable clearable
|
|
placeholder="请输入内容"
|
|
style="width: 100%"
|
|
v-model="pageForm.keywords">
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item" v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')}">
|
|
<div class="search-item-label">分工会：</div>
|
|
<div class="search-item-option">
|
|
<el-select clearable filterable style="width: 100%" v-model="pageForm.unionId">
|
|
<el-option :key="item.id"
|
|
:label="item.unionname"
|
|
:value="item.id"
|
|
v-for="item in unionOptions"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">时间标段：</div>
|
|
<div class="search-item-option">
|
|
<el-select @change="doSearch" clearable filterable
|
|
style="width: 100%"
|
|
v-model="pageForm.lotId">
|
|
<el-option :key="item.id"
|
|
:label="item.lotName"
|
|
:value="item.id"
|
|
v-for="item in lotList"
|
|
></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-query">
|
|
<el-button @click="doSearch" icon="el-icon-search" type="primary">搜索</el-button>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
|
|
<el-card class="mt10" shadow="never">
|
|
<table-tool :app="this" label="线路列表">
|
|
<template #func>
|
|
<el-radio-group @change="doSearch" size="medium" v-model="pageForm.selectStatus">
|
|
<el-radio-button :label="0">全部</el-radio-button>
|
|
<el-radio-button :label="1">已选择</el-radio-button>
|
|
<el-radio-button :label="-1">可选择</el-radio-button>
|
|
</el-radio-group>
|
|
</template>
|
|
</table-tool>
|
|
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder"
|
|
ref="table"
|
|
align="center"
|
|
header-align="center">
|
|
<el-table-column type="selection"></el-table-column>
|
|
|
|
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
|
width="80px"></el-table-column>
|
|
<el-table-column
|
|
:label="column.label"
|
|
:prop="column.prop"
|
|
:sortable="column.sortable"
|
|
align="center"
|
|
header-align="center"
|
|
:show-overflow-tooltip="column.prop!=='playTime'"
|
|
:key="column.prop"
|
|
v-for="column in tableColumns"
|
|
:width="column.width"
|
|
>
|
|
<!--<template scope="{row}" v-if="column.prop==='isDisabled'">
|
|
<el-switch
|
|
:active-value="false"
|
|
:inactive-value="true"
|
|
@change="(val)=>{lineStatusChange(row.id)}"
|
|
active-color="#13ce66"
|
|
inactive-color="#ff4949"
|
|
v-model="row.isDisabled">
|
|
</el-switch>
|
|
</template>-->
|
|
<template scope="{row:{signUpMode}}" v-if="column.prop==='signUpMode'">
|
|
{{signUpModeName(signUpMode)}}
|
|
</template>
|
|
<template scope="{row:{createMode}}" v-else-if="column.prop==='createMode'">
|
|
{{createModeName(createMode)}}
|
|
</template>
|
|
<template scope="{row}" v-else-if="column.prop==='playTime'">
|
|
<template v-if="row.playTimes">
|
|
<!--<el-tooltip placement="top">
|
|
<div slot="content">
|
|
<div v-for="t in row.playTimes.split(',')" :key="t">
|
|
{{t}}
|
|
</div>
|
|
</div>
|
|
{{row.playTimes}}
|
|
</el-tooltip>-->
|
|
<el-tooltip placement="top">
|
|
<div slot="content">
|
|
<div v-for="(t,ti) in row.playTimes.split(',')" :key="t" :class="[ti==row.playTimes.split(',').length-1?'':'mb10']">
|
|
{{t}}
|
|
</div>
|
|
</div>
|
|
<div style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis">{{row.playTimes}}</div>
|
|
</el-tooltip>
|
|
<!-- <div v-for="t in row.playTimes.split(',')" :key="t">
|
|
{{t}}
|
|
</div>-->
|
|
</template>
|
|
<el-button v-else @click="openSetLineTime(row)" type="text">
|
|
选择并设置出行时间段
|
|
</el-button>
|
|
</template>
|
|
<template scope="{row}" v-else-if="column.prop==='createUnionName'">
|
|
<span v-if="!row.isSelect">
|
|
{{row.createUnionName}}
|
|
</span>
|
|
<span v-else>{{row.belongUnionName}}</span>
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="操作" width="100px">
|
|
<template scope="{row}">
|
|
<el-dropdown @command="dropdownCommand">
|
|
<el-button size="mini">
|
|
<i class="ti-settings"></i>
|
|
<span class="ti-angle-down"></span>
|
|
</el-button>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item :command="{action:openViewLineInfo,value:row}">
|
|
查看线路基本信息
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{action:openViewTimeSlot,value:row}" v-if="row.isSelect">
|
|
查看出行时间段
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{action:openSetLineTime,value:row}" v-if="!row.isSelect">
|
|
选择设置出行时间段
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{action:openSetLineTime,value:row}" v-if="row.isSelect">
|
|
修改出行时间段
|
|
</el-dropdown-item>
|
|
<el-dropdown-item :command="{action:deSelect,value:row}" v-if="row.isSelect">
|
|
取消选择
|
|
</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
<!--<el-button @click="openView(row)" size="mini" type="primary">线路信息</el-button>
|
|
<el-button @click="openSetLineTime(row)" size="mini" type="primary" v-if="!row.isSelect">
|
|
选择
|
|
</el-button>
|
|
<el-button @click="openSetLineTime(row)" size="mini" type="primary" v-if="row.isSelect">修改出行时间段
|
|
</el-button>
|
|
<el-button @click="deSelect(row)" size="mini" type="danger"
|
|
v-if="row.isSelect">取消选择
|
|
</el-button>-->
|
|
</template>
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</el-card>
|
|
|
|
<template #view>
|
|
<line-info ref="viewLineInfo"></line-info>
|
|
</template>
|
|
|
|
<el-dialog :close-on-click-modal="false" :visible.sync="setLineTimeDialog" title="设置出行时间段信息"
|
|
width="80%">
|
|
<el-form :model="formData" :rules="rules" label-width="0" ref="form" size="small">
|
|
<h4>{{formData.lineName}}</h4>
|
|
|
|
<div v-for="(row,$index) in formData.times" :key="row.id" class="panel panel-default mt20"
|
|
style="border: none">
|
|
<div class="panel-heading"
|
|
style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none;display: flex;align-items: center;justify-content: space-between">
|
|
<h3 class="panel-title">
|
|
时间段{{$index+1}}
|
|
</h3>
|
|
<el-button icon="el-icon-circle-close" circle size="mini" type="danger"
|
|
@click="formData.times.splice($index,1)"></el-button>
|
|
</div>
|
|
<el-row class="playPeriod">
|
|
|
|
<el-descriptions border :column="3" class="playPeriodTable">
|
|
<el-descriptions-item label="报名开始时间">
|
|
<el-form-item :prop="'times.' + $index + '.signUpStartTime'"
|
|
:rules="{required:true,message:'报名开始时间',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-date-picker style="width: 100%"
|
|
type="datetime"
|
|
v-model="row.signUpStartTime"
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="报名结束时间">
|
|
<el-form-item :prop="'times.' + $index + '.signUpEndTime'"
|
|
:rules="{required:true,message:'报名结束时间',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-date-picker style="width: 100%"
|
|
type="datetime"
|
|
v-model="row.signUpEndTime"
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="变更截至时间">
|
|
<el-form-item :prop="'times.' + $index + '.changeEndTime'"
|
|
:rules="{required:true,message:'变更截至时间',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-date-picker style="width: 100%"
|
|
type="datetime"
|
|
v-model="row.changeEndTime"
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="出行开始时间">
|
|
<el-form-item :prop="'times.' + $index + '.playStartTime'"
|
|
:rules="{required:true,message:'出行开始时间',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-date-picker style="width: 100%"
|
|
type="datetime"
|
|
v-model="row.playStartTime"
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="出行结束时间">
|
|
<el-form-item :prop="'times.' + $index + '.playEndTime'"
|
|
:rules="{required:true,message:'出行结束时间',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-date-picker style="width: 100%"
|
|
type="datetime"
|
|
v-model="row.playEndTime"
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="联系人">
|
|
<el-form-item :prop="'times.' + $index + '.contact'"
|
|
:rules="{required:true,message:'联系人',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-input clearable maxlength="10" v-model="row.contact"></el-input>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="联系方式">
|
|
<el-form-item :prop="'times.' + $index + '.contactPhone'"
|
|
:rules="[
|
|
{ required: true, message: '手机号码不能为空', trigger: 'blur' },
|
|
{ pattern: /^1[34578]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' }
|
|
]"
|
|
label-width="0">
|
|
<el-input clearable maxlength="11" v-model="row.contactPhone"></el-input>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="最少成团人数">
|
|
<el-form-item :prop="'times.' + $index + '.minimumGroupSize'"
|
|
:rules="[
|
|
{ required: true, message: '最少成团人数不能为空', trigger: 'blur' },
|
|
{ pattern: /^[0-9]*$/, message: '最少成团人数格式不正确', trigger: 'blur' }
|
|
]"
|
|
label-width="0">
|
|
<el-input clearable v-model="row.minimumGroupSize"></el-input>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="交通工具">
|
|
<el-form-item :prop="'times.' + $index + '.trafficTools'"
|
|
:rules="{required:false,message:'交通工具',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-input clearable v-model="row.trafficTools"></el-input>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="预计费用（元/人次）">
|
|
<el-form-item :prop="'times.' + $index + '.estimatedCost'"
|
|
:rules="{required:true,message:'预计费用',trigger:['change','blur']}"
|
|
label-width="0">
|
|
<el-input clearable v-model="row.estimatedCost"></el-input>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
|
|
<el-descriptions-item label="预计人数（含家属）">
|
|
<el-form-item :prop="'times.' + $index + '.estimatedFamilyNumbers'"
|
|
:rules="[
|
|
{ required: false, message: '预计人数（含家属）不能为空', trigger: 'blur' },
|
|
{ pattern: /^[0-9]*$/, message: '预计人数（含家属）格式不正确', trigger: 'blur' }
|
|
]"
|
|
label-width="0">
|
|
<el-input clearable v-model="row.estimatedFamilyNumbers"></el-input>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="是否开启">
|
|
<el-form-item :prop="'times.' + $index + '.enable'"
|
|
label-width="0">
|
|
<el-switch
|
|
v-model="row.enable"
|
|
:active-value="true"
|
|
:inactive-value="false"
|
|
active-color="#13ce66"
|
|
inactive-color="#ff4949">
|
|
</el-switch>
|
|
</el-form-item>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
<div class="text-right">
|
|
<el-button
|
|
@click="formData.times.push({enable:true,minimumGroupSize:lineConfig.groupNumber,estimatedCost:lineConfig.cost})"
|
|
size="mini" type="primary">新增出行时间
|
|
</el-button>
|
|
</div>
|
|
|
|
|
|
<el-alert closable show-icon style="margin:10px 0"
|
|
title="温馨提醒:变更时间应该大于报名截至时间，小于出行时间。"
|
|
type="warning"></el-alert>
|
|
</el-form>
|
|
<el-row justify="end" type="flex">
|
|
<el-button @click="setLineTimeDialog=false">取消</el-button>
|
|
<el-button @click="doSelect" type="primary">提交</el-button>
|
|
</el-row>
|
|
</el-dialog>
|
|
|
|
<el-dialog :close-on-click-modal="false" :visible.sync="timeLotsDialogVisible" title="查看出行时间段信息"
|
|
width="80%">
|
|
<div v-for="(row,$index) in timeLots" :key="row.id" class="panel panel-default mt20" style="border: none">
|
|
<div class="panel-heading"
|
|
style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none;display: flex;align-items: center;justify-content: space-between">
|
|
<h3 class="panel-title">
|
|
时间段{{$index+1}}
|
|
</h3>
|
|
</div>
|
|
<el-row class="playPeriod">
|
|
|
|
<el-descriptions border :column="3" class="playPeriodTable">
|
|
<el-descriptions-item label="报名开始时间">
|
|
{{row.signUpStartTime}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="报名结束时间">
|
|
{{row.signUpEndTime}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="变更截至时间">
|
|
{{row.changeEndTime}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="出行开始时间">
|
|
{{row.playStartTime}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="出行结束时间">
|
|
{{row.playEndTime}}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="联系人">
|
|
{{row.contact}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="联系方式">
|
|
{{row.contactPhone}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="最少成团人数">
|
|
{{row.minimumGroupSize}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="交通工具">
|
|
{{row.trafficTools}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="预计费用（元/人次）">
|
|
{{row.estimatedCost}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="预计人数（含家属）">
|
|
{{row.estimatedFamilyNumbers}}
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="是否开启">
|
|
<el-switch
|
|
disabled
|
|
v-model="row.enable"
|
|
:active-value="true"
|
|
:inactive-value="false"
|
|
active-color="#13ce66"
|
|
inactive-color="#ff4949">
|
|
</el-switch>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="组织形式">
|
|
{{signUpModeName(row.signUpMode)}}
|
|
</el-descriptions-item>
|
|
|
|
</el-descriptions>
|
|
|
|
</el-row>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
</guava>
|
|
</div>
|
|
|
|
<script>
|
|
let lineContentEditor = null
|
|
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
components: {
|
|
'line-info': httpVueLoader('/components/theRapyRecuperation/LineInfo.vue')
|
|
},
|
|
data() {
|
|
const validateSignUpEndTime = (rule, value, callback) => {
|
|
console.log(value)
|
|
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.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 {
|
|
tableColumns: [
|
|
{label: '年度', prop: 'year', sortable: true},
|
|
{label: '线路名称', prop: 'lineName', sortable: true},
|
|
{label: '线路类型', prop: 'regionalNature', sortable: true},
|
|
{label: '时间标段', prop: 'lotName', sortable: true, sortProp: 'lotValue'},
|
|
{label: '出行时间', prop: 'playTime', sortable: true, sortProp: 'playStartTime', width: 230},
|
|
{label: '承担旅行社', prop: 'travelAgencyName', sortable: true},
|
|
// {label: '所属分工会', prop: 'belongUnionName', sortable: true},
|
|
{label: '组织形式', prop: 'signUpMode', sortable: true},
|
|
// {label: '编号', prop: 'serialNumber', sortable: true},
|
|
// {label: '创建模式', prop: 'createMode', sortable: true},
|
|
//{label: '创建人', prop: 'createUserName', sortable: true},
|
|
{label: '创建工会', prop: 'createUnionName', sortable: true},
|
|
// {label: '是否启用', prop: 'isDisabled', sortable: true}
|
|
],
|
|
rules: {
|
|
signUpStartTime: [{
|
|
required: true,
|
|
message: '请选择报名开始时间',
|
|
trigger: ['change', 'blur']
|
|
}],
|
|
signUpEndTime: [{required: true, validator: validateSignUpEndTime, trigger: ['change', 'blur']}],
|
|
changeEndTime: [{required: true, validator: validateChangeEndTime, trigger: ['change', 'blur']}],
|
|
playStartTime: [{required: true, message: '请选择出行开始时间', trigger: ['change', 'blur']}],
|
|
playEndTime: [{required: true, validator: validatePlayEndTime, trigger: ['change', 'blur']}],
|
|
},
|
|
viewData: {},
|
|
formData: {
|
|
signUpStartTime: null,
|
|
signUpEndTime: null,
|
|
changeEndTime: null,
|
|
playStartTime: null,
|
|
playEndTime: null,
|
|
id: null,
|
|
lineId: null,
|
|
times: []
|
|
},
|
|
pageForm: {
|
|
keywords: null,
|
|
year: new Date().getFullYear().toString(),
|
|
selectStatus: -1,
|
|
unionId: null
|
|
},
|
|
createModeList: [],
|
|
signUpModeList: [],
|
|
setLineTimeDialog: false,
|
|
unionOptions: [],
|
|
travelAgencyOptions: [],
|
|
lotList: [],
|
|
timeLots: [],
|
|
timeLotsDialogVisible: false,
|
|
lineConfig: {
|
|
groupNumber: null,
|
|
cost: null
|
|
}
|
|
}
|
|
},
|
|
computed: {},
|
|
methods: {
|
|
async openViewLineInfo({id, usUnionId}) {
|
|
this.$refs.guava.view()
|
|
this.$refs.viewLineInfo.openView(id, usUnionId)
|
|
},
|
|
async openViewTimeSlot({id, lineName, usUnionId}) {
|
|
const resp = await $.post(loc() + '/selectLineInfo', {
|
|
lineId: id,
|
|
unionId: usUnionId,
|
|
mode: GetQueryString('mode')
|
|
})
|
|
if (resp.code === 0) {
|
|
this.timeLots = resp.data
|
|
this.timeLotsDialogVisible = true
|
|
} else {
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
},
|
|
|
|
async openSetLineTime({id, lineName, usUnionId, signUpMode}) {
|
|
await this.getLineConfig(id)
|
|
|
|
const resp = await $.post(loc() + '/selectLineInfo', {
|
|
lineId: id,
|
|
unionId: usUnionId,
|
|
mode: GetQueryString('mode')
|
|
})
|
|
if (resp.code === 0 && resp.data) {
|
|
this.$set(this.formData, 'times', resp.data)
|
|
this.formData.lineId = id
|
|
this.formData.signUpMode = signUpMode
|
|
this.$set(this.formData, 'lineName', lineName)
|
|
this.setLineTimeDialog = true
|
|
} else {
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
},
|
|
async doSelect() {
|
|
const valid = await this.$refs['form'].validate()
|
|
if (!valid) return
|
|
|
|
const confirm = await this.$confirm('请再次确认，是否选择此线路为疗休养线路?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm !== 'confirm') return
|
|
|
|
const fmtData = this.formData.times.map(v => {
|
|
return {
|
|
...v,
|
|
lineId: this.formData.lineId,
|
|
signUpMode: this.formData.signUpMode,
|
|
mode: GetQueryString('mode')
|
|
}
|
|
})
|
|
|
|
const resp = await $.post(loc() + '/selectLineTimes', {lineUnionSelects: JSON.stringify(fmtData)})
|
|
if (resp.code === 0) {
|
|
this.setLineTimeDialog = false
|
|
this.pageData()
|
|
this.notifySuccess(resp.msg)
|
|
} else {
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
},
|
|
createModeName(val) {
|
|
const d = this.createModeList.find(v => v.value === val)
|
|
return d ? d.label : null
|
|
},
|
|
signUpModeName(val) {
|
|
const d = this.signUpModeList.find(v => v.value === val)
|
|
return d ? d.label : null
|
|
},
|
|
async deSelect({applyCount, id: lineId, usUnionId: unionId}) {
|
|
const msg = applyCount > 0 ? '已经有教工选择本线路，请确认是否取消选择本线路，一旦取消将清空报名人员！！！' : '您确定要取消吗？'
|
|
const confirm = await this.$confirm(msg, '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm !== 'confirm') return
|
|
|
|
const resp = await $.post(loc() + '/deSelect', {lineId, unionId})
|
|
if (resp.code === 0) {
|
|
this.doSearch()
|
|
this.notifySuccess(resp.msg)
|
|
} else {
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
},
|
|
async getTravelAgencyOptions() {
|
|
const {data} = await $.get(loc() + '/getTravelAgencyOptions')
|
|
this.travelAgencyOptions = data
|
|
},
|
|
async getLotList() {
|
|
const {data} = await $.post('/platform/theRapyRecuperation/TheRapyConfig/findOne')
|
|
this.lotList = data.lots
|
|
},
|
|
async getLineConfig(lineId) {
|
|
const {data} = await $.post(loc() + '/getLineConfig/' + lineId)
|
|
this.lineConfig = data
|
|
}
|
|
},
|
|
async created() {
|
|
this.$set(this.pageForm, 'mode', GetQueryString('mode'))
|
|
this.pageData()
|
|
this.createModeList = await getEnumOptions('TheRapyRecuperationLineCreateMode')
|
|
this.signUpModeList = await getEnumOptions('TheRapyRecuperationSignUpMode')
|
|
this.unionOptions = await getUnions(null)
|
|
this.travelAgencyOptions = this.getTravelAgencyOptions()
|
|
this.lotList = this.getLotList()
|
|
}
|
|
})
|
|
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |