305 lines
13 KiB
HTML
305 lines
13 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
<template>
|
|
<el-card shadow="never">
|
|
<div class="search">
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">年份：</div>
|
|
<el-date-picker
|
|
clearable
|
|
style="width: 100%"
|
|
v-model="pageForm.year"
|
|
value-format="yyyy"
|
|
formData="yyyy"
|
|
type="year"
|
|
placeholder="选择年份">
|
|
</el-date-picker>
|
|
</div>
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">届数：</div>
|
|
<el-select v-model="pageForm.gdhJs" placeholder="请选择届数" clearable style="width: 100%">
|
|
<el-option
|
|
v-for="item in jsList"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.name">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
|
|
<div class="search-item">
|
|
<div class="search-item-label">次数：</div>
|
|
<el-select v-model="pageForm.gdhCs" placeholder="请选择次数" clearable style="width: 100%">
|
|
<el-option
|
|
v-for="item in csOptions"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.name">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="search-query">
|
|
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
|
|
</div>
|
|
|
|
</div>
|
|
</el-card>
|
|
|
|
|
|
<el-card shadow="never" class="mt10">
|
|
<table-tool label="届次列表" :app="this">
|
|
<template #func>
|
|
<el-button size="small" type="primary" @click="openAdd">新建届次
|
|
</el-button>
|
|
</template>
|
|
</table-tool>
|
|
|
|
|
|
<el-table :data="tableData" style="width: 100%;margin-bottom: 20px" row-key="id"
|
|
@sort-change="pageOrder" v-loading="tableLoading" :size="tableSize" class="vi-table">
|
|
<el-table-column
|
|
align="center"
|
|
header-align="center"
|
|
v-for="column in tableColumns"
|
|
:label="column.label"
|
|
:prop="column.prop"
|
|
:sortable="column.sortable"
|
|
show-overflow-tooltip>
|
|
<template scope="{row}" v-if="column.prop=='startState'">
|
|
<el-switch active-color="#13ce66"
|
|
inactive-color="#ff4949"
|
|
:value="row.startState"
|
|
@change="startStateChange(row.startState,row.id)">
|
|
</el-switch>
|
|
</template>
|
|
<template scope="{row}" v-else-if="column.prop=='gdhJs'">
|
|
{{row.gdhJs}}
|
|
</template>
|
|
<template scope="{row}" v-else-if="column.prop=='gdhCs'">
|
|
{{row.gdhCs}}
|
|
</template>
|
|
<template scope="{row}" v-else-if="column.prop=='gdhAllName'">
|
|
{{row.gdhAllName}}工代会
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="200">
|
|
<template scope="{row}">
|
|
<el-button size="mini" type="primary" @click="openEdit(row)">
|
|
编辑
|
|
</el-button>
|
|
<el-button size="mini" type="danger"
|
|
@click="doDelete(row.id)">删除
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
</el-card>
|
|
|
|
</template>
|
|
|
|
|
|
</guava>
|
|
|
|
<el-dialog
|
|
title="新建届次"
|
|
:visible.sync="addDialogVisible"
|
|
width="45%">
|
|
<el-form :model="formData" ref="addForm" :rules="rules" label-width="120px">
|
|
<el-form-item prop="year" label="工代会年份">
|
|
<el-date-picker style="width:100%;" :clearable="false"
|
|
v-model="formData.year"
|
|
value-format="yyyy"
|
|
formData="yyyy"
|
|
type="year"
|
|
placeholder="选择年">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="gdhJs" label="工代会届数">
|
|
<el-select v-model="formData.gdhJs" filterable placeholder="请选择届数" style="width:100%;">
|
|
<el-option v-for="i in jsList" :label="i.name" :key="i.id" :value="i.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="gdhCs" label="工代会次数">
|
|
<el-select v-model="formData.gdhCs" @change="csChange" filterable placeholder="请选择次数"
|
|
style="width:100%;">
|
|
<el-option v-for="item in csOptions" :key="item.id" :label="item.name"
|
|
:value="item.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="isExtend" class="is-required" label="" label-width="30px" style="margin-top: 20px;">
|
|
<el-checkbox v-model="isExtend"
|
|
:disabled="formData.gdhCs=='一' || formData.gdhCs==''"
|
|
style="font-size: 14px;color: #ff6a00;width: 100%">
|
|
<span style="text-overflow: clip;white-space: normal;">
|
|
延用上一次工代会的组织机构及代表信息，包含【女教职工委员会；经费审查委员会；工会委员会；人事（劳动）争议调解委员会；代表团；工代会代表】。
|
|
</span>
|
|
</el-checkbox>
|
|
</el-form-item>
|
|
|
|
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="addDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="!formData.id?doAdd():doEdit()">确 定</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
addDialogVisible: false,
|
|
isExtend: false,
|
|
pageForm: {
|
|
gdhJs: ""
|
|
},
|
|
jsList: [],
|
|
tableColumns: [
|
|
{prop: 'year', label: '年份', sortable: true},
|
|
{prop: 'gdhJs', label: '工代会届数', sortable: true},
|
|
{prop: 'gdhCs', label: '次数', sortable: true},
|
|
{prop: 'gdhAllName', label: '全称'},
|
|
{prop: 'startState', label: '开启状态'},
|
|
{prop: 'startTime', label: '创建时间'}
|
|
],
|
|
csOptions: [
|
|
{id: "六", name: "六次"},
|
|
{id: "五", name: "五次"},
|
|
{id: "四", name: "四次"},
|
|
{id: "三", name: "三次"},
|
|
{id: "二", name: "二次"},
|
|
{id: "一", name: "一次"}].reverse(),
|
|
rules: {
|
|
year: [{required: true, message: '请选择教代会年份', trigger: ['blur', 'change']}],
|
|
gdhJs: [{required: true, message: '请输入教代会届数', trigger: ['blur', 'change']}],
|
|
gdhCs: [{required: true, message: '请输入教代会次数', trigger: ['blur', 'change']}]
|
|
}
|
|
}
|
|
},
|
|
components: {
|
|
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
|
},
|
|
methods: {
|
|
openEdit(row) {
|
|
|
|
this.$set(this.formData, "id", row.id)
|
|
this.$set(this.formData, "year", row.year + "")
|
|
this.$set(this.formData, "gdhJs", row.gdhJs)
|
|
this.$set(this.formData, "gdhCs", row.gdhCs)
|
|
this.$set(this.formData, "startState", row.startState)
|
|
|
|
|
|
this.addDialogVisible = true
|
|
},
|
|
async doEdit() {
|
|
const gdhAllName = this.formData.gdhJs + this.formData.gdhCs
|
|
this.$set(this.formData, "gdhAllName", gdhAllName)
|
|
this.$set(this.formData, "isExtend", this.isExtend)
|
|
|
|
const resp = await $.post(loc() + "/doEdit", this.formData)
|
|
this.pageData()
|
|
this.addDialogVisible = false
|
|
},
|
|
async doDelete(id) {
|
|
this.$confirm('您确定要删除此届工代会吗！', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: async (a, b) => {
|
|
if ("confirm" == a) {
|
|
const resp = await $.post(loc() + "/doDelete", {id: id})
|
|
this.pageData()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
startStateChange(startState, id) {
|
|
const state = startState ? "关闭" : "开启";
|
|
this.$confirm('您确定要' + state + '工代会吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: async (a, b) => {
|
|
if ("confirm" == a) {
|
|
const resp = await $.post(loc() + "/startStateChange", {startState: startState, id: id})
|
|
this.pageData()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
csChange(val) {
|
|
if (val === '一') {
|
|
this.$set(this, 'isExtend', false)
|
|
}
|
|
},
|
|
doAdd() {
|
|
this.$refs["addForm"].validate(async (valid) => {
|
|
if (valid) {
|
|
if (!this.isExtend && this.formData.gdhCs !== '一') {
|
|
this.$confirm('确定不延用上一次教代会的组织及人员数据吗？这将导致此次教代会的组织及人员都将为空必须重新组建！', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback: async (a, b) => {
|
|
if ("confirm" == a) {
|
|
|
|
await this.getAdd()
|
|
}
|
|
}
|
|
})
|
|
} else {
|
|
await this.getAdd()
|
|
}
|
|
}
|
|
})
|
|
},
|
|
async getAdd() {
|
|
const gdhAllName = this.formData.gdhJs + this.formData.gdhCs
|
|
this.$set(this.formData, "gdhAllName", gdhAllName)
|
|
this.formData.isExtend = this.isExtend
|
|
console.log(this.formData)
|
|
const resp = await $.post(loc() + "/doAdd", this.formData)
|
|
if(resp.code===0){
|
|
this.pageData()
|
|
this.addDialogVisible = false
|
|
}else{
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
},
|
|
openAdd() {
|
|
this.$set(this.formData, 'gdhCs', "")
|
|
this.$set(this.formData, 'year', new Date().getFullYear() + "")
|
|
this.addDialogVisible = true
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields()
|
|
}
|
|
},
|
|
async created() {
|
|
this.jsList = await getJc()
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
|
|
<!--#
|
|
}
|
|
#-->
|