first commit
This commit is contained in:
@@ -0,0 +1,332 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="名称" value="name"></el-option>
|
||||
<el-option label="编码" value="code"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button icon="el-icon-plus" type="primary" @click="openAdd">新增类型</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="名称"
|
||||
show-overflow-tooltip
|
||||
prop="name"></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="编码"
|
||||
show-overflow-tooltip
|
||||
prop="code"></el-table-column>
|
||||
|
||||
<el-table-column label="金额" prop="money" header-align="center"
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
{{row.money}} 元
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="慰问方式"
|
||||
show-overflow-tooltip
|
||||
prop="way"></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="是否上传附件"
|
||||
show-overflow-tooltip
|
||||
prop="way">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.isUploadFile" class="text-success">是</span>
|
||||
<span v-else class="text-danger">否</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="是否禁用" prop="isDisabled" header-align="center"
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
<el-switch
|
||||
@change="doEdit(row)"
|
||||
v-model="row.isDisabled"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#ff4949">
|
||||
</el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center" label="操作"
|
||||
width="180px">
|
||||
<template scope="{row}">
|
||||
<el-button size="mini" type="primary" :loading="row.editLoading"
|
||||
@click="openEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button disabled size="mini" type="danger" :loading="row.delLoading"
|
||||
@click="doDelete(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</guava>
|
||||
|
||||
|
||||
<el-dialog :visible.sync="dialogVisible" :title="formData.id?'修改':'新增'" width="40%"
|
||||
:close-on-click-modal="false">
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-width="110px" size="medium">
|
||||
<el-form-item label="类型编码" prop="code">
|
||||
<el-input maxlength="20" placeholder="类型编码"
|
||||
v-model="formData.code" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型名称" prop="name">
|
||||
<el-input maxlength="50" placeholder="类型名称"
|
||||
v-model="formData.name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="money" label="慰问费用">
|
||||
<el-input-number style="width: 100%" v-model="formData.money"
|
||||
placeholder="请填写慰问费用" controls-position="right" :controls="false"
|
||||
precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="慰问方式" prop="way">
|
||||
<el-radio v-model="formData.way" label="慰问金 (A)" border>慰问金 (A)</el-radio>
|
||||
<el-radio v-model="formData.way" label="提货券 (B)" border>提货券 (B)</el-radio>
|
||||
<el-radio v-model="formData.way" label="慰问品 (C)" border>慰问品 (C)</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="慰问品画册" prop="goodsAlbum" v-if="formData.way === '慰问品 (C)'">
|
||||
<file-upload :files.sync="formData.goodsAlbum" :type="['pdf']" :max="1"></file-upload>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="是否禁用" prop="isDisabled">
|
||||
<el-switch
|
||||
v-model="formData.isDisabled"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#ff4949">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="是否上传附件" prop="isUploadFile">
|
||||
<el-radio-group v-model="formData.isUploadFile">
|
||||
<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="uploadFileDesc" v-if="formData.isUploadFile">
|
||||
<el-input v-model="formData.uploadFileDesc" type="textarea" :rows="3" maxlength="200"
|
||||
show-word-limit clearable></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="formData.id?doEdit():doAdd()" :loading="editLoading">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tabKey: '',
|
||||
multipleSelection: [],
|
||||
clubOptions: [],
|
||||
tabLoading: false,
|
||||
dialogVisible: false,
|
||||
editLoading: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "name",
|
||||
},
|
||||
formRules: {
|
||||
name: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
money: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
way: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
code: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
isUploadFile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
|
||||
sortDialogVisible: false,
|
||||
sortMenuData: [],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'name'
|
||||
},
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
},
|
||||
methods: {
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
|
||||
const {
|
||||
code,
|
||||
msg
|
||||
} = await $.post("/platform/condolence/type/doDelete", {id: id});
|
||||
|
||||
if (code == 0) {
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: msg
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
openAdd() {
|
||||
this.formData = {
|
||||
isUploadFile: true,
|
||||
goodsAlbum: []
|
||||
}
|
||||
this.dialogVisible = true
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doAdd() {
|
||||
await this.submit(true)
|
||||
},
|
||||
async submit(add) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.editLoading = true
|
||||
// 文件上传组件返回文件对象数组，提交前序列化以便后端正确保存 JSON 字段。
|
||||
const data = clone(this.formData)
|
||||
if (Array.isArray(data.goodsAlbum)) {
|
||||
data.goodsAlbum = JSON.stringify(data.goodsAlbum)
|
||||
}
|
||||
const {
|
||||
code,
|
||||
msg
|
||||
} = await $.post("/platform/condolence/type/" + (add ? "doAdd" : "doEdit"), data)
|
||||
this.editLoading = false
|
||||
if (code == 0) {
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
|
||||
this.dialogVisible = false
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: msg
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async doEdit(row) {
|
||||
if (row) {
|
||||
const data = clone(row)
|
||||
if (Array.isArray(data.goodsAlbum)) {
|
||||
data.goodsAlbum = JSON.stringify(data.goodsAlbum)
|
||||
}
|
||||
const refs = await $.post("/platform/condolence/type/doEdit", data)
|
||||
if (refs.code == 0) {
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: refs.msg,
|
||||
type: 'success'
|
||||
});
|
||||
|
||||
this.dialogVisible = false
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: refs.msg
|
||||
});
|
||||
}
|
||||
}
|
||||
await this.submit(false)
|
||||
},
|
||||
async openEdit(row) {
|
||||
const {id} = row
|
||||
this.$set(row, "editLoading", true)
|
||||
const {data, code, msg} = await $.get("/platform/condolence/type/findOne", {id})
|
||||
this.$set(row, "editLoading", false)
|
||||
|
||||
if (code == 0) {
|
||||
this.formData = data
|
||||
this.$set(this.formData, 'goodsAlbum', data.goodsAlbum || [])
|
||||
this.dialogVisible = true
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,658 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card class="box-card" shadow="never">
|
||||
<template #header>
|
||||
<h3 style="color: #1867b0">慰问申请</h3>
|
||||
</template>
|
||||
<div>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-width="150px" label-position="right"
|
||||
label-suffix="：">
|
||||
<el-row gutter="60">
|
||||
<!--#if(@shiro.hasRole('sysadmin')){#-->
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="serious" label="校工会直接慰问">
|
||||
<span slot="label">
|
||||
校工会直接慰问
|
||||
<el-tooltip class="item" effect="dark"
|
||||
content="直接慰问，由校工会直接慰问，无需经过分工会审核，直接由校工会主席审核。"
|
||||
placement="top-start">
|
||||
<i class="el-icon-question"></i>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
<el-radio-group v-model="formData.serious" size="small">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--#}#-->
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="manager_name" label="申请人">
|
||||
<el-input disabled v-model="formData.manager_name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="apply_time" label="申请时间">
|
||||
<el-input disabled v-model="formData.apply_time" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<!--#if(@shiro.hasRole('sysadmin') || @shiro.hasRole('ghzl') ){#-->
|
||||
<el-form-item prop="be_user" label="慰问对象">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="formData.be_user"
|
||||
filterable
|
||||
clearable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名或工号查找"
|
||||
:remote-method="userRemoteMethod"
|
||||
:loading="userLoading"
|
||||
@change="userChange">
|
||||
<el-option
|
||||
v-for="item in userOptions"
|
||||
:key="item.id"
|
||||
:label="item.username+'（'+item.loginname+'）'+'('+item.unitname+')'"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--#}else{#-->
|
||||
<el-form-item prop="be_user" label="慰问对象">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="formData.be_user"
|
||||
filterable
|
||||
clearable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名或工号查找"
|
||||
:remote-method="userRemoteMethod"
|
||||
:loading="userLoading"
|
||||
disabled
|
||||
@change="userChange">
|
||||
<el-option
|
||||
v-for="item in userOptions"
|
||||
:key="item.id"
|
||||
:label="item.username+'（'+item.loginname+'）'+'('+item.unitname+')'"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--#}#-->
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="mobile" label="慰问对象联系电话">
|
||||
<el-input v-model="formData.mobile" placeholder="输入慰问对象后自动获取"
|
||||
maxlength="11" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-row gutter="60">-->
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="payee" label="收款人">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="formData.payee"
|
||||
filterable
|
||||
clearable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名或工号查找"
|
||||
:remote-method="userPayee"
|
||||
:loading="userLoading"
|
||||
@change="payeeChange">
|
||||
<el-option
|
||||
v-for="item in userPayees"
|
||||
:key="item.id"
|
||||
:label="item.username+'（'+item.loginname+'）'+'('+item.unitname+')'"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="payee_bank_number" label="收款人银行卡">
|
||||
<el-input placeholder="请填写银行卡号" v-model="formData.payee_bank_number"
|
||||
maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="payee_bank_name" label="收款人开户行">
|
||||
<el-input placeholder="请填写开户行" v-model="formData.payee_bank_name" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<el-row gutter="60">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="慰问类型" prop="type">
|
||||
<el-select v-model="formData.type" @change="typeChange" style="width: 100%">
|
||||
<el-option v-for="item in typeOptions"
|
||||
:value="item.id"
|
||||
:disabled="item.isDisabled"
|
||||
:label="item.name"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="money" label="慰问金额">
|
||||
<el-input style="width: 100%" v-model="formData.money"
|
||||
:placeholder="moneyTitle"
|
||||
controls-position="right"
|
||||
:controls="false"
|
||||
precision="2"
|
||||
readonly
|
||||
placeholder="选择慰问类型自动匹配金额"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="60"
|
||||
v-if="['c7175af55693441e8233be4552cef9d5','0872ea0b95aa463fb8d98c46bdf72537'].includes(formData.type)">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="hospital_stay" label="住院时间"
|
||||
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
|
||||
<el-date-picker type="daterange" style="width: 100%" range-separator="——"
|
||||
v-model="formData.hospital_stay"
|
||||
value-format="yyyy-MM-dd" format="yyyy-MM-dd"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="the_hospital" label="所在医院"
|
||||
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
|
||||
<el-input placeholder="请填写所在医院" v-model="formData.the_hospital" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="60">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="way" label="慰问方式">
|
||||
<el-select v-model="formData.way"
|
||||
placeholder="选择慰问类型自动匹配慰问方式"
|
||||
style="width: 100%"
|
||||
clearable
|
||||
disabled>
|
||||
<el-option
|
||||
v-for="(v,k) in condolence.way"
|
||||
:key="k"
|
||||
:label="v"
|
||||
:value="v">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--慰问时间对应对应原发生时间字段-->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="慰问时间" prop="occur_time">
|
||||
<el-date-picker
|
||||
clearable
|
||||
style="width: 100%"
|
||||
v-model="formData.occur_time"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="慰问时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="60"
|
||||
v-if="formData.way === '慰问品 (C)' && formData.type !== '29cf78eea88d40128f639b9ae7b6aaaa'">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="慰问品" prop="goods_desc">
|
||||
<el-input v-model="formData.goods_desc" placeholder="请输入选择的慰问品的名称、编号、规格等">
|
||||
<el-button slot="append" type="primary"
|
||||
@click="previewGoodsAlbum">预览</el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!--生育（孩次）-->
|
||||
<el-row :gutter="60" v-if="formData.type==='29cf78eea88d40128f639b9ae7b6aaaa'">
|
||||
<el-col :span="12" v-if="formData.way === '慰问品 (C)'">
|
||||
<el-form-item label="慰问品" prop="goods_desc">
|
||||
<el-input v-model="formData.goods_desc" placeholder="请输入选择的慰问品的名称、编号、规格等">
|
||||
<el-button slot="append" type="primary"
|
||||
@click="previewGoodsAlbum">预览</el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="birth_child_num" label="孩次">
|
||||
<el-select v-model="formData.birth_child_num" placeholder="请选择孩次"
|
||||
style="width: 100%"
|
||||
clearable>
|
||||
<el-option label="一孩" value="一孩"></el-option>
|
||||
<el-option label="二孩" value="二孩"></el-option>
|
||||
<el-option label="三孩" value="三孩"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!--住院（手术）-->
|
||||
<el-row :gutter="60" v-if="['0872ea0b95aa463fb8d98c46bdf72537'].includes(formData.type)">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="inpatientSurgicalName" label="手术名称"
|
||||
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
|
||||
<el-input v-model="formData.inpatientSurgicalName" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!--直系亲属去世-->
|
||||
<el-row :gutter="60" v-if="['925020dd63754aaea985c5672982a7f4'].includes(formData.type)">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="deadImmediateFamily" label="直系亲属"
|
||||
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
|
||||
<el-input v-model="formData.deadImmediateFamily" maxlength="20"
|
||||
placeholder="配偶、父亲、母亲、子女"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!--申请事由原对应备注字段-->
|
||||
<el-row gutter="60">
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="remark" label="申请事由">
|
||||
<el-input maxlength="500" v-model="formData.remark" placeholder="请填写申请事由"
|
||||
type="textarea" :autosize="{ minRows: 4, maxRows: 8}"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- <template v-if="formData.way==='慰问品 (C)'">-->
|
||||
<!-- <el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">购置物品及价格</span>-->
|
||||
<!-- </el-divider>-->
|
||||
|
||||
|
||||
<!-- <el-form-item class="int_input border_table">-->
|
||||
<!-- <el-button style="float: right;margin-bottom: 10px" icon="el-icon-plus" size="mini"-->
|
||||
<!-- type="primary"-->
|
||||
<!-- @click="formData.goods.push({name:'',price:''})">-->
|
||||
<!-- 添加-->
|
||||
<!-- </el-button>-->
|
||||
<!-- <el-table :data="formData.goods" border size="mini">-->
|
||||
|
||||
<!-- <el-table-column sortable type="index" width="100" label="序号"-->
|
||||
<!-- align="center" header-align="center">-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column prop="name" label="物品名称" align="center"-->
|
||||
<!-- header-align="center">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <el-input maxlength="50" placeholder="物品名称" v-model="row.name"-->
|
||||
<!-- type="text"></el-input>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column prop="price" label="物品价格" align="center"-->
|
||||
<!-- header-align="center">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <el-input maxlength="50" placeholder="物品价格" v-model="row.price"-->
|
||||
<!-- type="text" @input="blur"></el-input>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column label="操作" fixed="right" align="center" header-align="center"-->
|
||||
<!-- width="80px"-->
|
||||
<!-- fixed="right">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- <el-button type="danger" icon="el-icon-delete" circle-->
|
||||
<!-- :disabled="formData.goods.length==0"-->
|
||||
<!-- @click="delNotesItem(scope)"></el-button>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- </el-table>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </template>-->
|
||||
|
||||
<el-col :span="24" v-if="isUploadFile === true">
|
||||
<el-form-item prop="files" label="附  件">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
<div v-if="isUploadFile && uploadFileDesc" class="text-danger">上传附件说明：{{uploadFileDesc}}
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="condolence" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="saveDraft()">保存</el-button>
|
||||
<el-button type="primary" @click="doAdd()">提交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</guava>
|
||||
|
||||
<el-dialog
|
||||
title=""
|
||||
:visible.sync="dialogVisible"
|
||||
width="40%">
|
||||
|
||||
<el-form>
|
||||
<el-form-item label="  申请须知" class="view-header">
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<span style="line-height: 24px">
|
||||
  1、“六必访”是根据省教育科技工会的要求，对在职工会会员当年的病、婚、育、丧、退休、特殊情况进行慰问的活动，原则上每位会员每项事由每年限慰问一次，需在当年提出申请。婚、育事项双职工都可以申请。<br/>
|
||||
  2、“六必访”慰问品是指不超过400元（2019年开始执行）的食品水果等。如遇在职工会会员去世，院级工会可购置同等价值的花圈花篮等物品代表工会进行慰问。另可申请1000元在职工会会员去世慰问金，由校工会另行支付。<br/>
|
||||
  3、请在报销时附购置物品的发票和清单，发票和清单要求以财务规定为准。<br/>
|
||||
  4、系统全部审核完成后，可打印出报销凭证和纸质审批表，由本部门审核人员及本人签字并盖章后，同发票一起，以院级工会为单位送交工会。为减少院级工会工作量，院级工会可于每月10号、20号（遇周末节假日可顺延）集中审核盖章后送交工会纸质材料。
|
||||
</span>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="dialogVisible = false;">同意</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
money: 0,
|
||||
moneyTitle: "",
|
||||
dialogVisible: false,
|
||||
delNotesList: [],
|
||||
formData: {
|
||||
serious: false,
|
||||
goodsAlbum: [],
|
||||
goods_desc: ''
|
||||
},
|
||||
formRules: {
|
||||
serious: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
be_user: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
disease_type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
way: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
money: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_card: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
personnel: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
remark: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
occur_time: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
jtzz: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
poszdw: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
goods_desc: [{required: true, message: '请输入慰问品名称、编号、规格等', trigger: ['blur', 'change']}],
|
||||
mobile: [
|
||||
{required: true, message: '请输入慰问对象联系电话', trigger: ['blur', 'change']},
|
||||
{pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
|
||||
],
|
||||
birthday: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
// job_title: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
birth_child_num: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sign: [{required: true, message: '请扫码签字', trigger: ['blur', 'change']}],
|
||||
payee: [{required: true, message: '请选择收款人', trigger: ['blur', 'change']}],
|
||||
payee_bank_number: [{required: true, message: '请填写收款人银行卡', trigger: ['blur', 'change']}],
|
||||
payee_bank_name: [{required: true, message: '请填写收款人开户行', trigger: ['blur', 'change']}],
|
||||
},
|
||||
userLoading: false,
|
||||
userOptions: [],
|
||||
userPayees: [],
|
||||
typeOptions: [],
|
||||
isUploadFile: true,
|
||||
uploadFileDesc: null
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'formData.type'(val) {
|
||||
const conType = this.typeOptions.find(o => o.id === val)
|
||||
this.isUploadFile = conType.isUploadFile
|
||||
this.uploadFileDesc = conType.uploadFileDesc
|
||||
}
|
||||
|
||||
/* "formData.money"(val) {
|
||||
if (val > this.money) {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '金额超过规定金额' + this.money + "（元）",
|
||||
type: 'warning'
|
||||
});
|
||||
this.$set(this.formData, "money", this.money)
|
||||
}
|
||||
}*/
|
||||
},
|
||||
computed: {
|
||||
goodsAlbumFile() {
|
||||
const goodsAlbum = this.formData.goodsAlbum
|
||||
return goodsAlbum && goodsAlbum.length ? goodsAlbum[0] : null
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
},
|
||||
methods: {
|
||||
async typeChange(id) {
|
||||
const conType = this.typeOptions.find(o => o.id === id)
|
||||
this.isUploadFile = conType.isUploadFile
|
||||
this.uploadFileDesc = conType.uploadFileDesc
|
||||
const {data, code, msg} = await $.get("/platform/condolence/type/findOne", {id})
|
||||
if (data) {
|
||||
/* this.$set(this, "moneyTitle", "慰问金额不超过" + data.money + "（元）")
|
||||
this.$set(this, "money", data.money)
|
||||
if (this.formData.money != null) {
|
||||
this.$set(this.formData, "money", null)
|
||||
|
||||
}*/
|
||||
this.$set(this.formData, "money", data.money)
|
||||
this.$set(this.formData, "way", data.way)
|
||||
this.$set(this.formData, "goodsAlbum", data.goodsAlbum || [])
|
||||
}
|
||||
},
|
||||
previewGoodsAlbum() {
|
||||
const goodsAlbum = this.goodsAlbumFile
|
||||
if (!goodsAlbum) {
|
||||
this.$message.warning('暂无慰问品画册')
|
||||
return
|
||||
}
|
||||
preview(goodsAlbum.filename, goodsAlbum.id)
|
||||
},
|
||||
async getUserData(userId) {
|
||||
if (userId) {
|
||||
const {data} = await $.get(loc() + "/getUserData", {userId})
|
||||
return data
|
||||
}
|
||||
return {}
|
||||
},
|
||||
async userChange() {
|
||||
const userData = await this.getUserData(this.formData.be_user);
|
||||
this.$set(this.formData, 'sex', userData.sex)
|
||||
this.$set(this.formData, 'birthday', userData.birthday)
|
||||
this.$set(this.formData, 'idcard', userData.idcard)
|
||||
this.$set(this.formData, 'mobile', userData.mobile)
|
||||
this.$set(this.formData, 'job_title', userData.job_title)
|
||||
},
|
||||
async payeeChange() {
|
||||
const payeeData = await this.getUserData(this.formData.payee);
|
||||
this.$set(this.formData, 'payee_bank_number', payeeData.bank_number)
|
||||
},
|
||||
blur() {
|
||||
let num = 0
|
||||
this.formData.goods.forEach(v => {
|
||||
num += parseFloat(v.price)
|
||||
})
|
||||
this.$set(this.formData, "money", num)
|
||||
},
|
||||
delNotesItem(scope) {
|
||||
this.delNotesList.push(scope.row.id)
|
||||
this.formData.goods.splice(scope.$index, 1)
|
||||
},
|
||||
async userPayee(query) {
|
||||
if (query) {
|
||||
this.userLoading = true
|
||||
const arr = await this.queryUser(query)
|
||||
this.userPayees = arr
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
async userRemoteMethod(query) {
|
||||
if (query) {
|
||||
this.userLoading = true
|
||||
// const arr = await queryUserById(query)
|
||||
const arr = await this.queryUser(query)
|
||||
this.userOptions = arr
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
async queryUser(query) {
|
||||
const {data} = await $.get(loc() + "/queryUser", {query})
|
||||
return data
|
||||
},
|
||||
async flush() {
|
||||
await this.userRemoteMethod("${@shiro.getPrincipalProperty('id')}")
|
||||
this.delNotesList = []
|
||||
this.formData = {
|
||||
goods: [],
|
||||
goodsAlbum: [],
|
||||
goods_desc: '',
|
||||
manager_name: "${@shiro.getPrincipalProperty('username')}",
|
||||
be_user: this.userOptions?.[0]?.id,
|
||||
/* bank_card: "${@shiro.getPrincipalProperty('bank_number')}",*/
|
||||
apply_time: moment().format('YYYY-MM-DD'),
|
||||
isSerious: false
|
||||
}
|
||||
await this.userChange()
|
||||
/* if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}*/
|
||||
},
|
||||
async doAdd() {
|
||||
// 签字由自定义组件回写，提交前单独判断，避免 Element 表单漏过空签字。
|
||||
if (!this.formData.sign) {
|
||||
this.$message.warning('请扫码签字')
|
||||
return
|
||||
}
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
if (formData.serious == null) {
|
||||
formData.serious = false
|
||||
}
|
||||
formData.files = JSON.stringify(formData.files)
|
||||
formData.sign = ''
|
||||
if (formData.hospital_stay) {
|
||||
formData.hospital_stay_1 = formData.hospital_stay[0]
|
||||
formData.hospital_stay_2 = formData.hospital_stay[1]
|
||||
}
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post(loc() + (formData.id ? "/doEdit" : "/doAdd"), {
|
||||
data: JSON.stringify(formData),
|
||||
hospital_stay_1: formData.hospital_stay_1,
|
||||
hospital_stay_2: formData.hospital_stay_2,
|
||||
sign: this.formData.sign
|
||||
})
|
||||
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.$notify.success(resp.msg)
|
||||
sublime.jumpPagePjax('/platform/fw/condolence/myList')
|
||||
} else {
|
||||
this.$notify.warning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async saveDraft() {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
if (formData.files == null) {
|
||||
formData.files = []
|
||||
}
|
||||
formData.files = JSON.stringify(formData.files)
|
||||
if (formData.hospital_stay) {
|
||||
formData.hospital_stay_1 = formData.hospital_stay[0]
|
||||
formData.hospital_stay_2 = formData.hospital_stay[1]
|
||||
}
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在保存...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
const resp = await $.post(loc() + "/doSave", {
|
||||
data: JSON.stringify(formData),
|
||||
hospital_stay_1: formData.hospital_stay_1,
|
||||
hospital_stay_2: formData.hospital_stay_2,
|
||||
sign: this.formData.sign || ''
|
||||
})
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.$notify.success('保存成功')
|
||||
sublime.jumpPagePjax('/platform/fw/condolence/myList')
|
||||
} else {
|
||||
this.$notify.warning(resp.msg)
|
||||
}
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
async openEdit(id) {
|
||||
const resp = await $.get("/platform/fw/condolence/myList/findOne", {id})
|
||||
const v = resp.data
|
||||
condolence.toFormData(v)
|
||||
// 编辑时回填后端保存的签字内容，供 PC 签字组件通过 formData.sign 显示。
|
||||
this.$set(v, 'sign', v.manager_sign_data || '')
|
||||
if (v.starting_time) {
|
||||
v.hospital_stay = [v.starting_time, v.end_time]
|
||||
}
|
||||
this.formData = v
|
||||
const typeResp = await $.get("/platform/condolence/type/findOne", {id: v.type})
|
||||
if (typeResp.data) {
|
||||
this.$set(this.formData, "goodsAlbum", typeResp.data.goodsAlbum || [])
|
||||
}
|
||||
await this.userRemoteMethod(v.be_user)
|
||||
await this.userPayee(v.payee_loginname)
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.getTypeOptions()
|
||||
let id = getQueryVariable("id")
|
||||
id ? this.openEdit(id) : this.flush()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,264 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy" style="width: 150px"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="姓名" value="be.username"></el-option>
|
||||
<el-option label="工号" value="be.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.unitId" filterable placeholder="请选择单位" clearable>
|
||||
<el-option
|
||||
v-for="item in unit"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="被慰问人" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="经办人" prop="man_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="所在单位" prop="be_unitname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="随从人员" prop="personnel" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问方式" prop="way" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center" label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" prop="state_id" header-align="center" label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="150px">
|
||||
<template scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'Review',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
|
||||
</template>
|
||||
<template #edit>
|
||||
<info ref="info2" handle label="工会常务副主席审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="opinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.opinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="condolence" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doReview(false)" :disabled="subDis" :loading="subLoading1">拒
|
||||
绝
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doReview(true)" :disabled="subDis" :loading="subLoading2">通
|
||||
过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tabLoading: false,
|
||||
userOptions: [],
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "be.username",
|
||||
isAudit: false,
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
opinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
unit: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/condolence/Info.vue'),
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'Review') {
|
||||
this.openReview(data)
|
||||
}
|
||||
},
|
||||
async openReview(row) {
|
||||
const {id} = row
|
||||
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
time: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
flag ? this.subLoading2 = true : this.subLoading1 = true
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if(resp.code===0){
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.unit = await getUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,343 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
|
||||
<div class="btn-group tool-button ">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy" style="width: 150px"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button ">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="姓名" value="be.username"></el-option>
|
||||
<el-option label="工号" value="be.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button ">
|
||||
<el-select v-model="pageForm.unitId" filterable placeholder="请选择单位" clearable>
|
||||
<el-option
|
||||
v-for="item in units"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable>
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.code+')'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button ">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="慰问对象" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问对象工号" prop="be_loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请人" prop="sqr_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在工会" prop="be_unionname" header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在单位" prop="be_unitname" header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="联系方式" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问方式" prop="way" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center" label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="150px">
|
||||
<template scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id>2012"
|
||||
:command="{type:'Review',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id!=2020"
|
||||
:command="{type:'edit',data:row}">
|
||||
撤回
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" handle label="二级党组织审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="money" label="慰问金额">
|
||||
<el-input v-model="formData.money"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="opinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.opinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="condolence" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doReview(false)" :disabled="subDis" :loading="subLoading1">拒
|
||||
绝
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doReview(true)" :disabled="subDis" :loading="subLoading2">通
|
||||
过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tabLoading: false,
|
||||
userOptions: [],
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "be.username",
|
||||
isAudit: false,
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
opinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
units: [],
|
||||
unions: [],
|
||||
typeOptions: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/condolence/Info.vue'),
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'Review') {
|
||||
this.openReview(data)
|
||||
} else if (type == 'edit') {
|
||||
this.doEdit(data)
|
||||
}
|
||||
},
|
||||
doEdit(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要撤回吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.post(loc() + "/doEdit", {id: id});
|
||||
this.$set(row, "delLoading", false)
|
||||
if(resp.code===0){
|
||||
this.pageData()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async openReview(row) {
|
||||
const {id} = row
|
||||
const resp = await $.get("/platform/fw/condolence/findOne", {id})
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
time: moment().format('YYYY-MM-DD'),
|
||||
money: resp.data.money
|
||||
}
|
||||
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
flag ? this.subLoading2 = true : this.subLoading1 = true
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if(resp.code===0){
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async openView(row) {
|
||||
const {id} = row
|
||||
await this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.getTypeOptions()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,718 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy" style="width: 150px"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="慰问对象姓名" value="be.username"></el-option>
|
||||
<el-option label="慰问对象工号" value="be.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable>
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.code+')'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- <div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.way" placeholder="请选择慰问方式" clearable>
|
||||
<el-option
|
||||
v-for="(v,k) in condolence.way"
|
||||
:key="k"
|
||||
:label="v"
|
||||
:value="v">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>-->
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="nerver" class="mt20">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="慰问对象" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问对象工号" prop="be_loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请人" prop="sqr_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在工会" prop="be_unionname"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在单位" prop="be_unitname"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="联系方式" prop="mobile"
|
||||
header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<!-- <el-table-column label="慰问方式" prop="way" header-align="center"
|
||||
align="center"></el-table-column>-->
|
||||
<!-- <el-table-column label="随从人员" prop="personnel" header-align="center" sortable
|
||||
align="center"></el-table-column>-->
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<!-- <el-table-column label="审核人" prop="shrname" header-align="center"
|
||||
show-overflow-tooltip align="center">
|
||||
<template slot-scope="{row:{shrname}}">
|
||||
{{shrname?shrname:'暂无'}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center"
|
||||
label="操作"
|
||||
min-width="100px">
|
||||
|
||||
<template scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item :command="{type:'Print',data:row}">
|
||||
阅览
|
||||
</el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item
|
||||
:command="{type:'doExport',data:row}">
|
||||
导出报销凭证
|
||||
</el-dropdown-item>-->
|
||||
<!-- <el-dropdown-item-->
|
||||
<!-- :command="{type:'export',data:row}">-->
|
||||
<!-- 导出慰问登记表-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<el-dropdown-item
|
||||
:disabled="![-1,1990,1995,2000,2010,2012].includes(Number(row.state_id))"
|
||||
:command="{type:'edit',data:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:command="{type:'delete',data:row}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
|
||||
</template>
|
||||
<template #edit>
|
||||
|
||||
<el-form label-width="100px">
|
||||
<el-form-item label="填写申请信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-width="120px"
|
||||
label-position="right"
|
||||
label-suffix="：">
|
||||
<el-row gutter="60">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="manager_name" label="申请人">
|
||||
<el-input disabled v-model="formData.manager_name"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="apply_time" label="申请时间">
|
||||
<el-input disabled v-model="formData.apply_time" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="be_user" label="慰问对象">
|
||||
<el-input disabled v-model="formData.be_username" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="job_title" label="职  称">
|
||||
<el-input placeholder="输入慰问对象查询" v-model="formData.job_title" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="sex" label="慰问人性别">
|
||||
<el-input disabled placeholder="输入慰问人查询" v-model="formData.sex" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="birthday" label="生  日">
|
||||
<el-input disabled placeholder="输入慰问人查询" format="yyyy-MM-dd" v-model="formData.birthday" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="sex" label="性别">
|
||||
<el-input disabled placeholder="输入慰问对象查询" v-model="formData.sex"
|
||||
maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="sex" label="联系电话">
|
||||
<el-input placeholder="请输入联系电话" v-model="formData.mobile"
|
||||
maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="idcard" label="身份证">
|
||||
<el-input disabled placeholder="输入慰问人查询" v-model="formData.idcard" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
</el-row>
|
||||
|
||||
<!-- <el-row gutter="60">
|
||||
<el-col :span="12">
|
||||
<!–<el-form-item prop="payee" label="收款人">
|
||||
<el-input maxlength="100" disabled
|
||||
v-model="formData.payee_username"
|
||||
type="text"></el-input>
|
||||
</el-form-item>–>
|
||||
<el-form-item prop="payee" label="收款人">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="formData.payee"
|
||||
filterable
|
||||
clearable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名或工号查找"
|
||||
:remote-method="userPayee"
|
||||
:loading="userLoading"
|
||||
@change="payeeChange">
|
||||
<el-option
|
||||
v-for="item in userPayees"
|
||||
:key="item.id"
|
||||
:label="item.username+'（'+item.loginname+'）'"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="payee_bank_number" label="收款人银行卡">
|
||||
<el-input placeholder="请填写银行卡号" v-model="formData.payee_bank_number" maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>-->
|
||||
|
||||
|
||||
<el-row gutter="60">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="birthday" label="出生年月">
|
||||
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.birthday"
|
||||
style="width: 100%" placeholder="请选择出生年月">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="家庭住址" prop="jtzz">
|
||||
<el-input placeholder="请填写家庭住址" v-model="formData.jtzz" maxlength="40"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="配偶所在单位" prop="poszdw">
|
||||
<el-input placeholder="请填写配偶所在单位" v-model="formData.poszdw"
|
||||
maxlength="40"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="type" label="慰问类型">
|
||||
<el-select v-model="formData.type" @change="typeChange"
|
||||
placeholder="请选择慰问类型"
|
||||
style="width: 100%">
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.code+')'"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="money" label="慰问金额">
|
||||
<el-input-number style="width: 100%" v-model="formData.money"
|
||||
placeholder="请填写慰问金额" controls-position="right" :controls="false"
|
||||
precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
</el-row>
|
||||
<!--
|
||||
<el-row gutter="60">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="type" label="慰问方式">
|
||||
<el-select v-model="formData.way" placeholder="请选择慰问方式" style="width: 100%">
|
||||
<el-option
|
||||
v-for="(v,k) in condolence.way"
|
||||
:key="k"
|
||||
:label="v"
|
||||
:value="k">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="occur_time" label="慰问时间">
|
||||
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.occur_time" style="width: 100%">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
|
||||
|
||||
<el-row gutter="60"
|
||||
v-if="['c7175af55693441e8233be4552cef9d5','0872ea0b95aa463fb8d98c46bdf72537'].includes(formData.type)">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="hospital_stay" label="住院时间">
|
||||
<el-date-picker type="daterange" style="width: 100%"
|
||||
range-separator="——"
|
||||
v-model="formData.hospital_stay"
|
||||
value-format="yyyy-MM-dd" format="yyyy-MM-dd"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="the_hospital" label="所在医院">
|
||||
<el-input placeholder="请填写所在医院" v-model="formData.the_hospital"
|
||||
maxlength="30"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item prop="personnel" label="参加慰问人员">
|
||||
<el-input maxlength="100" v-model="formData.personnel" placeholder="请填写参加慰问人员"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
|
||||
<!--
|
||||
<el-form-item prop="remark" label="申请事由">
|
||||
<el-input maxlength="500" v-model="formData.remark" placeholder="请填写申请事由"
|
||||
type="textarea" :autosize="{ minRows: 4, maxRows: 8}"></el-input>
|
||||
</el-form-item>-->
|
||||
|
||||
<!-- <el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">购置物品及价格</span>
|
||||
</el-divider>
|
||||
|
||||
|
||||
<el-form-item class="int_input border_table">
|
||||
<el-button style="float: right;margin-bottom: 10px" icon="el-icon-plus" size="mini"
|
||||
@click="formData.goods.push({name:'',price:''})">
|
||||
添加
|
||||
</el-button>
|
||||
|
||||
<el-table :data="formData.goods" border size="mini" style="width: 100%">
|
||||
|
||||
<el-table-column sortable type="index" width="100" label="序号"
|
||||
align="center" header-align="center">
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="物品名称" align="center"
|
||||
header-align="center">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="物品名称" v-model="row.name"
|
||||
type="text"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="price" label="物品价格" align="center"
|
||||
header-align="center">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="物品价格" v-model="row.price"
|
||||
type="text" @input="blur"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" header-align="center"
|
||||
width="80px"
|
||||
fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" icon="el-icon-delete" circle
|
||||
:disabled="formData.goods.length==0"
|
||||
@click="delNotesItem(scope)"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>-->
|
||||
|
||||
<el-form-item prop="files" label="附  件">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="doEdit()">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
delNotesList: [],
|
||||
tabLoading: false,
|
||||
userLoading: false,
|
||||
userOptions: [],
|
||||
formData: {
|
||||
hospital_stay: [],
|
||||
goods: []
|
||||
},
|
||||
tableData: [],
|
||||
typeOptions: [],
|
||||
pageForm: {
|
||||
searchName: "be.username",
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
serPayees: [],
|
||||
userPayees: [],
|
||||
formRules: {
|
||||
be_user: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
disease_type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
way: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
money: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
jtzz: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
poszdw: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
birthday: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/condolence/Info.vue?v=1.0.1'),
|
||||
},
|
||||
methods: {
|
||||
async payeeChange() {
|
||||
const payeeData = await this.getUserData(this.formData.payee);
|
||||
if (this.formData.payee_bank_number === null) {
|
||||
this.$set(this.formData, 'payee_bank_number', payeeData.bank_number)
|
||||
}
|
||||
},
|
||||
async queryUser(query) {
|
||||
const {data} = await $.get("/platform/fw/condolence/applyWrite/queryUser", {query})
|
||||
return data
|
||||
},
|
||||
async userPayee(query) {
|
||||
if (query) {
|
||||
this.userLoading = true
|
||||
const arr = await this.queryUser(query)
|
||||
this.userPayees = arr
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
blur() {
|
||||
let num = 0
|
||||
this.formData.goods.forEach(v => {
|
||||
num += parseFloat(v.price)
|
||||
})
|
||||
this.$set(this.formData, "money", num)
|
||||
},
|
||||
async typeChange(id) {
|
||||
const {data, code, msg} = await $.get("/platform/condolence/type/findOne", {id})
|
||||
if (data) {
|
||||
this.$set(this.formData, "money", data.money)
|
||||
this.$set(this.formData, "way", data.way)
|
||||
}
|
||||
},
|
||||
delNotesItem(scope) {
|
||||
this.delNotesList.push(scope.row.id)
|
||||
this.formData.goods.splice(scope.$index, 1)
|
||||
},
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'edit') {
|
||||
this.openEdit(data)
|
||||
} else if (type == 'delete') {
|
||||
this.doDelete(data)
|
||||
} else if (type == 'Print') {
|
||||
condolence.doPrint(data.id)
|
||||
} else if (type == 'doExport') {
|
||||
condolence.doExport(data.id)
|
||||
} else if (type == 'export') {
|
||||
condolence.export(data.id)
|
||||
}
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async doEdit() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.files = JSON.stringify(formData.files)
|
||||
if (formData.hospital_stay) {
|
||||
formData.hospital_stay_1 = formData.hospital_stay[0]
|
||||
formData.hospital_stay_2 = formData.hospital_stay[1]
|
||||
}
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
const resp = await $.post(loc() + "/doEdit", {
|
||||
data: JSON.stringify(formData),
|
||||
sign: this.formData.manager_sign,
|
||||
hospital_stay_1: formData.hospital_stay_1,
|
||||
hospital_stay_2: formData.hospital_stay_2,
|
||||
delNotesList: JSON.stringify(this.delNotesList)
|
||||
})
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async getUserData(userId) {
|
||||
const {data} = await $.get("/platform/fw/condolence/apply/getUserData", {userId})
|
||||
return data
|
||||
},
|
||||
async userChange(be_user) {
|
||||
const userData = await this.getUserData(be_user);
|
||||
this.$set(this.formData, 'sex', userData.sex)
|
||||
this.$set(this.formData, 'birthday', userData.birthday)
|
||||
this.$set(this.formData, 'idcard', userData.idcard)
|
||||
},
|
||||
async openEdit(row) {
|
||||
/* const {id} = row
|
||||
this.formData = {}
|
||||
this.$set(row, "editLoading", true)
|
||||
const resp = await $.get(loc() + "/findOne", {id})
|
||||
this.$set(row, "editLoading", false)
|
||||
if (resp.code === 0) {
|
||||
const v = resp.data
|
||||
condolence.toFormData(v)
|
||||
this.formData = v
|
||||
this.formData.hospital_stay = [v.starting_time, v.end_time]
|
||||
await this.userChange(v.be_user)
|
||||
await this.userPayee(v.payee_loginname)
|
||||
if (this.userPayees > 0) {
|
||||
this.$set(this.formData, 'payee', arr[0].id)
|
||||
}
|
||||
this.$refs.guava.edit()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}*/
|
||||
const {id} = row
|
||||
sublime.jumpPagePjax('/platform/fw/condolence/applyWrite?id=' + id)
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.post(loc() + "/doDelete", {id: id});
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async doAdd() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.sign = null
|
||||
formData.hospital_time = formData.hospital_time.toString()
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post(location.href + "/doAdd", {
|
||||
data: JSON.stringify(formData),
|
||||
sign: this.formData.sign
|
||||
})
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
openAdd() {
|
||||
this.formData = {
|
||||
files: [],
|
||||
hospital_time: [],
|
||||
user_name: '${@shiro.getPrincipalProperty("username")}',
|
||||
sex: '${@shiro.getPrincipalProperty("sex")}',
|
||||
user_age: moment().diff(moment('${@shiro.getPrincipalProperty("birthday")}'), 'years'),
|
||||
unit_name: '${@shiro.getPrincipalProperty("unit").getName()}',
|
||||
mobile: '${@shiro.getPrincipalProperty("mobile")}',
|
||||
}
|
||||
|
||||
const zzzt = '${@shiro.getPrincipalProperty("zzzt")}'
|
||||
|
||||
if (zzzt == '在职') {
|
||||
this.$set(this.formData, "on_job", true)
|
||||
} else if (zzzt == '退休') {
|
||||
this.$set(this.formData, "on_job", false)
|
||||
}
|
||||
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.getTypeOptions()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,279 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy" style="width: 150px"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="慰问对象姓名" value="be.username"></el-option>
|
||||
<el-option label="慰问对象工号" value="be.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable>
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.money+')'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
<!-- <div class="pull-right offscreen-right">-->
|
||||
<!-- <el-button @click="doExportSummary" icon="el-icon-printer"-->
|
||||
<!-- type="primary">-->
|
||||
<!-- 导出申报人汇总xlsx-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </div>-->
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<vi-title2 title="申请列表">
|
||||
<template #func>
|
||||
<el-button @click="doExportSummary" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">
|
||||
导出申报人汇总xlsx
|
||||
</el-button>
|
||||
</template>
|
||||
</vi-title2>
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="慰问对象" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问对象工号" prop="be_loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请人" prop="sqr_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在工会" prop="be_unionname"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在单位" prop="be_unitname"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="联系方式" prop="mobile"
|
||||
header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
{{row.type_name}}({{row.money}})
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="慰问方式" prop="way" header-align="center"
|
||||
align="center"></el-table-column>-->
|
||||
<!--<el-table-column label="随从人员" prop="personnel" header-align="center" sortable
|
||||
align="center"></el-table-column>-->
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center" width="200px"></el-table-column>
|
||||
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="是否导出" sortable>
|
||||
<template scope="scope">
|
||||
<span v-if="scope.row.exportdocumentno" class="text-success">
|
||||
是
|
||||
</span>
|
||||
<span v-else class="text-danger">否</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="150px">
|
||||
<template scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'exportReceipt',data:row}">
|
||||
导出领据
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'exportFiles',data:row}">
|
||||
导出申请附件
|
||||
</el-dropdown-item>
|
||||
|
||||
<!-- <el-dropdown-item-->
|
||||
<!-- :command="{type:'export',data:row}">-->
|
||||
<!-- 导出慰问登记表-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<!--<el-dropdown-item :disabled="row.state_id!=2040"
|
||||
:command="{type:'Print',data:row}">
|
||||
打印
|
||||
</el-dropdown-item>-->
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
typeOptions: [],
|
||||
tabLoading: false,
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + "",
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
type: '',
|
||||
searchName: 'be.username',
|
||||
},
|
||||
unions: [],
|
||||
units: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/condolence/Info.vue?v=1.0.1'),
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'doExport') {
|
||||
condolence.doExport(data.id)
|
||||
} else if (type == 'export') {
|
||||
condolence.export(data.id)
|
||||
} else if (type == 'Print') {
|
||||
condolence.doPrint(data.id)
|
||||
} else if (type == 'exportReceipt') {
|
||||
if (!['D', 'E', 'F', 'G', 'H', 'I', 'J'].includes(data.code)) {
|
||||
this.notifyWarning('只有住院和去世类型才可导出领据')
|
||||
return
|
||||
}
|
||||
window.open(loc() + '/exportReceipt?id=' + data.id)
|
||||
} else if (type == 'exportFiles') {
|
||||
window.open(loc() + '/exportFiles?id=' + data.id)
|
||||
}
|
||||
},
|
||||
doExportSummary() {
|
||||
const {unionId, unitId, year, type} = this.pageForm
|
||||
window.open(loc() + "/doExportSummary?unionId=" + unionId +
|
||||
"&unitId=" + unitId +
|
||||
"&year=" + year +
|
||||
"&type=" + type)
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.getTypeOptions()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,266 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<!-- <el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
style="width: 100%"
|
||||
value-format="yyyy"
|
||||
:clearable="false"
|
||||
placeholder="选择年"
|
||||
clearable
|
||||
@change="yearChange">
|
||||
</el-date-picker>-->
|
||||
|
||||
<el-date-picker
|
||||
v-model="pageForm.yearMonth"
|
||||
type="monthrange"
|
||||
align="right"
|
||||
unlink-panels
|
||||
value-format="yyyy-MM"
|
||||
style="width: 100%"
|
||||
range-separator="至"
|
||||
start-placeholder="开始月份"
|
||||
end-placeholder="结束月份"
|
||||
@change="yearChange"
|
||||
:picker-options="pickerOptions">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unionid" filterable placeholder="请选择工会" clearable
|
||||
@change="yearChange">
|
||||
<el-option
|
||||
v-for="item in union"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.reiItemId" filterable placeholder="请报销项目" clearable
|
||||
@change="yearChange">
|
||||
<el-option :value="item.code" :label="item.name"
|
||||
v-for="item in reimbursementItem"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<!-- <div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable @change="yearChange">
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.code+')'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.way" placeholder="请选择慰问方式" clearable @change="yearChange">
|
||||
<el-option
|
||||
v-for="(v,k) in condolence.way"
|
||||
:key="k"
|
||||
:label="v"
|
||||
:value="v">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>-->
|
||||
</el-card>
|
||||
<el-col class="center-col">
|
||||
<div style="width: 100%;height:calc(50% - 35px);box-sizing: border-box;padding: 30px 10px"
|
||||
v-loading="loading.condolencesType"
|
||||
id="condolencesTypeId"></div>
|
||||
</el-col>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<el-table :data="tableData" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip>
|
||||
|
||||
<template scope="{row}" v-if="column.prop=='stateId'">
|
||||
<span :style="'color:'+row.stateColor">{{row.stateName}}</span>
|
||||
</template>
|
||||
<template scope="{row}" v-else-if="column.prop=='reimbursementItemSort'">
|
||||
{{row.reimbursementItemSort==='fy'?'费用报销':'支付报销'}}
|
||||
</template>
|
||||
<template scope="{row}" v-else-if="column.prop=='description'">
|
||||
<span>{{row.activity_name!=null?'活动名称：'+row.activity_name:'被慰问人：'+row.be_username}}</span>
|
||||
</template>
|
||||
<template scope="{row}" v-else-if="column.prop=='money'">
|
||||
<span>{{row.money}}元</span>
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
const chart = {
|
||||
condolencesTypeId: undefined
|
||||
}
|
||||
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '本月',
|
||||
onClick(picker) {
|
||||
picker.$emit('pick', [moment().format('YYYY-MM'), moment().format('YYYY-MM')]);
|
||||
}
|
||||
}, {
|
||||
text: '今年至今',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date(new Date().getFullYear(), 0);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}, {
|
||||
text: '最近六个月',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setMonth(start.getMonth() - 6);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}]
|
||||
},
|
||||
tabLoading: false,
|
||||
union: [],
|
||||
typeOptions: [],
|
||||
loading: {
|
||||
condolencesType: false,
|
||||
},
|
||||
pageForm: {
|
||||
yearMonth: [moment().startOf('year').format('YYYY-MM'), moment().format('YYYY-MM')]
|
||||
},
|
||||
tableColumns: [
|
||||
{prop: 'loginName', label: '经办人工号', sortable: true},
|
||||
{prop: 'userName', label: '姓名', sortable: true},
|
||||
{prop: 'unionName', label: '所属工会', sortable: true},
|
||||
{prop: 'unitName', label: '所属单位', sortable: true},
|
||||
{prop: 'applyTime', label: '申请时间', sortable: true},
|
||||
{prop: 'reimbursementItemSort', label: '报销类别', sortable: true},
|
||||
{prop: 'reimbursementItemName', label: '报销项目', sortable: true},
|
||||
{prop: 'description', label: '备注'},
|
||||
{prop: 'money', label: '金额'},
|
||||
{prop: 'stateId', label: '申请状态', sortable: true}
|
||||
],
|
||||
reimbursementItem: [
|
||||
{code: "fyww", name: '报销慰问', type: "fy", value: 0},
|
||||
{code: "fyhd", name: '活动', type: "fy", value: 0},
|
||||
{code: "fyjj", name: '建家', type: "fy", value: 0},
|
||||
{code: "fyrc", name: '日常', type: "fy", value: 0},
|
||||
{code: "zfww", name: '支付慰问', type: "zf", value: 0},
|
||||
{code: "zfzj", name: '专家', type: "zf", value: 0},
|
||||
{code: "zflw", name: '劳务', type: "zf", value: 0},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
this.tableLoading = true
|
||||
const pageForm = clone(this.pageForm)
|
||||
pageForm.yearMonth = JSON.stringify(pageForm.yearMonth)
|
||||
$.post(loc() + "/pageData", pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tableLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
yearChange() {
|
||||
this.pageData()
|
||||
this.getCondolencesType()
|
||||
},
|
||||
async getCondolencesType() {
|
||||
this.loading.condolencesType = true
|
||||
const pageForm = clone(this.pageForm)
|
||||
pageForm.yearMonth = JSON.stringify(pageForm.yearMonth)
|
||||
const {data} = await $.get(loc() + '/condolencesType', pageForm)
|
||||
this.reimbursementItem.forEach(v => {
|
||||
v.value = data.filter(d => d.reimbursementitemid === v.code).length
|
||||
})
|
||||
let data2 = this.reimbursementItem
|
||||
this.loading.condolencesType = false
|
||||
if (chart.condolencesTypeId) {
|
||||
chart.condolencesTypeId.changeData(data2)
|
||||
return
|
||||
}
|
||||
chart.condolencesTypeId = new G2Plot.Column('condolencesTypeId', {
|
||||
data: data2,
|
||||
autoFit: true,
|
||||
xField: 'name',
|
||||
yField: 'value',
|
||||
label: {
|
||||
// 可手动配置 label 数据标签位置
|
||||
position: 'middle', // 'top', 'bottom', 'middle',
|
||||
// 配置样式
|
||||
style: {
|
||||
fill: '#FFFFFF',
|
||||
opacity: 0.6,
|
||||
},
|
||||
},
|
||||
xAxis: {
|
||||
label: {
|
||||
autoHide: true,
|
||||
autoRotate: false,
|
||||
},
|
||||
},
|
||||
meta: {
|
||||
label: {
|
||||
alias: '类型',
|
||||
},
|
||||
value: {
|
||||
alias: '报销数',
|
||||
},
|
||||
},
|
||||
});
|
||||
chart.condolencesTypeId.render();
|
||||
|
||||
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
|
||||
await this.pageData()
|
||||
await this.getTypeOptions()
|
||||
this.union = await getUnions()
|
||||
await this.getCondolencesType()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,374 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy" style="width: 150px"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="慰问对象姓名" value="be.username"></el-option>
|
||||
<el-option label="慰问对象工号" value="be.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable>
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.money+')'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- <div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.way" placeholder="请选择慰问方式" clearable>
|
||||
<el-option
|
||||
v-for="(v,k) in condolence.way"
|
||||
:key="k"
|
||||
:label="v"
|
||||
:value="v">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>-->
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="慰问对象" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问对象工号" prop="be_loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请人" prop="sqr_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在工会" prop="be_unionname"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在单位" prop="be_unitname"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="联系方式" prop="mobile"
|
||||
header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
{{row.type_name}}({{row.money}})
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="慰问方式" prop="way" header-align="center"
|
||||
align="center"></el-table-column>-->
|
||||
<!--<el-table-column label="随从人员" prop="personnel" header-align="center" sortable
|
||||
align="center"></el-table-column>-->
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="150px">
|
||||
<template scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="pageForm.isAudit == true || (row.state_id==2040||row.state_id==2020)"
|
||||
:command="{type:'Review',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id!=2020"
|
||||
:command="{type:'edit',data:row}">
|
||||
撤回
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
|
||||
</template>
|
||||
<template #edit>
|
||||
<info ref="info2" handle label="分工会审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="opinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.opinion" rows="4"
|
||||
maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="condolence" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doReview(1)" :disabled="subDis" :loading="subLoading1">拒
|
||||
绝
|
||||
</el-button>
|
||||
<el-button type="danger" @click="doReview(2)" :disabled="subDis"
|
||||
:loading="subLoading2">返回修改
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doReview(3)" :disabled="subDis"
|
||||
:loading="subLoading3">通
|
||||
过
|
||||
</el-button>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
tabLoading: false,
|
||||
userOptions: [],
|
||||
formData: {},
|
||||
tableData: [],
|
||||
typeOptions: [],
|
||||
pageForm: {
|
||||
searchName: "be.username",
|
||||
isAudit: false,
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
opinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sign: [{required: true, message: '请签字', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
subLoading3: false,
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/condolence/Info.vue?v=1.0.1'),
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'Review') {
|
||||
this.openReview(data)
|
||||
} else if (type == 'edit') {
|
||||
this.doEdit(data)
|
||||
}
|
||||
},
|
||||
doEdit(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要撤回吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.post(loc() + "/doEdit", {id: id});
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
async openReview(row) {
|
||||
const {id} = row
|
||||
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
time: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
this.subLoading3 = false
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
// 签字由自定义组件回写，审核提交前单独判断，避免 Element 表单漏过空签字。
|
||||
if (!this.formData.sign) {
|
||||
this.$message.warning('请签字')
|
||||
return
|
||||
}
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
if (flag == 1) {
|
||||
this.subLoading1 = true
|
||||
} else if (flag == 2) {
|
||||
this.subLoading2 = true
|
||||
} else {
|
||||
this.subLoading3 = true
|
||||
}
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.getTypeOptions()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,330 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy" style="width: 150px"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="慰问对象姓名" value="be.username"></el-option>
|
||||
<el-option label="慰问对象工号" value="be.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable>
|
||||
<el-option v-for="item in typeOptions" :value="item.id"
|
||||
:label="item.name+' ('+item.money+')'"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="120px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="慰问对象" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问对象工号" prop="be_loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="申请人" prop="sqr_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在工会" prop="be_unionname"
|
||||
header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="所在单位" prop="be_unitname"
|
||||
header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip label="联系方式" prop="mobile"
|
||||
header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
|
||||
align="center">
|
||||
|
||||
<template scope="{row}">
|
||||
{{row.type_name}}({{row.money}})
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="慰问方式" prop="way" header-align="center"
|
||||
align="center"></el-table-column>-->
|
||||
<!-- <el-table-column label="随从人员" prop="personnel" header-align="center" sortable
|
||||
align="center"></el-table-column>-->
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center" width="200px"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="150px">
|
||||
<template scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id==2040"
|
||||
:command="{type:'Review',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
|
||||
</template>
|
||||
<template #edit>
|
||||
<info ref="info2" handle label="校工会审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="opinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.opinion" rows="4"
|
||||
maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="condolence" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doReview(1)" :disabled="subDis" :loading="subLoading1">拒
|
||||
绝
|
||||
</el-button>
|
||||
<el-button type="danger" @click="doReview(2)" :disabled="subDis"
|
||||
:loading="subLoading2">返回修改
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doReview(3)" :disabled="subDis"
|
||||
:loading="subLoading3">通
|
||||
过
|
||||
</el-button>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
tabLoading: false,
|
||||
userOptions: [],
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "be.username",
|
||||
isAudit: false,
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
opinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sign: [{required: true, message: '请签字', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
subLoading3: false,
|
||||
typeOptions: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/condolence/Info.vue?v=1.0.1'),
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'Review') {
|
||||
this.openReview(data)
|
||||
}
|
||||
},
|
||||
async openReview(row) {
|
||||
const {id} = row
|
||||
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
time: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
this.subLoading3 = false
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
// 签字由自定义组件回写，审核提交前单独判断，避免 Element 表单漏过空签字。
|
||||
if (!this.formData.sign) {
|
||||
this.$message.warning('请签字')
|
||||
return
|
||||
}
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
if (flag == 1) {
|
||||
this.subLoading1 = true
|
||||
} else if (flag == 2) {
|
||||
this.subLoading2 = true
|
||||
} else {
|
||||
this.subLoading3 = true
|
||||
}
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.getTypeOptions()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,353 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.el-divider--horizontal {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div slot="header" class="clearfix">
|
||||
<h3 style="color: #1867b0">填写申请信息</h3>
|
||||
</div>
|
||||
<el-form :model="formData" ref="addform" :rules="formRules" label-width="120px">
|
||||
<el-row :gutter="20">
|
||||
<!--#if(@shiro.hasRole('sysadmin') || @shiro.hasRole('ghzl') ){#-->
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="sqrusername" label="姓名">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="formData.sqrusername"
|
||||
@change="userChange"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名查找"
|
||||
:disabled="isModify"
|
||||
:remote-method="getSelfUnionUser">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username"
|
||||
:value="item.username">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--#}else{#-->
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="sqrusername" label="姓名">
|
||||
<el-input disabled v-model="formData.sqrusername"
|
||||
type="text">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--#}#-->
|
||||
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="sqrloginname" label="工号">
|
||||
<el-input disabled v-model="formData.sqrloginname"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="sex" label="性别">
|
||||
<el-select v-model="formData.sex" placeholder="请选择性别" clearable
|
||||
:disabled="formData.apply_mode==1" style="width: 100%">
|
||||
<el-option v-for="item in ['男','女']" :key="item" :label="item" :value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="birthday" label="出生年月">
|
||||
<el-date-picker
|
||||
clearable
|
||||
style="width: 100%"
|
||||
v-model="formData.birthday"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择出生年月">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="lxfs" label="联系电话">
|
||||
<el-input maxlength="100" clearable placeholder="请填写联系电话" v-model="formData.lxfs"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="unitname" label="所在单位">
|
||||
<el-input maxlength="100" clearable placeholder="所在单位" v-model="formData.unitname"
|
||||
readonly
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="unionname" label="所在分工会">
|
||||
<el-input maxlength="100" clearable placeholder="所在分工会" v-model="formData.unionname"
|
||||
readonly
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="补助类型" prop="sq_bzlx">
|
||||
<el-select v-model="formData.sq_bzlx" @change="$set(formData,'sq_knlx','')"
|
||||
@clear="$set(formData,'sq_knlx','')" style="width: 100%">
|
||||
<el-option v-for="(v,k) in difficulty.subsidy" :label="v" :value="k"
|
||||
:key="k"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-form-item label="困难类型" prop="sq_knlx">
|
||||
<el-select v-model="formData.sq_knlx" clearable style="width: 100%">
|
||||
<el-option v-for="(v,k) in difficulty.getHard(formData.sq_bzlx)" :key="k" :value="k"
|
||||
:label="v"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="apply_reason" label="申请原因">
|
||||
<el-input maxlength="500" :autosize="{ minRows: 5, maxRows: 10}" placeholder="请简述申请原因"
|
||||
clearable
|
||||
v-model="formData.apply_reason"
|
||||
type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="files" label="申请附件">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sqsign" label="申请签字">
|
||||
<sign :qz.sync="formData.sqsign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="operation">
|
||||
{{formData.zt==150?'重新提交':'提交'}}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</guava>
|
||||
<el-dialog
|
||||
title="申请须知"
|
||||
:visible.sync="dialogVisible"
|
||||
width="60%">
|
||||
<h2 style="text-align: center;"><span
|
||||
style="font-family: 黑体;"><strong>关于开展“送温暖”活动的通知</strong></span></h2>
|
||||
<p style="text-align: left;"><span style="color: black;">各分工会：</span></p>
|
||||
<p style="text-indent: 32pt; text-align: left;"><span style="color: black;">为进一步做好困难教职工帮扶关怀工作，根据校工会工作计划，经研究，拟定于2026年春节前夕对我校生活困难的在职教职工开展“送温暖”活动。现将有关事宜通知如下：</span>
|
||||
</p>
|
||||
<p style="text-indent: 32.15pt;"><strong>一、活动内容</strong></p>
|
||||
<p style="text-indent: 24pt;">根据“照顾重点，兼顾一般”的原则。请各分工会认真做好宣传、调查和申报工作，开展送温暖活动。
|
||||
</p>
|
||||
<p style="text-indent: 32.15pt;"><strong>二、慰问对象的条件</strong></p>
|
||||
<p style="text-indent: 32pt;">1.本年度会员身患重大疾病，造成生活特别困难的；</p>
|
||||
<p style="text-indent: 32pt;">
|
||||
2.本年度会员直系亲属（指会员本人的父母、配偶、子女）身患重大疾病，造成生活特别困难的；</p>
|
||||
<p style="text-indent: 32pt;">3.本年度会员家庭因遭遇突发重大事件，造成生活特别困难等其它特殊情况。</p>
|
||||
<p style="text-indent: 32.15pt;"><strong>三、工作要求</strong></p>
|
||||
<p style="text-indent: 32pt;">
|
||||
1.请各分工会对照条件，摸清困难教职工的致困原因和家庭生活等详情，做到不漏报，确保申报工作的准确性。</p>
|
||||
<p style="text-indent: 32pt;">
|
||||
2.对符合申报要求者，请登录“智慧工会”系统办理（“职工服务”→“爱心帮扶系统”→“帮扶申请”），由分工会会员本人填报或各分工会委员代为填报。申请困难补助原因务必详尽，并请提供相关支撑材料（凡申请重病补助者须持本年度市以上医院出院记录或病情诊断书）。填报截止时间：2025年12月25日（周四）下午5点。</p>
|
||||
<p style="text-indent: 32pt;">
|
||||
3.机关一/机关二/机关三分工会均归口机关党委书记网上审核，其它分工会由党总支书记/直属党支部书记网上审核。待校工会审批通过后，会自动生成表单，无需提交纸质单据。</p>
|
||||
<p style="text-indent: 32pt;">
|
||||
校工会对符合条件的在职教职工，可确定为“送温暖”慰问对象，慰问标准根据当年实际情况而定。</p>
|
||||
<p style="text-indent: 32pt; text-align: right;">
|
||||
南京体育学院工会委员会</p>
|
||||
<p style="text-indent: 256pt; text-align: right;">2025年12月18日 </p>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="dialogVisible = false">我已知晓</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'apply': httpVueLoader('/components/difficulty/apply.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: true,
|
||||
formData: {
|
||||
sq_bzlx: "1",
|
||||
sqsj: moment().format('YYYY-MM-DD'),
|
||||
apply_mode: '1',
|
||||
jtcys: [],
|
||||
},
|
||||
formRules: {
|
||||
sq_knlx: [{required: true, message: '请选择困难类型', trigger: ['blur', 'change']}],
|
||||
apply_reason: [{required: true, message: '请输入申请困难补助的原因', trigger: ['blur', 'change']}],
|
||||
files: [{required: true, message: '请上传附件', trigger: ['blur', 'change']}],
|
||||
sqsign: [{required: true, message: '请签字', trigger: ['blur', 'change']}]
|
||||
},
|
||||
userList: [],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isModify() {
|
||||
return GetQueryString("id") != null && GetQueryString("id") !== ''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'formData.sq_knlx'(val) {
|
||||
if (['1', '2'].includes(val)) {
|
||||
this.formRules.files[0].message = '请上传市以上医院病情诊断复印件壹份'
|
||||
} else {
|
||||
this.formRules.files[0].message = '请上传相关证明材料'
|
||||
}
|
||||
if (this.$refs.addform) {
|
||||
this.$refs.addform.validateField(['files'], (val) => {
|
||||
console.log(val)
|
||||
})
|
||||
}
|
||||
},
|
||||
'formData.files'(val) {
|
||||
if (this.$refs.addform) {
|
||||
this.$refs.addform.validateField(['files'], (val) => {
|
||||
console.log(val)
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
async getSelfUnionUser(keyword) {
|
||||
const {data} = await $.get(loc() + '/getSelfUnionUser', {keyword})
|
||||
this.userList = data
|
||||
},
|
||||
userChange(userId) {
|
||||
const user = this.userList.find(v => v.username === userId)
|
||||
this.$set(this.formData, 'sqr', user.id)
|
||||
this.$set(this.formData, 'sqrloginname', user.loginname)
|
||||
this.$set(this.formData, 'sex', user.sex)
|
||||
this.$set(this.formData, 'birthday', user.birthday)
|
||||
this.$set(this.formData, 'lxfs', user.mobile)
|
||||
this.$set(this.formData, 'unitname', user.unitname)
|
||||
this.$set(this.formData, 'unionname', user.unionname)
|
||||
|
||||
// this.formData = u
|
||||
},
|
||||
|
||||
async getUserData() {
|
||||
const {data, code, msg} = await $.post(loc() + "/getUserData")
|
||||
if (code === 0) {
|
||||
this.$set(this.formData, 'sqr', data.id)
|
||||
this.$set(this.formData, 'sqrusername', data.username)
|
||||
this.$set(this.formData, 'sqrloginname', data.loginname)
|
||||
this.$set(this.formData, 'sex', data.sex)
|
||||
this.$set(this.formData, 'birthday', data.birthday)
|
||||
this.$set(this.formData, 'lxfs', data.mobile)
|
||||
this.$set(this.formData, 'unitname', data.unitname)
|
||||
this.$set(this.formData, 'unionname', data.unionname)
|
||||
|
||||
} else {
|
||||
this.$notify.error({title: '失败', message: msg});
|
||||
}
|
||||
},
|
||||
async operation() {
|
||||
let method = this.formData.id ? "/doEdit" : "/doAdd"
|
||||
|
||||
this.$refs["addform"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.$confirm('您确定要提交吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
})
|
||||
const {code, msg} = await $.post(loc() + method, {
|
||||
"knbf": JSON.stringify(this.formData),
|
||||
"sqsign": this.formData.sqsign
|
||||
})
|
||||
loading.close()
|
||||
if (code === 0) {
|
||||
this.$notify.success({title: '成功', message: msg});
|
||||
sublime.jumpPagePjax('/platform/fw/difficulty/applylist')
|
||||
} else {
|
||||
this.$notify.error({title: '失败', message: msg});
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
/* this.$refs["addform"].validate(async (valid) => {
|
||||
if (valid) {*/
|
||||
// const loading = this.$loading({
|
||||
// lock: true,
|
||||
// text: '正在提交...',
|
||||
// spinner: 'el-icon-loading',
|
||||
// background: COVER_LAYER_COLOR
|
||||
// });
|
||||
// const formData = Object.assign({}, this.formData);
|
||||
// /*formData.jtcys = JSON.stringify(formData.jtcys)*/
|
||||
// formData.files = JSON.stringify(formData.files)
|
||||
// formData.applicantsign = formData.sqsign
|
||||
// if (formData.apply_mode == 1) {
|
||||
// formData.bbzrusername = "${@shiro.getPrincipalProperty('id')}"
|
||||
// }
|
||||
// const resp = await $.post(loc() + method, formData)
|
||||
// if (resp.code === 0) {
|
||||
// sublime.jumpPagePjax('/platform/fw/difficulty/applylist')
|
||||
// loading.close()
|
||||
// } else {
|
||||
// this.$notify.error({title: '失败', message: resp.msg});
|
||||
// loading.close()
|
||||
// }
|
||||
},
|
||||
|
||||
async openEdit(id) {
|
||||
const resp = await $.get("/platform/fw/difficulty/applylist/findOne", {id})
|
||||
if (resp.code === 0) {
|
||||
if (resp.data.files) {
|
||||
resp.data.files = JSON.parse(resp.data.files)
|
||||
}
|
||||
this.formData = resp.data
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
const id = GetQueryString("id")
|
||||
if (id) {
|
||||
this.openEdit(id)
|
||||
} else {
|
||||
await this.getUserData()
|
||||
}
|
||||
// id ? this.openEdit(id) : this.radioButton()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,229 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="btn-group tool-button">-->
|
||||
<!-- <el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"-->
|
||||
<!-- clearable="true"-->
|
||||
<!-- @change="flushUnits" @clear="flushUnits"-->
|
||||
|
||||
<!-- v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"-->
|
||||
|
||||
<!-- filterable="true">-->
|
||||
<!-- <el-option v-for="item in unions" :label="item.unionname"-->
|
||||
<!-- :value="item.id"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="btn-group tool-button">-->
|
||||
<!-- <el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"-->
|
||||
<!-- clearable="true"-->
|
||||
<!-- filterable="true">-->
|
||||
<!-- <el-option v-for="item in units" :label="item.name"-->
|
||||
<!-- :value="item.id"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="btn-group tool-button">-->
|
||||
<!-- <div>-->
|
||||
<!-- <el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">-->
|
||||
<!-- <el-select v-model="pageForm.searchName" slot="prepend"-->
|
||||
<!-- placeholder="查询类型"-->
|
||||
<!-- style="width: 140px;">-->
|
||||
<!-- <el-option label="申请人工号" value="sqr.loginname"></el-option>-->
|
||||
<!-- <el-option label="申请人姓名" value="sqr.username"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </el-input>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrname"
|
||||
label="申请人姓名"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrloginname"
|
||||
label="工号"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sex"
|
||||
label="性别"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="birthday"
|
||||
label="出生年月"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunionname"
|
||||
label="分工会"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunitname"
|
||||
label="单位"></el-table-column>
|
||||
<el-table-column prop="lxfs" label="联系方式" header-align="center" align="center"
|
||||
show-overflow-tooltip
|
||||
min-width="100"></el-table-column>
|
||||
<!-- <el-table-column prop="sq_knlx" label="困难类型" header-align="center"-->
|
||||
<!-- align="center"-->
|
||||
<!-- show-overflow-tooltip min-width="100">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <span> {{ difficulty.sq_knlx[row.sq_knlx] }}</span>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<el-table-column sortable align="center" header-align="center" prop="sqsj"
|
||||
label="申请时间"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="![95,96,100,150,155,156,157].includes(row.zt)"
|
||||
:command="{type:'edit',data:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'delete',data:row}"
|
||||
:loading="row.delLoading"
|
||||
:disabled="![155].includes(row.zt)">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item :disabled="row.zt!=500"-->
|
||||
<!-- :command="{type:'export',data:row}">-->
|
||||
<!-- 导出审批表-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
unit: "",
|
||||
year: "",
|
||||
searchName: "sqr.username"
|
||||
},
|
||||
unions: [],
|
||||
units: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'delete') {
|
||||
this.doDelete(data)
|
||||
} else if (type == 'edit') {
|
||||
this.openEdit(data)
|
||||
} else if (type == 'export') {
|
||||
window.location.href = "/platform/fw/difficulty/reading/export?id=" + data.id
|
||||
}
|
||||
},
|
||||
dodownloadAnnex(id) {
|
||||
window.location.href = "/platform/fw/difficulty/applylist/downloadAnnex?id=" + id
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
openEdit(row) {
|
||||
const {id} = row
|
||||
sublime.jumpPagePjax('/platform/fw/difficulty/apply?id=' + id)
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.get(loc() + '/doDelete', {id: id})
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,241 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div class="block">
|
||||
<el-date-picker clearable value-format="yyyy-MM-dd"
|
||||
v-model="pageForm._dateRange"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('wyh02')||@shiro.hasRole('wyh03')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword" clearable>
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="申请人工号" value="sqr.loginname"></el-option>
|
||||
<el-option label="申请人姓名" value="sqr.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<vi-title2 title="申请列表">
|
||||
<template #func>
|
||||
<!--#if(@shiro.hasRole('A06')||@shiro.hasRole('wyh02')||@shiro.hasRole('wyh03')||@shiro.hasRole('H04')||@shiro.hasRole('sysadmin')){#-->
|
||||
<el-button type="primary" @click="doExcel" size="small"><i class="el-icon-download"></i>
|
||||
导出word
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doExcel2" size="small"><i class="el-icon-download"></i>
|
||||
导出excel
|
||||
</el-button>
|
||||
<!--#}#-->
|
||||
</template>
|
||||
</vi-title2>
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrname"
|
||||
label="申请人姓名"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrloginname"
|
||||
label="工号"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sex"
|
||||
label="性别"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="birthday"
|
||||
label="出生年月"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunionname"
|
||||
label="分工会"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunitname"
|
||||
label="单位"></el-table-column>
|
||||
<el-table-column prop="lxfs" label="联系方式" header-align="center" align="center"
|
||||
show-overflow-tooltip
|
||||
min-width="100"></el-table-column>
|
||||
<!-- <el-table-column prop="sq_knlx" label="困难类型" header-align="center"-->
|
||||
<!-- align="center"-->
|
||||
<!-- show-overflow-tooltip min-width="100">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <span> {{ difficulty.sq_knlx[row.sq_knlx] }}</span>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<el-table-column sortable align="center" header-align="center" prop="sqsj"
|
||||
label="申请时间"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item
|
||||
:command="{type:'downloadAnnex',data:row}">
|
||||
下载
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.zt!=500"
|
||||
:command="{type:'export',data:row}">
|
||||
导出备案表
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.zt!=500"
|
||||
:command="{type:'doExport',data:row}">
|
||||
导出报销单
|
||||
</el-dropdown-item>-->
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
unitId: '',
|
||||
unionId: '',
|
||||
unit: "",
|
||||
year: "",
|
||||
searchName: "sqr.username"
|
||||
},
|
||||
unitOptions: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doSearch() {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
|
||||
if (this.pageForm._dateRange && this.pageForm._dateRange.length) {
|
||||
this.pageForm.dateRange = JSON.stringify(this.pageForm._dateRange)
|
||||
} else {
|
||||
this.pageForm.dateRange = ""
|
||||
}
|
||||
|
||||
this.pageData()
|
||||
},
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'downloadAnnex') {
|
||||
window.location.href = "/platform/fw/difficulty/reading/downloadAnnex?id=" + data.id
|
||||
} else if (type == 'doExport') {
|
||||
window.location.href = "/platform/fw/difficulty/reading/doExport?id=" + data.id
|
||||
} else if (type == 'export') {
|
||||
window.location.href = "/platform/fw/difficulty/reading/export?id=" + data.id
|
||||
}
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
doExcel() {
|
||||
const {unionId, unitId, _dateRange,searchName,searchKeyword} = this.pageForm
|
||||
// window.open("/platform/fw/difficulty/reading/doExcel?dateRange=" + JSON.stringify(_dateRange)
|
||||
// + "&unionId=" + unionId + "&unitId=" + unitId)
|
||||
window.open("/platform/fw/difficulty/reading/exportDifficult?dateRange=" + JSON.stringify(_dateRange)
|
||||
+ "&unionId=" + unionId + "&unitId=" + unitId+"&searchName="+searchName+"&searchKeyword="+searchKeyword)
|
||||
},
|
||||
doExcel2() {
|
||||
const {unionId, unitId, _dateRange} = this.pageForm
|
||||
// window.open("/platform/fw/difficulty/reading/doExcel?dateRange=" + JSON.stringify(_dateRange)
|
||||
// + "&unionId=" + unionId + "&unitId=" + unitId)
|
||||
window.open("/platform/fw/difficulty/reading/doExcel2?dateRange=" + JSON.stringify(_dateRange)
|
||||
+ "&unionId=" + unionId + "&unitId=" + unitId)
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,327 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<!--校工会经办人-->
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="申请人工号" value="sqr.loginname"></el-option>
|
||||
<el-option label="申请人姓名" value="sqr.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrname"
|
||||
label="申请人姓名"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrloginname"
|
||||
label="工号"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sex"
|
||||
label="性别"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="birthday"
|
||||
label="出生年月"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunionname"
|
||||
label="分工会"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunitname"
|
||||
label="单位"></el-table-column>
|
||||
<el-table-column prop="lxfs" label="联系方式" header-align="center" align="center"
|
||||
show-overflow-tooltip
|
||||
min-width="100"></el-table-column>
|
||||
<!-- <el-table-column prop="sq_knlx" label="困难类型" header-align="center"-->
|
||||
<!-- align="center"-->
|
||||
<!-- show-overflow-tooltip min-width="100">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <span> {{ difficulty.sq_knlx[row.sq_knlx] }}</span>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<el-table-column sortable align="center" header-align="center" prop="sqsj"
|
||||
label="申请时间"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.zt==250 || row.zt == 500"
|
||||
:command="{type:'openReview',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.zt==250 || row.zt==500"
|
||||
:command="{type:'revoke',data:row}">
|
||||
撤回
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" :handle="true" label="校工会审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="auditOpinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.auditOpinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="auditSign" label="审核签字">
|
||||
<sign :qz.sync="formData.auditSign"></sign>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="danger" @click="doReview(1)" :disabled="subDis" :loading="subLoading1">
|
||||
拒绝
|
||||
</el-button>
|
||||
<!-- <el-button type="danger" @click="doReview(3)" :disabled="subDis" :loading="subLoading3">返回修改-->
|
||||
<!-- </el-button>-->
|
||||
<el-button type="primary" @click="doReview(2)" :disabled="subDis" :loading="subLoading2">
|
||||
通过
|
||||
</el-button>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
subLoading3: false,
|
||||
pageForm: {
|
||||
unit: "",
|
||||
year: "",
|
||||
isAudit: false,
|
||||
searchName: "sqr.username"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
auditSign: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'formData.auditSign'(val) {
|
||||
this.$refs.form.validateField(['auditSign'], (val) => {
|
||||
console.log(val)
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'openReview') {
|
||||
this.openReview(data)
|
||||
} else if (type == 'revoke') {
|
||||
this.revoke(data)
|
||||
}
|
||||
},
|
||||
revoke(row) {
|
||||
const {id} = row
|
||||
this.$confirm('您确定要撤回后重新审核吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.post(loc() + "/revoke", {id: id});
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async openReview(row) {
|
||||
const {id} = row
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
if (flag == 1) {
|
||||
this.subLoading1 = true
|
||||
} else if (flag == 2) {
|
||||
this.subLoading2 = true
|
||||
} else {
|
||||
this.subLoading3 = true
|
||||
}
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,288 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<!--校工会常务副主席审核-->
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unit" filterable placeholder="请选择单位" clearable>
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="受助人工号" value="sbzr.loginname"></el-option>
|
||||
<el-option label="受助人姓名" value="sbzr.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
size="mini"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center"
|
||||
prop="sqrloginname"
|
||||
label="工号"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center"
|
||||
prop="sqrname"
|
||||
label="姓名"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center"
|
||||
prop="unitname"
|
||||
label="单位"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column sortable
|
||||
align="center" header-align="center"
|
||||
prop="sqsj"
|
||||
label="申请时间"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center" label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'openReview',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" :handle="true" label="校工会常务副主席审核" :panes="[2]">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="jb" label="级  别">
|
||||
<el-select v-model="formData.jb" placeholder="请选择级别"
|
||||
clearable style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in jbOptions"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="xghbzje" label="补助金额">
|
||||
<el-input v-model="formData.xghbzje"
|
||||
onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
|
||||
placeholder="请输入补助金额" type="number">
|
||||
<template style="border: none;background-color: white;" slot="append">元
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="opinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.auditOpinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign :qz.sync="formData.auditSign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doReview(false)" :disabled="subDis" :loading="subLoading1">拒
|
||||
绝
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doReview(true)" :disabled="subDis" :loading="subLoading2">通
|
||||
过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
jbOptions: ['甲级', '乙级', '丙级'],
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
pageForm: {
|
||||
unit: "",
|
||||
year: "",
|
||||
isAudit: false,
|
||||
searchName: "sbzr.loginname"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'openReview') {
|
||||
this.openReview(data)
|
||||
}
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
openReview(row) {
|
||||
const {id} = row
|
||||
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
flag ? this.subLoading2 = true : this.subLoading1 = true
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if(resp.code===0){
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unitOptions = await getUnits(null)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,261 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<!--校工会副主席审核-->
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unit" filterable placeholder="请选择单位" clearable>
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="受助人工号" value="sbzr.loginname"></el-option>
|
||||
<el-option label="受助人姓名" value="sbzr.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row class="el-table-container">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
size="mini"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sbzrname"
|
||||
label="受补助人姓名">
|
||||
<template slot-scope="{row}">
|
||||
{{row.sbzrname?row.sbzrname:row.sqrname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sbzrloginname"
|
||||
label="受补助人工号"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrname"
|
||||
label="申请人"></el-table-column>
|
||||
<el-table-column prop="lxfs" label="联系方式" header-align="center" align="center" show-overflow-tooltip
|
||||
min-width="100"></el-table-column>
|
||||
<el-table-column prop="sq_knlx" label="困难类型" header-align="center" align="center"
|
||||
show-overflow-tooltip min-width="100">
|
||||
<template slot-scope="{row}">
|
||||
<span> {{ difficulty.sq_knlx[row.sq_knlx] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" header-align="center" prop="unitname"
|
||||
label="单位">
|
||||
<template slot-scope="{row}">
|
||||
{{row.unitname?row.unitname:row.sqrname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column sortable align="center" header-align="center" prop="sqsj"
|
||||
label="申请时间"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center" label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'openReview',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" :handle="true" label="校工会副主席审核" :panes="[2]">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="opinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.auditOpinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign :qz.sync="formData.auditSign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doReview(false)" :disabled="subDis" :loading="subLoading1">拒
|
||||
绝
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doReview(true)" :disabled="subDis" :loading="subLoading2">通
|
||||
过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
pageForm: {
|
||||
unit: "",
|
||||
year: "",
|
||||
isAudit: false,
|
||||
searchName: "sbzr.loginname"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'openReview') {
|
||||
this.openReview(data)
|
||||
}
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
openReview(row) {
|
||||
const {id} = row
|
||||
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
flag ? this.subLoading2 = true : this.subLoading1 = true
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if(resp.code===0){
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unitOptions = await getUnits(null)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,743 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
#app {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
margin-bottom: 20px;
|
||||
letter-spacing: 2px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.card-title .title-left {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.card-title .title-right {
|
||||
text-align: right;
|
||||
font-size: 15px;
|
||||
color: #0e78c5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card-title .title-right:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.el-date-editor.el-input, .el-select, .el-input-number {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.addFormCard {
|
||||
|
||||
}
|
||||
|
||||
.excelCard {
|
||||
min-height: 650px;
|
||||
}
|
||||
|
||||
.excelBack {
|
||||
font-size: 15px;
|
||||
color: #0e78c5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.excelBack:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.el-icon-loading {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-input-number .el-input__inner {
|
||||
padding: 0 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.el-icon-eleme:before {
|
||||
content: '元';
|
||||
}
|
||||
|
||||
.submitClass {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ivu-upload {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.el-table th.gutter {
|
||||
display: table-cell !important
|
||||
|
||||
}
|
||||
|
||||
.el-table {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.int_input .el-input-number__decrease {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.int_input .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.int_input .el-input-number.is-controls-right .el-input__inner {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.border_table .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
|
||||
border-right: 1px solid #EBEEF5;
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
border-right-color: rgb(235, 238, 245);
|
||||
}
|
||||
|
||||
.border_table .el-table {
|
||||
border: 1px solid #EBEEF5;
|
||||
border-top-color: rgb(235, 238, 245);
|
||||
border-top-style: solid;
|
||||
border-top-width: 1px;
|
||||
border-right-color: rgb(235, 238, 245);
|
||||
border-right-style: solid;
|
||||
border-right-width: 1px;
|
||||
border-bottom-color: rgb(235, 238, 245);
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
border-left-color: rgb(235, 238, 245);
|
||||
border-left-style: solid;
|
||||
border-left-width: 1px;
|
||||
border-image-source: initial;
|
||||
border-image-slice: initial;
|
||||
border-image-width: initial;
|
||||
border-image-outset: initial;
|
||||
border-image-repeat: initial;
|
||||
}
|
||||
|
||||
.border_table .el-table--border::after, .el-table--group::after {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.textareaDiv {
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<transition name="el-zoom-in-top">
|
||||
<el-card class="addFormCard" v-show="AddFormCardShow">
|
||||
<div class="card-title">
|
||||
<span class="title-left" style="font-size: 18px;font-weight: bold">新增历史数据</span>
|
||||
<span class="title-right"
|
||||
@click="AddFormCardShow=!AddFormCardShow;ExcelCardShow=!AddFormCardShow;">
|
||||
从excel导入
|
||||
<span slot="suffix">
|
||||
<i class="el-icon-upload"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<el-form :model="formData" style="width: 90%;margin: 0 auto" ref="addForm" :rules="formRules" size="medium"
|
||||
label-position="right"
|
||||
label-width="120px">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="year" label="年  份">
|
||||
<el-date-picker
|
||||
v-model="formData.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="sqr" label="困难职工">
|
||||
<el-select
|
||||
v-model="formData.sqr"
|
||||
@change="userChange"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名或工号查找"
|
||||
:remote-method="remoteMethod"
|
||||
:loading="loading">
|
||||
<el-option
|
||||
v-for="item in userOptions"
|
||||
:key="item.id"
|
||||
:label="item.username+'（'+item.unitname+'）'"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="sex" label="性  别">
|
||||
<el-select v-model="formData.sex" placeholder="请选择性别" clearable>
|
||||
<el-option
|
||||
v-for="item in ['男','女']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="16">
|
||||
<el-form-item prop="jtzz" label="家庭地址">
|
||||
<el-input maxlength="50" placeholder="请输入家庭地址" clearable v-model="formData.jtzz"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="lxfs" label="手机号码">
|
||||
<el-input maxlength="100" clearable placeholder="请填写手机号码" v-model="formData.lxfs"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="brnzsr" label="本人年收入" class="int_input">
|
||||
<el-input-number clearable style="width: 100%" v-model="formData.brnzsr" :min="0"
|
||||
:max="9999999"
|
||||
controls-position="right" placeholder="请填写年收入（元）">
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="jtnzsr" label="家庭年收入" class="int_input">
|
||||
<el-input-number clearable style="width: 100%" v-model="formData.jtnzsr" :min="0"
|
||||
:max="9999999"
|
||||
controls-position="right" placeholder="请填写年收入（元）">
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item prop="jtrs" label="家庭人数" class="int_input">
|
||||
<el-input-number clearable style="width: 100%" v-model="formData.jtrs" :min="0" :max="99"
|
||||
controls-position="right" placeholder="请填写家庭人数">
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="zyzkyybz" label="致困特殊原因">
|
||||
<el-input maxlength="500" placeholder="请简述原因" clearable v-model="formData.zyzkyybz"
|
||||
type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="submitClass">
|
||||
<el-button type="primary" @click="doAdd">确定</el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-bottom">
|
||||
<el-card class="excelCard" v-show="ExcelCardShow">
|
||||
<div class="mb10">
|
||||
<span class="excelBack" @click="ExcelCardShow=!ExcelCardShow;AddFormCardShow=!ExcelCardShow;">< 返回</span>
|
||||
</div>
|
||||
<div class="mb20">
|
||||
<el-row class="header navbar">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button size="small" icon="el-icon-download" style="width: 100px"
|
||||
@click="location.href='/platform/knbf/sjdr/downLoadTemp'">下载模板
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<!-- <i-button icon="ios-cloud-download-outline" style="width: 100px" @click="download">下载模板</i-button>-->
|
||||
<el-upload :before-upload="handleUpload">
|
||||
<!--<i-button icon="ios-cloud-upload-outline" style="width: 100px">选择文件</i-button>-->
|
||||
<el-button icon="el-icon-upload" size="small" style="width: 100px">上传文件</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker size="small"
|
||||
v-model="year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div v-if="file!==null" style="height: 30px;">
|
||||
<el-row style="padding: 0 15px">
|
||||
<el-col :span="18">
|
||||
<span style="float: left;overflow: hidden;line-height: 30px;">
|
||||
<i class="el-icon-tickets"></i>
|
||||
{{file.name}} 
|
||||
<span style="font-size: 12px;color: #b49672;" v-if="tableData.length>0">共读取了{{tableData.length}}条数据</span>
|
||||
</span>
|
||||
</el-col>
|
||||
<span style="line-height: 30px;">
|
||||
<el-button size="mini" type="danger" @click="file=null">删除</el-button>
|
||||
<el-button size="mini" type="primary" @click="read">读取</el-button>
|
||||
</span>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
|
||||
<!--<i-button @click="ls">未提交数据</i-button>-->
|
||||
|
||||
|
||||
</div>
|
||||
<el-table :data="rows" empty-text="暂无数据,请上传文件">
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center"
|
||||
prop="unitname" show-overflow-tooltip width="250px"
|
||||
label="单位"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="150px"
|
||||
prop="loginname"
|
||||
label="工号"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="200px"
|
||||
prop="username"
|
||||
label="职工姓名"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="100px"
|
||||
prop="sex"
|
||||
label="性别"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="200px"
|
||||
prop="jtzz"
|
||||
label="家庭住址"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="150px"
|
||||
prop="lxfs"
|
||||
label="联系电话"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="200px"
|
||||
prop="zyzkyybz"
|
||||
label="致困特殊原因"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="100px"
|
||||
prop="jtrs"
|
||||
label="家庭人数"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="200px"
|
||||
prop="brnzsr"
|
||||
label="本人总收入（元）"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="200px"
|
||||
prop="jtnzsr"
|
||||
label="家庭总收入（元）"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center" header-align="center" show-overflow-tooltip width="150px"
|
||||
prop="jb"
|
||||
label="级别"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" size="mini" icon="el-icon-delete" circle
|
||||
@click="rows.splice(scope.$index,1)"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="submitClass mt20 mr10">
|
||||
<el-button type="primary" @click="write">导 入</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</transition>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
year: '',
|
||||
loading: false,
|
||||
userOptions: [],
|
||||
rows: [],
|
||||
file: null,
|
||||
AddFormCardShow: true,
|
||||
ExcelCardShow: false,
|
||||
ybOptions: ['统筹', '社保'],
|
||||
activeName: ['1'],
|
||||
zzyyOptions: ['本人大病', '供养直系亲属大病', '本人残疾', '家属残疾', '本人下岗失业', '家属下岗失业', '收入低', '自然灾害', '重大事故', '子女上学', '其他'],
|
||||
fclxOptions: ['商品房', '福利房', '经济适用房', '限价房', '自建房'],
|
||||
fclyOptions: ['购买', '接收赠与', '继承', '其他来源'],
|
||||
hyzkOptions: ['未婚', '已婚', '离异', '丧偶', '再婚'],
|
||||
zcOptions: ['教授', '副教授', '讲师', '助教'],
|
||||
mzOptions: [
|
||||
'汉族',
|
||||
'蒙古族',
|
||||
'回族',
|
||||
'藏族',
|
||||
'维吾尔族',
|
||||
'苗族',
|
||||
'彝族',
|
||||
'壮族',
|
||||
'布依族',
|
||||
'朝鲜族',
|
||||
'满族',
|
||||
'侗族',
|
||||
'瑶族',
|
||||
'白族',
|
||||
'土家族',
|
||||
'哈尼族',
|
||||
'哈萨克族',
|
||||
'傣族',
|
||||
'黎族',
|
||||
'傈僳族',
|
||||
'佤族',
|
||||
'畲族',
|
||||
'高山族',
|
||||
'拉祜族',
|
||||
'水族',
|
||||
'东乡族',
|
||||
'纳西族',
|
||||
'景颇族',
|
||||
'柯尔克孜族',
|
||||
'土族',
|
||||
'达翰尔族',
|
||||
'么佬族',
|
||||
'羌族',
|
||||
'布朗族',
|
||||
'撒拉族',
|
||||
'毛南族',
|
||||
'仡佬族',
|
||||
'锡伯族',
|
||||
'阿昌族',
|
||||
'普米族',
|
||||
'塔吉克族',
|
||||
'怒族',
|
||||
'乌孜别克族',
|
||||
'俄罗斯族',
|
||||
'鄂温克族',
|
||||
'德昂族',
|
||||
'保安族',
|
||||
'裕固族',
|
||||
'京族',
|
||||
'塔塔尔族',
|
||||
'独龙族',
|
||||
'鄂伦春族',
|
||||
'赫哲族',
|
||||
'门巴族',
|
||||
'珞巴族',
|
||||
'基诺族',
|
||||
],
|
||||
bzOptions: ['事业编制职工（正式职工）', '合同制职工', '人事代理职工', '集体职工', '流动编制职工', '非事业编制职工', '博士后进站人员', '劳务派遣人员', '聘用工（各二级单位聘用）'],
|
||||
ztObj: {
|
||||
1: {color: '#E6A23C', label: '待院级工会审核'},
|
||||
2: {color: '#E6A23C', label: '待二级党组织审核'},
|
||||
3: {color: '#E6A23C', label: '待校工会审核'},
|
||||
4: {color: '#67C23A', label: '审核通过'},
|
||||
5: {color: '#F56C6C', label: '审核不通过'},
|
||||
},
|
||||
subDis: false,
|
||||
formData: {
|
||||
zyzkyy: [],
|
||||
jtcys: [],
|
||||
jtfc: [],
|
||||
jtcc: [],
|
||||
},
|
||||
userData: {},
|
||||
viewData: {},
|
||||
viewDialogVisible: false,
|
||||
addDialogVisible: false,
|
||||
editDialogVisible: false,
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
formRules: {
|
||||
// parentUnit: [{validator: validateUnit, trigger: ['blur', 'change']}],
|
||||
idcard: [{
|
||||
required: false,
|
||||
message: '必填',
|
||||
trigger: ['blur', 'change']
|
||||
}, {
|
||||
pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号'
|
||||
}],
|
||||
year: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sqr: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
username: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sqrname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
loginname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sqrloginname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
unitname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sqrunitname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zyzkyy: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
brnzsr: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
jtnzsr: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
jtrs: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
yhmc: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
yhkh: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
rsbz: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
jtzz: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sex: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
isNull(val) {
|
||||
return val === null || val === undefined || val === ''
|
||||
}
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
arr2str(val) {
|
||||
if (val && val.length > 0) {
|
||||
let str = ""
|
||||
for (let i = 0; i < val.length; i++) {
|
||||
str += val[i]
|
||||
if (i < val.length - 1) {
|
||||
str += '、'
|
||||
}
|
||||
}
|
||||
return str
|
||||
}
|
||||
return ''
|
||||
},
|
||||
none2str(val) {
|
||||
if (val === null || val === undefined || val === '') {
|
||||
return '暂无'
|
||||
}
|
||||
return val
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
write() {
|
||||
if (this.year == "" || this.year == undefined) {
|
||||
this.$message.warning("请选择数据所属年份!");
|
||||
return;
|
||||
}
|
||||
|
||||
let obj = {
|
||||
zgfw_knbfs: JSON.stringify(this.rows),
|
||||
sqsj: this.year + "-01-01"
|
||||
}
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
$.post(base + "/platform/knbf/sjdr/write", obj, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.rows = []
|
||||
this.file = null
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
this.subDis = false
|
||||
loading.close()
|
||||
}, "json");
|
||||
},
|
||||
read: function () {
|
||||
var self = this;
|
||||
|
||||
var formData = new FormData();
|
||||
formData.append("file", self.file);
|
||||
sublime.showLoadingbar()
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据读取中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.ajax({
|
||||
url: base + "/platform/knbf/sjdr/getRow",
|
||||
type: "post",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function (data) {
|
||||
if (data.code == 0) {
|
||||
console.log(data)
|
||||
loading.close();
|
||||
if (data.data.length > 0) {
|
||||
self.rows = data.data
|
||||
self.$message.success("读取成功！一共读取了" + self.rows.length + "条数据");
|
||||
} else {
|
||||
self.$message.warning("表格内没有数据，请重新导入文件");
|
||||
}
|
||||
|
||||
} else {
|
||||
loading.close();
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
sublime.closeLoadingbar()
|
||||
},
|
||||
error: function (data) {
|
||||
loading.close();
|
||||
sublime.closeLoadingbar()
|
||||
}
|
||||
});
|
||||
/* $.post((base + "/platform/knbf/sjdr/getRow", this.formData, (data => {
|
||||
if (data.code == 0) {
|
||||
console.log(1)
|
||||
loading.close();
|
||||
if (data.data.length > 0) {
|
||||
self.rows = data.data
|
||||
self.$message.success("读取成功！一共读取了" + self.rows.length + "条数据");
|
||||
} else {
|
||||
self.$message.warning("表格内没有数据，请重新导入文件");
|
||||
}
|
||||
} else {
|
||||
loading.close();
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
sublime.closeLoadingbar()
|
||||
})
|
||||
));*/
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs["addForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.subDis = true
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
this.formData.sqsj = this.formData.year + '-01-01'
|
||||
$.post(base + "/platform/knbf/sjdr/doAdd", this.formData, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.formData = {}
|
||||
this.userOptions = []
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
this.subDis = false
|
||||
loading.close()
|
||||
}, "json");
|
||||
}
|
||||
});
|
||||
},
|
||||
userChange(id) {
|
||||
this.userOptions.forEach(val => {
|
||||
if (val.id == id) {
|
||||
vue.$set(this.formData, 'username', val.username)
|
||||
vue.$set(this.formData, 'birthday', val.birthday)
|
||||
vue.$set(this.formData, 'sex', val.sex)
|
||||
vue.$set(this.formData, 'unitname', val.unitname)
|
||||
}
|
||||
})
|
||||
},
|
||||
remoteMethod(query) {
|
||||
this.loading = true
|
||||
this.userOptions = []
|
||||
$.post(base + "/platform/knbf/sjdr/queryUser", {query: query}, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.userOptions = data.data.list;
|
||||
}
|
||||
this.loading = false
|
||||
}, "json");
|
||||
},
|
||||
zcBlur(e) {
|
||||
this.$set(this.formData, 'zc', e.target.value)
|
||||
},
|
||||
handleUpload(file) {
|
||||
var self = this;
|
||||
var typename = file.name.substring(file.name.lastIndexOf('.'), file.name.length);
|
||||
if (typename.indexOf('xls', 'xlsx') < 0) {
|
||||
self.$message.error('只能上传xls,xlsx格式的文件');
|
||||
return false;
|
||||
}
|
||||
self.file = file;
|
||||
return false;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,344 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<!--二级党组织-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword" clearable>
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="申请人工号" value="sqr.loginname"></el-option>
|
||||
<el-option label="申请人姓名" value="sqr.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" prop="sqrname"
|
||||
label="申请人姓名"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrloginname"
|
||||
label="工号"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sex"
|
||||
label="性别"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="birthday"
|
||||
label="出生年月"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunionname"
|
||||
label="分工会"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunitname"
|
||||
label="单位"></el-table-column>
|
||||
<el-table-column prop="lxfs" label="联系方式" header-align="center" align="center"
|
||||
show-overflow-tooltip
|
||||
min-width="100"></el-table-column>
|
||||
<!-- <el-table-column prop="sq_knlx" label="困难类型" header-align="center"-->
|
||||
<!-- align="center"-->
|
||||
<!-- show-overflow-tooltip min-width="100">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <span> {{ difficulty.sq_knlx[row.sq_knlx] }}</span>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<el-table-column sortable align="center" header-align="center" prop="sqsj"
|
||||
label="申请时间"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.zt > 155"
|
||||
:command="{type:'openReview',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item :disabled="row.zt > 155" v-if="${@shiro.hasAnyRoles('sysadmin', 'A06')}"-->
|
||||
<!-- :command="{type:'urging',data:row}">-->
|
||||
<!-- 催办-->
|
||||
<!-- </el-dropdown-item>-->
|
||||
<el-dropdown-item v-if="row.zt==200"
|
||||
:command="{type:'revoke',data:row}">
|
||||
撤回
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" :handle="true" label="二级党组织审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="auditOpinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.auditOpinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="auditSign" label="审核签字">
|
||||
<sign :qz.sync="formData.auditSign"></sign>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="danger" @click="doReview(1)" :disabled="subDis" :loading="subLoading1">
|
||||
拒绝
|
||||
</el-button>
|
||||
<!-- <el-button type="danger" @click="doReview(3)" :disabled="subDis" :loading="subLoading3">-->
|
||||
<!-- 返回修改-->
|
||||
<!-- </el-button>-->
|
||||
<el-button type="primary" @click="doReview(2)" :disabled="subDis" :loading="subLoading2">
|
||||
通过
|
||||
</el-button>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
subLoading3: false,
|
||||
pageForm: {
|
||||
unit: "",
|
||||
year: "",
|
||||
isAudit: false,
|
||||
searchName: "sqr.username"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
auditSign: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'formData.auditSign'(val) {
|
||||
this.$refs.form.validateField(['auditSign'], (val) => {
|
||||
console.log(val)
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'openReview') {
|
||||
this.openReview(data)
|
||||
} else if (type == 'revoke') {
|
||||
this.revoke(data)
|
||||
}else if (type == 'urging') {
|
||||
this.doUrging(data)
|
||||
}
|
||||
},
|
||||
async doUrging(){
|
||||
const resp = await $.get("")
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
revoke(row) {
|
||||
const {id} = row
|
||||
this.$confirm('您确定要撤回后重新审核吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.post("/platform/fw/difficulty/unionchairman/doEdit", {id: id});
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async openReview(row) {
|
||||
const {id} = row
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
if (flag == 1) {
|
||||
this.subLoading1 = true
|
||||
} else if (flag == 2) {
|
||||
this.subLoading2 = true
|
||||
} else {
|
||||
this.subLoading3 = true
|
||||
}
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,320 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<!--工会主席-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 140px;">
|
||||
<el-option label="申请人工号" value="sqr.loginname"></el-option>
|
||||
<el-option label="申请人姓名" value="sqr.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@sort-change="pageOrder"
|
||||
>
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrname"
|
||||
label="申请人姓名"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sqrloginname"
|
||||
label="工号"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="sex"
|
||||
label="性别"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" prop="birthday"
|
||||
label="出生年月"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunionname"
|
||||
label="分工会"></el-table-column>
|
||||
<el-table-column sortable show-overflow-tooltip align="center"
|
||||
header-align="center" prop="sqrunitname"
|
||||
label="分工会"></el-table-column>
|
||||
<el-table-column prop="lxfs" label="联系方式" header-align="center" align="center"
|
||||
show-overflow-tooltip
|
||||
min-width="100"></el-table-column>
|
||||
<!-- <el-table-column prop="sq_knlx" label="困难类型" header-align="center"-->
|
||||
<!-- align="center"-->
|
||||
<!-- show-overflow-tooltip min-width="100">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <span> {{ difficulty.sq_knlx[row.sq_knlx] }}</span>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<el-table-column sortable align="center" header-align="center" prop="sqsj"
|
||||
label="申请时间"></el-table-column>
|
||||
<el-table-column align="center" prop="state_id" header-align="center"
|
||||
label="申请状态" sortable>
|
||||
<template scope="scope">
|
||||
<span :style="'color:'+scope.row.statecolor">{{scope.row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="pageForm.isAudit == true || row.zt!=100"
|
||||
:command="{type:'openReview',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
|
||||
<el-dropdown-item v-if="[150,200].includes(row.zt)"
|
||||
:command="{type:'revoke',data:row}">
|
||||
撤回
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" :handle="true" label="分工会审核" :panes="[2]">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="审核人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="审核时间">
|
||||
<el-input v-model="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="auditOpinion" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.auditOpinion" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="auditSign" label="审核签字">
|
||||
<sign :qz.sync="formData.auditSign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="danger" @click="doReview(1)" :disabled="subDis" :loading="subLoading1">
|
||||
拒绝
|
||||
</el-button>
|
||||
<!-- <el-button type="danger" @click="doReview(2)" :disabled="subDis" :loading="subLoading3">-->
|
||||
<!-- 返回修改-->
|
||||
<!-- </el-button>-->
|
||||
<el-button type="primary" @click="doReview(3)" :disabled="subDis" :loading="subLoading2">
|
||||
通过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
subLoading3: false,
|
||||
pageForm: {
|
||||
unit: "",
|
||||
year: "",
|
||||
isAudit: false,
|
||||
searchName: "sqr.username"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
auditSign: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data)
|
||||
} else if (type == 'openReview') {
|
||||
this.openReview(data)
|
||||
} else if (type == 'revoke') {
|
||||
this.revoke(data)
|
||||
}
|
||||
},
|
||||
revoke(row) {
|
||||
const {id} = row
|
||||
this.$confirm('您确定要撤回后重新审核吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.post(loc() + "/revoke", {id: id});
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
openReview(row) {
|
||||
const {id} = row
|
||||
this.formData = {
|
||||
id,
|
||||
username: "${@shiro.getPrincipalProperty('username')}",
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
this.subLoading3 = false
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
this.subDis = true
|
||||
if (flag == 1) {
|
||||
this.subLoading1 = true
|
||||
} else if (flag == 2) {
|
||||
this.subLoading2 = true
|
||||
} else {
|
||||
this.subLoading3 = true
|
||||
}
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,357 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.v-box .el-card__header {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.el-select-dropdown {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-picker-panel {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.hdid" filterable clearable placeholder="请选择活动" @change="pageData">
|
||||
<el-option
|
||||
v-for="item in lxyHd"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="100px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名人" prop="username" header-align="center" align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="活动名称" prop="name" header-align="center" width="300px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-link type="primary" @click="lxy_app.openView(scope.row.hdid)">
|
||||
{{scope.row.name}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动场地" prop="hdcd" header-align="center" show-overflow-tooltip
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="活动时间" prop="hdkssj" header-align="center" sortable
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名截止时间" prop="bmjzsj" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="报名状态" prop="bmzt" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==6">待填写报名资料</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==1">待院级工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==2">分工会审核未通过</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==3">待校工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==4">校工会审核未通过</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.bmzt==5">审核已通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="120px">
|
||||
<template scope="scope">
|
||||
<el-button size="mini" type="primary" @click="openSh(scope.row)" plain>审 核
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<el-dialog title="分工会审核" top="3%" :visible.sync="viewDialogSh" custom-class="ViewDialogClass"
|
||||
:close-on-click-modal="false" width="60%">
|
||||
|
||||
<table class="tabInfo">
|
||||
<tr>
|
||||
<td class="title" colspan="4"
|
||||
style="font-size: 16px;color: rgb(100,100,100);font-weight: bolder;padding: 20px 50px">
|
||||
个人信息
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">工号</td>
|
||||
<td class="content"> {{viewData.loginname}}</td>
|
||||
<td class="title">姓名</td>
|
||||
<td class="content">{{viewData.username}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">职务</td>
|
||||
<td class="content"> {{viewData.zw}}</td>
|
||||
<td class="title">人事编制</td>
|
||||
<td class="content">{{viewData.rsbz}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">性别</td>
|
||||
<td class="content"> {{viewData.sex}}</td>
|
||||
<td class="title">年龄</td>
|
||||
<td class="content">{{viewData.age}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">所在单位</td>
|
||||
<td class="content"> {{viewData.unitname}}</td>
|
||||
<td class="title">手机号</td>
|
||||
<td class="content">{{viewData.mobile}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title" colspan="4">曾获荣誉</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content" colspan="4" style="text-align: left">
|
||||
<el-table :data="viewData.chry" size="mini" style="width: 100%" show-header="false">
|
||||
<el-table-column prop="hdsj" label="获得时间" align="center" header-align="center"
|
||||
width="250px">
|
||||
<template slot-scope="{row}">
|
||||
<el-date-picker v-model="row.hdsj" type="date" readonly
|
||||
format="yyyy-MM-dd"></el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="shry" label="曾获荣誉" align="center" header-align="center">
|
||||
<template slot-scope="{row}">
|
||||
<el-input v-model="row.shry" readonly></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="附件" align="center" header-align="center" width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<div class="file-down-span" @click="dd3s.download(row.ryfj,row.filename)">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image fit="cover" v-if="dd3s.isPic(row.ryfj)"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
:src="'${AppFileDomain!}'+row.ryfj" @click="dd3s.showpic(row.ryfj)">
|
||||
</el-image>
|
||||
<el-image v-else
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
src="***">
|
||||
<div slot="error" class="image-slot"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical">{{row.ryfj}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<template v-if="viewData.files&&viewData.files.length">
|
||||
<tr>
|
||||
<td class="title" colspan="4">身份证复印件</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content" colspan="4" style="text-align: left">
|
||||
<div style="text-align: left;">
|
||||
<div v-for="item in viewData.files"
|
||||
style="display: inline-block;width: 100px;margin-right:10px">
|
||||
<div class="file-down-span" @click="dd3s.download(item.filepath,item.filename)">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image fit="cover" v-if="dd3s.isPic(item.filepath)"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
:src="'${AppFileDomain!}'+item.filepath" @click="dd3s.showpic(item.filepath)">
|
||||
</el-image>
|
||||
<el-image v-else
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
src="***">
|
||||
<div slot="error" class="image-slot"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical">{{item.filename}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
</table>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="viewDialogSh = false" plain>关 闭</el-button>
|
||||
<el-button type="danger" @click="sh(2)" plain>不通过</el-button>
|
||||
<el-button type="success" @click="sh(3)" plain>通 过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
lxyHd: [],
|
||||
viewDialogSh: false,
|
||||
loading: false,
|
||||
tabLoading: false,
|
||||
showGh: true,
|
||||
viewData: {},
|
||||
tableData: [],
|
||||
bmTableData: [],
|
||||
pageForm: {
|
||||
searchName: "name",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
hdid: ""
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getLxyBmInfo(id) {
|
||||
const {data} = await $.get(base + "/platform/zgfw/lxy/fghsh/getBmInfo", {id})
|
||||
return data
|
||||
},
|
||||
async openSh(row) {
|
||||
this.viewData = await this.getLxyBmInfo(row.id)
|
||||
console.log(this.viewData)
|
||||
this.pageForm.hdid = row.hdid
|
||||
this.pageForm.uid = row.uid
|
||||
this.viewData.unitname = row.unitname
|
||||
this.viewDialogSh = true
|
||||
},
|
||||
sh(zt) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
$.post(base + "/platform/zgfw/lxy/fghsh/sh", {
|
||||
hdid: this.pageForm.hdid,
|
||||
uid: this.pageForm.uid,
|
||||
bmzt: zt,
|
||||
}, (data) => {
|
||||
loading.close()
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: '提交成功',
|
||||
type: 'success'
|
||||
});
|
||||
this.viewDialogSh = false
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
|
||||
},
|
||||
|
||||
doSearch() {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
pageOrder(column) {//按字段排序
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/fghsh/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.lxyHd = await getNowLxyHd()
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#layout("/platform/zgfw/lxy/dialogView.html"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,820 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.v-box .el-card__header {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.el-select-dropdown {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-picker-panel {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
|
||||
.el-transfer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.el-transfer-panel {
|
||||
text-align: left;
|
||||
width: 40%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.el-transfer-panel__list.is-filterable {
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-row class="transition-row">
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='index'" class="transition-item">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.hdid" filterable clearable placeholder="请选择活动" @change="pageData">
|
||||
<el-option
|
||||
v-for="item in lxyHd"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="100px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名人" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="活动名称" prop="name" header-align="center" width="300px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-link type="primary" @click="lxy_app.openView(scope.row.hdid)">
|
||||
{{scope.row.name}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动场地" prop="hdcd" header-align="center" show-overflow-tooltip
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="活动时间" prop="hdkssj" header-align="center" sortable
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名截止时间" prop="bmjzsj" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="报名状态" prop="bmzt" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==6">待填写报名资料</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==1">待分工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==2">分工会审核未通过</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==3">待校工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==4">校工会审核未通过</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.bmzt==5">审核已通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="240px">
|
||||
<template scope="scope">
|
||||
<el-button :disabled="scope.row.bmzt==6" size="mini"
|
||||
@click="openEdit(scope.row)" plain>
|
||||
修改
|
||||
</el-button>
|
||||
<el-button :disabled="scope.row.bmzt!=6" size="mini" type="primary"
|
||||
@click="openBm(scope.row)" plain>
|
||||
报名
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='bm'||v=='edit'" class="transition-item">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 18px">返回
|
||||
</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-card class="box-card" style="margin-top: 50px;padding: 0 200px">
|
||||
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">请填写以下个人信息</span>
|
||||
</el-divider>
|
||||
<el-form :model="formData" ref="bmForm" :rules="formRules" label-width="120px"
|
||||
style="padding: 0 30px">
|
||||
|
||||
<el-form-item label="工号" prop="loginname">
|
||||
<el-input readonly v-model="formData.loginname"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓名" prop="username">
|
||||
<el-input v-model="formData.username"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别" prop="sex">
|
||||
<el-input v-model="formData.sex"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="民族" prop="mz">
|
||||
<el-input v-model="formData.mz"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年龄" prop="age">
|
||||
<el-input v-model="formData.age"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证" prop="idcard">
|
||||
<el-input v-model="formData.idcard"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input v-model="formData.mobile"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="人事编制" prop="rsbz">
|
||||
<el-input v-model="formData.rsbz"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职（务）称" prop="zw">
|
||||
<el-input v-model="formData.zw"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="所获荣誉" prop="chry">
|
||||
<el-form-item label-width="0" label="">
|
||||
<el-button style="float: right;margin-bottom: 10px" icon="el-icon-plus" size="mini"
|
||||
@click="formData.chry.push({hdsj:'',shry:'',ryfj:''});ryfj.push([])">
|
||||
添加
|
||||
</el-button>
|
||||
<el-table :data="formData.chry" border
|
||||
size="mini" style="width: 100%">
|
||||
<el-table-column prop="hdsj" label="获得时间" align="center" header-align="center"
|
||||
width="250px">
|
||||
<template slot-scope="{row}">
|
||||
<el-date-picker v-model="row.hdsj" type="date"
|
||||
placeholder="选择日期" format="yyyy-MM-dd"></el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="shry" label="所获荣誉" align="center" header-align="center">
|
||||
<template slot-scope="{row}">
|
||||
<el-input v-model="row.shry" placeholder="所获荣誉"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="ryfj" label="荣誉附件" align="center" header-align="center"
|
||||
width="200px">
|
||||
<template slot-scope="{$index,row}">
|
||||
<tab-upload :resfile.sync="row.ryfj"
|
||||
:filex="row.ryfj?'${AppFileDomain!}'+row.ryfj:''"
|
||||
:allowfiles="['png','jpg','jpeg','svg','doc','docx','xls']"
|
||||
maxnum="1"></tab-upload>
|
||||
<!-- <table-upload :files.sync="row.ryfj"></table-upload>-->
|
||||
<!-- <el-upload-->
|
||||
<!-- class="upload-demo"-->
|
||||
<!-- ref="upload"-->
|
||||
<!-- :on-change="(file,fileList)=>{-->
|
||||
<!-- ryfjHandleChange($index,file,fileList)-->
|
||||
<!-- }"-->
|
||||
<!-- :on-remove="(file,fileList)=>{-->
|
||||
<!-- ryfjHandleRemove($index,file,fileList)-->
|
||||
<!-- }"-->
|
||||
<!-- limit="1"-->
|
||||
<!-- :auto-upload="false">-->
|
||||
<!-- <el-button v-show="!row.filename" slot="trigger" size="small">-->
|
||||
<!-- 选取文件-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-upload>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" fixed="right" align="center" header-align="center"
|
||||
width="80px"
|
||||
fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" icon="el-icon-delete" circle
|
||||
:disabled="formData.chry.length==0"
|
||||
@click="delNotesItem(scope.$index)"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="accessory" label="身份证复印件">
|
||||
<el-upload
|
||||
name="file"
|
||||
ref="upload"
|
||||
action="**"
|
||||
:on-remove="handleRemove"
|
||||
:on-change="handleChange"
|
||||
:auto-upload="false"
|
||||
limit="1"
|
||||
:file-list="fileList"
|
||||
list-type="picture">
|
||||
<el-button size="small" type="primary">选择文件</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="v='index'">取 消</el-button>
|
||||
<el-button type="primary" @click="doBm">确 定</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<!-- <transition name="el-zoom-in-center">-->
|
||||
<!-- <div v-show="v=='edit'" class="transition-item">-->
|
||||
<!-- <el-row class="header navbar bg-white shadow">-->
|
||||
<!-- <div class="btn-group tool-button mt5">-->
|
||||
<!-- <el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 18px">返回-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-row>-->
|
||||
<!-- <el-card class="box-card" style="margin-top: 50px;padding: 0 200px">-->
|
||||
<!-- <el-divider content-position="left"><span style="color: rgb(121, 187, 255)">请填写以下个人信息</span>-->
|
||||
<!-- </el-divider>-->
|
||||
<!-- <el-form :model="formData" ref="bmForm" :rules="formRules" label-width="120px"-->
|
||||
<!-- style="padding: 0 30px">-->
|
||||
|
||||
<!-- <el-form-item label="工号" prop="loginname">-->
|
||||
<!-- <el-input readonly v-model="formData.loginname"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<!-- <el-row :gutter="20">-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item label="姓名" prop="username">-->
|
||||
<!-- <el-input v-model="formData.username"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item label="性别" prop="sex">-->
|
||||
<!-- <el-input v-model="formData.sex"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
|
||||
<!-- <el-row :gutter="20">-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item label="年龄" prop="age">-->
|
||||
<!-- <el-input v-model="formData.age"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item label="手机号" prop="mobile">-->
|
||||
<!-- <el-input v-model="formData.mobile"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
|
||||
<!-- <el-row :gutter="20">-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item label="人事编制" prop="rsbz">-->
|
||||
<!-- <el-input v-model="formData.rsbz"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="12">-->
|
||||
<!-- <el-form-item label="职（务）称" prop="zw">-->
|
||||
<!-- <el-input v-model="formData.zw"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
|
||||
<!-- <el-form-item label="所获荣誉" prop="chry">-->
|
||||
<!-- <el-form-item label-width="0" label="">-->
|
||||
<!-- <el-button style="float: right;margin-bottom: 10px" icon="el-icon-plus" size="mini"-->
|
||||
<!-- @click="formData.chry.push({hdsj:'',shry:'',ryfj:''});ryfj.push([])">-->
|
||||
<!-- 添加-->
|
||||
<!-- </el-button>-->
|
||||
<!-- <el-table :data="formData.chry" border size="mini" style="width: 100%">-->
|
||||
<!-- <el-table-column prop="hdsj" label="获得时间" align="center" header-align="center"-->
|
||||
<!-- width="250px">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <el-date-picker v-model="row.hdsj" type="date"-->
|
||||
<!-- placeholder="选择日期" format="yyyy-MM-dd"></el-date-picker>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<!-- <el-table-column prop="shry" label="所获荣誉" align="center" header-align="center">-->
|
||||
<!-- <template slot-scope="{row}">-->
|
||||
<!-- <el-input v-model="row.shry" placeholder="所获荣誉"></el-input>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<!-- <el-table-column prop="ryfj" label="荣誉附件" align="center" header-align="center"-->
|
||||
<!-- width="200px">-->
|
||||
<!-- <template slot-scope="{$index,row}">-->
|
||||
<!-- <tab-upload :resfile.sync="row.ryfj"-->
|
||||
<!-- :filex="row.ryfj?'${AppFileDomain!}'+row.ryfj:''"-->
|
||||
<!-- :allowfiles="['png','jpg','jpeg','svg','doc','docx','xls']"-->
|
||||
<!-- maxnum="1"></tab-upload>-->
|
||||
<!-- <!– <el-upload–>-->
|
||||
<!-- <!– class="upload-demo"–>-->
|
||||
<!-- <!– ref="upload"–>-->
|
||||
<!-- <!– :on-change="(file,fileList)=>{–>-->
|
||||
<!-- <!– ryfjHandleChange($index,file,fileList)–>-->
|
||||
<!-- <!– }"–>-->
|
||||
<!-- <!– :on-remove="(file,fileList)=>{–>-->
|
||||
<!-- <!– ryfjHandleRemove($index,file,fileList)–>-->
|
||||
<!-- <!– }"–>-->
|
||||
<!-- <!– limit="1"–>-->
|
||||
<!-- <!– :file-list="ryfj[$index]"–>-->
|
||||
<!-- <!– :auto-upload="false">–>-->
|
||||
<!-- <!– <el-button v-show="!row.filename" slot="trigger" size="small">–>-->
|
||||
<!-- <!– 选取文件–>-->
|
||||
<!-- <!– </el-button>–>-->
|
||||
<!-- <!– </el-upload>–>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
|
||||
<!-- <el-table-column label="操作" fixed="right" align="center" header-align="center"-->
|
||||
<!-- width="80px"-->
|
||||
<!-- fixed="right">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- <el-button type="danger" icon="el-icon-delete" circle-->
|
||||
<!-- :disabled="formData.chry.length==0"-->
|
||||
<!-- @click="delNotesItem(scope.$index)"></el-button>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- </el-table>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<!-- <el-form-item prop="accessory" label="身份证复印件">-->
|
||||
<!-- <el-upload-->
|
||||
<!-- name="file"-->
|
||||
<!-- ref="upload"-->
|
||||
<!-- action="**"-->
|
||||
<!-- :on-remove="handleRemove"-->
|
||||
<!-- :on-change="handleChange"-->
|
||||
<!-- :auto-upload="false"-->
|
||||
<!-- limit="1"-->
|
||||
<!-- :file-list="fileList"-->
|
||||
<!-- list-type="picture">-->
|
||||
<!-- <el-button size="small" type="primary">选择文件</el-button>-->
|
||||
<!-- </el-upload>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-form>-->
|
||||
|
||||
<!-- <div style="float: right;margin: 20px 0">-->
|
||||
<!-- <el-button @click="v='index'">取 消</el-button>-->
|
||||
<!-- <el-button type="primary" @click="doEdit">确 定</el-button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-card>-->
|
||||
<!-- </div>-->
|
||||
<!-- </transition>-->
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
lxyHd: [],
|
||||
sign: 0,
|
||||
userData: [],
|
||||
unions: [],
|
||||
userOptions: [],
|
||||
loading: false,
|
||||
tabLoading: false,
|
||||
userLoading: false,
|
||||
v: "index",
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "name",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
ghid: ""
|
||||
},
|
||||
userPageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
searchForm: {
|
||||
userId: "",
|
||||
ghId: ""
|
||||
},
|
||||
userData: [],
|
||||
fileList: [],
|
||||
delFiles: [],
|
||||
ryfj: [],
|
||||
hdid: "",
|
||||
uid: "",
|
||||
formRules: {
|
||||
loginname: [{required: false, message: '必填', trigger: ['blur', 'change']}],
|
||||
username: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
age: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sex: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'tab-upload': httpVueLoader('/components/plugins/TabUpload.vue'),
|
||||
'table-upload': httpVueLoader('/components/plugins/TableUpload.vue')
|
||||
},
|
||||
methods: {
|
||||
async getLxyGrInfo(id) {
|
||||
const {data} = await $.get(base + "/platform/zgfw/lxy/grbm/findOne", {id})
|
||||
return data
|
||||
},
|
||||
delNotesItem(index) {
|
||||
if (this.formData.chry[index].filepath) {
|
||||
$.post('/platform/Common/deleteFile', {filepath: this.formData.chry[index].filepath})
|
||||
}
|
||||
|
||||
// this.ryfj[index] = []
|
||||
// this.ryfj.splice(index, 1)
|
||||
this.formData.chry[index].ryfj = ''
|
||||
this.formData.chry.splice(index, 1)
|
||||
},
|
||||
async openEdit(row) {
|
||||
this.delFiles = []
|
||||
this.fileList = []
|
||||
this.ryfj = []
|
||||
let data = await this.getLxyGrInfo(row.gid)
|
||||
data.chry.forEach(v => {
|
||||
if (v.filepath) {
|
||||
this.ryfj.push([{
|
||||
status: 'success',
|
||||
name: v.filename,
|
||||
url: '${AppFileDomain!}' + v.filepath,
|
||||
}])
|
||||
} else {
|
||||
this.ryfj.push([])
|
||||
}
|
||||
})
|
||||
data.files.forEach(v => {
|
||||
this.fileList.push({
|
||||
id: v.id,
|
||||
name: v.filename,
|
||||
url: '${AppFileDomain!}' + v.filepath,
|
||||
status: "success"
|
||||
})
|
||||
})
|
||||
|
||||
this.formData = data
|
||||
this.v = "edit"
|
||||
},
|
||||
|
||||
// doEdit() {
|
||||
// this.$refs["bmForm"].validate((valid) => {
|
||||
// if (valid) {
|
||||
// const loading = this.$loading({
|
||||
// lock: true,
|
||||
// text: '数据提交中...',
|
||||
// spinner: 'el-icon-loading',
|
||||
// background: 'rgba(0, 0, 0, 0.7)'
|
||||
// });
|
||||
//
|
||||
// let formData = new FormData()
|
||||
//
|
||||
// this.fileList.forEach(function (val) {
|
||||
// if (val.status === 'ready') {
|
||||
// formData.append("fileList", val.raw, val.raw.name);
|
||||
// }
|
||||
// })
|
||||
//
|
||||
// formData.append("delFiles", this.delFiles)
|
||||
//
|
||||
// this.formData.chry = JSON.stringify(this.formData.chry)
|
||||
//
|
||||
// for (let key in this.formData) {
|
||||
// if (key != "files") {
|
||||
// formData.append(key, this.formData[key] ? this.formData[key] : '');
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// $.ajax({
|
||||
// url: "/platform/zgfw/lxy/grbm/doEdit",
|
||||
// type: "post",
|
||||
// data: formData,
|
||||
// processData: false,
|
||||
// contentType: false,
|
||||
// success: (data) => {
|
||||
// this.v = "index"
|
||||
// loading.close()
|
||||
// if (data.code === 0) {
|
||||
// this.$message({
|
||||
// message: data.msg,
|
||||
// type: 'success'
|
||||
// });
|
||||
//
|
||||
// this.pageData();
|
||||
// } else {
|
||||
// this.$message({
|
||||
// message: data.msg,
|
||||
// type: 'error'
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// error: data => {
|
||||
// this.v = "index"
|
||||
// loading.close()
|
||||
// this.$message({
|
||||
// message: data.msg,
|
||||
// type: 'error'
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
|
||||
openBm(row) {
|
||||
this.fileList = []
|
||||
this.delFiles = []
|
||||
this.formData = {
|
||||
loginname: row.loginname,
|
||||
username: row.username,
|
||||
rsbz: row.rsbz,
|
||||
zw: row.zw,
|
||||
sex: row.sex,
|
||||
age: row.age,
|
||||
mobile: row.mobile,
|
||||
mz: row.mz,
|
||||
idcard: row.idcard,
|
||||
ghid: row.unionid,
|
||||
chry: [],
|
||||
hdid: row.hdid,
|
||||
userid: row.uid
|
||||
}
|
||||
this.v = "bm"
|
||||
},
|
||||
|
||||
doBm() {
|
||||
this.$refs["bmForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0,0,0,0.7)'
|
||||
});
|
||||
|
||||
let formData = new FormData()
|
||||
|
||||
this.fileList.forEach(function (val) {
|
||||
formData.append("fileList", val.raw, val.raw.name);
|
||||
})
|
||||
|
||||
formData.append("delFiles", this.delFiles)
|
||||
|
||||
this.formData.chry = JSON.stringify(this.formData.chry)
|
||||
|
||||
for (let key in this.formData) {
|
||||
formData.append(key, this.formData[key] ? this.formData[key] : '');
|
||||
}
|
||||
|
||||
console.log(this.v)
|
||||
let url
|
||||
if (this.v == "bm") {
|
||||
url = "/platform/zgfw/lxy/grbm/doAdd"
|
||||
} else if (this.v == "edit") {
|
||||
url = "/platform/zgfw/lxy/grbm/doEdit"
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: "post",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: (data) => {
|
||||
this.v = "index"
|
||||
loading.close()
|
||||
if (data.code === 0) {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
|
||||
this.pageData();
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
error: data => {
|
||||
this.v = "index"
|
||||
loading.close()
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
handleRemove(file, fileList) {
|
||||
this.fileList = fileList;
|
||||
if (file.status === "success") {
|
||||
this.delFiles.push(file.id);
|
||||
}
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
const delFile = () => {
|
||||
for (let i = 0; i < fileList.length; i++) {
|
||||
if (file === fileList[i]) {
|
||||
fileList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
if (this.size === 0) {
|
||||
this.$message.warning("您选择的是空文件!");
|
||||
delFile()
|
||||
}
|
||||
if (!uploadFileType.includes(file.name.split('.')[1])) {
|
||||
this.$message.warning("文件格式不支持!");
|
||||
delFile()
|
||||
}
|
||||
this.fileList = fileList;
|
||||
},
|
||||
|
||||
ryfjHandleRemove(index, file, fileList) {
|
||||
if (this.formData.chry[index].filepath) {
|
||||
$.post('/platform/Common/deleteFile', {filepath: this.formData.chry[index].filepath})
|
||||
}
|
||||
this.$set(this.formData.chry[index], 'filename', '')
|
||||
this.$set(this.formData.chry[index], 'filepath', '')
|
||||
},
|
||||
ryfjHandleChange(index, file, fileList) {
|
||||
const delFile = () => {
|
||||
for (let i = 0; i < fileList.length; i++) {
|
||||
if (file === fileList[i]) {
|
||||
fileList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
if (this.size === 0) {
|
||||
this.$message.warning("您选择的是空文件!");
|
||||
delFile()
|
||||
}
|
||||
if (!uploadFileType.includes(file.name.split('.')[1])) {
|
||||
this.$message.warning("文件格式不支持!");
|
||||
delFile()
|
||||
}
|
||||
|
||||
let formData = new FormData()
|
||||
formData.append("file", file.raw, file.raw.name);
|
||||
|
||||
this.$set(this.formData.chry[index], 'filename', file.name)
|
||||
this.$set(this.formData.chry[index], 'filepath', '')
|
||||
|
||||
$.ajax({
|
||||
url: "/platform/Common/uploadFile",
|
||||
type: "post",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: (res) => {
|
||||
const {code, data} = res
|
||||
if (code == 0) {
|
||||
this.$set(this.formData.chry[index], 'filename', data.filename)
|
||||
this.$set(this.formData.chry[index], 'filepath', data.filepath)
|
||||
}
|
||||
},
|
||||
error: data => {
|
||||
this.$set(this.formData.chry[index], 'filename', '')
|
||||
this.$set(this.formData.chry[index], 'filepath', '')
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
pageOrder(column) {//按字段排序
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {//加载分页数据
|
||||
sublime.showLoadingbar();//显示loading
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/grbm/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.unions = await getUnions()
|
||||
this.lxyHd = await getNowLxyHd()
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#layout("/platform/zgfw/lxy/dialogView.html"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,868 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.v-box .el-card__header {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.el-select-dropdown {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-picker-panel {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.d-select {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.hdnr .el-form-item__label:before {
|
||||
content: '*';
|
||||
color: #F56C6C;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava>
|
||||
<el-row class="transition-row">
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='index'" class="transition-item">
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select class="d-select" v-model="pageForm.pastQuota" filterable clearable
|
||||
width="300px"
|
||||
placeholder="请选择活动">
|
||||
<el-option
|
||||
v-for="item in lxyHd"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select class="d-select" v-model="pageForm.hdcd" filterable clearable
|
||||
width="300px"
|
||||
placeholder="请选择场地">
|
||||
<el-option
|
||||
v-for="item in lxyHdCd"
|
||||
:key="item.id"
|
||||
:label="item.hdcd"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button icon="el-icon-plus" @click="openAdd">创建活动</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="100px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动名称" prop="name" header-align="center" width="300px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-link type="primary" @click="lxy_app.openView(scope.row.id)">
|
||||
{{scope.row.name}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动场地" prop="hdcd" header-align="center" show-overflow-tooltip
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="活动时间" prop="hdkssj" header-align="center" sortable
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名时间" prop="bmsj" header-align="center" sortable
|
||||
align="center" width="330px">
|
||||
|
||||
<template scope="scope">
|
||||
{{scope.row.bmkssj}} 至 {{scope.row.bmjzsj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="状态" prop="name" header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<span :class="lxy_app.getStatus(scope.row).class">{{lxy_app.getStatus(scope.row).name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right"
|
||||
width="250px">
|
||||
<template scope="scope">
|
||||
<!-- <el-button size="mini" @click="openView(scope.row.id)">查看</el-button>-->
|
||||
<el-button size="mini" type="primary" @click="openEdit(scope.row.id)" plain>编辑
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" @click="doDelete(scope.row.id)" plain>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<!-- 新增 -->
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='add'" class="transition-item">
|
||||
<el-card class="box-card v-box" shadow="never">
|
||||
<div slot="header" class="clearfix">
|
||||
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 18px">返回
|
||||
</el-button>
|
||||
</div>
|
||||
<el-row style="padding: 0 10%;" v-loading="loading">
|
||||
|
||||
<el-steps :active="stepActive" simple finish-status="success">
|
||||
<el-step title="活动信息" description="">
|
||||
|
||||
</el-step>
|
||||
<el-step title="名额分配" description="">
|
||||
|
||||
</el-step>
|
||||
</el-steps>
|
||||
|
||||
|
||||
<transition name="el-zoom-in-top">
|
||||
<div v-show="stepActive==0" class="transition-box" style="margin-top: 20px;">
|
||||
<el-form :model="formData" ref="form" :rules="formRules"
|
||||
label-width="120px">
|
||||
<el-form-item label="填写活动信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
<el-form-item label="活动名称" prop="name">
|
||||
<el-input type="text" v-model="formData.name" maxlength="100"
|
||||
placeholder="请填写活动名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名时间" label-width="120px" prop="bmsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.bmsj"
|
||||
type="datetimerange"
|
||||
align="right"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="活动时间" prop="hdsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.hdsj"
|
||||
type="daterange"
|
||||
align="right"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="活动场地" prop="hdcd">
|
||||
<el-input type="text" v-model="formData.hdcd" maxlength="100"
|
||||
placeholder="请填写活动场地"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="报名条件" prop="hdzysx">
|
||||
<el-input type="textarea" rows="4" v-model="formData.hdzysx" maxlength="500"
|
||||
placeholder="请填写报名条件"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<div class="hdnr">
|
||||
<el-form-item label="具体要求" prop="hdnr">
|
||||
<div id="lrEditor"></div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
|
||||
<el-form-item prop="accessory" label="附件上传">
|
||||
<el-upload
|
||||
name="file"
|
||||
ref="upload"
|
||||
action="**"
|
||||
:on-remove="handleRemove"
|
||||
:on-change="handleChange"
|
||||
:auto-upload="false"
|
||||
limit="5"
|
||||
:file-list="fileList">
|
||||
<el-button size="small" type="primary">选择文件</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="next">下一步</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
<transition name="el-zoom-in-bottom">
|
||||
<div v-show="stepActive==1" class="transition-box" style="margin-top: 20px;">
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<span style="color:#409EFF">沿用之前活动名额 </span>
|
||||
<el-select class="d-select" v-model="pastQuota" filterable clearable
|
||||
width="300px"
|
||||
placeholder="请选择活动" @change="mefpChange">
|
||||
<el-option
|
||||
v-for="item in lxyHd"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<el-table :data="unions_" size="medium" height="70vh">
|
||||
<el-table-column align="center" type="index" header-align="center"
|
||||
label="序号"></el-table-column>
|
||||
|
||||
<el-table-column label="院级工会" prop="unionname" sortable>
|
||||
<template scope="{row}">
|
||||
{{isDisPlayCode?'（'+row.unioncode+'）':null}}{{row.unionname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="会员人数" prop="membercount" sortable></el-table-column>
|
||||
|
||||
<el-table-column label="名额" prop="number" header-align="center" width="200px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-input-number v-model="scope.row.number" placeholder="请填写名额数"
|
||||
controls-position="right" :min="0"
|
||||
:max="1000"></el-input-number>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="stepActive=0">上一步</el-button>
|
||||
<el-button type="primary" :disabled="subDis" @click="doAdd()">提
|
||||
交
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<!-- 编辑 -->
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='edit'" class="transition-item">
|
||||
<el-card class="box-card v-box" shadow="never">
|
||||
<div slot="header" class="clearfix">
|
||||
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 18px">返回
|
||||
</el-button>
|
||||
</div>
|
||||
<el-row style="padding: 0 10%;" v-loading="loading">
|
||||
|
||||
<el-tabs v-model="tabs_active" stretch>
|
||||
<el-tab-pane label="活动信息" name="1">
|
||||
<el-form :model="formData" ref="form" :rules="formRules"
|
||||
label-width="120px">
|
||||
<vi-title title="修改活动信息"></vi-title>
|
||||
<el-form-item label="活动名称" prop="name">
|
||||
<el-input type="text" v-model="formData.name" maxlength="100"
|
||||
placeholder="请填写活动名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名时间" label-width="120px" prop="bmsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.bmsj"
|
||||
type="datetimerange"
|
||||
align="right"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="活动时间" prop="hdsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.hdsj"
|
||||
type="daterange"
|
||||
align="right"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="活动场地" prop="hdcd">
|
||||
<el-input type="text" v-model="formData.hdcd" maxlength="100"
|
||||
placeholder="请填写活动场地"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="报名条件" prop="hdzysx">
|
||||
<el-input type="textarea" rows="4" v-model="formData.hdzysx" maxlength="500"
|
||||
placeholder="请填写报名条件"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="活动内容" prop="hdnr">
|
||||
<div v-if="v=='edit'" id="lrEditor"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="accessory" label="附件上传">
|
||||
<el-upload
|
||||
name="file"
|
||||
ref="upload"
|
||||
action="**"
|
||||
:on-remove="handleRemove"
|
||||
:on-change="handleChange"
|
||||
:auto-upload="false"
|
||||
limit="5"
|
||||
:file-list="fileList">
|
||||
<el-button size="small" type="primary">选择文件</el-button>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" :disabled="subDis" @click="doEdit()">修 改</el-button>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="名额分配" name="2">
|
||||
<el-form label-width="120px">
|
||||
<vi-title title="修改名额分配"></vi-title>
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<span style="color:#409EFF">沿用之前活动名额 </span>
|
||||
<el-select class="d-select" v-model="pastQuota" filterable clearable
|
||||
width="300px"
|
||||
placeholder="请选择活动" @change="mefpChange">
|
||||
<el-option
|
||||
v-for="item in lxyHd"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form>
|
||||
<el-table :data="unions_" size="medium" height="70vh">
|
||||
<el-table-column align="center" type="index" header-align="center"
|
||||
label="序号"></el-table-column>
|
||||
|
||||
<el-table-column label="院级工会" prop="unionname" sortable>
|
||||
<template scope="{row}">
|
||||
{{isDisPlayCode?'（'+row.unioncode+'）':null}}{{row.unionname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="会员人数" prop="membercount" sortable></el-table-column>
|
||||
|
||||
<el-table-column label="名额" prop="number" header-align="center" width="200px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-input-number v-model="scope.row.number" placeholder="请填写名额数"
|
||||
controls-position="right" :min="0"
|
||||
:max="1000"></el-input-number>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
|
||||
<el-button type="primary" :disabled="subDis" @click="doEditMefp">提 交</el-button>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
|
||||
</el-row>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
</el-row>
|
||||
</guava>
|
||||
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let E = window.wangEditor
|
||||
|
||||
let lrEditor = {}
|
||||
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
let validHdnr = (rule, value, callback) => {
|
||||
if (!this.formData.hdnr || !dd3s.html2txt(this.formData.hdnr)) {
|
||||
callback(new Error('请填写活动内容'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
pastQuota: "",
|
||||
tabs_active: '1',
|
||||
unions: [],
|
||||
unions_: [],
|
||||
lxyHd: [],
|
||||
lxyHdCd: [],
|
||||
stepActive: 0,
|
||||
v: "index",
|
||||
userOptions: [],
|
||||
addDialogVisible: false,
|
||||
editDialogVisible: false,
|
||||
loading: false,
|
||||
tabLoading: false,
|
||||
userLoading: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + "",
|
||||
searchName: "id",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
formRules: {
|
||||
name: [{required: true, message: '请填写活动名称', trigger: ['blur', 'change']}],
|
||||
bmsj: [{required: true, message: '请选择报名时间', trigger: ['blur', 'change']}],
|
||||
hdsj: [{required: true, message: '请选择活动时间', trigger: ['blur', 'change']}],
|
||||
hdcd: [{required: true, message: '请填写活动场地', trigger: ['blur', 'change']}],
|
||||
hdzysx: [{required: true, message: '请填写活动场地', trigger: ['blur', 'change']}],
|
||||
hdnr: [{validator: validHdnr, trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
fileList: [],
|
||||
delFiles: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
mefpChange() {
|
||||
if (this.pastQuota === '') {
|
||||
this.unions_ = this.unions.map(v => {
|
||||
const o = {
|
||||
ghid: v.id,
|
||||
unionname: v.unionname,
|
||||
number: 0,
|
||||
unioncode: v.unioncode,
|
||||
membercount: v.membercount
|
||||
}
|
||||
return o
|
||||
})
|
||||
return
|
||||
}
|
||||
$.post(base + "/platform/zgfw/lxy/hd/getPastQuota", {pastQuota: this.pastQuota}, res => {
|
||||
this.unions_ = res.data
|
||||
})
|
||||
},
|
||||
doEditMefp() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
$.post(base + "/platform/zgfw/lxy/hd/doEditMefp", {mefp: JSON.stringify(this.unions_)}, (data) => {
|
||||
loading.close()
|
||||
if (data.code == 0) {
|
||||
this.v = 'index'
|
||||
this.$message({
|
||||
message: '修改成功',
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
async next() {
|
||||
if (!this.formData.hdnr || !dd3s.html2txt(this.formData.hdnr)) {
|
||||
this.$message.warning("请填写具体要求")
|
||||
}
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (moment(this.formData.hdsj[0].valueOf()) < moment(this.formData.bmsj[1]).valueOf()) {
|
||||
this.$message.warning('报名截止时间必须早于活动时间！');
|
||||
return
|
||||
}
|
||||
this.stepActive = 1
|
||||
}
|
||||
})
|
||||
this.lxyHd = await getLxyHd()
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
this.fileList = fileList;
|
||||
if (file.status === "success") {
|
||||
this.delFiles.push(file.id);
|
||||
}
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
const delFile = () => {
|
||||
for (let i = 0; i < fileList.length; i++) {
|
||||
if (file === fileList[i]) {
|
||||
fileList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
if (this.size === 0) {
|
||||
this.$message.warning("您选择的是空文件!");
|
||||
delFile()
|
||||
}
|
||||
if (!uploadFileType.includes(file.name.split('.')[1])) {
|
||||
this.$message.warning("文件格式不支持!");
|
||||
delFile()
|
||||
}
|
||||
this.fileList = fileList;
|
||||
},
|
||||
async userRemoteMethod(query) {
|
||||
if (query) {
|
||||
this.userLoading = true
|
||||
const arr = await searchUser(query)
|
||||
this.userOptions = this.userOptions.filter(v => {
|
||||
return v.id == this.formData.hdfzr
|
||||
}).concat(arr.filter(v => {
|
||||
return v.id != this.formData.hdfzr
|
||||
}));
|
||||
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
doEdit() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.formData.bmkssj = this.formData.bmsj[0]
|
||||
this.formData.bmjzsj = this.formData.bmsj[1]
|
||||
|
||||
this.formData.hdkssj = this.formData.hdsj[0]
|
||||
this.formData.hdjssj = this.formData.hdsj[1]
|
||||
|
||||
let formdata = new FormData();
|
||||
for (let key in this.formData) {
|
||||
if (key != 'mefp') {
|
||||
formdata.append(key, this.formData[key] ? this.formData[key] : '');
|
||||
}
|
||||
}
|
||||
|
||||
this.fileList.forEach(function (val) {
|
||||
if (val.status === 'ready') {
|
||||
formdata.append("files", val.raw, val.raw.name);
|
||||
}
|
||||
});
|
||||
|
||||
formdata.append("delFiles", this.delFiles)
|
||||
|
||||
this.subDis = true
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
$.ajax({
|
||||
url: "/platform/zgfw/lxy/hd/doEdit",
|
||||
type: "post",
|
||||
data: formdata,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: (data) => {
|
||||
this.subDis = false
|
||||
loading.close()
|
||||
if (data.code === 0) {
|
||||
this.v = 'index'
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData();
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
error: data => {
|
||||
this.subDis = false
|
||||
loading.close()
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
openEdit(id) {
|
||||
this.pastQuota = ""
|
||||
this.fileList = []
|
||||
this.delFiles = []
|
||||
this.formData = {}
|
||||
this.stepActive = 0
|
||||
|
||||
this.v = 'edit'
|
||||
this.tabs_active = '1'
|
||||
this.loading = true
|
||||
|
||||
$.get(base + "/platform/zgfw/lxy/common/getHdInfo", {id}, (data) => {
|
||||
if (data.code == 0) {
|
||||
data.data.hdsj = [data.data.hdkssj, data.data.hdjssj]
|
||||
data.data.bmsj = [data.data.bmkssj, data.data.bmjzsj]
|
||||
this.unions_ = data.data.mefp
|
||||
this.formData = data.data
|
||||
//files
|
||||
data.data.files.forEach(v => {
|
||||
this.fileList.push({id: v.id, name: v.filename, url: v.filepath, status: 'success'})
|
||||
})
|
||||
|
||||
this.$nextTick(() => {
|
||||
$("#lrEditor").html("")
|
||||
lrEditor = new E("#lrEditor")
|
||||
lrEditor.config.onchange = (html) => {
|
||||
this.formData.hdnr = html
|
||||
}
|
||||
|
||||
lrEditor.create()
|
||||
lrEditor.txt.html(data.data.hdnr)
|
||||
})
|
||||
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
|
||||
this.loading = false
|
||||
}, "json");
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/lxy/hd/delete", {id: id}, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData();
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.formData.bmkssj = this.formData.bmsj[0]
|
||||
this.formData.bmjzsj = this.formData.bmsj[1]
|
||||
|
||||
this.formData.hdkssj = this.formData.hdsj[0]
|
||||
this.formData.hdjssj = this.formData.hdsj[1]
|
||||
|
||||
let formdata = new FormData();
|
||||
for (let key in this.formData) {
|
||||
formdata.append(key, this.formData[key] ? this.formData[key] : '');
|
||||
}
|
||||
|
||||
this.fileList.forEach(function (val) {
|
||||
formdata.append("files", val.raw, val.raw.name);
|
||||
});
|
||||
//const unions_ = this.unions_.filter(v => v.number)
|
||||
formdata.append('mefp', JSON.stringify(this.unions_))
|
||||
|
||||
this.subDis = true
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
$.ajax({
|
||||
url: "/platform/zgfw/lxy/hd/doAdd",
|
||||
type: "post",
|
||||
data: formdata,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: (data) => {
|
||||
this.subDis = false
|
||||
loading.close()
|
||||
if (data.code === 0) {
|
||||
this.v = 'index'
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.v = 'index'
|
||||
this.pageData();
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
error: data => {
|
||||
this.subDis = false
|
||||
loading.close()
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
openAdd() {
|
||||
this.pastQuota = ""
|
||||
this.fileList = []
|
||||
this.delFiles = []
|
||||
this.formData = {}
|
||||
this.unions_ = []
|
||||
this.unions.map(v => {
|
||||
this.unions_.push({
|
||||
ghid: v.id,
|
||||
unionname: v.unionname,
|
||||
number: 0,
|
||||
unioncode: v.unioncode,
|
||||
membercount: v.membercount
|
||||
})
|
||||
})
|
||||
this.stepActive = 0
|
||||
this.v = 'add';
|
||||
this.$nextTick(() => {
|
||||
$("#lrEditor").html("")
|
||||
lrEditor = new E("#lrEditor")
|
||||
lrEditor.config.onchange = (html) => {
|
||||
this.formData.hdnr = html
|
||||
}
|
||||
lrEditor.create()
|
||||
})
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
doSearch() {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
pageOrder(column) {//按字段排序
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {//加载分页数据
|
||||
sublime.showLoadingbar();//显示loading
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/hd/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
const unions_resp = await $.get(loc() + '/getUnions')
|
||||
this.unions = unions_resp.data
|
||||
this.lxyHd = await getLxyHd()
|
||||
this.lxyHdCd = await getlxyHdCd()
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#layout("/platform/zgfw/lxy/dialogView.html"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,663 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.v-box .el-card__header {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.el-select-dropdown {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-picker-panel {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
|
||||
.el-transfer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.el-transfer-panel {
|
||||
text-align: left;
|
||||
width: 40%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.el-transfer-panel__list.is-filterable {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.demo-table-expand {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.demo-table-expand label {
|
||||
margin-left: 100px;
|
||||
width: 100%;
|
||||
color: #99a9bf;
|
||||
}
|
||||
|
||||
.demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-textarea__inner {
|
||||
width: 600px;
|
||||
margin-left: 90px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-row class="transition-row">
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='index'" class="transition-item">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.hdid" filterable clearable placeholder="请选择活动" @change="pageData">
|
||||
<el-option
|
||||
v-for="item in lxyHd"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年度">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="100px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动名称" prop="name" header-align="center" width="300px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<el-link type="primary" @click="lxy_app.openView(scope.row.id)">
|
||||
{{scope.row.name}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动场地" prop="hdcd" header-align="center" show-overflow-tooltip
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="活动时间" prop="hdkssj" header-align="center" sortable
|
||||
align="center" width="200px">
|
||||
<template scope="scope">
|
||||
{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名时间" prop="bmsj" header-align="center" sortable
|
||||
align="center" width="300px">
|
||||
|
||||
<template scope="scope">
|
||||
{{scope.row.bmkssj}} 至 {{scope.row.bmjzsj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="状态" prop="name" header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
<span :class="lxy_app.getStatus(scope.row).class">{{lxy_app.getStatus(scope.row).name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="院级工会" prop="unionname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="总名额" prop="number" header-align="center"
|
||||
align="center" width="100px">
|
||||
<template scope="scope">
|
||||
<span style="color: tomato">{{scope.row.number}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="剩余名额" prop="remain" header-align="center"
|
||||
align="center" width="100px">
|
||||
<template scope="scope">
|
||||
<span style="color: tomato">{{scope.row.remain}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="150px">
|
||||
<template scope="scope">
|
||||
<!-- <el-button size="mini" @click="openView(scope.row)">查看-->
|
||||
<!-- </el-button>-->
|
||||
<el-button size="mini" @click="openEdit(scope.row)"
|
||||
:disabled="scope.row.number == scope.row.remain" plain>修改
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="openTj(scope.row)"
|
||||
:disabled="scope.row.remain<=0" plain>推荐
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='bm'" class="transition-item">
|
||||
<el-card class="box-card v-box" shadow="never">
|
||||
<div slot="header" class="clearfix">
|
||||
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 18px">返回
|
||||
</el-button>
|
||||
</div>
|
||||
<el-row style="padding: 0 15%;" v-loading="loading">
|
||||
|
||||
<el-steps :active="stepActive" finish-status="success" simple>
|
||||
<el-step title="选择人员"></el-step>
|
||||
<el-step title="确定名单"></el-step>
|
||||
</el-steps>
|
||||
|
||||
<transition name="el-zoom-in-top">
|
||||
<div v-show="stepActive==0" class="transition-box" style="margin-top: 20px;">
|
||||
|
||||
<el-row class="navbar">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input v-model="userPageForm.query" placeholder="请输入姓名或工号查询"></el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search"
|
||||
@click="doUserSearch">
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-checkbox-group v-model="userPageForm.check" @change="checkChange">
|
||||
<el-checkbox label="honer">是否获取荣誉</el-checkbox>
|
||||
<el-checkbox label="five">五年内未参加</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<div class="text-primary" style="line-height: 40px">
|
||||
{{numData.unionname}} 共有 <span class="text-danger">{{numData.sum}}</span>个名额，
|
||||
可选择 <span
|
||||
class="text-danger">{{numData.kxz}}</span>
|
||||
个，
|
||||
已选择<span class="text-danger">{{multipleSelection.length}}</span>个。
|
||||
</div>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="">
|
||||
<el-table ref="userTable" :key="tabKey"
|
||||
@selection-change="handleSelectionChange"
|
||||
:data="userData"
|
||||
style="width: 100%" row-key="id" v-loading="userTableLoading"
|
||||
size="medium"
|
||||
@sort-change="userPageOrder">
|
||||
<el-table-column
|
||||
:reserve-selection="true"
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="性别" prop="sex" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="年龄" prop="age" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container" style="margin-top: 20px">
|
||||
<el-pagination
|
||||
@size-change="userPageSizeChange"
|
||||
@current-change="userPageNumberChange"
|
||||
:current-page="userPageForm.pageNumber"
|
||||
:page-size="userPageForm.pageSize"
|
||||
layout="total, prev, pager, next"
|
||||
:total="userPageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<div style="float: right;margin: 0px 0">
|
||||
<el-button type="primary" @click="next">下一步</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
<transition name="el-zoom-in-bottom">
|
||||
<div v-show="stepActive==1" class="transition-box" style="margin-top: 20px;">
|
||||
<el-table :key="tabKey" :data="multipleSelection" style="width: 100%" row-key="id"
|
||||
size="medium">
|
||||
|
||||
<el-table-column label="工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="性别" prop="sex" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="年龄" prop="age" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="stepActive=0">上一步</el-button>
|
||||
<el-button type="primary" @click="doTj">提交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="v=='view'" class="transition-item">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 18px">返回
|
||||
</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="bmTableData" tooltip-effect="dark" row-key="id" ref="multipleTableRy"
|
||||
style="width: 100%">
|
||||
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所获荣誉">
|
||||
<el-input v-if="props.row.chry" readonly type="textarea"
|
||||
style="width: 600px;margin-left: 90px" :rows="9"
|
||||
v-model="props.row.shry">
|
||||
</el-input>
|
||||
<el-input v-if="!props.row.chry" readonly type="textarea" :rows="9"
|
||||
value="暂无荣誉">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证相片">
|
||||
<div v-for="item in bmTableData.files"
|
||||
style="display: inline-block;width: 100px;margin-right:10px">
|
||||
<el-image fit="cover" v-if="dd3s.isPic(item.filepath)"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
:src="'${AppFileDomain!}'+item.filepath"
|
||||
@click="dd3s.showpic(item.filepath)">
|
||||
</el-image>
|
||||
|
||||
<el-image v-else
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
src="***">
|
||||
<div slot="error" class="image-slot"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical">{{item.filename}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="性别" prop="sex" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="年龄" prop="age" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="报名状态" prop="bmzt" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==3">待校工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==4">审核未通过</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.bmzt==5">审核已通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</el-row>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
unionname: '',
|
||||
viewDialogSh: false,
|
||||
bmTableData: [],
|
||||
lxyHd: [],
|
||||
tabKey: new Date().getTime(),
|
||||
userData: [],
|
||||
stepActive: 0,
|
||||
unions: [],
|
||||
v: "index",
|
||||
userOptions: [],
|
||||
loading: false,
|
||||
tabLoading: false,
|
||||
userLoading: false,
|
||||
bmDialog: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "hd.id",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
hdid: ""
|
||||
},
|
||||
userPageForm: {
|
||||
check: [],
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
searchForm: {
|
||||
userId: "",
|
||||
ghId: ""
|
||||
},
|
||||
multipleSelection: [],
|
||||
userTableLoading: false,
|
||||
numData: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// checkSelect(selection, row) {
|
||||
// // console.log(selection)
|
||||
// // if (this.numData.sum - this.multipleSelection.length == 0) {
|
||||
// // this.$refs.userTable.clearSelection();
|
||||
// // return
|
||||
// // }
|
||||
// },
|
||||
doTj() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
let arr = []
|
||||
this.multipleSelection.map(v => {
|
||||
arr.push(v.id)
|
||||
})
|
||||
let url;
|
||||
if (this.userPageForm.sign == 0) {
|
||||
url = base + "/platform/zgfw/lxy/metj/tj";
|
||||
} else if (this.userPageForm.sign == 1) {
|
||||
url = base + "/platform/zgfw/lxy/metj/doEdit";
|
||||
}
|
||||
|
||||
$.post(url, {
|
||||
hdid: this.userPageForm.hdid,
|
||||
unionid: this.userPageForm.unionid,
|
||||
users: JSON.stringify(arr)
|
||||
}, (data) => {
|
||||
loading.close()
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: '提交成功',
|
||||
type: 'success'
|
||||
});
|
||||
this.v = 'index'
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
next() {
|
||||
if (this.multipleSelection.length == 0) {
|
||||
this.$message({
|
||||
message: '请选择人员！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
if (this.userPageForm.sign == 0 && this.numData.num - this.multipleSelection.length < 0) {
|
||||
this.$message({
|
||||
message: '选择人数已达上限！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
} else if (this.userPageForm.sign == 1 && this.multipleSelection.length > this.numData.sum) {
|
||||
this.$message({
|
||||
message: '选择人数已达上限！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
this.stepActive = 1
|
||||
},
|
||||
checkChange(val) {
|
||||
this.userPageForm.pageNumber = 1
|
||||
this.userPageData()
|
||||
},
|
||||
doUserSearch() {
|
||||
this.userPageForm.pageNumber = 1
|
||||
this.userPageData()
|
||||
},
|
||||
userPageOrder(column) {//按字段排序
|
||||
this.userPageForm.pageOrderName = column.prop;
|
||||
this.userPageForm.pageOrderBy = column.order;
|
||||
this.userPageData();
|
||||
},
|
||||
userPageNumberChange(val) {//页码更新操作
|
||||
this.userPageForm.pageNumber = val;
|
||||
this.userPageData();
|
||||
},
|
||||
userPageSizeChange(val) {//分页大小更新操作
|
||||
this.userPageForm.pageSize = val;
|
||||
this.userPageData();
|
||||
},
|
||||
userPageData() {//加载分页数据
|
||||
sublime.showLoadingbar();//显示loading
|
||||
this.userTableLoading = true
|
||||
this.userPageForm.checks = JSON.stringify(this.userPageForm.check)
|
||||
$.post(base + "/platform/zgfw/lxy/metj/getUser", this.userPageForm, (data) => {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
this.userTableLoading = false
|
||||
if (data.code == 0) {
|
||||
this.userData = data.data.list;
|
||||
this.userPageForm.totalCount = data.data.totalCount;
|
||||
this.$nextTick(() => {
|
||||
const arr = JSON.parse(JSON.stringify(this.multipleSelection))
|
||||
this.userData.forEach(v => {
|
||||
if (arr.includes(v.id)) {
|
||||
this.$refs.userTable.toggleRowSelection(v)
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
filterMethod(query, item) {
|
||||
return item.username.indexOf(query) > -1 || item.loginname.indexOf(query) > -1;
|
||||
},
|
||||
openView(row) {
|
||||
this.unionname = row.unionname
|
||||
this.pageForm.hdid = row.hdid
|
||||
this.pageForm.ghid = row.ghid
|
||||
this.v = "view"
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/findBm", {ghId: row.ghid, hdId: row.hdid}, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.bmTableData = data.data;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
openTj(row) {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.stepActive = 0
|
||||
this.userPageForm = {
|
||||
sign: 0,
|
||||
check: [],
|
||||
hdid: row.hdid,
|
||||
unionid: row.ghid,
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
}
|
||||
$.post(base + "/platform/zgfw/lxy/metj/getNumberData", this.userPageForm, (data) => {
|
||||
this.numData = data.data
|
||||
this.v = 'bm'
|
||||
this.multipleSelection = []
|
||||
this.userData = []
|
||||
this.userPageData()
|
||||
})
|
||||
},
|
||||
|
||||
openEdit(row) {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.stepActive = 0
|
||||
this.userPageForm = {
|
||||
sign: 1,
|
||||
check: [],
|
||||
hdid: row.hdid,
|
||||
unionid: row.ghid,
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
}
|
||||
$.post(base + "/platform/zgfw/lxy/metj/getNumberData", this.userPageForm, (data) => {
|
||||
this.numData = data.data
|
||||
this.multipleSelection = data.data.multiple.map(v => {
|
||||
return v.id
|
||||
})
|
||||
this.userData = []
|
||||
this.v = 'bm'
|
||||
|
||||
this.userPageData()
|
||||
})
|
||||
},
|
||||
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
pageOrder(column) {//按字段排序
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {//加载分页数据
|
||||
sublime.showLoadingbar();//显示loading
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/metj/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.unions = await getUnions()
|
||||
this.lxyHd = await getNowLxyHd()
|
||||
this.pageForm.hdid = this.lxyHd[0].id
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#layout("/platform/zgfw/lxy/dialogView.html"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,361 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.file-down-span {
|
||||
background: black;
|
||||
opacity: 0.5;
|
||||
z-index: 1000;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
bottom: -100px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
:picker-options="pickerOptions"
|
||||
@change="hdSearch"
|
||||
placeholder="选择年"
|
||||
type="year"
|
||||
v-model="pageForm.year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select @change="doSearch()" placeholder="请选择活动"
|
||||
v-model="pageForm.hdid">
|
||||
<el-option
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
v-for="item in lxyHd">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select clearable filterable placeholder="请选择工会"
|
||||
v-model="pageForm.ghid">
|
||||
<el-option
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id"
|
||||
v-for="item in ghList">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入工号或姓名" v-model="pageForm.searchKey"></el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="doSearch" icon="el-icon-search" type="primary"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button @click="doExport" icon="el-icon-download" plain type="primary">导 出</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<el-table :data="tableData" row-key="id" style="width: 100%" v-loading="tabLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" width="100px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="姓名"
|
||||
prop="username"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="性别"
|
||||
prop="sex"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="年龄"
|
||||
prop="age" sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="民族"
|
||||
prop="mz" sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="手机号"
|
||||
prop="mobile" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="身份证号" prop="idcard"
|
||||
width="300px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="工会"
|
||||
prop="unionname" show-overflow-tooltip sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="单位"
|
||||
prop="unitname" show-overflow-tooltip sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="职务"
|
||||
prop="zw" sortable></el-table-column>
|
||||
|
||||
|
||||
<el-table-column align="center" fixed="right" header-align="center" label="操作" width="120px">
|
||||
<template scope="scope">
|
||||
<el-button @click="openView(scope.row)" size="mini" type="primary">查看
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-size="pageForm.pageSize"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:total="pageForm.totalCount"
|
||||
@current-change="pageNumberChange"
|
||||
@size-change="pageSizeChange"
|
||||
layout="total, sizes, prev, pager, next">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
</el-card>
|
||||
|
||||
<template #view>
|
||||
|
||||
<el-row style="padding: 50px 150px">
|
||||
|
||||
<el-form label-position="right" label-width="120px" style="padding: 20px 0">
|
||||
<vi-title title="个人信息"></vi-title>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工号：">
|
||||
{{viewData.loginname}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓名：">
|
||||
{{viewData.username}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职务：">
|
||||
{{viewData.zw}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="人事编制：">
|
||||
{{viewData.rsbz}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别：">
|
||||
{{viewData.sex}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="年龄：">
|
||||
{{viewData.age}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位：">
|
||||
{{viewData.unitname}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号：">
|
||||
{{viewData.mobile}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<vi-title title="曾获荣誉"></vi-title>
|
||||
<el-table :data="viewData.chry" show-header="false" size="mini" style="width: 100%">
|
||||
<el-table-column align="center" header-align="center" label="获得时间" prop="hdsj"
|
||||
width="250px">
|
||||
<template slot-scope="{row}">
|
||||
<el-date-picker format="yyyy-MM-dd" readonly type="date"
|
||||
v-model="row.hdsj"></el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="曾获荣誉" prop="shry">
|
||||
<template slot-scope="{row}">
|
||||
<el-input readonly v-model="row.shry"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="附件" width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<div @click="dd3s.download(row.filepath,row.filename)"
|
||||
class="file-down-span">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image :src="'${AppFileDomain!}'+row.filepath" @click="dd3s.showpic(row.filepath)"
|
||||
fit="cover"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-if="dd3s.isPic(row.filepath)">
|
||||
</el-image>
|
||||
<el-image src="***"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-else>
|
||||
<div class="image-slot" slot="error"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical">{{row.filename}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<template v-if="viewData.files&&viewData.files.length">
|
||||
<vi-title title="身份证复印件"></vi-title>
|
||||
<div style="text-align: left;">
|
||||
<div style="display: inline-block;width: 100px;margin-right:10px"
|
||||
v-for="item in viewData.files">
|
||||
<div @click="dd3s.download(item.filepath,item.filename)"
|
||||
class="file-down-span">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image :src="'${AppFileDomain!}'+item.filepath" @click="dd3s.showpic(item.filepath)"
|
||||
fit="cover"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-if="dd3s.isPic(item.filepath)">
|
||||
</el-image>
|
||||
<el-image src="***"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-else>
|
||||
<div class="image-slot" slot="error"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical">{{item.filename}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</el-form>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
tableData: [],
|
||||
viewData: [],
|
||||
lxyHd: [],
|
||||
ghList: [],
|
||||
personForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
pageForm: {
|
||||
hdid: "",
|
||||
year: "",
|
||||
ghid: "",
|
||||
searchKey: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
},
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return (
|
||||
time.getFullYear() > new Date().getFullYear()
|
||||
);
|
||||
}
|
||||
},
|
||||
tabLoading: false,
|
||||
personLoading: false,
|
||||
v: "index",
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doExport() {
|
||||
let obj = this.lxyHd.find(o => {
|
||||
return o.id === this.pageForm.hdid
|
||||
})
|
||||
this.$confirm('确定要导出' + obj.name + '人员名单吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
window.location.href = '/platform/zgfw/lxy/hdtj/doExport?hdid=' + this.pageForm.hdid + '&ghid=' + this.pageForm.ghid + '&hdname=' + obj.name
|
||||
})
|
||||
},
|
||||
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/hdtj/pageData", this.pageForm, (res) => {
|
||||
let {code, data, msg} = res
|
||||
sublime.closeLoadingbar();
|
||||
this.tabLoading = false
|
||||
if (code == 0) {
|
||||
data.list.map(v => {
|
||||
v.chry = JSON.parse(v.chry).map(x => {
|
||||
return x.shry
|
||||
}).join("，")
|
||||
})
|
||||
this.tableData = data.list;
|
||||
this.pageForm.totalCount = data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
async getLxyHd() {
|
||||
await $.get("/platform/zgfw/lxy/hdtj/getLxyHd", {year: this.pageForm.year}).then(res => {
|
||||
if (res.data.length != 0) {
|
||||
this.lxyHd = res.data
|
||||
this.pageForm.hdid = this.lxyHd[0].id
|
||||
} else {
|
||||
this.lxyHd = []
|
||||
this.pageForm.hdid = ""
|
||||
}
|
||||
})
|
||||
},
|
||||
async getLxyBmInfo(id) {
|
||||
const {data} = await $.get(base + "/platform/zgfw/lxy/fghsh/getBmInfo", {id})
|
||||
return data
|
||||
},
|
||||
async openView(row) {
|
||||
this.v = "view"
|
||||
this.$refs.guava.view()
|
||||
this.viewData = await this.getLxyBmInfo(row.id)
|
||||
this.viewData.unitname = row.unitname
|
||||
},
|
||||
|
||||
doSearch() {
|
||||
this.pageData()
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
async hdSearch() {
|
||||
await this.getLxyHd()
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageForm.year = new Date().getFullYear() + ""
|
||||
await this.getLxyHd()
|
||||
this.ghList = await getUnions()
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,699 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
.v-box .el-card__header {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.el-select-dropdown {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-loading-mask {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.el-picker-panel {
|
||||
z-index: 99999999 !important;
|
||||
}
|
||||
|
||||
.demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-textarea__inner {
|
||||
width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
placeholder="选择年度"
|
||||
type="year"
|
||||
v-model="pageForm.year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select @change="pageData" clearable filterable placeholder="请选择活动"
|
||||
v-model="pageForm.hdid">
|
||||
<el-option
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
v-for="item in lxyHd">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true" filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="doSearchGh" icon="el-icon-search" type="primary"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-radio-group @change="doSearchGh" v-model="pageForm.isAudit">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
|
||||
<el-button @click="yjTg" type="primary">一键通过</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="mt10" shadow="never">
|
||||
<vi-title2 title="审核列表">
|
||||
<template #func>
|
||||
<el-button size="small" type="primary" @click="downLoadAll">
|
||||
一键下载材料
|
||||
</el-button>
|
||||
</template>
|
||||
</vi-title2>
|
||||
<el-table :data="ghTableData" @selection-change="handleSelectionChangeGh" @sort-change="pageOrder"
|
||||
ref="multipleTableGh" row-key="ghid"
|
||||
style="width: 100%" v-loading="tabLoading">
|
||||
|
||||
<el-table-column
|
||||
:reserve-selection="true"
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="活动名称"
|
||||
prop="name">
|
||||
<template scope="scope">
|
||||
<el-link @click="lxy_app.openView(scope.row.id)" type="primary">
|
||||
{{scope.row.name}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="院级工会"
|
||||
prop="unionname"></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="活动场地" prop="hdcd"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="联系人及联系方式" prop="fglyname"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
|
||||
|
||||
<!-- <el-table-column label="活动时间" prop="hdsj" header-align="center" sortable width="200px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="报名截止时间" prop="bmsj" header-align="center" sortable width="270px"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{scope.row.bmkssj}} 至 {{scope.row.bmjzsj}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
|
||||
<el-table-column align="center" header-align="center" label="分配名额"
|
||||
prop="number">
|
||||
<template scope="scope">
|
||||
<span style="color: tomato">{{scope.row.number}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="审核状态" prop="dsh"
|
||||
show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<el-tag type="info" v-if="scope.row.dsh>0">未审核</el-tag>
|
||||
<el-tag type="success" v-else>已审核</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="报名人员" prop="username"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
|
||||
<el-table-column align="center" fixed="right" header-align="center" label="操作" width="120px">
|
||||
<template scope="scope">
|
||||
<el-button @click="openSh(scope.row)" plain size="mini" type="primary">查看人员</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<template #edit>
|
||||
<el-row justify="end" type="flex">
|
||||
<el-button @click="sh(5)" plain type="primary">批量审核</el-button>
|
||||
<!--<el-button type="danger" @click="sh(4)" plain>不通过</el-button>-->
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="bmTableData" @selection-change="handleSelectionChange" ref="multipleTableRy"
|
||||
row-key="id"
|
||||
style="width: 100%" tooltip-effect="dark">
|
||||
|
||||
<el-table-column :reserve-selection="true" :selectable='checkboxT' disabled type="selection"
|
||||
width="55"></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="工号"
|
||||
prop="loginname"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="姓名"
|
||||
prop="username"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="性别" prop="sex"
|
||||
sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="年龄" prop="age"
|
||||
sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="联系电话"
|
||||
prop="mobile"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="报名状态" prop="bmzt">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==1">待分工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==2">分工会审核未通过</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==3">待校工会审核</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.bmzt==4">校工会审核未通过</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.bmzt==5">报名成功</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==6">待填写个人资料</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" fixed="right" header-align="center" label="操作" width="150px">
|
||||
<template scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'Review',data:row}" :disabled="row.bmzt==5">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
:current-page="ghPageForm.pageNumber"
|
||||
:page-size="ghPageForm.pageSize"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:total="ghPageForm.totalCount"
|
||||
@current-change="ghPageNumberChange"
|
||||
@size-change="ghPageSizeChange"
|
||||
layout="total, sizes, prev, pager, next">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="viewDialogSh" custom-class="ViewDialogClass"
|
||||
top="3%" width="60%">
|
||||
<el-form label-position="right" label-width="120px" style="padding: 20px 0">
|
||||
<vi-title title="个人信息"></vi-title>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="工号：">
|
||||
{{ viewData.loginname }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="姓名：">
|
||||
{{ viewData.username }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="职务：">
|
||||
{{ viewData.zw }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="人事编制：">
|
||||
{{ viewData.rsbz }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="性别：">
|
||||
{{ viewData.sex }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="年龄：">
|
||||
{{ viewData.age }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="所在单位：">
|
||||
{{ viewData.unitname }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="手机号：">
|
||||
{{ viewData.mobile }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<!-- <vi-title title="曾获荣誉"></vi-title>
|
||||
<el-table :data="viewData.chry" show-header="false" size="mini" style="width: 100%">
|
||||
<el-table-column align="center" header-align="center" label="获得时间" prop="hdsj"
|
||||
width="250px">
|
||||
<template slot-scope="{row}">
|
||||
<el-date-picker format="yyyy-MM-dd" readonly type="date"
|
||||
v-model="row.hdsj"></el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="曾获荣誉" prop="shry">
|
||||
<template slot-scope="{row}">
|
||||
<el-input readonly v-model="row.shry"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="附件" width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<div @click="dd3s.download(row.ryfj,row.ryfj)" class="file-down-span">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image :src="'${AppFileDomain!}'+row.ryfj" @click="dd3s.showpic(row.ryfj)"
|
||||
fit="cover"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-if="dd3s.isPic(row.ryfj)">
|
||||
</el-image>
|
||||
<el-image src="***"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-else>
|
||||
<div class="image-slot" slot="error"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical">{{row.ryfj}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>-->
|
||||
<template v-if="viewData.files&&viewData.files.length">
|
||||
<vi-title title="身份证复印件"></vi-title>
|
||||
<div style="text-align: left;">
|
||||
<div style="display: inline-block;width: 100px;margin-right:10px"
|
||||
v-for="item in viewData.files">
|
||||
<div @click="dd3s.download(item.filepath,item.filename)" class="file-down-span">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image :src="'${AppFileDomain!}'+item.filepath" @click="dd3s.showpic(item.filepath)"
|
||||
fit="cover"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-if="dd3s.isPic(item.filepath)">
|
||||
</el-image>
|
||||
<el-image src="***"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
v-else>
|
||||
<div class="image-slot" slot="error"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical">{{item.filename}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<vi-title title="个人材料" style="margin-top: 10px"></vi-title>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-upload v-if="viewData.bmFiles && viewData.bmFiles.length > 0"
|
||||
:files="viewData.bmFiles"
|
||||
:view="true"></file-upload>
|
||||
<span v-else>暂无个人材料</span>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-form>
|
||||
<span class="dialog-footer" slot="footer" v-if="this.viewData.num==2">
|
||||
<el-button type="danger" @click="grsh(4)" plain>不通过</el-button>
|
||||
<el-button type="success" @click="grsh(5)" plain>通 过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tabKey: new Date().getTime(),
|
||||
viewData: [],
|
||||
lxyHd: [],
|
||||
unions: [],
|
||||
userOptions: [],
|
||||
multipleSelection: [],
|
||||
multipleSelectionGh: [],
|
||||
viewDialogSh: false,
|
||||
loading: false,
|
||||
tabLoading: false,
|
||||
userLoading: false,
|
||||
showGh: true,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
bmTableData: [],
|
||||
ghTableData: [],
|
||||
pageForm: {
|
||||
searchName: "name",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
isAudit: 1,
|
||||
year: new Date().getFullYear() + "",
|
||||
hdid: ""
|
||||
},
|
||||
ghPageForm: {
|
||||
isAudit: 1,
|
||||
year: new Date().getFullYear() + "",
|
||||
searchName: "un.unionname",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
hdid: ""
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
downLoadAll() {
|
||||
location.href = '/platform/zgfw/lxy/xghsh/downLoadAll?year=' + this.pageForm.year +
|
||||
'&hdid=' + this.pageForm.hdid + '&searchKeyword=' + this.pageForm.searchKeyword +
|
||||
'&isAudit=' + this.pageForm.isAudit
|
||||
},
|
||||
checkboxT(row) {
|
||||
if (row.bmzt == 5) {
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
},
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data, 1)
|
||||
} else if (type == 'Review') {
|
||||
this.openView(data, 2)
|
||||
}
|
||||
},
|
||||
async getLxyBmInfo(id) {
|
||||
const {data} = await $.get(base + "/platform/zgfw/lxy/fghsh/getBmInfo", {id})
|
||||
return data
|
||||
},
|
||||
async openView(row, num) {
|
||||
this.viewData = await this.getLxyBmInfo(row.id)
|
||||
this.viewData.num = num
|
||||
this.ghPageForm.hdid = row.hdid
|
||||
this.ghPageForm.uid = row.uid
|
||||
this.viewData.unitname = row.unitname
|
||||
this.viewDialogSh = true
|
||||
},
|
||||
openShGh(row) {
|
||||
this.pageForm.hdid = row.id
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.ghTableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
openSh(row) {
|
||||
this.ghPageForm.hdid = row.hdid
|
||||
this.ghPageForm.ghid = row.ghid
|
||||
this.$refs.guava.edit()
|
||||
this.showGh = false
|
||||
this.$nextTick(() => {
|
||||
this.toggleSelection()
|
||||
})
|
||||
this.refresh(this.ghPageForm.ghid, this.ghPageForm.hdid)
|
||||
|
||||
},
|
||||
refresh(ghid, hdid) {
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/findBm", {
|
||||
ghId: ghid,
|
||||
hdId: hdid,
|
||||
...this.ghPageForm
|
||||
}, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.bmTableData = data.data.list;
|
||||
this.ghPageForm.totalCount = data.data.totalCount
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
yjTg() {
|
||||
if (this.multipleSelectionGh.length == 0) {
|
||||
this.$message({
|
||||
message: '请选择工会！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
let arr = []
|
||||
this.multipleSelectionGh.map(v => {
|
||||
arr.push({ghid: v.ghid, hdid: v.hdid})
|
||||
})
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/yjSh", {maps: JSON.stringify(arr)}, (data) => {
|
||||
loading.close()
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: '提交成功',
|
||||
type: 'success'
|
||||
});
|
||||
this.toggleSelectionGh()
|
||||
this.openShGh({id: this.pageForm.hdid});
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
sh(zt) {
|
||||
if (this.multipleSelection.length == 0) {
|
||||
this.$message({
|
||||
message: '请选择人员！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
let arr = []
|
||||
this.multipleSelection.map(v => {
|
||||
arr.push(v.uid)
|
||||
})
|
||||
|
||||
this.$confirm('此操作将全部审核通过，确认通过吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/sh", {
|
||||
hdid: this.ghPageForm.hdid,
|
||||
ghid: this.ghPageForm.ghid,
|
||||
bmzt: zt,
|
||||
users: JSON.stringify(arr)
|
||||
}, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: '提交成功',
|
||||
type: 'success'
|
||||
});
|
||||
this.viewDialogSh = false
|
||||
this.pageData()
|
||||
this.toggleSelection()
|
||||
this.refresh(this.ghPageForm.ghid, this.ghPageForm.hdid)
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
grsh(zt) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/grsh", {
|
||||
hdid: this.ghPageForm.hdid,
|
||||
ghid: this.ghPageForm.ghid,
|
||||
userid: this.viewData.userid,
|
||||
bmzt: zt,
|
||||
}, (data) => {
|
||||
loading.close()
|
||||
if (data.code == 0) {
|
||||
this.$message({
|
||||
message: '提交成功',
|
||||
type: 'success'
|
||||
});
|
||||
this.viewDialogSh = false
|
||||
this.pageData()
|
||||
this.toggleSelection()
|
||||
this.refresh(this.ghPageForm.ghid, this.ghPageForm.hdid)
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
toggleSelection(rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTableRy.toggleRowSelection(row);
|
||||
});
|
||||
} else {
|
||||
this.$refs.multipleTableRy.clearSelection();
|
||||
}
|
||||
},
|
||||
toggleSelectionGh(rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTableGh.toggleRowSelection(row);
|
||||
});
|
||||
} else {
|
||||
this.$refs.multipleTableGh.clearSelection();
|
||||
}
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
handleSelectionChangeGh(val) {
|
||||
this.multipleSelectionGh = val;
|
||||
},
|
||||
async userRemoteMethod(query) {
|
||||
if (query) {
|
||||
this.userLoading = true
|
||||
const arr = await searchUser(query)
|
||||
this.userOptions = this.userOptions.filter(v => {
|
||||
return v.id == this.formData.hdfzr
|
||||
}).concat(arr.filter(v => {
|
||||
return v.id != this.formData.hdfzr
|
||||
}));
|
||||
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
doSearch() {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
doSearchGh() {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
this.openShGh({id: this.pageForm.hdid});
|
||||
},
|
||||
ghPageOrder(column) {//按字段排序
|
||||
this.ghPageForm.pageOrderName = column.prop;
|
||||
this.ghPageForm.pageOrderBy = column.order;
|
||||
this.refresh(this.ghPageForm.ghid, this.ghPageForm.hdid)
|
||||
},
|
||||
ghPageNumberChange(val) {//页码更新操作
|
||||
this.ghPageForm.pageNumber = val;
|
||||
this.refresh(this.ghPageForm.ghid, this.ghPageForm.hdid)
|
||||
},
|
||||
ghPageSizeChange(val) {//分页大小更新操作
|
||||
this.ghPageForm.pageSize = val;
|
||||
this.refresh(this.ghPageForm.ghid, this.ghPageForm.hdid)
|
||||
},
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/xghsh/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.ghTableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.unions = await getUnions()
|
||||
this.lxyHd = await getNowLxyHd()
|
||||
this.pageForm.hdid = this.lxyHd[0].id
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#layout("/platform/zgfw/lxy/dialogView.html"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,149 @@
|
||||
<style>
|
||||
.el-icon-download {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.file-down-span {
|
||||
background: black;
|
||||
opacity: 0.5;
|
||||
z-index: 1000;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
/*position: absolute;*/
|
||||
position: relative;
|
||||
bottom: -100px;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.file-down-span:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.el-icon-circle-close {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.v-content {
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
color: rgb(100, 100, 100);
|
||||
}
|
||||
|
||||
.v-author {
|
||||
text-align: right;
|
||||
color: rgb(160, 160, 160);
|
||||
}
|
||||
|
||||
.el-tabs__item {
|
||||
color: rgb(120, 120, 120)
|
||||
}
|
||||
</style>
|
||||
<div id="v-app" v-cloak>
|
||||
<el-dialog
|
||||
title="活动详细信息"
|
||||
top="3%"
|
||||
:visible.sync="viewDialogVisible" custom-class="ViewDialogClass"
|
||||
:close-on-click-modal="false" width="70%">
|
||||
|
||||
<el-tabs tab-position="top" v-model="activeName" v-loading="loading">
|
||||
<el-tab-pane label="活动基础信息" name="1">
|
||||
<!--#include("/platform/zgfw/lxy/dialogViewHd.html"){}#-->
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="名额分配信息" name="2">
|
||||
<!--#include("/platform/zgfw/lxy/dialogViewFp.html"){}#-->
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="报名人员信息" name="3">
|
||||
<!--#include("/platform/zgfw/lxy/dialogViewBm.html"){}#-->
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="viewDialogVisible = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
window.lxy_app = new Vue({
|
||||
el: '#v-app',
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
prevImgList: [],
|
||||
viewData: {
|
||||
mefp: [],
|
||||
bm: [],
|
||||
},
|
||||
viewDialogVisible: false,
|
||||
activeName: '1',
|
||||
imageType: ['jpg', 'jpeg', 'png'],
|
||||
getSuffix: (name) => {
|
||||
return name.substr(name.lastIndexOf('.') + 1).toLowerCase()
|
||||
},
|
||||
isImage: (path) => {
|
||||
return this.imageType.includes(this.getSuffix(path))
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getStatus(row) {
|
||||
var now = new Date().getTime()
|
||||
var hdkssj = moment(row.hdkssj.valueOf())
|
||||
var hdjssj = moment(row.hdjssj.valueOf())
|
||||
var bmjzsj = moment(row.bmjzsj.valueOf())
|
||||
|
||||
if (now < bmjzsj) {
|
||||
return {
|
||||
class: 'text-success',
|
||||
name: '活动报名中'
|
||||
}
|
||||
} else if (bmjzsj < now && now < hdkssj) {
|
||||
return {
|
||||
class: 'text-info',
|
||||
name: '报名已截止'
|
||||
}
|
||||
} else if (hdkssj < now && now < hdjssj) {
|
||||
return {
|
||||
class: 'text-warning',
|
||||
name: '活动进行中'
|
||||
}
|
||||
} else if (now > hdjssj) {
|
||||
return {
|
||||
class: 'text-danger',
|
||||
name: '活动已结束'
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
async getLxyInfo(id) {
|
||||
const {data} = await $.get(base + "/platform/zgfw/lxy/common/getHdInfo", {id})
|
||||
return data
|
||||
},
|
||||
async openView(id) {
|
||||
this.prevImgList = []
|
||||
this.viewDialogVisible = true
|
||||
this.loading = true
|
||||
|
||||
this.viewData = await this.getLxyInfo(id)
|
||||
|
||||
if (this.viewData) {
|
||||
this.activeName = '1'
|
||||
} else {
|
||||
this.viewData = {}
|
||||
this.$message({
|
||||
message: "获取活动信息失败",
|
||||
type: 'error'
|
||||
});
|
||||
this.viewDialogVisible = false
|
||||
}
|
||||
|
||||
this.loading = false
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
<el-table :data="viewData.bm" size="medium" height="70vh">
|
||||
<el-table-column label="工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="性别" prop="sex" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="年龄" prop="age" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="报名状态" prop="bmzt" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==1">待分工会审核</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==3">待校工会审核</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.bmzt==5">审核已通过</span>
|
||||
<span style="color: #E6A23C" v-if="scope.row.bmzt==6">待填写报名资料</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
<el-table :data="viewData.mefp" size="medium" height="70vh">
|
||||
<el-table-column align="center" type="index" header-align="center"
|
||||
label="序号"></el-table-column>
|
||||
|
||||
<el-table-column label="院级工会" prop="unionname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="名额" prop="number" header-align="center" width="200px"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
@@ -0,0 +1,59 @@
|
||||
<el-form label-position="right" style="padding: 20px 0" label-width="120px">
|
||||
<vi-title title="活动基础信息"></vi-title>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="活动时间：">
|
||||
{{viewData.hdkssj}} 至 {{viewData.hdjssj}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报名截止时间：">
|
||||
{{viewData.bmjzsj}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="活动场地：">
|
||||
{{viewData.hdcd}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="注意事项：">
|
||||
{{viewData.hdzysx}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="活动内容：">
|
||||
<div v-html="viewData.hdnr"></div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<template v-if="viewData.files&&viewData.files.length">
|
||||
<vi-title title="附件"></vi-title>
|
||||
<div style="text-align: left;">
|
||||
<div v-for="item in viewData.files"
|
||||
style="display: inline-block;width: 100px;margin-right:10px">
|
||||
<div class="file-down-span" @click="dd3s.download(item.filepath,item.filename)">
|
||||
<i class="el-icon-download"></i>
|
||||
</div>
|
||||
<el-image fit="cover" v-if="dd3s.isPic(item.filepath)"
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
:src="'${AppFileDomain!}'+item.filepath" @click="dd3s.showpic(item.filepath)">
|
||||
</el-image>
|
||||
<el-image v-else
|
||||
style="width: 100px;height: 100px;box-shadow: 0 0 5px rgb(200,200,200)"
|
||||
src="***">
|
||||
<div slot="error" class="image-slot"
|
||||
style="width: 100%;height: 100%; display:flex;align-items: center;text-align: center">
|
||||
<span style="font-size: 12px;color: rgb(180,180,180);width: 100%;text-align: center;overflow: hidden;padding: 0 10px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical">{{item.filename}}</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-form>
|
||||
|
||||
|
||||
@@ -0,0 +1,513 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
#qsmEditor .w-e-text-container {
|
||||
height: 200px !important;
|
||||
}
|
||||
|
||||
.btDiv {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btDiv:hover {
|
||||
background-color: rgb(240, 240, 240);
|
||||
}
|
||||
|
||||
.shou {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.issue {
|
||||
cursor: pointer;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.issue:hover {
|
||||
background-color: rgb(240, 240, 240);
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.inputParent input {
|
||||
border: none;
|
||||
border-bottom: 1px solid rgb(220, 223, 230);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.issueList > .el-table__header-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.issueList .el-table__expanded-cell {
|
||||
background-color: rgb(250, 250, 250) !important;
|
||||
}
|
||||
|
||||
.el-table .last-row {
|
||||
background-color: rgb(250, 250, 250);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.qtitle">
|
||||
<template slot="prepend">标题</template>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="doSearch" icon="el-icon-search"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="mt20" shadow="never">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
header-align="center"
|
||||
size="medium"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="序号"
|
||||
type="index"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="标题"
|
||||
prop="qtitle">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="说明"
|
||||
prop="qsm"
|
||||
show-overflow-tooltip="true">
|
||||
<template scope="scope">
|
||||
<div v-html="scope.row.qsm" v-if="scope.row.qsm">{{scope.row.qsm}}</div>
|
||||
<span v-else>暂无</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="创建人"
|
||||
prop="username">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="创建时间"
|
||||
prop="qctime">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="类型"
|
||||
prop="qlx">
|
||||
<template scope="scope">
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==1">问卷调查</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==2">在线答题</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==3">购物问卷</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==4">意向选择</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="状态"
|
||||
prop="qflag">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.qflag==1">未开启</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qflag==2">已开启</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.qflag==3">已关闭</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="操作" width="250px">
|
||||
<template scope="{row}">
|
||||
<el-button @click="openFill(row.qid,row.activityuserscopeid)" plain size="small"
|
||||
type="primary">填写问卷
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-size="pageForm.pageSize"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:total="pageForm.totalCount"
|
||||
@current-change="pageNumberChange"
|
||||
@size-change="pageSizeChange"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<div style="padding-left: 20px;padding-right: 20px">
|
||||
<el-row style="text-align: center">
|
||||
<h2>{{viewData.qtitle}}</h2>
|
||||
</el-row>
|
||||
<el-row style="margin-bottom: 20px">
|
||||
<div v-html="viewData.qsm"></div>
|
||||
</el-row>
|
||||
|
||||
<el-row style="border-bottom: 1px solid rgb(200,200,200);padding: 20px 0;margin-bottom: 20px"
|
||||
v-for="issue,idx in viewData.issues">
|
||||
<el-col :span="1">
|
||||
<span style="color: red" v-if="issue.iisbd">*</span>
|
||||
<span style="font-weight: bolder">{{idx+1}}.</span>
|
||||
</el-col>
|
||||
<el-col :span="23">
|
||||
<el-row>
|
||||
<div v-html="issue.iname"></div>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<div style="color: rgb(160,160,160)" v-html="issue.its"
|
||||
v-if="issue.its"></div>
|
||||
</el-row>
|
||||
<el-row v-if="issue.itx==1">
|
||||
<template v-if="issue.iplfs==1">
|
||||
<!--竖向排列-->
|
||||
<el-row v-for="wor,idx in issue.wors">
|
||||
<el-row style="margin-top: 5px" v-if="wor.wimg">
|
||||
<el-image :src="FILE_STREAM_PREVIEW_ADDRESS + '?id=' +wor.wimg"
|
||||
fit="cover"
|
||||
style="width: 100px;max-width: 100px"></el-image>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 5px" v-if="wor.wimg">
|
||||
<div v-html="wor.wsm"></div>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 5px">
|
||||
|
||||
<el-radio-group v-if="issue.iisdx==true" v-model="issue.rwid">
|
||||
<el-radio :label="wor.wid">
|
||||
{{wor.wtxt}}
|
||||
<span class="inputParent" v-if="wor.wistk==true">
|
||||
<el-input size="mini" style="border-top: none"
|
||||
v-model="wor.tktxt"></el-input>
|
||||
<span style="color:red;" v-if="wor.wisbt==true">*</span>
|
||||
</span>
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
|
||||
<el-checkbox-group v-if="issue.iisdx==false" v-model="issue.rwid">
|
||||
<el-checkbox :label="wor.wid">
|
||||
{{wor.wtxt}}
|
||||
<span class="inputParent" v-if="wor.wistk==true">
|
||||
<el-input size="mini"
|
||||
style="border-top: none"></el-input>
|
||||
<span style="color:red;" v-if="wor.wisbt==true">*</span>
|
||||
</span>
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
|
||||
|
||||
<el-row style="margin-top: 5px"
|
||||
v-if="!wor.wimg&&wor.wsm">
|
||||
<div v-html="wor.wsm"></div>
|
||||
</el-row>
|
||||
</el-row>
|
||||
</el-row>
|
||||
</template>
|
||||
<template v-if="issue.iplfs==2">
|
||||
<!--横向排列-->
|
||||
<el-row :gutter="20" v-for="idx1 in issue.wors.length">
|
||||
<el-col :span="parseInt(24/issue.icolnum)"
|
||||
v-for="idx2 in issue.icolnum">
|
||||
<div :style="!issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wimg?'':'text-align: center'"
|
||||
v-if="(idx1-1)*issue.icolnum+idx2<=issue.wors.length">
|
||||
<el-row style="margin-top: 5px"
|
||||
v-if="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wimg">
|
||||
<el-image
|
||||
:src="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].islocal?issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wimg:FILE_STREAM_PREVIEW_ADDRESS + '?id=' +issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wimg"
|
||||
fit="cover"
|
||||
style="width: 100%;max-width: 300px"></el-image>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 5px"
|
||||
v-if="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wimg">
|
||||
<div style="color: rgb(160,160,160);text-align: left">
|
||||
{{issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wsm}}
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row style="margin-top: 5px">
|
||||
<el-radio :label="idx1+'-'+idx2" v-if="issue.iisdx==true"
|
||||
v-model="issue.rwid">
|
||||
{{issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wtxt}}
|
||||
<span
|
||||
class="inputParent"
|
||||
v-if="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wistk==true"><el-input
|
||||
size="mini"
|
||||
style="border-top: none"
|
||||
v-model="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].tktxt"></el-input> <span
|
||||
style="color:red;"
|
||||
v-if="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wisbt==true">*</span></span>
|
||||
</el-radio>
|
||||
<el-checkbox :key="idx1+'-'+idx2" :label="idx1+'-'+idx2"
|
||||
v-if="issue.iisdx==false">
|
||||
{{issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wtxt}}
|
||||
<span class="inputParent"
|
||||
v-if="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wistk==true"><el-input
|
||||
size="mini"
|
||||
style="border-top: none"
|
||||
v-model="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].tktxt"></el-input> <span
|
||||
style="color:red;"
|
||||
v-if="issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wisbt==true">*</span></span>
|
||||
</el-checkbox>
|
||||
<el-row style="margin-top: 5px"
|
||||
v-if="!issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wimg&&issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wsm">
|
||||
<div style="color: rgb(160,160,160)">
|
||||
{{issue.wors[((idx1-1)*issue.icolnum+idx2)-1].wsm}}
|
||||
</div>
|
||||
</el-row>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</template>
|
||||
</el-row>
|
||||
<el-row v-if="issue.itx==2">
|
||||
<el-input size="small" style="width: 50%"
|
||||
v-model="issue.wors[0].rval">
|
||||
</el-input>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div style="width: 100%;text-align: center;margin-top: 30px">
|
||||
<el-button @click="subData" style="width: 70%" type="primary">提交问卷</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-row class="transition-row">
|
||||
|
||||
|
||||
<!-- <transition name="el-zoom-in-center">
|
||||
<div class="transition-item" v-show="v=='fill'">
|
||||
<el-card class="box-card v-box" shadow="never">
|
||||
<div class="clearfix" slot="header">
|
||||
<el-button @click="v='index'" icon="el-icon-back" style="font-size: 18px"
|
||||
type="text">返回
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>-->
|
||||
</el-row>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let E = window.wangEditor
|
||||
let qsmEditor
|
||||
let upTxtEditor
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
v: "index",
|
||||
tableData: [],
|
||||
viewData: [],
|
||||
formData: [],
|
||||
pageForm: {
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
qid: ""
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async openFill(id, activityuserscopeid) {
|
||||
const resp = await $.post('/platform/activity/basic/scope/getScopeUser', {activityGroupId: activityuserscopeid})
|
||||
if (resp.data === 0) {
|
||||
this.$notify.warning('您没有此次答题的权限')
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
this.qid = id
|
||||
$.get("/platform/zgfw/question/fill/findOne", {"qid": id}, res => {
|
||||
const {code, data, msg} = res
|
||||
if (code == 0) {
|
||||
|
||||
data.issues.forEach(issue => {
|
||||
if (!issue.iisdx) {
|
||||
issue.rwid = []
|
||||
}
|
||||
})
|
||||
this.viewData = data
|
||||
this.$refs.guava.view()
|
||||
} else {
|
||||
this.$message.warning(msg);
|
||||
}
|
||||
})
|
||||
},
|
||||
subData() {
|
||||
let flag = true
|
||||
let msg
|
||||
let issues = this.viewData.issues
|
||||
i:
|
||||
for (let i = 0; i < issues.length; i++) {
|
||||
w:
|
||||
for (let j = 0; j < issues[i].wors.length; j++) {
|
||||
let wor = issues[i].wors[j]
|
||||
if (issues[i].iisbd) {
|
||||
if (issues[i].itx == 1 && !issues[i].rwid) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题未作答！'
|
||||
break i
|
||||
}
|
||||
if (issues[i].itx == 2 && !wor.rval) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题未作答！'
|
||||
break i
|
||||
}
|
||||
if (issues[i].rwid == wor.wid && wor.wisbt && !wor.rval) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题内容未填写！'
|
||||
break i
|
||||
}
|
||||
}
|
||||
}
|
||||
if (issues[i].itx == 1 && issues[i].iisbd && !issues[i].rwid) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题未作答！'
|
||||
break i
|
||||
}
|
||||
}
|
||||
if (!flag) {
|
||||
this.$notify({
|
||||
title: '提示',
|
||||
message: msg,
|
||||
type: 'warning'
|
||||
});
|
||||
} else {
|
||||
issues.forEach((issue) => {
|
||||
if (issue.itx == 1) {
|
||||
if (issue.iisdx == false) {
|
||||
issue.rwid.forEach((wid) => {
|
||||
issue.wors.forEach((wor) => {
|
||||
if (wor.wid == wid) {
|
||||
let reply = {"rwid": wor.wid, "rval": wor.rval}
|
||||
this.formData.push(reply)
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
issue.wors.forEach((wor) => {
|
||||
if (wor.wid == issue.rwid) {
|
||||
let reply = {"rwid": wor.wid, "rval": wor.rval}
|
||||
this.formData.push(reply)
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
issue.wors.forEach((wor) => {
|
||||
let reply = {"rwid": wor.wid, "rval": wor.rval}
|
||||
this.formData.push(reply)
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
$.post("/platform/zgfw/question/fill/subData", {
|
||||
json: JSON.stringify(this.formData),
|
||||
"qid": this.qid
|
||||
}, (data) => {
|
||||
if (data.code == 0) {
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: "您的答卷已提交，感谢您的参与！",
|
||||
type: 'success'
|
||||
});
|
||||
this.$refs.guava.index()
|
||||
this.flag = true
|
||||
} else {
|
||||
this.$notify({
|
||||
title: '错误',
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder(column) {
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {//加载分页数据
|
||||
sublime.showLoadingbar();
|
||||
$.post(base + "/platform/zgfw/question/fill/data", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
||||
<!-- 在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值 -->
|
||||
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
|
||||
name="viewport">
|
||||
<title>智慧工会问卷调查</title>
|
||||
<!-- 引入样式文件 -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/vant@2.5/lib/index.css" rel="stylesheet">
|
||||
<link href="https://cdn.bootcss.com/weui/2.2.0/style/weui.min.css" rel="stylesheet">
|
||||
</head>
|
||||
<style>
|
||||
[v-clock] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.van-radio__label {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.van-checkbox__label {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.weui-msg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.myHide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.max50 {
|
||||
max-width: 50%;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div id="app" style="padding: 0 10px;" v-clock v-if="showPage">
|
||||
<van-nav-bar @click-left="history.back()" fixed left-arrow placeholder title="问卷调查"></van-nav-bar>
|
||||
<div style="margin: 1.2rem 0.20rem 0.4rem 0.20rem;padding: 0.3rem 0.34rem;text-align: center"
|
||||
v-show="showMsg==true">
|
||||
<div class="weui-msg">
|
||||
<div class="weui-msg__icon-area">
|
||||
<i class="weui-icon-success weui-icon_msg" v-if="flag"></i>
|
||||
<i class="weui-icon-warn weui-icon_msg" v-else></i>
|
||||
</div>
|
||||
<div class="weui-msg__text-area">
|
||||
<h2 class="weui-msg__title">{{msg}}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="padding-top: 20px" v-show="showMsg==false">
|
||||
<div style="width: 100%;text-align: center;color: #1ea0fa"><h2>{{data.qtitle}}</h2></div>
|
||||
<div style="width: 100%;margin-top: 20px" v-html="data.qsm" v-if="data.qsm">
|
||||
</div>
|
||||
<hr style="margin-top: 20px;border: none;border-bottom: 1px rgb(150,150,150) dashed" v-if="data.qsm"/>
|
||||
|
||||
<div style="margin-top: 50px;">
|
||||
<van-panel :desc="getTxt(issue.its)" :status="issue.iisbd?'必答':''"
|
||||
:title="(iidx+1)+'. '+ getTxt(issue.iname)"
|
||||
style="margin: 20px 0;box-shadow: 0 0 10px rgb(220,220,220)" v-for="issue,iidx in data.issues">
|
||||
<!-- 单选-->
|
||||
|
||||
<div style="padding: 10px" v-if="issue.itx==1&&issue.iisdx==true">
|
||||
<van-radio-group :direction="issue.iplfs==1?'vertical':'horizontal'"
|
||||
style="position: relative;box-sizing: border-box;"
|
||||
v-model="issue.rwid">
|
||||
<van-radio :class="issue.iplfs==2?'max50':''" :name="wor.wid"
|
||||
style="padding: 10px 10px;margin: 0;box-sizing: border-box;"
|
||||
v-for="wor in issue.wors">
|
||||
<div style="width: 100%" v-if="wor.wimg">
|
||||
<van-image
|
||||
:src="'${AppFileDomain!}'+wor.wimg"
|
||||
fit="cover"
|
||||
height="100px"
|
||||
width="100px"/>
|
||||
</div>
|
||||
<div style="width: 100%;margin: 5px 0" v-html="wor.wtxt"></div>
|
||||
<div style="width: 100%;margin: 5px 0;color: rgb(180,180,180);font-size: 12px"
|
||||
v-html="wor.wsm">
|
||||
</div>
|
||||
<div style="width: 100%;margin: 5px 0" v-if="wor.wistk==true">
|
||||
<van-field :required="wor.wisbt" style="border: 1px rgb(240,240,240) solid"
|
||||
v-model="wor.rval"/>
|
||||
</div>
|
||||
</van-radio>
|
||||
</van-radio-group>
|
||||
</div>
|
||||
<!-- 多选-->
|
||||
<div style="padding: 10px" v-if="issue.itx==1&&issue.iisdx==false">
|
||||
<van-checkbox-group :direction="issue.iplfs==1?'vertical':'horizontal'"
|
||||
:max="issue.imaxselect?issue.imaxselect:9999999"
|
||||
style="position: relative;box-sizing: border-box;"
|
||||
v-model="issue.rwid">
|
||||
<van-checkbox :class="issue.iplfs==2?'max50':''" :name="wor.wid" shape="square"
|
||||
style="padding: 10px 10px;margin: 0;box-sizing: border-box;"
|
||||
v-for="wor in issue.wors">
|
||||
<div style="width: 100%" v-if="wor.wimg">
|
||||
<van-image
|
||||
:src="'${AppFileDomain!}'+wor.wimg"
|
||||
fit="cover"
|
||||
height="100px"
|
||||
width="100px"/>
|
||||
</div>
|
||||
<div style="width: 100%;margin: 5px 0" v-html="wor.wtxt"></div>
|
||||
<div style="width: 100%;margin: 5px 0;color: rgb(180,180,180);font-size: 12px"
|
||||
v-html="wor.wsm">
|
||||
</div>
|
||||
<div style="width: 100%;margin: 5px 0" v-if="wor.wistk==true">
|
||||
<van-field :required="wor.wisbt" style="border: 1px rgb(240,240,240) solid"
|
||||
v-model="wor.rval"/>
|
||||
</div>
|
||||
</van-checkbox>
|
||||
</van-checkbox-group>
|
||||
</div>
|
||||
<!-- 填空-->
|
||||
<div style="padding: 10px" v-if="issue.itx==2">
|
||||
<van-field
|
||||
autosize
|
||||
placeholder="请输入内容"
|
||||
rows="2"
|
||||
show-word-limit
|
||||
style="border: 1px rgb(240,240,240) solid"
|
||||
type="textarea"
|
||||
v-model="issue.wors[0].rval"
|
||||
/>
|
||||
</div>
|
||||
</van-panel>
|
||||
</div>
|
||||
|
||||
<div style="width: 100%;text-align: center;margin-top: 30px">
|
||||
<van-button :loading="loading" @click.native="subData" color="#1ea0fa" style="width: 70%" type="primary"
|
||||
v-show="data!={}">
|
||||
提交问卷
|
||||
</van-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weui-footer" style="margin-top: 80px;margin-bottom: 10px" v-if="showPage">
|
||||
<p class="weui-footer__text">Copyright © 2019-2020 智慧工会平台</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<van-number-keyboard safe-area-inset-bottom/>
|
||||
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vant@2.5/lib/vant.min.js"></script>
|
||||
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
loading: false,
|
||||
showMsg: false,
|
||||
showPage: false,
|
||||
msg: '',
|
||||
flag: null,
|
||||
data: {},
|
||||
formData: [],
|
||||
getTxt(val) {
|
||||
if (val) {
|
||||
return val.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, '').replace(/<[^>]+?>/g, '').replace(/\s+/g, ' ').replace(/ /g, ' ').replace(/>/g, ' ');
|
||||
}
|
||||
return ''
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
subData: function () {
|
||||
let flag = true
|
||||
let msg = ""
|
||||
vue.formData = []
|
||||
|
||||
let issues = vue.data.issues
|
||||
i:
|
||||
for (let i = 0; i < issues.length; i++) {
|
||||
w:
|
||||
for (let j = 0; j < issues[i].wors.length; j++) {
|
||||
let wor = issues[i].wors[j]
|
||||
if (issues[i].iisbd) {
|
||||
if (issues[i].itx == 1 && !issues[i].rwid) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题未作答！'
|
||||
break i
|
||||
}
|
||||
if (issues[i].itx == 2 && !wor.rval) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题未作答！'
|
||||
break i
|
||||
}
|
||||
if (issues[i].rwid == wor.wid && wor.wisbt && !wor.rval) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题内容未填写！'
|
||||
break i
|
||||
}
|
||||
}
|
||||
}
|
||||
if (issues[i].itx == 1 && issues[i].iisbd && issues[i].rwid.length == 0) {
|
||||
flag = false
|
||||
msg = '第' + (i + 1) + '题未作答！'
|
||||
break i
|
||||
}
|
||||
}
|
||||
|
||||
if (!flag) {
|
||||
vue.$notify({type: 'danger', message: msg})
|
||||
} else {
|
||||
issues.forEach(function (issue) {
|
||||
if (issue.iisdx == false) {
|
||||
issue.rwid.forEach(function (wid) {
|
||||
issue.wors.forEach(function (wor) {
|
||||
if (wor.wid == wid) {
|
||||
let reply = {"rwid": wor.wid, "rval": wor.rval}
|
||||
vue.formData.push(reply)
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
issue.wors.forEach(function (wor) {
|
||||
if (wor.wid == issue.rwid) {
|
||||
let reply = {"rwid": wor.wid, "rval": wor.rval}
|
||||
vue.formData.push(reply)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
vue.loading = true
|
||||
$.post("/platform/zgfw/mobile/questionnaire/subData", {json: JSON.stringify(vue.formData)}, function (data) {
|
||||
if (data.code == 0) {
|
||||
vue.loading = false
|
||||
vue.msg = '您的答卷已提交，感谢您的参与！'
|
||||
vue.flag = true
|
||||
vue.showMsg = true
|
||||
} else {
|
||||
vue.$notify({type: 'danger', message: data.msg})
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
getData: function () {
|
||||
$.get("/platform/zgfw/mobile/questionnaire/data", function (data) {
|
||||
if (data.code == 0) {
|
||||
if (data.data.qflag == 1 || data.data.qflag == 3) {
|
||||
vue.msg = '该问卷尚未开启！'
|
||||
vue.flag = false
|
||||
vue.showMsg = true
|
||||
} else {
|
||||
if (data.data.qdtkssj && data.data.qdtjssj) {
|
||||
let now = new Date()
|
||||
let qdtkssj = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate() + ' ' + data.data.qdtkssj
|
||||
let qdtjssj = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate() + ' ' + data.data.qdtjssj
|
||||
qdtkssj = new Date(qdtkssj).getTime()
|
||||
qdtjssj = new Date(qdtjssj).getTime()
|
||||
if (!(qdtkssj < now.getTime() && now.getTime() < qdtjssj)) {
|
||||
vue.msg = '该问卷每日答题时间为：' + data.data.qdtkssj + '-' + data.data.qdtjssj
|
||||
vue.flag = false
|
||||
vue.showMsg = true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
data.data.issues.forEach(function (issue) {
|
||||
if (issue.itx == 1 && issue.iisdx) {
|
||||
issue.rwid = ''
|
||||
} else if (issue.itx == 1 && !issue.iisdx) {
|
||||
issue.rwid = []
|
||||
} else if (issue.itx == 2) {
|
||||
issue.rwid = issue.wors[0].wid
|
||||
}
|
||||
issue.wors.forEach(function (wor) {
|
||||
if (wor.wismr) {
|
||||
if (issue.itx == 1 && issue.iisdx) {
|
||||
issue.rwid = wor.wid
|
||||
} else if (issue.itx == 1 && !issue.iisdx) {
|
||||
issue.rwid.push(wor.wid)
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
vue.showMsg = false
|
||||
vue.data = data.data
|
||||
} else {
|
||||
vue.msg = data.msg
|
||||
vue.flag = false
|
||||
vue.showMsg = true
|
||||
// window.close()
|
||||
// wx.closeWindow();
|
||||
}
|
||||
vue.showPage = true
|
||||
})
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.getData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,218 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-tabs__content {
|
||||
padding-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="platform" id="app" v-cloak>
|
||||
<guava padding="0 5%" ref="guava">
|
||||
<template>
|
||||
<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
|
||||
:clearable="false"
|
||||
@change="yearChange"
|
||||
placeholder="选择年"
|
||||
style="width: 100%"
|
||||
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 filterable="true" placeholder="所属问卷" style="width: 100%;"
|
||||
v-model="pageForm.questionId">
|
||||
<el-option :label="item.qtitle" :value="item.qid" v-for="item in questions"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">工号姓名：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input v-model="pageForm.searchKeyword" maxlength="10"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}">
|
||||
<div class="search-item-label">所属工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select @change="flushUnits" @clear="flushUnits" clearable="true"
|
||||
filterable="true"
|
||||
placeholder="所属工会" style="width: 100%;"
|
||||
v-model="pageForm.unionId">
|
||||
<el-option :label="item.unionname" :value="item.id" v-for="item in unions"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">所属单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select clearable="true" filterable="true" placeholder="所属单位"
|
||||
style="width: 100%;"
|
||||
v-model="pageForm.unitId">
|
||||
<el-option :label="item.name" :value="item.id" v-for="item in units"></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-button :disabled="!pageForm.questionId" @click="doExportInventory" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出得分名单
|
||||
</el-button>
|
||||
<el-button :disabled="!pageForm.questionId" @click="doExportAll" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出分工会阶段得分
|
||||
</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder" class="vi-table"
|
||||
ref="table" row-key="id" style="width: 100%" v-loading="tableLoading">
|
||||
<el-table-column
|
||||
align="center" header-align="center" label="名次" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns">
|
||||
<template v-if="column.prop=='dayCount'" scope="{row}">
|
||||
<span @click="showDays(row)" style="color: #236eb4; cursor: pointer">{{ row.dayCount ? row.dayCount : 0 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!--# include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
<el-dialog title="答题次数" :visible.sync="dayDialogVisible" width="40%">
|
||||
<el-table :data="dayTableData" style="width: 100%;" max-height="400">
|
||||
<el-table-column align="center" header-align="center" show-overflow-tooltip label="姓名"
|
||||
prop="username"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" show-overflow-tooltip label="工号"
|
||||
prop="loginname"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" show-overflow-tooltip label="答题时间"
|
||||
prop="day"></el-table-column>
|
||||
</el-table>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="dayDialogVisible = false">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
dayDialogVisible: false,
|
||||
dayTableData: [],
|
||||
unions: [],
|
||||
units: [],
|
||||
questions: [],
|
||||
tableLoading: false,
|
||||
tableKey: '',
|
||||
tableColumns: [
|
||||
{prop: 'username', label: '姓名'},
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'sex', label: '性别'},
|
||||
{prop: 'unitname', label: '单位'},
|
||||
{prop: 'unionname', label: '工会'},
|
||||
// {prop: 'answerTotal', label: '答题次数（第几回答题）', sortable: true},
|
||||
{prop: 'max_score', label: '得分'},
|
||||
|
||||
],
|
||||
pageForm: {
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
year: new Date().getFullYear() + '',
|
||||
keyWord: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue')
|
||||
},
|
||||
methods: {
|
||||
showDays(row) {
|
||||
if (!row.days || row.dayCount === 0) {
|
||||
return
|
||||
}
|
||||
this.dayTableData = []
|
||||
row.days.split(',').map(o => {
|
||||
this.dayTableData.push({username: row.username, loginname: row.loginname, day: o})
|
||||
})
|
||||
this.dayDialogVisible = true
|
||||
},
|
||||
doExportInventory() {
|
||||
const {questionId, unionId, unitId} = this.pageForm
|
||||
window.open(loc() + "/doExport?questionId=" + questionId + "&unionId=" + unionId + "&unitId=" + unitId)
|
||||
},
|
||||
doExportAll() {
|
||||
const {questionId, unionId, unitId} = this.pageForm
|
||||
window.open(loc() + "/doExportAll?questionId=" + questionId)
|
||||
},
|
||||
async yearChange() {
|
||||
this.questions = await this.getQuestion()
|
||||
this.questions = this.questions.filter(v => v.qlx === 2)
|
||||
this.$set(this.pageForm, "questionId", this.questions.length > 0 ? this.questions[0].qid : '')
|
||||
},
|
||||
async getQuestion() {
|
||||
const {data} = await $.get("/platform/zgfw/question/stats/getQuestion", {year: this.pageForm.year})
|
||||
return data
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.questions = await this.getQuestion()
|
||||
this.questions = this.questions.filter(v => v.qlx === 2)
|
||||
this.$set(this.pageForm, "questionId", this.questions.length > 0 ? this.questions[0].qid : '')
|
||||
this.pageData();
|
||||
this.unions = await getUnions(null)
|
||||
this.flushUnits();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,481 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
#qsmEditor .w-e-text-container {
|
||||
height: 200px !important;
|
||||
}
|
||||
|
||||
.btDiv {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btDiv:hover {
|
||||
background-color: rgb(240, 240, 240);
|
||||
}
|
||||
|
||||
.shou {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.issue {
|
||||
cursor: pointer;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.issue:hover {
|
||||
background-color: rgb(240, 240, 240);
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.inputParent input {
|
||||
border: none;
|
||||
border-bottom: 1px solid rgb(220, 223, 230);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.issueList > .el-table__header-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.issueList .el-table__expanded-cell {
|
||||
background-color: rgb(250, 250, 250) !important;
|
||||
}
|
||||
|
||||
.el-table .last-row {
|
||||
background-color: rgb(250, 250, 250);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
:clearable="false"
|
||||
placeholder="选择年"
|
||||
type="year"
|
||||
v-model="pageForm.year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" v-model="pageForm.qtitle">
|
||||
<template slot="prepend">标题</template>
|
||||
</el-input>
|
||||
</div>
|
||||
<!-- <div class="btn-group tool-button mt5">-->
|
||||
<!-- <el-select v-model="pageForm.qlx"-->
|
||||
<!-- placeholder="类型">-->
|
||||
<!-- <el-option-->
|
||||
<!-- v-for="item in [{x:1,y:'问卷调查'},{x:2,y:'投票'}]"-->
|
||||
<!-- :key="item.x"-->
|
||||
<!-- :label="item.y"-->
|
||||
<!-- :value="item.x">-->
|
||||
<!-- </el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </div>-->
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="doSearch" icon="el-icon-search"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
header-align="center"
|
||||
size="medium"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="序号"
|
||||
type="index"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="标题"
|
||||
prop="qtitle">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="说明"
|
||||
prop="qsm"
|
||||
show-overflow-tooltip="true">
|
||||
<template scope="scope">
|
||||
<div v-html="scope.row.qsm" v-if="scope.row.qsm">{{scope.row.qsm}}</div>
|
||||
<span v-else>暂无</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="创建人"
|
||||
prop="username">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="调查时间"
|
||||
prop="qctime">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="类型"
|
||||
prop="qlx">
|
||||
<template scope="scope">
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==1">问卷调查</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==2">在线答题</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==3">购物问卷</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qlx==4">意向选择</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="状态"
|
||||
prop="qflag">
|
||||
<template scope="scope">
|
||||
<span style="color: #E6A23C" v-if="scope.row.qflag==1">未开启</span>
|
||||
<span style="color: #67C23A" v-if="scope.row.qflag==2">已开启</span>
|
||||
<span style="color: #F56C6C" v-if="scope.row.qflag==3">已关闭</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="操作" width="250px">
|
||||
<template scope="scope">
|
||||
<el-button @click="openView(scope.row.qid)" plain size="small" type="primary">查看报告
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-size="pageForm.pageSize"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:total="pageForm.totalCount"
|
||||
@current-change="pageNumberChange"
|
||||
@size-change="pageSizeChange"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit_func>
|
||||
<el-button @click="doExport" icon="el-icon-printer" type="primary">导出</el-button>
|
||||
</template>
|
||||
<template #edit>
|
||||
<div style="padding: 0 150px">
|
||||
<el-row style="text-align: center">
|
||||
<h2>{{viewData.q.qtitle}}</h2>
|
||||
</el-row>
|
||||
<el-row style="margin-bottom: 20px">
|
||||
<div v-html="viewData.q.qsm"></div>
|
||||
</el-row>
|
||||
|
||||
<el-row v-for="issue,idx in viewData.q.issues">
|
||||
<el-row>
|
||||
<span style="font-weight: bolder;color: rgb(120,120,120)">第 {{idx+1}} 题：</span>
|
||||
<div style="display: inline-block" v-html="issue.iname"></div>
|
||||
<span style="color: rgb(180,180,180)" v-if="issue.itx==1&&issue.iisdx">[单选题]</span>
|
||||
<span style="color: rgb(180,180,180)" v-if="issue.itx==1&&!issue.iisdx">[多选题]</span>
|
||||
<span style="color: rgb(180,180,180)" v-if="issue.itx==2">[填空题]</span>
|
||||
</el-row>
|
||||
|
||||
<el-row style="margin: 20px 0">
|
||||
<el-table
|
||||
:data="issue.wors"
|
||||
:row-class-name="tableRowClassName"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
v-if="issue.itx==1"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="选项"
|
||||
prop="wtxt">
|
||||
<template scope="scope">
|
||||
{{scope.row.wtxt}}
|
||||
<span @click="openTkView(scope.row.wid)"
|
||||
style="color: #409EFF;cursor:pointer;text-decoration: underline"
|
||||
v-if="scope.row.wistk">详细</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="小计"
|
||||
prop="xj">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="比例"
|
||||
prop="bl">
|
||||
<template scope="scope">
|
||||
<el-progress :percentage="scope.row.bl"
|
||||
v-if="scope.row.bl!=undefined"></el-progress>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-button @click="openTkView(issue.wors[0].wid)" plain size="small" type="primary"
|
||||
v-else>
|
||||
查看详细信息
|
||||
</el-button>
|
||||
</el-row>
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="tkViewDialogVisible"
|
||||
custom-class="ViewDialogClass"
|
||||
title="详细信息"
|
||||
width="50%"
|
||||
>
|
||||
<el-row>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" size="small" v-model="tkPageForm.searchKeyword">
|
||||
<template slot="prepend">文本</template>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="doTkSearch" icon="el-icon-search" size="small"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container" style="margin-top: 20px;">
|
||||
<el-table
|
||||
:data="tkTableData"
|
||||
header-align="center"
|
||||
size="medium"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="序号"
|
||||
type="index"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(tkPageForm.pageNumber - 1) * tkPageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
label="提交时间"
|
||||
prop="rtime"
|
||||
width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
header-align="center"
|
||||
label="文本"
|
||||
prop="rval">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
:current-page="tkPageForm.pageNumber"
|
||||
:page-size="tkPageForm.pageSize"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:total="pageForm.totalCount"
|
||||
@current-change="tkPageNumberChange"
|
||||
@size-change="tkPageSizeChange"
|
||||
layout="total, prev, pager, next">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let E = window.wangEditor
|
||||
let qsmEditor
|
||||
let upTxtEditor
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
v: "index",
|
||||
tableData: [],
|
||||
tkTableData: [],
|
||||
pageForm: {
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
year: new Date().getFullYear() + ''
|
||||
},
|
||||
tkPageForm: {
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
title: '',
|
||||
},
|
||||
viewData: {q: {issue: [{word: []}]}},
|
||||
tkViewDialogVisible: false,
|
||||
questionId: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doExport() {
|
||||
location.href = loc() + '/doExport?questionId=' + this.questionId
|
||||
},
|
||||
tableRowClassName(row, rowIndex) {
|
||||
if (row.row.bl == undefined) {
|
||||
return 'last-row';
|
||||
}
|
||||
return '';
|
||||
},
|
||||
openTkView(wid) {
|
||||
this.tkPageForm.wid = wid
|
||||
this.tkPageData()
|
||||
this.tkViewDialogVisible = true
|
||||
},
|
||||
doTkSearch() {
|
||||
this.tkPageForm.pageNumber = 1;
|
||||
this.tkPageData();
|
||||
},
|
||||
tkPageNumberChange(val) {//页码更新操作
|
||||
this.tkPageForm.pageNumber = val;
|
||||
this.tkPageData();
|
||||
}
|
||||
,
|
||||
tkPageSizeChange(val) {//分页大小更新操作
|
||||
this.tkPageForm.pageSize = val;
|
||||
this.tkPageData();
|
||||
}
|
||||
,
|
||||
tkPageData() {//加载分页数据
|
||||
let self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(loc() + "/tkData", self.tkPageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tkTableData = data.data.list;
|
||||
self.tkPageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
openView(qid) {
|
||||
this.questionId = qid
|
||||
$.get(loc() + "/getReplyData", {qid: qid}, (data) => {
|
||||
if (data.code == 0) {
|
||||
data.data.q.issues.forEach(function (issue) {
|
||||
issue.wors.forEach(function (wor) {
|
||||
xj = data.data[issue.iid].hasOwnProperty(wor.wid) ? data.data[issue.iid][wor.wid] : 0
|
||||
wor.xj = xj
|
||||
console.log(data.data[issue.iid].num)
|
||||
wor.bl = (xj / data.data[issue.iid].num).toFixed(2) * 100
|
||||
wor.bl = isNaN(wor.bl) ? 0 : wor.bl
|
||||
})
|
||||
// issue.wors.push({wtxt: '本题有效填写人次', xj: data.data[issue.iid].yxs})
|
||||
}
|
||||
)
|
||||
this.viewData = data.data
|
||||
// this.v = "view"
|
||||
this.$refs.guava.edit()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
}
|
||||
,
|
||||
pageOrder(column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
}
|
||||
,
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
}
|
||||
,
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
}
|
||||
,
|
||||
pageData() {//加载分页数据
|
||||
let self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(loc() + "/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
,
|
||||
},
|
||||
created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,355 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-tabs__content {
|
||||
padding-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<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>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
:clearable="false"
|
||||
@change="yearChange"
|
||||
placeholder="选择年"
|
||||
style="width: 100%"
|
||||
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 filterable="true" placeholder="所属问卷" style="width: 100%;"
|
||||
v-model="pageForm.questionId">
|
||||
<el-option :label="item.qtitle" :value="item.qid" v-for="item in questions"></el-option>
|
||||
</el-select>
|
||||
</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 @change="getData()" clearable="true" filterable="true"
|
||||
placeholder="所属工会" style="width: 100%;" v-model="pageForm.unionId">
|
||||
<el-option :label="item.unionname" :value="item.id" v-for="item in unions"></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>
|
||||
<template
|
||||
v-if="questions.find(v => v.qid === pageForm.questionId) && questions.find(v => v.qid === pageForm.questionId).qlx === 3">
|
||||
<el-button :disabled="!pageForm.questionId" @click="doExportInventory"
|
||||
icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出购物清单
|
||||
</el-button>
|
||||
|
||||
|
||||
<el-button :disabled="!pageForm.questionId" @click="doExport" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出汇总
|
||||
</el-button>
|
||||
</template>
|
||||
<template
|
||||
v-if="questions.find(v => v.qid === pageForm.questionId) && questions.find(v => v.qid === pageForm.questionId).qlx === 4 && ${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')}">
|
||||
<el-button @click="sendMsg" icon="el-icon-s-promotion" size="small" type="primary">
|
||||
短信通知
|
||||
</el-button>
|
||||
<el-button
|
||||
@click="shopExport(true)" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">按商品导出
|
||||
</el-button>
|
||||
<el-button
|
||||
@click="doUnionUserExport(true)" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出已选名单
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
@click="doUnionUserExport(false)" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出未选名单
|
||||
</el-button>
|
||||
<el-button :disabled="!pageForm.questionId" @click="doExportCakeUnion"
|
||||
icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出汇总表
|
||||
</el-button>
|
||||
</template>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData"
|
||||
:show-summary="questions.find(v => v.qid === pageForm.questionId) && questions.find(v => v.qid === pageForm.questionId).qlx === 4"
|
||||
:size="tableSize" @sort-change="pageOrder"
|
||||
class="vi-table"
|
||||
ref="table" row-key="id" style="width: 100%" v-loading="tableLoading">
|
||||
<el-table-column type="index" width="50"></el-table-column>
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
>
|
||||
<template scope="{row}" v-if="column.prop=='unselectedTeacherSum'">
|
||||
<el-link @click="viewUnselectedUser(row)" type="primary">
|
||||
{{row.unselectedTeacherSum}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作"
|
||||
prop="userOnline" v-if="tableData && tableData.length>0 && [2,3,4].includes(qlx)"
|
||||
width="100px">
|
||||
<template scope="{ row }">
|
||||
<el-button @click="openView(row.unionId)" size="mini" type="primary"
|
||||
v-if="[2,3,4].includes(qlx)">
|
||||
查看
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<question-x ref="questionX"></question-x>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-dialog :title="unselectUserDialogTitle" :visible.sync="unselectUserDialog" width="50%">
|
||||
<div>
|
||||
<el-button @click="doExportUnselectedCakeUser"
|
||||
class="pull-right"
|
||||
icon="el-icon-printer"
|
||||
type="primary">导出未领取人员
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table :data="unselectUserTable" height="500px">
|
||||
<el-table-column label="姓名" prop="username"></el-table-column>
|
||||
<el-table-column label="工号" prop="loginname"></el-table-column>
|
||||
<el-table-column label="单位" prop="unitname"></el-table-column>
|
||||
<el-table-column label="手机号" prop="mobile"></el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
questions: [],
|
||||
personnelData: [],
|
||||
personnelLoading: false,
|
||||
tableLoading: false,
|
||||
tableData: [],
|
||||
tableSize: '',
|
||||
tableKey: '',
|
||||
tableColumns: [],
|
||||
personnelColumns: [
|
||||
{prop: 'username', label: '姓名'},
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'unitname', label: '所属单位'},
|
||||
{prop: 'unionname', label: '所属工会'},
|
||||
{prop: 'fraction', label: '分值'}
|
||||
],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + ''
|
||||
},
|
||||
unselectUserDialog: false,
|
||||
unselectUserDialogTitle: '',
|
||||
unselectUserTable: [],
|
||||
selectUnion: {}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'question-x': httpVueLoader('/components/question/QuestionDetail.vue')
|
||||
},
|
||||
computed: {
|
||||
qlx() {
|
||||
const qs = this.questions
|
||||
const qid = this.pageForm.questionId
|
||||
if (qs && qs.length > 0 && qid) {
|
||||
return qs.find(v => v.qid === qid).qlx
|
||||
}
|
||||
return null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sendMsg() {
|
||||
this.$confirm('您确定要向未领取人员发送短信提醒吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
const resp = await $.post('/platform/zgfw/question/cake/sendMsg', {questionId: this.pageForm.questionId})
|
||||
if (resp.code === 0) {
|
||||
this.$message.success(resp.msg)
|
||||
} else {
|
||||
this.$message.error(resp.msg)
|
||||
}
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
},
|
||||
shopExport() {
|
||||
if (!this.pageForm.questionId) {
|
||||
this.$notify.warning({title: '警告', message: '请先选择问卷！'});
|
||||
return
|
||||
}
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在努力导出中，感谢您的耐心等待！',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
axios.post(loc() + "/shopExport?questionId=" + this.pageForm.questionId, {}, {responseType: 'blob'})
|
||||
.then((res) => {
|
||||
const {data, headers} = res
|
||||
const fileName = headers['content-disposition'].replace(/\w+;filename=(.*)/, '$1')
|
||||
// 此处当返回json文件时需要先对data进行JSON.stringify处理，其他类型文件不用做处理
|
||||
//const blob = new Blob([JSON.stringify(data)], ...)
|
||||
const blob = new Blob([data], {type: headers['content-type']})
|
||||
let dom = document.createElement('a')
|
||||
let url = window.URL.createObjectURL(blob)
|
||||
dom.href = url
|
||||
dom.download = decodeURI(fileName)
|
||||
dom.style.display = 'none'
|
||||
document.body.appendChild(dom)
|
||||
dom.click()
|
||||
dom.parentNode.removeChild(dom)
|
||||
window.URL.revokeObjectURL(url)
|
||||
loading.close();
|
||||
}).catch((err) => {
|
||||
})
|
||||
//window.open(loc() + "/shopExport?questionId=" + this.pageForm.questionId)
|
||||
},
|
||||
doUnionUserExport(flag) {
|
||||
window.open(loc() + "/doUnionUserExport?questionId=" + this.pageForm.questionId + "&flag=" + flag)
|
||||
},
|
||||
doExportUnselectedCakeUser() {
|
||||
window.location.href =
|
||||
'/platform/zgfw/question/cake/doExportCakeUser?questionId=' + this.pageForm.questionId + '&ghId=' + this.selectUnion.unionId + '&isSelected=false'
|
||||
},
|
||||
async viewUnselectedUser(row) {
|
||||
this.unselectUserDialogTitle = row.unionName + '未选人员名单'
|
||||
this.unselectUserDialog = true
|
||||
this.selectUnion = row
|
||||
const params = {
|
||||
unionId: row.unionId,
|
||||
questionId: this.pageForm.questionId
|
||||
}
|
||||
const {data} = await $.get('/platform/zgfw/question/cake/getUnselectedUser', params)
|
||||
this.unselectUserTable = data
|
||||
},
|
||||
|
||||
doExportCakeUnion() {
|
||||
window.open('/platform/zgfw/question/cake/doExportCakeUnion?questionId=' + this.pageForm.questionId)
|
||||
},
|
||||
|
||||
doExport() {
|
||||
location.href = loc() + '/doExport?questionId=' + (this.pageForm.questionId ? this.pageForm.questionId : '') + '&unionId=' + (this.pageForm.unionId ? this.pageForm.unionId : '')
|
||||
},
|
||||
doExportInventory() {
|
||||
location.href = loc() + '/doExportInventory?questionId=' + this.pageForm.questionId
|
||||
},
|
||||
async getData() {
|
||||
this.tableLoading = true
|
||||
const {data} = await $.post(loc() + "/getData", this.pageForm)
|
||||
this.tableColumns = data.label
|
||||
this.tableData = data.list
|
||||
|
||||
console.log(data)
|
||||
this.tableLoading = false
|
||||
|
||||
},
|
||||
async openView(unionId) {
|
||||
|
||||
const {data, code, msg} = await this.getAnswerData(unionId)
|
||||
if (code !== 0) {
|
||||
this.$notify.error({title: '错误', message: msg});
|
||||
return
|
||||
}
|
||||
this.personnelData = data
|
||||
this.personnelLoading = true
|
||||
this.$refs.guava.view()
|
||||
setTimeout(() => {
|
||||
this.$refs['questionX'].openView(this.pageForm.questionId, this.questions, unionId)
|
||||
}, 100)
|
||||
this.personnelLoading = false
|
||||
},
|
||||
async getAnswerData(unionId) {
|
||||
return await $.get(loc() + "/getAnswerData", {
|
||||
questionId: this.pageForm.questionId,
|
||||
unionId: unionId
|
||||
});
|
||||
},
|
||||
async yearChange() {
|
||||
this.questions = await this.getQuestion()
|
||||
this.$set(this.pageForm, "questionId", this.questions.length > 0 ? this.questions[0].qid : '')
|
||||
},
|
||||
async getQuestion() {
|
||||
const {data} = await $.get(loc() + "/getQuestion", {year: this.pageForm.year})
|
||||
return data
|
||||
},
|
||||
tableSizeChange(size) {
|
||||
this.tableSize = size
|
||||
},
|
||||
columnChange(val) {
|
||||
this.tableLoading = true
|
||||
this.tableColumns = val
|
||||
this.tableLoading = false
|
||||
},
|
||||
doSearch() {
|
||||
this.tableKey = new Date().getTime()
|
||||
this.getData()
|
||||
},
|
||||
pageOrder(column) {
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.questions = await this.getQuestion()
|
||||
this.questions = this.questions.filter(v => [1, 3, 4].includes(v.qlx))
|
||||
this.$set(this.pageForm, "questionId", this.questions.length > 0 ? this.questions[0].qid : '')
|
||||
this.unions = await getUnions(null)
|
||||
if (this.pageForm.questionId !== "") {
|
||||
this.getData();
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,182 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-tabs__content {
|
||||
padding-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="platform" id="app" v-cloak>
|
||||
<guava padding="0 5%" ref="guava">
|
||||
<template>
|
||||
<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
|
||||
:clearable="false"
|
||||
@change="yearChange"
|
||||
placeholder="选择年"
|
||||
style="width: 100%"
|
||||
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 filterable="true" placeholder="所属问卷" style="width: 100%;"
|
||||
v-model="pageForm.questionId">
|
||||
<el-option :label="item.qtitle" :value="item.qid" v-for="item in questions"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">工号姓名：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input v-model="pageForm.searchKeyword" maxlength="10"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}">
|
||||
<div class="search-item-label">所属工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select @change="flushUnits" @clear="flushUnits" clearable="true"
|
||||
filterable="true"
|
||||
placeholder="所属工会" style="width: 100%;"
|
||||
v-model="pageForm.unionId">
|
||||
<el-option :label="item.unionname" :value="item.id" v-for="item in unions"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">所属单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select clearable="true" filterable="true" placeholder="所属单位"
|
||||
style="width: 100%;"
|
||||
v-model="pageForm.unitId">
|
||||
<el-option :label="item.name" :value="item.id" v-for="item in units"></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-button :disabled="!pageForm.questionId" @click="exportWinners" icon="el-icon-printer"
|
||||
size="small"
|
||||
type="primary">导出中奖名单
|
||||
</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder" class="vi-table"
|
||||
ref="table" row-key="id" style="width: 100%" v-loading="tableLoading">
|
||||
<el-table-column
|
||||
align="center" header-align="center" label="名次" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
:key="column.prop"
|
||||
v-for="column in tableColumns">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!--# include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
dayDialogVisible: false,
|
||||
dayTableData: [],
|
||||
unions: [],
|
||||
units: [],
|
||||
questions: [],
|
||||
tableLoading: false,
|
||||
tableKey: '',
|
||||
tableColumns: [
|
||||
{prop: 'username', label: '姓名'},
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'sex', label: '性别'},
|
||||
{prop: 'unitname', label: '单位'},
|
||||
{prop: 'unionname', label: '工会'},
|
||||
{prop: 'winDate', label: '中奖日期'},
|
||||
|
||||
],
|
||||
pageForm: {
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
year: new Date().getFullYear() + '',
|
||||
keyWord: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
exportWinners() {
|
||||
const {questionId, unionId, unitId} = this.pageForm
|
||||
window.open(loc() + "/exportWinners?questionId=" + questionId + "&unionId=" + unionId + "&unitId=" + unitId)
|
||||
},
|
||||
async yearChange() {
|
||||
this.questions = await this.getQuestion()
|
||||
this.questions = this.questions.filter(v => v.qlx === 2)
|
||||
this.$set(this.pageForm, "questionId", this.questions.length > 0 ? this.questions[0].qid : '')
|
||||
},
|
||||
async getQuestion() {
|
||||
const {data} = await $.get("/platform/zgfw/question/stats/getQuestion", {year: this.pageForm.year})
|
||||
return data
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.questions = await this.getQuestion()
|
||||
this.questions = this.questions.filter(v => v.qlx === 2)
|
||||
this.$set(this.pageForm, "questionId", this.questions.length > 0 ? this.questions[0].qid : '')
|
||||
this.pageData();
|
||||
this.unions = await getUnions(null)
|
||||
this.flushUnits();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,261 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend"
|
||||
placeholder="姓名查询"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="u.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.djlx" clearable placeholder="请选择登记类型">
|
||||
<!-- <el-option value="1" label="幼升小"></el-option>-->
|
||||
<el-option value="2" label="小学"></el-option>
|
||||
<!-- <el-option value="3" label="初升高"></el-option>-->
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionid" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.dj_sfba" @change="doSearch">
|
||||
<el-radio-button label="">全部</el-radio-button>
|
||||
<el-radio-button :label="true">已备案</el-radio-button>
|
||||
<el-radio-button :label="false">待备案</el-radio-button>
|
||||
</el-radio-group>
|
||||
<el-radio-group v-model="pageForm.dj_sfrx" @change="doSearch">
|
||||
<el-radio-button label="">全部</el-radio-button>
|
||||
<el-radio-button :label="true">继续等待</el-radio-button>
|
||||
<el-radio-button :label="false">放弃名额</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" @sort-change="pageOrder">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="分工会" prop="jzgfghname" header-align="center"
|
||||
align="center" sortable
|
||||
show-overflow-tooltip width="200px"></el-table-column>
|
||||
<el-table-column label="单位" prop="dj_szdw" header-align="center" align="center"
|
||||
sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼儿园</span>
|
||||
<span v-if="row.dj_djlx==2">小学</span>
|
||||
<span v-if="row.dj_djlx==3">初升高</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_sqzt"
|
||||
label="信息审核状态" sortable>
|
||||
<template scope="{row}">
|
||||
<span :style="'color: ' + row.stateColor">{{row.stateName}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="是否备案">
|
||||
<template scope="{row}">
|
||||
{{row.dj_sfba?'已备案':'待备案'}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="备案信息">
|
||||
<template scope="{row}">
|
||||
<div v-if="row.dj_sfba">
|
||||
{{row.dj_sfrx?'继续等待':'放弃名额'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
<el-button size="mini" @click="openba(row)" v-if="!row.dj_sfrx">备案
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
<template #edit>
|
||||
<rxdj-info ref="auditInfo">
|
||||
<template slot="audit">
|
||||
<el-tab-pane label="入学备案" name="beiAnTabName">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="备案信息">
|
||||
<el-switch
|
||||
v-model="formData.dj_sfrx"
|
||||
active-color="#13ce66"
|
||||
active-text="继续等待"
|
||||
inactive-text="放弃名额 "
|
||||
inactive-color="#ff4949">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="dj_babz">
|
||||
<el-input v-model="formData.dj_babz" type="textarea" maxlength="200"
|
||||
rows="5"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button type="success" @click="doHandle">确 认</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
dj_sfrx: '',
|
||||
dj_sfba: '',
|
||||
lx: 2,
|
||||
year: '',
|
||||
djlx: '',
|
||||
unionid: ''
|
||||
},
|
||||
tableData: [],
|
||||
unionList: [],
|
||||
unions: [],
|
||||
units: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
},
|
||||
openba(row) {
|
||||
|
||||
this.formData = clone(row)
|
||||
this.formData.dj_sfrx = true
|
||||
this.$refs.auditInfo.openAudit(clone(row), "beiAnTabName")
|
||||
this.$refs.guava.edit()
|
||||
},
|
||||
async doHandle() {
|
||||
const confirm = await this.$confirm('请确认是否完成备案?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
const resp = await $.post(loc() + '/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs.guava.index()
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.$set(this.pageForm, 'year', moment().format('YYYY'))
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,310 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend"
|
||||
placeholder="姓名查询"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="ur.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.djlx" clearable placeholder="请选择登记类型">
|
||||
<!-- <el-option value="1" label="幼升小"></el-option>-->
|
||||
<el-option value="2" label="小学"></el-option>
|
||||
<!-- <el-option value="3" label="初升高"></el-option>-->
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button" v-if="pageForm.isAudit===1">
|
||||
<el-select placeholder="审核状态" v-model="pageForm.dj_sqzt" style="width: 100%;"
|
||||
clearable
|
||||
filterable>
|
||||
<el-option label="待分工会审核" :value="5100"></el-option>
|
||||
<el-option label="分工会拒绝" :value="5115"></el-option>
|
||||
<el-option label="分工会退回" :value="5118"></el-option>
|
||||
<el-option label="待校工会审核" :value="5200"></el-option>
|
||||
<el-option label="校工会拒绝" :value="5215"></el-option>
|
||||
<el-option label="校工会退回" :value="5218"></el-option>
|
||||
<el-option label="审核通过" :value="5300"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<vi-title2 title="登记列表">
|
||||
<template #func>
|
||||
<el-radio-group size="small" v-model="pageForm.isAudit" @change="doSearch"
|
||||
class="ml10">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</vi-title2>
|
||||
<el-table :data="tableData" @sort-change="pageOrder">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="分工会" prop="jzgfghname" header-align="center"
|
||||
align="center"
|
||||
show-overflow-tooltip sortable width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="摸底登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼升小</span>
|
||||
<span v-if="row.dj_djlx==2">小学</span>
|
||||
<span v-if="row.dj_djlx==3">初升高</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_tbrq"
|
||||
label="填报日期" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_sqzt"
|
||||
sortable
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span :style="'color: ' + row.stateColor">{{row.stateName}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看
|
||||
</el-button>
|
||||
<el-button v-if="row.dj_sqzt===5100" size="mini" type="primary"
|
||||
@click="openAudit(row)">审核
|
||||
</el-button>
|
||||
<el-button v-if="[5115,5118,5200].includes(row.dj_sqzt)" size="mini"
|
||||
type="danger"
|
||||
@click="ch(row)">
|
||||
撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<rxdj-info ref="auditInfo">
|
||||
<template slot="audit">
|
||||
<el-tab-pane label="分工会审核" :name="fghAuditTabName">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="dj_fghshyj" class="is-required">
|
||||
<el-input v-model="formData.dj_fghshyj" type="textarea"
|
||||
maxlength="300"
|
||||
rows="5"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button type="danger" @click="doHandle(5115)">拒 绝</el-button>
|
||||
<el-button type="info" @click="doHandle(5118)">退 回</el-button>
|
||||
<el-button type="success" @click="doHandle(5200)">通 过</el-button>
|
||||
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
lx: 1,
|
||||
year: moment().format('YYYY') + "",
|
||||
isAudit: 3
|
||||
},
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {},
|
||||
fghAuditTabName: 'fghAuditTabName'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData: function () {
|
||||
$.post(base + '/platform/zgfw/rxdj/sh/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
},
|
||||
openAudit(row) {
|
||||
this.formData = clone(row)
|
||||
this.formData.dj_fghshyj = "情况属实。"
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openAudit(clone(row), this.fghAuditTabName)
|
||||
},
|
||||
async doHandle(s) {
|
||||
if (this.formData.dj_fghshyj === null) {
|
||||
this.$message.warning("请填写审核信息")
|
||||
return
|
||||
}
|
||||
let title = s === 5200 ? "通过" : s === 5115 ? "拒绝" : "退回"
|
||||
const confirm = await this.$confirm('确认要' + title + '吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
this.formData.dj_sqzt = s
|
||||
const resp = await $.post('/platform/zgfw/rxdj/sh/dofghSh', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs.guava.index()
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
},
|
||||
ch(row) {
|
||||
this.$confirm('确定要撤回吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post('/platform/zgfw/rxdj/sh/doch', {
|
||||
dj_id: row.dj_id,
|
||||
dj_sqzt: 5100
|
||||
}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,711 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<!-- 在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值 -->
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
|
||||
<title>教职工子女入学登记
|
||||
</title>
|
||||
<!-- 引入样式文件 -->
|
||||
<link rel="stylesheet" href="https://cdn.staticfile.org/vant/2.12.5/index.min.css">
|
||||
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.2.0/weui.min.css">
|
||||
|
||||
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
|
||||
<script src="https://cdn.staticfile.org/vue/2.6.9/vue.min.js"></script>
|
||||
<script src="https://cdn.staticfile.org/vant/2.12.5/vant.js"></script>
|
||||
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.js"></script>
|
||||
<script src="/assets/platform/plugins/moment/moment.min.js"></script>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
[v-clock] {
|
||||
display: none
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
#v-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
z-index: 9999;
|
||||
box-sizing: border-box;
|
||||
/*background-color: rgba(216,191,216,.3);*/
|
||||
background-image: url(//image.wjx.com/images/newimg/mobile-cover/cover3@1x.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-color: #7b99ec;
|
||||
}
|
||||
|
||||
@keyframes mylogo {
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes mylogo /* Firefox */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mylogo /* Safari 和 Chrome */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes mylogo /* Opera */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.start_title {
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
/*color: rgb(106, 0, 95);*/
|
||||
color: white;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.start_logo {
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
/*border: rgb(106, 0, 95) 1px solid;*/
|
||||
border: white 1px solid;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
margin-bottom: 30px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.v-cover-title {
|
||||
padding: 30px 20px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.van-doc-demo-block__title {
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: rgba(69, 90, 100, 0.6);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.delete-button {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.van-swipe-cell__wrapper {
|
||||
border: none;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<!--<div id="v-cover">
|
||||
<div class="v-cover-title">
|
||||
<div style="font-size: 24px;width: 100%;text-align: center;color: white">幼儿园秋季入园登记</div>
|
||||
</div>
|
||||
<div style="position: absolute;height: 55px;width: 100%;bottom: 0;left: 0;text-align: center">
|
||||
<div class="start_title" style="height: 16px;line-height: 16px">上滑开始</div>
|
||||
<div class="start_logo">
|
||||
<svg style="height: 40%;width: 100%;margin-top: 30%" t="1583736487548" class="icon" viewBox="0 0 1462 1024"
|
||||
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3119" width="32" height="32">
|
||||
<path d="M788.187 477.842a80.823 80.823 0 0 0-111.908 0l-484.937 469.65c-21.358 20.773-26.99 50.25-18.652 76.508l494.958-415.451c6.437-5.486 13.75-9.436 21.358-13.02 26.331-16.603 60.708-16.603 86.82 0.146 7.46 3.438 14.629 7.388 20.846 12.727L1291.776 1024a74.533 74.533 0 0 0-18.725-76.654L788.187 477.842z m645.56 165.01L804.132 29.33a104.74 104.74 0 0 0-145.335 0L29.038 642.853C1.17 669.915-5.925 708.535 4.754 742.839l642.56-542.866a121.417 121.417 0 0 1 27.868-16.97 105.106 105.106 0 0 1 112.786 0.366c9.655 4.389 18.87 9.801 27.136 16.604l642.926 542.866a97.134 97.134 0 0 0-24.357-99.986z"
|
||||
p-id="3120" fill="white"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div v-clock id="app" style="width: 100%;height: 100%;position: relative;overflow-y: auto;">
|
||||
<van-nav-bar title="入学登记" fixed placeholder safe-area-inset-top @click-left="history.back()"
|
||||
:left-arrow="leftArrow"></van-nav-bar>
|
||||
<div>
|
||||
<van-image
|
||||
width="100%"
|
||||
height="200px"
|
||||
fit="cover"
|
||||
src="/assets/mobile/img/school_apply_bg.webp"/>
|
||||
</div>
|
||||
<van-form @submit="doSubmit" style="margin-top: 10px">
|
||||
<van-tabs v-model="checked" color="rgb(106, 0, 95)" type="card">
|
||||
<van-tab name="1" title="基础信息">
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title"
|
||||
style="font-weight: bolder;color: rgb(106, 0, 95)">
|
||||
用户信息</h2>
|
||||
</div>
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
@input="doInput"
|
||||
required
|
||||
v-model="formData.loginname"
|
||||
name="loginname"
|
||||
label="工  号"
|
||||
placeholder="工资号"
|
||||
:rules="[{ required: true, message: '请填写工资号' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
v-model="formData.username"
|
||||
name="username"
|
||||
label="姓  名"
|
||||
:placeholder="getPlaceholder(formData,'username')"
|
||||
></van-field>
|
||||
<van-field
|
||||
v-model="formData.unionname"
|
||||
name="unionname"
|
||||
label="所属工会"
|
||||
:placeholder="getPlaceholder(formData,'unionname')"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_iphone"
|
||||
name="dj_iphone"
|
||||
label="手机号码"
|
||||
placeholder="手机号码"
|
||||
:rules="[{ required: true, message: '请填写手机号码' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_zw"
|
||||
name="dj_zw"
|
||||
label="职  务"
|
||||
placeholder="职务"
|
||||
:rules="[{ required: true, message: '请填写职务' }]"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title"
|
||||
style="font-weight: bolder;color: rgb(106, 0, 95)">
|
||||
子女信息</h2>
|
||||
</div>
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_znname"
|
||||
name="dj_znname"
|
||||
label="子女姓名"
|
||||
placeholder="子女姓名"
|
||||
:rules="[{ required: true, message: '请填写子女姓名' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znsex"
|
||||
:value="formData.dj_znsex"
|
||||
label="性别"
|
||||
placeholder="性别"
|
||||
@click="dj_znsexShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择性别' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_znsexShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="sexArr"
|
||||
@confirm="function(val){formData.dj_znsex=val;dj_znsexShowPicker=false}"
|
||||
@cancel="dj_znsexShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<!-- <van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znzsny"
|
||||
:value="formData.dj_znzsny"
|
||||
label="出生日期"
|
||||
placeholder="点击选择"
|
||||
@click="birthdayShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择出生日期' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="birthdayShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="date"
|
||||
:min-date="new Date('2000-01-01')"
|
||||
:max-date="new Date()"
|
||||
@confirm="birthdayConfirm"
|
||||
@cancel="birthdayShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>-->
|
||||
<van-field
|
||||
required
|
||||
name="dj_znidcard"
|
||||
v-model="formData.dj_znidcard"
|
||||
label="身份证号"
|
||||
placeholder="身份证号"
|
||||
:rules="[{ required: true, message: '请填写子女身份证号' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
name="dj_jdxx"
|
||||
v-model="formData.dj_znidcard"
|
||||
label="就读学校"
|
||||
placeholder="就读学校"
|
||||
></van-field>
|
||||
<van-field
|
||||
name="dj_jdxx"
|
||||
v-model="formData.dj_znidcard"
|
||||
label="子女户口所在地"
|
||||
placeholder="子女户口所在地"
|
||||
></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_jzgzngx"
|
||||
:value="formData.dj_jzgzngx"
|
||||
label="子女关系"
|
||||
placeholder="点击选择"
|
||||
@click="dj_jzgzngxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择子女关系' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_jzgzngxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="fzgxArr"
|
||||
@confirm="function(val){formData.dj_jzgzngx=val;dj_jzgzngxShowPicker=false}"
|
||||
@cancel="dj_jzgzngxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_sqxx"
|
||||
:value="formData.dj_sqxx"
|
||||
label="申请班级"
|
||||
placeholder="点击选择"
|
||||
@click="dj_sqxxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择申请班级' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_sqxxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="sqbjArr"
|
||||
@confirm="function(val){formData.dj_sqxx=val;dj_sqxxShowPicker=false}"
|
||||
@cancel="dj_sqxxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
v-model="formData.dj_wxqyy"
|
||||
name="dj_wxqyy"
|
||||
label="备  注"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
placeholder="请输入备注"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
<van-tab name="2" title="材料信息">
|
||||
<van-cell-group style="margin-top: 20px">
|
||||
<van-field label="户口簿照片" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<van-uploader multiple
|
||||
accept="image/*"
|
||||
:max-count="5"
|
||||
v-model="formData.fileList1">
|
||||
</van-uploader>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-field label="子女出生证照片" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<van-uploader multiple
|
||||
accept="image/*"
|
||||
:max-count="5"
|
||||
v-model="formData.fileList2">
|
||||
</van-uploader>
|
||||
</template>
|
||||
</van-field>
|
||||
<!-- <van-field label="人才骨干证明材料" label-width="250" disabled style="border: none;"></van-field>-->
|
||||
<!-- <van-field>-->
|
||||
<!-- <template #input>-->
|
||||
<!-- <van-uploader multiple-->
|
||||
<!-- accept="image/*"-->
|
||||
<!-- :max-count="5"-->
|
||||
<!-- v-model="formData.fileList3">-->
|
||||
<!-- </van-uploader>-->
|
||||
<!-- </template>-->
|
||||
<!-- </van-field>-->
|
||||
<!-- <van-field label="无学区房证明材料" label-width="250" disabled style="border: none;"></van-field>-->
|
||||
<!-- <van-field>-->
|
||||
<!-- <template #input>-->
|
||||
<!-- <van-uploader multiple-->
|
||||
<!-- accept="image/*"-->
|
||||
<!-- :max-count="5"-->
|
||||
<!-- v-model="formData.fileList4">-->
|
||||
<!-- </van-uploader>-->
|
||||
<!-- </template>-->
|
||||
<!-- </van-field>-->
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
|
||||
<div style="margin: 16px;">
|
||||
<van-button round block color="rgb(106, 0, 95)" :disabled="subFlag" type="info"
|
||||
native-type="submit">
|
||||
提交
|
||||
</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
<van-number-keyboard safe-area-inset-bottom/>
|
||||
</div>
|
||||
<script src="https://cdn.staticfile.org/js-cookie/2.2.1/js.cookie.min.js"></script>
|
||||
<script>
|
||||
|
||||
var startX, startY, moveEndX, moveEndY, X, Y;
|
||||
|
||||
$("#v-cover").on("touchstart", function (e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
startX = e.originalEvent.changedTouches[0].pageX,
|
||||
|
||||
startY = e.originalEvent.changedTouches[0].pageY;
|
||||
|
||||
});
|
||||
|
||||
$("#v-cover").on("touchmove", function (e) {
|
||||
$(".start_logo").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
e.preventDefault();
|
||||
moveEndX = e.originalEvent.changedTouches[0].pageX
|
||||
moveEndY = e.originalEvent.changedTouches[0].pageY
|
||||
X = moveEndX - startX
|
||||
Y = moveEndY - startY
|
||||
if (Math.abs(X) > Math.abs(Y) && X > 0) {
|
||||
// alert("像右滑动");
|
||||
} else if (Math.abs(X) > Math.abs(Y) && X < 0) {
|
||||
// alert("像左滑动");
|
||||
} else if (Math.abs(Y) > Math.abs(X) && Y > 0) {
|
||||
// alert("下滑动");
|
||||
} else if (Math.abs(Y) > Math.abs(X) && Y < -100) {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
} else {
|
||||
// alert("触摸");
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$(".start_logo").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
$("#v-cover").click(function () {
|
||||
$("#v-cover").animate({"bottom": '200%'}, "slow");
|
||||
})
|
||||
|
||||
|
||||
var vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
fzgxArr: ['父子', '父女', '母子', '母女', '第三代'],
|
||||
sqbjArr: ['亲子班', '托班', '小班', '中班', '大班'],
|
||||
fjlxArr: ['户口簿复印件', '子女出生证复印件', '单位主要负责人签字、盖章的书面证明材料', '书面情况说明以及相关证明材料'],
|
||||
fjlxObj: {
|
||||
'户口簿复印件': 1,
|
||||
'子女出生证复印件': 2,
|
||||
'单位主要负责人签字、盖章的书面证明材料': 3,
|
||||
'书面情况说明以及相关证明材料': 4
|
||||
},
|
||||
birthdayShowPicker: false,
|
||||
dj_jzgzngxShowPicker: false,
|
||||
dj_sqxxShowPicker: false,
|
||||
fj_lxShowPicker: false,
|
||||
fileIdx: '',
|
||||
checked: 1,
|
||||
formData: {
|
||||
dj_djlx: 1,
|
||||
fileList1: [],
|
||||
fileList2: [],
|
||||
fileList3: [],
|
||||
fileList4: [],
|
||||
},
|
||||
isNull: function (val) {
|
||||
if (val == null || val == undefined || val == '') {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
},
|
||||
showMsg: false,
|
||||
msg: '',
|
||||
subFlag: true,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
checkIdCard(val) {
|
||||
const p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
|
||||
const result = p.test(this.formData.dj_znidcard)
|
||||
if (!result) {
|
||||
vant.Toast('请输入正确的身份证号码')
|
||||
return
|
||||
}
|
||||
if (this.formData.dj_znzsny) {
|
||||
const calc_birthday = this.formData.dj_znidcard.substr(6, 8)
|
||||
const input_birthday = this.formData.dj_znzsny.replaceAll('-', '')
|
||||
if (calc_birthday !== input_birthday) {
|
||||
vant.Toast('您输入正确的身份证号码与出生日期不符合')
|
||||
}
|
||||
}
|
||||
},
|
||||
doSubmit: function () {
|
||||
const calc_birthday = this.formData.dj_znidcard.substr(6, 8)
|
||||
const input_birthday = this.formData.dj_znzsny.replaceAll('-', '')
|
||||
if (calc_birthday !== input_birthday) {
|
||||
vant.Toast('您输入正确的身份证号码与出生日期不符合')
|
||||
}
|
||||
if (vue.formData.fileList1.length == 0) {
|
||||
vue.$toast.fail("请上传户口簿照片！")
|
||||
return
|
||||
}
|
||||
if (vue.formData.fileList2.length == 0) {
|
||||
vue.$toast.fail("请上传子女出生证照片！")
|
||||
return
|
||||
}
|
||||
|
||||
vue.$dialog.confirm({
|
||||
title: '提醒',
|
||||
message: '提交前，请您再次核对“基础信息”和“材料信息”，确保填写完整并准确无误。是否确认提交？'
|
||||
}).then(function (value) {
|
||||
setTimeout(function () {
|
||||
|
||||
var formdata = new FormData();
|
||||
|
||||
var data = Object.assign({}, vue.formData);
|
||||
data.fileList1 = undefined
|
||||
data.fileList2 = undefined
|
||||
data.fileList3 = undefined
|
||||
data.fileList4 = undefined
|
||||
for (key in data) {
|
||||
formdata.append(key, vue.isNull(data[key]) ? '' : data[key]);
|
||||
}
|
||||
|
||||
formdata.append("dj_tbrq", moment().format('YYYY-MM-DD'));
|
||||
formdata.append("dj_sqzt", 0);
|
||||
formdata.append("dj_year", moment().format('YYYY'));
|
||||
vue.formData.fileList1.forEach(function (val) {
|
||||
formdata.append("files1", val.file, val.file.name);
|
||||
});
|
||||
vue.formData.fileList2.forEach(function (val) {
|
||||
formdata.append("files2", val.file, val.file.name);
|
||||
});
|
||||
vue.formData.fileList3.forEach(function (val) {
|
||||
formdata.append("files3", val.file, val.file.name);
|
||||
});
|
||||
vue.formData.fileList4.forEach(function (val) {
|
||||
formdata.append("files4", val.file, val.file.name);
|
||||
});
|
||||
|
||||
const toast = vue.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true,
|
||||
message: '数据提交中...'
|
||||
});
|
||||
|
||||
|
||||
$.ajax({
|
||||
url: "/platform/zgfw/mobile/rxdj/doSubmit",
|
||||
type: "post",
|
||||
data: formdata,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function (data) {
|
||||
if (data.code === 0) {
|
||||
setTimeout(function () {
|
||||
// 手动清除 Toast
|
||||
vue.$toast.clear();
|
||||
vue.$toast.success('提交成功！')
|
||||
vue.formData = {
|
||||
dj_djlx: 1,
|
||||
loginname: vue.formData.loginname,
|
||||
dj_iphone: vue.formData.dj_iphone,
|
||||
dj_jzgid: vue.formData.dj_jzgid,
|
||||
dj_zw: vue.formData.dj_zw,
|
||||
dj_rylx: vue.formData.dj_rylx,
|
||||
dj_szdw: vue.formData.dj_szdw,
|
||||
dj_tbrfgh: vue.formData.dj_tbrfgh,
|
||||
dj_gzh: vue.formData.dj_gzh,
|
||||
username: vue.formData.username,
|
||||
unionname: vue.formData.unionname,
|
||||
fileList1: [],
|
||||
fileList2: [],
|
||||
fileList3: [],
|
||||
fileList4: [],
|
||||
}
|
||||
Cookies.remove('formData_rk');
|
||||
})
|
||||
} else {
|
||||
setTimeout(function () {
|
||||
vue.$toast.clear();
|
||||
vue.$toast.fail(data.msg)
|
||||
}, 500)
|
||||
}
|
||||
},
|
||||
error: function (data) {
|
||||
setTimeout(function () {
|
||||
vue.$toast.clear();
|
||||
vue.$toast.fail(data.msg)
|
||||
}, 500)
|
||||
}
|
||||
});
|
||||
}, 500)
|
||||
}).catch(function (reason) {
|
||||
|
||||
});
|
||||
},
|
||||
fjlxConfirm: function (val) {
|
||||
vue.formData.fileList[vue.fileIdx].fj_lxName = val
|
||||
vue.formData.fileList[vue.fileIdx].fj_lx = vue.fjlxObj[val]
|
||||
vue.fj_lxShowPicker = false
|
||||
},
|
||||
birthdayConfirm: function (val) {
|
||||
vue.formData.dj_znzsny = moment(val).format('YYYY-MM-DD');
|
||||
vue.birthdayShowPicker = false
|
||||
},
|
||||
getPlaceholder: function (formData, key) {
|
||||
|
||||
if (this.isNull(formData.userid)) {
|
||||
return "输入工资号后自动匹配"
|
||||
} else {
|
||||
if (this.isNull(formData[key])) {
|
||||
return '暂无'
|
||||
}
|
||||
return formData[key]
|
||||
}
|
||||
},
|
||||
doInput: function (val) {
|
||||
vue.$set(vue.formData, 'username', undefined)
|
||||
vue.$set(vue.formData, 'unionname', undefined)
|
||||
vue.$set(vue.formData, 'dj_jzgid', undefined)
|
||||
vue.$set(vue.formData, 'dj_szdw', undefined)
|
||||
vue.$set(vue.formData, 'dj_tbrfgh', undefined)
|
||||
vue.$set(vue.formData, 'dj_gzh', undefined)
|
||||
$.get("/platform/zgfw/mobile/rxdj/queryUserByLoginname", {loginname: val}, function (data) {
|
||||
if (data.code == 0) {
|
||||
if (!vue.isNull(data.data)) {
|
||||
vue.$set(vue.formData, 'dj_jzgid', data.data.id)
|
||||
vue.$set(vue.formData, 'dj_szdw', data.data.unitid)
|
||||
vue.$set(vue.formData, 'dj_tbrfgh', data.data.unioninfomgr_id)
|
||||
vue.$set(vue.formData, 'dj_gzh', data.data.loginname)
|
||||
vue.$set(vue.formData, 'username', data.data.username)
|
||||
vue.$set(vue.formData, 'unionname', data.data.unionname)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async getUserInfo() {
|
||||
const {data} = await $.get('/platform/zgfw/mobile/rxdj/getUserInfo')
|
||||
if (data != null) {
|
||||
vue.$set(vue.formData, 'dj_jzgid', data.id)
|
||||
vue.$set(vue.formData, 'dj_szdw', data.unitid)
|
||||
vue.$set(vue.formData, 'dj_tbrfgh', data.unionid)
|
||||
vue.$set(vue.formData, 'dj_gzh', data.loginname)
|
||||
vue.$set(vue.formData, 'username', data.username)
|
||||
vue.$set(vue.formData, 'unionname', data.unionname)
|
||||
vue.$set(vue.formData, 'loginname', data.loginname)
|
||||
} else {
|
||||
vant.Dialog.alert({
|
||||
title: '提示',
|
||||
message: '智慧工会系统没有查询到您的个人信息，请联系校工会老师进行人员数据更新。',
|
||||
}).then(() => {
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
GetQueryString("client") == "mobile" ? this.leftArrow = true : this.leftArrow = false
|
||||
await this.getUserInfo()
|
||||
let self = this
|
||||
$.post("/platform/zgfw/mobile/rxdj/getFlag", {'lx': self.formData.dj_djlx}, function (data) {
|
||||
if (data.code != 0) {
|
||||
self.$toast.fail(data.msg)
|
||||
} else {
|
||||
self.subFlag = false
|
||||
}
|
||||
})
|
||||
if (Cookies.get("formData_rk") != undefined) {
|
||||
parseData = JSON.parse(Cookies.get("formData_rk"))
|
||||
parseData.fileList1 = []
|
||||
parseData.fileList2 = []
|
||||
parseData.fileList3 = []
|
||||
parseData.fileList4 = []
|
||||
self.formData = parseData
|
||||
Cookies.remove('formData_rk');
|
||||
}
|
||||
setInterval(function () {
|
||||
var data = Object.assign({}, self.formData);
|
||||
data.fileList1 = []
|
||||
data.fileList2 = []
|
||||
data.fileList3 = []
|
||||
data.fileList4 = []
|
||||
Cookies.set("formData_rk", JSON.stringify(data))
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
|
||||
function GetQueryString(name) {
|
||||
const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||
const r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) return unescape(r[2]);
|
||||
return "";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,753 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
[v-clock] {
|
||||
display: none
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
#v-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
z-index: 9999;
|
||||
box-sizing: border-box;
|
||||
/*background-color: rgba(216,191,216,.3);*/
|
||||
background-image: url(//image.wjx.com/images/newimg/mobile-cover/cover3@1x.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-color: #1867b0;
|
||||
}
|
||||
|
||||
@keyframes mylogo {
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes mylogo /* Firefox */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mylogo /* Safari 和 Chrome */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes mylogo /* Opera */
|
||||
{
|
||||
from {
|
||||
top: 3px;
|
||||
}
|
||||
to {
|
||||
top: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.start_title {
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
/*color: rgb(106, 0, 95);*/
|
||||
color: white;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.start_logo {
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
/*border: rgb(106, 0, 95) 1px solid;*/
|
||||
border: white 1px solid;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
margin-bottom: 30px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Firefox: */
|
||||
-moz-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Safari 和 Chrome: */
|
||||
-webkit-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
/* Opera: */
|
||||
-o-animation: mylogo 0.1s linear 0s infinite alternate;
|
||||
}
|
||||
|
||||
.v-cover-title {
|
||||
padding: 30px 20px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.van-doc-demo-block__title {
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: #1867b0;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.delete-button {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.van-swipe-cell__wrapper {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.van-cell {
|
||||
width: 90%;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<!--<div id="v-cover" >
|
||||
<div class="v-cover-title">
|
||||
<div style="font-size: 20px;width: 100%;text-align: center;color: white">教职工子女幼升小、小学入学调查</div>
|
||||
</div>
|
||||
<div style="position: absolute;height: 55px;width: 100%;bottom: 0;left: 0;text-align: center">
|
||||
<div class="start_title" style="height: 16px;line-height: 16px">上滑开始</div>
|
||||
<div class="start_logo">
|
||||
<svg style="height: 40%;width: 100%;margin-top: 30%" t="1583736487548" class="icon" viewBox="0 0 1462 1024"
|
||||
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3119" width="32" height="32">
|
||||
<path d="M788.187 477.842a80.823 80.823 0 0 0-111.908 0l-484.937 469.65c-21.358 20.773-26.99 50.25-18.652 76.508l494.958-415.451c6.437-5.486 13.75-9.436 21.358-13.02 26.331-16.603 60.708-16.603 86.82 0.146 7.46 3.438 14.629 7.388 20.846 12.727L1291.776 1024a74.533 74.533 0 0 0-18.725-76.654L788.187 477.842z m645.56 165.01L804.132 29.33a104.74 104.74 0 0 0-145.335 0L29.038 642.853C1.17 669.915-5.925 708.535 4.754 742.839l642.56-542.866a121.417 121.417 0 0 1 27.868-16.97 105.106 105.106 0 0 1 112.786 0.366c9.655 4.389 18.87 9.801 27.136 16.604l642.926 542.866a97.134 97.134 0 0 0-24.357-99.986z"
|
||||
p-id="3120" fill="white"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div v-clock id="app" style="width: 100%;height: 100%;position: relative;overflow-y: auto;">
|
||||
<van-nav-bar title="入学登记" fixed placeholder safe-area-inset-top
|
||||
@click-left="history.go(-1)"
|
||||
:left-arrow="leftArrow"></van-nav-bar>
|
||||
<div>
|
||||
<van-image
|
||||
width="100%"
|
||||
height="200px"
|
||||
fit="cover"
|
||||
src="/assets/mobile/img/school_apply_bg.webp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<van-form label-width="120" colon style="margin-top: 10px;"
|
||||
input-align="right" ref="form">
|
||||
<van-tabs v-model="checked" color="#004e64" type="card">
|
||||
<van-tab name="1" title="基础信息">
|
||||
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title"
|
||||
style="font-weight: bolder;color: #004e64">
|
||||
子女信息</h2>
|
||||
</div>
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_znname"
|
||||
name="dj_znname"
|
||||
label="子女姓名"
|
||||
placeholder="子女姓名"
|
||||
:rules="[{ required: true, message: '请填写子女姓名' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znsex"
|
||||
:value="formData.dj_znsex"
|
||||
label="性别"
|
||||
placeholder="性别"
|
||||
@click="dj_znsexShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择性别' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_znsexShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="sexArr"
|
||||
@confirm="function(val){formData.dj_znsex=val;dj_znsexShowPicker=false}"
|
||||
@cancel="dj_znsexShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znzsny"
|
||||
:value="formData.dj_znzsny"
|
||||
label="出生日期"
|
||||
placeholder="点击选择"
|
||||
@click="birthdayShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择出生日期' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="birthdayShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="date"
|
||||
:min-date="new Date('2000-1-1')"
|
||||
:max-date="new Date(nlxz)"
|
||||
@confirm="birthdayConfirm"
|
||||
@cancel="birthdayShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<van-field
|
||||
required
|
||||
name="dj_znidcard"
|
||||
v-model="formData.dj_znidcard"
|
||||
label="身份证号"
|
||||
placeholder="身份证号"
|
||||
:rules="[{ required: true, message: '请填写子女身份证号' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
name="dj_jdxx"
|
||||
v-model="formData.dj_jdxx"
|
||||
label="正读学校"
|
||||
:rules="[{ required: true, message: '请填写正读学校' }]"
|
||||
placeholder="正读学校"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
name="dj_hjszd"
|
||||
v-model="formData.dj_hjszd"
|
||||
label="户籍所在地"
|
||||
:rules="[{ required: true, message: '请填写户籍所在地' }]"
|
||||
placeholder="户籍所在地"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
readonly
|
||||
v-model="formData.dj_sqxx"
|
||||
name="dj_sqxx"
|
||||
label="拟选学校"
|
||||
@click="sqxxShow = true"
|
||||
placeholder="拟选学校"
|
||||
></van-field>
|
||||
<van-action-sheet v-model="sqxxShow" :actions="sqxxActions"
|
||||
@select="(val)=>{$set(formData,'dj_sqxx',val.name);sqxxShow=false}"></van-action-sheet>
|
||||
|
||||
|
||||
<!--
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_sqxx"
|
||||
:value="formData.dj_sqxx"
|
||||
label="申请班级"
|
||||
placeholder="点击选择"
|
||||
@click="dj_sqxxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择申请班级' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_sqxxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="sqbjArr"
|
||||
@confirm="function(val){formData.dj_sqxx=val;dj_sqxxShowPicker=false}"
|
||||
@cancel="dj_sqxxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>-->
|
||||
|
||||
</van-cell-group>
|
||||
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title"
|
||||
style="font-weight: bolder;color: #004e64">
|
||||
教职工信息</h2>
|
||||
</div>
|
||||
<van-cell-group>
|
||||
<van-field readonly
|
||||
|
||||
v-model="formData.loginname"
|
||||
name="loginname"
|
||||
label="工  号"
|
||||
placeholder="工资号"
|
||||
></van-field>
|
||||
<van-field readonly
|
||||
v-model="formData.username"
|
||||
name="username"
|
||||
label="姓  名"
|
||||
></van-field>
|
||||
|
||||
<template>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_zw"
|
||||
name="dj_zw"
|
||||
label="职务、职称"
|
||||
:rules="[{ required: true, message: '请填写职务、职称' }]"
|
||||
placeholder="职务、职称"
|
||||
></van-field>
|
||||
<!-- <van-field
|
||||
required
|
||||
:value="formData.dj_rxsj"
|
||||
label="工作单位起始时间"
|
||||
placeholder="请选择工作单位起始时间"
|
||||
:rules="[{ required: true, message: '请选择工作单位起始时间' }]"
|
||||
@click="dj_rxsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_rxsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
cancel-button-text="取消选择"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_rxsjConfirm"
|
||||
@cancel="dj_rxsjCancel"
|
||||
></van-datetime-picker>
|
||||
</van-popup>-->
|
||||
</template>
|
||||
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_iphone"
|
||||
name="dj_iphone"
|
||||
label="手机号码"
|
||||
placeholder="手机号码"
|
||||
:rules="[{ required: true, message: '请填写手机号码' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
readonly
|
||||
v-model="formData.dj_szdw"
|
||||
name="dj_szdw"
|
||||
label="所在单位"
|
||||
placeholder="所在单位"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
readonly
|
||||
v-model="formData.dj_ygfs"
|
||||
name="dj_ygfs"
|
||||
label="用工方式"
|
||||
@click="ygfsShow = true"
|
||||
placeholder="用工方式"
|
||||
></van-field>
|
||||
<van-action-sheet v-model="ygfsShow" :actions="ygfsActions"
|
||||
@select="(val)=>{$set(formData,'dj_ygfs',val.name);ygfsShow=false}"></van-action-sheet>
|
||||
|
||||
|
||||
<!-- <van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_jzgzngx"
|
||||
:value="formData.dj_jzgzngx"
|
||||
label="子女关系"
|
||||
placeholder="点击选择"
|
||||
@click="dj_jzgzngxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择子女关系' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_jzgzngxShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="fzgxArr"
|
||||
@confirm="function(val){formData.dj_jzgzngx=val;dj_jzgzngxShowPicker=false}"
|
||||
@cancel="dj_jzgzngxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>-->
|
||||
<van-field
|
||||
v-model="formData.dj_bz"
|
||||
name="dj_wxqyy"
|
||||
label="备  注"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
placeholder="请输入备注"
|
||||
></van-field>
|
||||
|
||||
<van-field label="户口簿照片" label-width="300"
|
||||
required></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="hkfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field required
|
||||
label="子女出生证图片"
|
||||
label-width="300"
|
||||
></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="csfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field required
|
||||
label="学历学位证或教师资格证"
|
||||
label-width="300"
|
||||
></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="jszgfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field required
|
||||
label="聘用合同复印件"
|
||||
label-width="300"
|
||||
></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="pyhtfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
|
||||
|
||||
<div style="margin: 16px;">
|
||||
<van-row gutter="20">
|
||||
<van-col span="12">
|
||||
<van-button round block plain color="#004e64" type="info"
|
||||
native-type="submit" @click="doSubmit(false)">
|
||||
保存
|
||||
</van-button>
|
||||
</van-col>
|
||||
<van-col span="12">
|
||||
<van-button round block color="#004e64" type="info"
|
||||
native-type="submit" @click="doSubmit(true)">
|
||||
提交
|
||||
</van-button>
|
||||
</van-col>
|
||||
</van-row>
|
||||
|
||||
|
||||
</div>
|
||||
</van-tabs>
|
||||
</van-form>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
|
||||
var vue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
sqxxShow: false,
|
||||
sqxxActions: [],
|
||||
planList: [],
|
||||
dj_jzgzngxShowPicker: false,
|
||||
dj_rxsjShowPicker: false,
|
||||
dj_znsexShowPicker: false,
|
||||
ygfsShow: false,
|
||||
ygfsActions: [{name: '老体制'}, {name: '人事代理'}, {name: '年薪制'}, {name: '二级单位自聘'}],
|
||||
sexArr: ['男', '女'],
|
||||
fzgxArr: ['父子', '父女', '母子', '母女'],
|
||||
maxYearMonth: new Date(moment().format('YYYY-MM')),
|
||||
leftArrow: false,
|
||||
bmlxObj: [],
|
||||
dj_zwColumns: ['无', '副科级', '正科级', '副处级', '正处级'],
|
||||
dj_hjssxqColumns: ['南京市秦淮区', '南京市其它区', '南京市以外'],
|
||||
dj_sqxxShowPicker: false,
|
||||
dj_rylxShowPicker: false,
|
||||
birthdayShowPicker: false,
|
||||
dj_rzsjShowPicker: false,
|
||||
dj_zcsjShowPicker: false,
|
||||
dj_rcchsjShowPicker: false,
|
||||
dj_djlxShowPicker: false,
|
||||
dj_zwShowPicker: false,
|
||||
dj_hjssxqShowPicker: false,
|
||||
fileIdx: '',
|
||||
checked: 1,
|
||||
csfile: [],
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: [],
|
||||
pyhtfile: [],
|
||||
jszgfile: [],
|
||||
formData: {},
|
||||
isNull: function (val) {
|
||||
if (val == null || val == undefined || val == '') {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
},
|
||||
showMsg: false,
|
||||
msg: '',
|
||||
nlxz: '',
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'vant-file-upload': httpVueLoader('/components/plugins/VantFileUpload.vue')
|
||||
},
|
||||
methods: {
|
||||
dj_rxsjConfirm(val) {
|
||||
this.formData.dj_rxsj = moment(val).format('YYYY-MM');
|
||||
this.dj_rxsjShowPicker = false
|
||||
},
|
||||
dj_rxsjCancel() {
|
||||
this.formData.dj_rxsj = "";
|
||||
this.dj_rxsjShowPicker = false
|
||||
},
|
||||
dj_rcchsjCancel() {
|
||||
this.formData.dj_rcchsj = "";
|
||||
this.dj_rcchsjShowPicker = false
|
||||
},
|
||||
dj_rzsjCancel() {
|
||||
this.formData.dj_rzsj = "";
|
||||
this.dj_rzsjShowPicker = false
|
||||
},
|
||||
dj_zcsjCancel() {
|
||||
this.formData.dj_zcsj = "";
|
||||
this.dj_zcsjShowPicker = false
|
||||
},
|
||||
dj_hjssxqConfirm(val) {
|
||||
this.formData.dj_hjssxq = val
|
||||
this.dj_hjssxqShowPicker = false
|
||||
},
|
||||
dj_zwConfirm(val) {
|
||||
this.formData.dj_zw = val
|
||||
this.dj_zwShowPicker = false
|
||||
},
|
||||
dj_sqxxConfirm(val) {
|
||||
this.formData.dj_sqxx = val.value
|
||||
this.formData.dj_sqxx_name = val.text
|
||||
this.dj_sqxxShowPicker = false
|
||||
},
|
||||
djlxConfirm(val) {
|
||||
this.formData.dj_djlx = val.value
|
||||
this.formData.dj_djlx_str = val.text
|
||||
this.dj_djlxShowPicker = false
|
||||
},
|
||||
async doSubmit(flag) {
|
||||
if (flag) {
|
||||
await this.$refs.form.validate();
|
||||
}
|
||||
if (this.hkfile.length === 0 && flag) {
|
||||
this.$toast.fail("请上传户口簿照片！")
|
||||
return
|
||||
}
|
||||
if (this.csfile.length === 0 && flag) {
|
||||
this.$toast.fail("请上传子女出生证图片！")
|
||||
return
|
||||
}
|
||||
if (this.jszgfile.length === 0 && flag) {
|
||||
this.$toast.fail("请上传教职工学历学位证或教师资格证！")
|
||||
return
|
||||
}
|
||||
if (this.pyhtfile.length === 0 && flag) {
|
||||
this.$toast.fail("请上传聘用合同复印件！")
|
||||
return
|
||||
}
|
||||
let confirm = ""
|
||||
const {data} = await $.get("/platform/zgfw/rxdjsq/hasDJ", this.formData)
|
||||
|
||||
if (data && data.count >= 1 && !this.formData.dj_id) {
|
||||
this.formData.dj_djlx_str = this.formData.dj_djlx_str ? this.formData.dj_djlx_str : this.bmlxObj[0].text
|
||||
confirm = await this.$dialog.confirm({
|
||||
title: '确定要提交【' + this.formData.dj_djlx_str + "】的入学登记吗？",
|
||||
message: '该子女已经提交是否继续，如继续则覆盖上一次提交的内容！'
|
||||
})
|
||||
this.formData.dj_id = data.dj_id
|
||||
} else {
|
||||
confirm = await this.$dialog.confirm({
|
||||
title: '确定要提交【' + this.formData.dj_djlx_str + "】的入学登记吗？",
|
||||
message: flag ? '提交前，请您再次核对“基础信息”和“材料信息”，确保填写完整并准确无误。是否确认提交？' : '保存后如需提交，请前往我的登记修改后在提交'
|
||||
})
|
||||
}
|
||||
if (confirm === "confirm") {
|
||||
this.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.csfile.map(v => {
|
||||
v.bz = "csfile"
|
||||
})
|
||||
this.jszgfile.map(v => {
|
||||
v.bz = "jszgfile"
|
||||
})
|
||||
this.pyhtfile.map(v => {
|
||||
v.bz = "pyhtfile"
|
||||
})
|
||||
const toast = vue.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true,
|
||||
message: '数据提交中...'
|
||||
})
|
||||
const a = this.formData.dj_id ? "/doEdit" : "/doSubmit"
|
||||
const data = await $.post("/platform/zgfw/mobile/rxdj" + a, {
|
||||
flag: flag,
|
||||
data: JSON.stringify(this.formData),
|
||||
csfile: JSON.stringify(this.csfile),
|
||||
hkfile: JSON.stringify(this.hkfile),
|
||||
jszgfile: JSON.stringify(this.jszgfile),
|
||||
pyhtfile: JSON.stringify(this.pyhtfile)
|
||||
})
|
||||
|
||||
if (data.code === 0) {
|
||||
this.$toast.success('提交成功！')
|
||||
setTimeout(() => {
|
||||
this.$toast.clear();
|
||||
history.go(-1)
|
||||
}, 2000)
|
||||
} else {
|
||||
this.$toast.clear();
|
||||
this.$toast.fail(data.msg)
|
||||
}
|
||||
}
|
||||
},
|
||||
dj_rcchsjConfirm(val) {
|
||||
this.formData.dj_rcchsj = moment(val).format('YYYY-MM');
|
||||
this.dj_rcchsjShowPicker = false
|
||||
},
|
||||
dj_zcsjConfirm(val) {
|
||||
this.formData.dj_zcsj = moment(val).format('YYYY-MM');
|
||||
this.dj_zcsjShowPicker = false
|
||||
},
|
||||
dj_rzsjConfirm(val) {
|
||||
this.formData.dj_rzsj = moment(val).format('YYYY-MM');
|
||||
this.dj_rzsjShowPicker = false
|
||||
},
|
||||
birthdayConfirm(val) {
|
||||
this.formData.dj_znzsny = moment(val).format('YYYY-MM-DD');
|
||||
this.birthdayShowPicker = false
|
||||
},
|
||||
getPlaceholder: function (formData, key) {
|
||||
if (this.isNull(formData.userid)) {
|
||||
return "输入工资号后自动匹配"
|
||||
} else {
|
||||
if (this.isNull(formData[key])) {
|
||||
return '暂无'
|
||||
}
|
||||
return formData[key]
|
||||
}
|
||||
},
|
||||
async getUserInfo() {
|
||||
const {data} = await $.get('/platform/zgfw/mobile/rxdj/getUserInfo')
|
||||
if (data != null) {
|
||||
this.$set(this.formData, 'dj_jzgid', data.id)
|
||||
this.$set(this.formData, 'dj_szdw', data.unitname)
|
||||
this.$set(this.formData, 'dj_tbrfgh', data.unionid)
|
||||
this.$set(this.formData, 'dj_gzh', data.loginname)
|
||||
this.$set(this.formData, 'username', data.username)
|
||||
this.$set(this.formData, 'unionname', data.unionname)
|
||||
this.$set(this.formData, 'loginname', data.loginname)
|
||||
this.$set(this.formData, 'dj_zc', data.position)
|
||||
// this.$set(this.formData, 'dj_zw', data.position)
|
||||
this.$set(this.formData, 'dj_iphone', data.mobile)
|
||||
} else {
|
||||
vant.Dialog.alert({
|
||||
title: '提示',
|
||||
message: '智慧工会系统没有查询到您的个人信息，请联系校工会老师进行人员数据更新。',
|
||||
}).then(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
async getPlanStatus(dj_djlx) {
|
||||
const res = await $.post("/platform/zgfw/rxdjsq/planStatus")
|
||||
if ((res.yey > 0 || this.formData.dj_id) && dj_djlx === "1") {
|
||||
this.bmlxObj.push({text: "幼升小", value: 1})
|
||||
}
|
||||
if ((res.xx > 0 || this.formData.dj_id) && dj_djlx === "2") {
|
||||
this.bmlxObj.push({text: "小学", value: 2})
|
||||
}
|
||||
if ((res.cz > 0 || this.formData.dj_id) && dj_djlx === "3") {
|
||||
this.bmlxObj.push({text: "初升高", value: 3})
|
||||
}
|
||||
if (this.bmlxObj && this.bmlxObj.length > 0) {
|
||||
this.formData.dj_djlx = this.bmlxObj[0].value
|
||||
this.formData.dj_djlx_str = this.bmlxObj[0].text
|
||||
}
|
||||
this.nlxz = this.planList.find(v => v.bmlx === this.formData.dj_djlx).nlxz
|
||||
},
|
||||
async getPlanByThisYear() {
|
||||
const res = await $.post("/platform/zgfw/rxdj/plan/getPlanByThisYear")
|
||||
this.planList = res.data
|
||||
},
|
||||
async getFile(dj_id) {
|
||||
const {data} = await $.get('/platform/zgfw/rxdjxx/findOne', {id: dj_id})
|
||||
this.csfile = []
|
||||
this.hkfile = []
|
||||
this.fcfile = []
|
||||
this.qmkffile = []
|
||||
if (data.fjs && data.fjs.length > 0) {
|
||||
const csfile = data.fjs.filter(v => v.bz === "csfile")
|
||||
const hkfile = data.fjs.filter(v => v.bz === "hkfile")
|
||||
const fcfile = data.fjs.filter(v => v.bz === "fcfile")
|
||||
const qmkffile = data.fjs.filter(v => v.bz === "qmkffile")
|
||||
const jszgfile = data.fjs.filter(v => v.bz === "jszgfile")
|
||||
const pyhtfile = data.fjs.filter(v => v.bz === "pyhtfile")
|
||||
this.csfile = csfile
|
||||
this.hkfile = hkfile
|
||||
this.fcfile = fcfile
|
||||
this.qmkffile = qmkffile
|
||||
this.jszgfile = jszgfile
|
||||
this.pyhtfile = pyhtfile
|
||||
}
|
||||
},
|
||||
async findOne(dj_id) {
|
||||
const {data} = await $.get("/platform/zgfw/mobile/rxdj/audit/findOne", {dj_id: dj_id})
|
||||
data.username = "${@shiro.getPrincipalProperty('username')}"
|
||||
data.loginname = "${@shiro.getPrincipalProperty('loginname')}"
|
||||
this.formData = data
|
||||
}
|
||||
|
||||
},
|
||||
async created() {
|
||||
await this.getPlanByThisYear()
|
||||
GetQueryString("client") == "mobile" ? this.leftArrow = true : this.leftArrow = false
|
||||
const dj_id = GetQueryString("dj_id")
|
||||
const dj_djlx = GetQueryString("dj_djlx")
|
||||
|
||||
if (dj_id) {
|
||||
this.findOne(dj_id)
|
||||
this.getFile(dj_id)
|
||||
} else {
|
||||
await this.getUserInfo()
|
||||
}
|
||||
await this.getPlanStatus(dj_djlx)
|
||||
getDictByCode('rxdj_xxmc').then(res => {
|
||||
this.sqxxActions = res
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,326 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-range-editor.el-input__inner {
|
||||
width: 60%
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker v-model="pageForm.bmyear" type="year" value-format="yyyy"
|
||||
format="yyyy年"
|
||||
placeholder="年度"></el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.bmlx" placeholder="登记类型" clearable>
|
||||
<el-option v-for="item in bmlxList" :label="item.val"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-button size="medium" @click="openAdd"><i class="ti-plus"></i> 创建计划</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" header-align="center">
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="年度" prop="bmyear" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="摸底开始时间" prop="bmkssj" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="摸底结束时间" prop="bmjssj" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="登记类型" prop="bmlx" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<!-- <span v-if="scope.row.bmlx==1">幼升小</span>-->
|
||||
<span v-if="scope.row.bmlx==2">小学</span>
|
||||
<!-- <span v-if="scope.row.bmlx==3">初升高</span>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.bmkqzt===1"
|
||||
@change="bmkqztChange(scope.row.id,scope.row.bmkqzt)"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#dcdfe6">
|
||||
</el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" header-align="center" align="center" width="350px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="info" size="mini"
|
||||
@click="openCode(scope.row.bmlx)">二维码
|
||||
</el-button>
|
||||
<el-button type="primary" size="mini" @click="openEdit(scope.row)">编辑
|
||||
</el-button>
|
||||
<el-button type="danger" size="mini" @click="doDelete(scope.row.id)">删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</guava>
|
||||
|
||||
<el-dialog :visible.sync="addDialogVisible" title="创建计划" width="60%">
|
||||
<el-form :model="AddFormData" ref="AddForm" label-width="100px" :rules="rules">
|
||||
<el-form-item label="年度" prop="bmyear">
|
||||
<el-date-picker v-model="AddFormData.bmyear" type="year" value-format="yyyy"
|
||||
format="yyyy年"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="bmlx">
|
||||
<el-select v-model="AddFormData.bmlx">
|
||||
<el-option v-for="item in bmlxList" :label="item.val"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出生日期" prop="nlxz">
|
||||
<el-date-picker
|
||||
v-model="AddFormData.nlxz"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择出生日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="报名时间" prop="bmsj">
|
||||
<el-date-picker
|
||||
v-model="AddFormData.bmsj"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy年MM月dd日"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="开启状态">
|
||||
<el-switch v-model="AddFormData.bmkqzt"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#dcdfe6">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doAdd">确 认</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<el-dialog :visible.sync="editDialogVisible" title="编辑计划" width="60%">
|
||||
<el-form :model="EditFormData" ref="EditForm" label-width="100px" :rules="rules">
|
||||
<el-form-item label="年度" prop="bmyear">
|
||||
<el-date-picker v-model="EditFormData.bmyear" type="year" value-format="yyyy"
|
||||
format="yyyy年"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="bmlx">
|
||||
<el-select v-model="EditFormData.bmlx">
|
||||
<el-option v-for="item in bmlxList" :label="item.val"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出生日期" prop="nlxz">
|
||||
<el-date-picker
|
||||
v-model="EditFormData.nlxz"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择出生日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="报名时间" prop="bmsj">
|
||||
<el-date-picker
|
||||
v-model="EditFormData.bmsj"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy年MM月dd日"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="开启状态">
|
||||
<el-switch v-model="EditFormData.bmkqzt"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#dcdfe6">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doEdit">确 认</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<open-qr-code ref="openQRCode" :url="qrcodeUrl"></open-qr-code>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0
|
||||
},
|
||||
tableData: [],
|
||||
addDialogVisible: false,
|
||||
AddFormData: {
|
||||
bmyear: '',
|
||||
kqzt: true
|
||||
},
|
||||
/* bmlxList: [
|
||||
{id: 1, val: '幼升小'}, {id: 2, val: '小学'}, {id: 3, val: '初升高'}
|
||||
],*/
|
||||
bmlxList: [{id: 2, val: '小学'}],
|
||||
rules: {
|
||||
bmyear: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bmlx: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bmsj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
EditFormData: {},
|
||||
editDialogVisible: false,
|
||||
qrcodeUrl: ''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'open-qr-code': httpVueLoader('/components/plugins/OpenQRCode.vue'),
|
||||
},
|
||||
methods: {
|
||||
openAdd() {
|
||||
if (this.$refs['AddForm'])
|
||||
this.$refs['AddForm'].resetFields()
|
||||
this.addDialogVisible = true
|
||||
},
|
||||
pageNumberChange(val) {
|
||||
this.pageForm.pageNumber = val
|
||||
this.pageData()
|
||||
},
|
||||
pageSizeChange(val) {
|
||||
this.pageForm.pageSize = val
|
||||
this.pageData()
|
||||
},
|
||||
pageData() {
|
||||
sublime.showLoadingbar()
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/pageData', this.pageForm).then(res => {
|
||||
sublime.closeLoadingbar()
|
||||
if (res.code == 0) {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
}
|
||||
})
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs['AddForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.AddFormData.bmkssj = this.AddFormData.bmsj[0]
|
||||
this.AddFormData.bmjssj = this.AddFormData.bmsj[1]
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/doAdd', this.AddFormData).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.addDialogVisible = false
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
} else if (res.code == 2) {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
bmkqztChange(id, bmkqzt) {
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/bmztChange', {
|
||||
id: id,
|
||||
bmkqzt: bmkqzt
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
openEdit(obj) {
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/findOne', {id: obj.id}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.EditFormData = res.data
|
||||
this.$set(this.EditFormData, 'bmsj', [res.data.bmkssj, res.data.bmjssj])
|
||||
this.editDialogVisible = true
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
doEdit() {
|
||||
this.$refs['EditForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.EditFormData.bmkssj = this.EditFormData.bmsj[0]
|
||||
this.EditFormData.bmjssj = this.EditFormData.bmsj[1]
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/doEdit', this.EditFormData).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.editDialogVisible = false
|
||||
this.pageData()
|
||||
this.$message.success(res.msg)
|
||||
} else if (res.code == 2) {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$confirm('确定要删除吗?, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post(base + '/platform/zgfw/rxdj/plan/doDelete', {id: id}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
openCode(bmlx) {
|
||||
this.$refs.openQRCode.openCode('/platform/zgfw/mobile/rxdj/psms?client=mobile&dj_djlx=' + bmlx)
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,327 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
查询统计
|
||||
Created by lyw on 2020/3/10 15:45
|
||||
-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak style="padding: 10px">
|
||||
|
||||
<div style="width: 100%;height: 43.5%;background: #fff;">
|
||||
<div id="year_chart" style="height: 100%;box-sizing: border-box;padding: 20px"></div>
|
||||
</div>
|
||||
|
||||
<div style="width: 100%;height: 5px;background-color: rgb(240,240,240)"></div>
|
||||
<div style="width: 100%;background-color: rgb(240,240,240);">
|
||||
<el-date-picker
|
||||
@change="changYear"
|
||||
style="width: 100%;"
|
||||
v-model="year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div style="width: 100%;height: 5px;background-color: rgb(240,240,240)"></div>
|
||||
<div style="width: 100%;height: 52.5%;background: #fff;">
|
||||
<el-row style="height: 100%">
|
||||
<!-- <el-col :span="8" style="box-sizing: border-box;padding: 20px;height: 100%">
|
||||
<div id="bj_chart"
|
||||
style="height: 100%;border-right: 2px rgb(240,240,240) solid"></div>
|
||||
</el-col>-->
|
||||
<el-col :span="24" style="box-sizing: border-box;padding: 20px;height: 100%">
|
||||
<div id="ps_chart"
|
||||
style="height: 100%;border-right: 2px rgb(240,240,240) solid"></div>
|
||||
</el-col>
|
||||
<!-- <el-col :span="8" style="box-sizing: border-box;padding: 20px;height: 100%">
|
||||
<div id="ms_chart" style="height: 100%;"></div>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
var self = this
|
||||
return {
|
||||
year: new Date().getFullYear().toString(),
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changYear: function () {
|
||||
var self = this
|
||||
self.getData3()
|
||||
self.getData4()
|
||||
self.getData5()
|
||||
},
|
||||
async getData1() {
|
||||
const resp = await $.get("/platform/zgfw/jzgznbmdj/sjkb/getData1")
|
||||
if (resp.code === 0) {
|
||||
const dom = document.getElementById("year_chart")
|
||||
const myChart = echarts.init(dom)
|
||||
const option = {
|
||||
color: ["#5470c6", "#91cc75"],
|
||||
title: {
|
||||
text: '年度报名趋势'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data: resp.data.names
|
||||
},
|
||||
grid: {
|
||||
left: '4%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
name: '年份',
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: resp.data.years
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
name: '人数',
|
||||
type: 'value'
|
||||
}
|
||||
],
|
||||
series: resp.data.arr
|
||||
};
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
myChart.on('click', function (params) {
|
||||
this.year = params.name
|
||||
// self.getData2()
|
||||
// this.getData3()
|
||||
this.getData4()
|
||||
// this.getData5()
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
// getData2: function () {
|
||||
// var self = this
|
||||
// $.get("/platform/zgfw/jzgznbmdj/sjkb/getData2", {'year': self.year}, function (data) {
|
||||
// if (data.code == 0) {
|
||||
// var dom = document.getElementById("lxzb_chart");
|
||||
// var myChart = echarts.init(dom, 'shine');
|
||||
// option = {
|
||||
// title: {
|
||||
// text: self.year + '年报名类型占比',
|
||||
// subtext: '',
|
||||
// left: 'center'
|
||||
// },
|
||||
// tooltip: {
|
||||
// trigger: 'item',
|
||||
// formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
// },
|
||||
//
|
||||
// series: [
|
||||
// {
|
||||
// name: '人数占比',
|
||||
// type: 'pie',
|
||||
// radius: '55%',
|
||||
// center: ['50%', '55%'],
|
||||
// data: data.data.data,
|
||||
// emphasis: {
|
||||
// itemStyle: {
|
||||
// shadowBlur: 10,
|
||||
// shadowOffsetX: 0,
|
||||
// shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// };
|
||||
// if (option && typeof option === "object") {
|
||||
// myChart.setOption(option, true);
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
getData3: function () {
|
||||
var self = this
|
||||
$.get("/platform/zgfw/jzgznbmdj/sjkb/getData3", {'year': self.year}, function (data) {
|
||||
if (data.code == 0) {
|
||||
var dom = document.getElementById("bj_chart");
|
||||
var myChart = echarts.init(dom, 'shine');
|
||||
option = {
|
||||
title: {
|
||||
text: self.year + '年幼升小申请班级占比',
|
||||
subtext: '',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
},
|
||||
|
||||
series: [
|
||||
{
|
||||
name: '人数占比',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['50%', '55%'],
|
||||
data: data.data,
|
||||
label: {
|
||||
align: 'left',
|
||||
normal: {
|
||||
formatter: function (v) {
|
||||
return v.name.length > 5 ? v.name.substr(0, 5) + "..." : v.name;
|
||||
},
|
||||
textStyle: {
|
||||
// fontSize : 8
|
||||
}
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
getData4: function () {
|
||||
var self = this
|
||||
$.get("/platform/zgfw/jzgznbmdj/sjkb/getData4", {'year': self.year}, function (data) {
|
||||
if (data.code == 0) {
|
||||
var dom = document.getElementById("ps_chart");
|
||||
var myChart = echarts.init(dom, 'shine');
|
||||
option = {
|
||||
title: {
|
||||
text: self.year + '年小学申请学校占比',
|
||||
subtext: '',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '人数占比',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['50%', '55%'],
|
||||
data: data.data,
|
||||
formatter: function (name) {
|
||||
return name.length > 5 ? name.substr(0, 5) + "..." : name;
|
||||
},
|
||||
label: {
|
||||
align: 'left',
|
||||
normal: {
|
||||
formatter: function (v) {
|
||||
return v.name.length > 5 ? v.name.substr(0, 5) + "..." : v.name;
|
||||
},
|
||||
textStyle: {
|
||||
// fontSize : 8
|
||||
}
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
getData5: function () {
|
||||
var self = this
|
||||
$.get("/platform/zgfw/jzgznbmdj/sjkb/getData5", {'year': self.year}, function (data) {
|
||||
if (data.code == 0) {
|
||||
var dom = document.getElementById("ms_chart");
|
||||
var myChart = echarts.init(dom, 'shine');
|
||||
option = {
|
||||
color: ["#5470c6", "#91cc75"],
|
||||
title: {
|
||||
text: self.year + '年初升高申请学校占比',
|
||||
subtext: '',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
},
|
||||
|
||||
series: [
|
||||
{
|
||||
name: '人数占比',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['50%', '55%'],
|
||||
label: {
|
||||
align: 'left',
|
||||
normal: {
|
||||
formatter: function (v) {
|
||||
return v.name.length > 5 ? v.name.substr(0, 5) + "..." : v.name;
|
||||
},
|
||||
textStyle: {
|
||||
// fontSize : 8
|
||||
}
|
||||
}
|
||||
},
|
||||
data: data.data,
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getData1()
|
||||
// this.getData2();
|
||||
this.getData3()
|
||||
this.getData4()
|
||||
this.getData5()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,733 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<h3 style="color: rgb(24, 103, 176);">信息登记</h3>
|
||||
</template>
|
||||
<el-form :model="AddFormData" :rules="rules" ref="AddForm" label-width="180px">
|
||||
<el-form-item label="登记类型" prop="class">
|
||||
<!-- <el-radio :disabled="planstatus.yey==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
label="1">
|
||||
幼升小
|
||||
</el-radio>-->
|
||||
<el-radio :disabled="planstatus.xx==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
:label="2" @change="clickRadio">
|
||||
小学
|
||||
</el-radio>
|
||||
<!-- <el-radio :disabled="planstatus.cz==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
label="3" @change="clickRadio">
|
||||
初升高
|
||||
</el-radio>-->
|
||||
</el-form-item>
|
||||
|
||||
<vi-title title="子女信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女姓名" prop="dj_znname">
|
||||
<el-select v-model="AddFormData.dj_znname" placeholder="请输入子女姓名"
|
||||
allow-create
|
||||
filterable
|
||||
@change="djZnNameChange"
|
||||
default-first-option
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in znnameOptions"
|
||||
:key="item.id"
|
||||
:label="item.dj_znname"
|
||||
:value="item.dj_znname">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!-- <el-input clearable v-model="AddFormData.dj_znname"
|
||||
placeholder="子女姓名"></el-input>-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <template v-if="AddFormData.dj_djlx==3">
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在小学" prop="dj_szxx">
|
||||
<el-input clearable v-model="AddFormData.dj_szxx" placeholder="所在小学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!– <el-col :span="12">
|
||||
<el-form-item label="六上期末考分" prop="dj_qmkf">
|
||||
<el-input clearable v-model="AddFormData.dj_qmkf" placeholder="六上期末考分（语数外）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>–>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学区中学" prop="dj_xqzx">
|
||||
<el-input clearable v-model="AddFormData.dj_xqzx" placeholder="学区中学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="意向学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="AddFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option label="南京（A）" value="A"></el-option>
|
||||
<el-option label="南京（B）" value="B"></el-option>
|
||||
<el-option label="南京（C）" value="C"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="语文" prop="dj_qmkfy">
|
||||
<el-input :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfy"
|
||||
placeholder="六上期末考分（语文）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数学" prop="dj_qmkfs">
|
||||
<el-input :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfs"
|
||||
placeholder="六上期末考分（数学）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="外语" prop="dj_qmkfw">
|
||||
<el-input :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfw"
|
||||
placeholder="六上期末考分（外语）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>-->
|
||||
<template>
|
||||
<!--
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所属辖区" prop="dj_hjssxq">
|
||||
<el-select clearable v-model="AddFormData.dj_hjssxq" style="width: 100%"
|
||||
placeholder="请选择户籍所属辖区">
|
||||
<el-option label="南京市秦淮区" value="南京市秦淮区"></el-option>
|
||||
<el-option label="南京市其它区" value="南京市其它区"></el-option>
|
||||
<el-option label="南京市以外" value="南京市以外"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="AddFormData.dj_djlx==2">
|
||||
<el-form-item label="户籍所属小学" prop="dj_hjssxx">
|
||||
<el-input clearable v-model="AddFormData.dj_hjssxx" placeholder="户籍所属小学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别" prop="dj_znsex">
|
||||
<el-select clearable v-model="AddFormData.dj_znsex" style="width: 100%">
|
||||
<el-option value="男" lable="男"></el-option>
|
||||
<el-option value="女" lable="女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="出生日期" prop="dj_znzsny">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_znzsny"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
:placeholder="dj_znzsny_placeholder">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证号" prop="dj_znidcard">
|
||||
<el-input clearable v-model="AddFormData.dj_znidcard"
|
||||
placeholder="身份证号"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="正读学校" prop="dj_jdxx">
|
||||
<el-input clearable v-model="AddFormData.dj_jdxx"
|
||||
placeholder="正读学校"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--<el-col :span="12">
|
||||
<el-form-item label="子女户口所在地" prop="dj_znhjszd">
|
||||
<el-input clearable v-model="AddFormData.dj_znhjszd"
|
||||
placeholder="子女户口所在地（户口本第一页公安部门盖章处的派出所地址）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所在地" prop="dj_hjszd">
|
||||
<el-input clearable v-model="AddFormData.dj_hjszd"
|
||||
placeholder="户籍所在地"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟选学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="AddFormData.dj_sqxx" style="width: 100%"
|
||||
placeholder="请选择拟选学校">
|
||||
<el-option :label="x.name" :value="x.code"
|
||||
v-for=" x in sqxxOptions"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</template>
|
||||
</el-row>
|
||||
|
||||
<vi-title title="教职工信息"></vi-title>
|
||||
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工姓名" prop="dj_jzgid">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
disabled
|
||||
v-model="AddFormData.dj_jzgid">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工号">
|
||||
<el-input v-model="AddFormData.dj_gzh" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职务、职称" prop="dj_zw">
|
||||
<el-input clearable v-model="AddFormData.dj_zw"
|
||||
placeholder="职务、职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12" v-if="AddFormData.dj_djlx==2">
|
||||
<el-form-item label="工作单位起始时间" prop="dj_rxsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_rxsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="工作单位起始时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
<!--<el-col :span="12">
|
||||
<el-form-item label="技术职称" prop="dj_zc">
|
||||
<el-input clearable v-model="AddFormData.dj_zc" placeholder="技术职称"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职称评定时间" prop="dj_zcsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_zcsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="职称评定时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职务级别" prop="dj_zw">
|
||||
<el-select clearable v-model="AddFormData.dj_zw" style="width: 100%" placeholder="请选择行政职务级别">
|
||||
<el-option label="无" value="无"></el-option>
|
||||
<el-option label="副科级" value="副科级"></el-option>
|
||||
<el-option label="正科级" value="正科级"></el-option>
|
||||
<el-option label="副处级" value="副处级"></el-option>
|
||||
<el-option label="正处级" value="正处级"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!– <el-form-item label="行政职务级别" prop="dj_zw">
|
||||
|
||||
<el-input clearable v-model="AddFormData.dj_zw" placeholder="行政职务级别"></el-input>
|
||||
</el-form-item>–>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职级任职时间" prop="dj_rzsj">
|
||||
<el-date-picker
|
||||
:disabled="AddFormData.dj_zw==='无'"
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_rzsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="行政职级任职时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="省级人才称号" prop="dj_rcch">
|
||||
<el-input clearable v-model="AddFormData.dj_rcch" placeholder="省部级及以上人才称号"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="获人才称号时间" prop="dj_rcchsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="AddFormData.dj_rcchsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="获人才称号时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="AddFormData.dj_djlx==3">
|
||||
<el-form-item label="荣誉或奖项" prop="dj_rxjx">
|
||||
<el-input clearable v-model="AddFormData.dj_rxjx" placeholder="荣誉或奖项(只填写最高的一项)"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码" prop="dj_iphone">
|
||||
<el-input clearable v-model="AddFormData.dj_iphone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="AddFormData.dj_szdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="用工方式" prop="dj_ygfs">
|
||||
<el-select clearable v-model="AddFormData.dj_ygfs" style="width: 100%"
|
||||
placeholder="请选择用工方式">
|
||||
<el-option label="老体制" value="老体制"></el-option>
|
||||
<el-option label="人事代理" value="人事代理"></el-option>
|
||||
<el-option label="年薪制" value="年薪制"></el-option>
|
||||
<el-option label="二级单位自聘" value="二级单位自聘"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="AddFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--幼儿园字段 start-->
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==1">
|
||||
<!-- <el-form-item label="所在单位">
|
||||
<el-input clearable v-model="AddFormData.dj_szdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="AddFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
<el-option value="第三代" lable="第三代"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==1">
|
||||
<el-form-item label="申请班级" prop="dj_sqxx">
|
||||
<el-select clearable v-model="AddFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option value="亲子班" lable="亲子班"></el-option>
|
||||
<el-option value="托班" lable="托班"></el-option>
|
||||
<el-option value="小班" lable="小班"></el-option>
|
||||
<el-option value="中班" lable="中班"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
<!--幼儿园字段 end-->
|
||||
|
||||
|
||||
<!--小学 初中字段 start-->
|
||||
<!-- <el-row gutter="30" v-if="AddFormData.dj_djlx==2">
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工户籍所在地" prop="dj_hjszd">
|
||||
|
||||
<el-input clearable v-model="AddFormData.dj_hjszd"
|
||||
placeholder="教职工户籍所在地"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="房产证地址" prop="dj_jtzz">
|
||||
<el-input clearable v-model="AddFormData.dj_jtzz"
|
||||
placeholder="房产证地址"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==2||AddFormData.dj_djlx==3">
|
||||
|
||||
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="AddFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==2||AddFormData.dj_djlx==3">
|
||||
<el-form-item label="人员类型" prop="dj_rylx">
|
||||
<dict-select v-model="AddFormData.dj_rylx" style="width: 100%" clearable placeholder="人员类型"
|
||||
code="UserType"></dict-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否人才或骨干" prop="dj_sfgcrchywgg">
|
||||
<el-select clearable v-model="AddFormData.dj_sfgcrchywgg" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="AddFormData.dj_djlx==2||AddFormData.dj_djlx==3">
|
||||
|
||||
<el-form-item label="是否有学区房" prop="dj_sfyxqf">
|
||||
<el-select clearable v-model="AddFormData.dj_sfyxqf" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="AddFormData.dj_djlx==2">
|
||||
<el-form-item label="房产证或无房证明" prop="fcfile">
|
||||
<file-upload card :files.sync="AddFormData.fcfile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="AddFormData.dj_djlx==3">
|
||||
<el-form-item label="六上期末考分证明" prop="qmkffile">
|
||||
<file-upload card :files.sync="AddFormData.qmkffile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
</div>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="AddFormData.dj_bz" show-word-limit="true" type="textarea"
|
||||
maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item label="户口簿图片" prop="hkfile" class="is-required">
|
||||
<file-upload :files.sync="AddFormData.hkfile" card></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传首页和户主与子女页面
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
|
||||
<el-form-item label="子女出生证图片" prop="csfile" class="is-required">
|
||||
<file-upload :files.sync="AddFormData.csfile" card></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传子女出生证图片
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
|
||||
<el-form-item label="学历学位证或教师资格证" prop="jszgfile" class="is-required">
|
||||
<file-upload :files.sync="AddFormData.jszgfile" card></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传教职工学历学位证或教师资格证
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
|
||||
<el-form-item label="聘用合同复印件" prop="pyhtfile" class="is-required">
|
||||
<file-upload :files.sync="AddFormData.pyhtfile" card></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传聘用合同复印件
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</el-form>
|
||||
<el-row style="text-align: right;">
|
||||
|
||||
<el-button type="primary" @click="doAdd(false)"
|
||||
plain
|
||||
:disabled="planstatus.yey==0&&planstatus.xx==0&&planstatus.cz==0">保 存
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doAdd(true)"
|
||||
:disabled="planstatus.yey==0&&planstatus.xx==0&&planstatus.cz==0">确 定
|
||||
</el-button>
|
||||
|
||||
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.0'),
|
||||
},
|
||||
data() {
|
||||
let hkFileValidate = (rule, value, callback) => {
|
||||
if (this.AddFormData.hkfile.length === 0) {
|
||||
callback(new Error('请上传户口簿图片'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let csFileValidate = (rule, value, callback) => {
|
||||
if (this.AddFormData.hkfile.length === 0) {
|
||||
callback(new Error('请上传子女出生证图片'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let pyhtFileValidate = (rule, value, callback) => {
|
||||
if (this.AddFormData.pyhtfile.length === 0) {
|
||||
callback(new Error('请上传聘用合同复印件'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let jszgFileValidate = (rule, value, callback) => {
|
||||
if (this.AddFormData.jszgfile.length === 0) {
|
||||
callback(new Error('请上传教职工学历学位证或教师资格证'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
planList: [],
|
||||
sqxxOptions: [],
|
||||
dj_znzsny_placeholder: "",
|
||||
planstatus: {dj_znzsny: null},
|
||||
AddFormData: {
|
||||
csfile: [],
|
||||
hkfile: []
|
||||
},
|
||||
rules: {
|
||||
hkfile: [{validator: hkFileValidate, trigger: ['blur', 'change']}],
|
||||
pyhtfile: [{validator: pyhtFileValidate, trigger: ['blur', 'change']}],
|
||||
jszgfile: [{validator: jszgFileValidate, trigger: ['blur', 'change']}],
|
||||
// csfile: [{validator: csFileValidate, trigger: ['blur', 'change']}],
|
||||
dj_znname: [{required: true, trigger: ['blur', 'change'], message: '请填写子女姓名'}],
|
||||
dj_znsex: [{required: true, trigger: ['blur', 'change'], message: '请填写性别'}],
|
||||
dj_znzsny: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请选择子女出生日期'
|
||||
}],
|
||||
dj_jzgzngx: [{required: true, trigger: ['blur', 'change'], message: '请选择子女关系'}],
|
||||
dj_iphone: [{required: true, trigger: ['blur', 'change'], message: '请填写手机号码'}],
|
||||
dj_znidcard: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请填写身份证号'
|
||||
}],
|
||||
dj_jdxx: [{required: true, trigger: ['blur', 'change'], message: '请填写现就读学校'}],
|
||||
dj_jzgid: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工姓名'}],
|
||||
dj_znhjszd: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请填写子女户口所在地'
|
||||
}],
|
||||
dj_zw: [{required: true, trigger: ['blur', 'change'], message: '请填写职务和岗位'}],
|
||||
dj_sqxx: [{required: true, trigger: ['blur', 'change'], message: '请选择拟选学校'}],
|
||||
dj_hjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所在地'}],
|
||||
dj_ygfs: [{required: true, trigger: ['blur', 'change'], message: '请填写用工方式'}],
|
||||
dj_rxsj: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请选择工作单位起始时间'
|
||||
}],
|
||||
},
|
||||
loading: false,
|
||||
userList: {},
|
||||
hkfile: [],
|
||||
csfile: [],
|
||||
qmkffile: [],
|
||||
znnameOptions: [],
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
clickRadio(val) {
|
||||
this.$set(this.AddFormData, "dj_znname", null)
|
||||
this.$set(this.AddFormData, "dj_znzsny", null)
|
||||
|
||||
},
|
||||
async userChange(o) {
|
||||
let user = this.userList.find(u => u.id == o)
|
||||
this.$set(this.AddFormData, 'dj_zc', user.zc)
|
||||
// this.$set(this.AddFormData, 'dj_zw', user.zw)
|
||||
this.$set(this.AddFormData, 'dj_szdw', user.unitname)
|
||||
this.$set(this.AddFormData, 'dj_gzh', user.loginname)
|
||||
this.$set(this.AddFormData, 'dj_iphone', "${@shiro.getPrincipalProperty('mobile')}")
|
||||
},
|
||||
async doAdd(flag) {
|
||||
if (flag) {
|
||||
await this.$refs['AddForm'].validate()
|
||||
}
|
||||
if (this.AddFormData.dj_znzsny > this.planList.find(v => v.bmlx === this.AddFormData.dj_djlx).nlxz) {
|
||||
this.$message.info('出生年月大于' + this.planList.find(v => v.bmlx === this.AddFormData.dj_djlx).nlxz + '暂不能登记')
|
||||
return
|
||||
}
|
||||
this.AddFormData.dj_sqzt = flag ? 5100 : 5000
|
||||
let confirm = ""
|
||||
let msg = ""
|
||||
const {data} = await $.get("/platform/zgfw/rxdjsq/hasDJ", this.AddFormData)
|
||||
if (data && data.count > 0 && !this.AddFormData.dj_id) {
|
||||
msg = "该子女已经提交是否继续，如继续则覆盖上一次提交的内容！"
|
||||
} else {
|
||||
msg = flag ? '提交前，请您再次核对“基础信息”和“材料信息”，确保填写完整并准确无误。是否确认提交？' : '保存后如需提交，请前往我的登记修改后再提交'
|
||||
}
|
||||
let ts = this.AddFormData.dj_djlx === 1 ? "幼升小" : this.AddFormData.dj_djlx === 2 ? "小学" : "初升高"
|
||||
confirm = await this.$confirm(msg, ts + '提交提醒', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
closeOnClickModal: false,
|
||||
type: 'warning',
|
||||
})
|
||||
if (data && data.count > 0 && !this.AddFormData.dj_id) {
|
||||
if (confirm === "confirm") {
|
||||
this.AddFormData.dj_id = data.dj_id
|
||||
await this.doSubmit(flag)
|
||||
}
|
||||
} else {
|
||||
await this.doSubmit(flag)
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
async doSubmit(flag) {
|
||||
if (this.AddFormData.hkfile && this.AddFormData.hkfile.length > 0) {
|
||||
this.AddFormData.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
}
|
||||
if (this.AddFormData.csfile && this.AddFormData.csfile.length > 0) {
|
||||
this.AddFormData.csfile.map(v => {
|
||||
v.bz = "csfile"
|
||||
})
|
||||
}
|
||||
if (this.AddFormData.jszgfile && this.AddFormData.jszgfile.length > 0) {
|
||||
this.AddFormData.jszgfile.map(v => {
|
||||
v.bz = "jszgfile"
|
||||
})
|
||||
}
|
||||
if (this.AddFormData.pyhtfile && this.AddFormData.pyhtfile.length > 0) {
|
||||
this.AddFormData.pyhtfile.map(v => {
|
||||
v.bz = "pyhtfile"
|
||||
})
|
||||
}
|
||||
|
||||
const res = await $.post(this.AddFormData.dj_id ? "/platform/zgfw/rxdjxx/doEdit" : "/platform/zgfw/rxdjsq/doAdd", {
|
||||
data: JSON.stringify(this.AddFormData),
|
||||
hkfile: JSON.stringify(this.AddFormData.hkfile),
|
||||
csfile: JSON.stringify(this.AddFormData.csfile),
|
||||
jszgfile: JSON.stringify(this.AddFormData.jszgfile),
|
||||
pyhtfile: JSON.stringify(this.AddFormData.pyhtfile),
|
||||
flag: flag
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.$message.success("提交成功");
|
||||
setTimeout(() => {
|
||||
sublime.jumpPagePjax('/platform/zgfw/rxdjxx')
|
||||
}, 1000)
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
},
|
||||
|
||||
async getPlanStatus() {
|
||||
const res = await $.post("/platform/zgfw/rxdjsq/planStatus")
|
||||
this.planstatus = res
|
||||
|
||||
if (this.planstatus.yey === 1) {
|
||||
this.$set(this.AddFormData, "dj_djlx", 1)
|
||||
} else if (this.planstatus.xx === 1) {
|
||||
this.$set(this.AddFormData, "dj_djlx", 2)
|
||||
} else if (this.planstatus.cz === 1) {
|
||||
this.$set(this.AddFormData, "dj_djlx", 3)
|
||||
} else {
|
||||
this.$message.warning('暂未开放')
|
||||
}
|
||||
|
||||
},
|
||||
async getPlanByThisYear() {
|
||||
const res = await $.post("/platform/zgfw/rxdj/plan/getPlanByThisYear")
|
||||
this.planList = res.data
|
||||
},
|
||||
async init() {
|
||||
const data = await queryUserById("${@shiro.getPrincipalProperty('id')}")
|
||||
this.userList = data
|
||||
this.$set(this.AddFormData, 'dj_jzgid', "${@shiro.getPrincipalProperty('id')}")
|
||||
getDictByCode('rxdj_xxmc').then(res => {
|
||||
this.sqxxOptions = res
|
||||
})
|
||||
this.dj_znzsny_placeholder = this.planList.find(v => v.bmlx === this.AddFormData.dj_djlx).nlxz + "以前出生的适龄儿童"
|
||||
},
|
||||
async getZnxxByJzgId() {
|
||||
const resp = await $.post("/platform/zgfw/rxdjsq/getZnxxByJzgId")
|
||||
if (resp.code === 0) {
|
||||
this.znnameOptions = resp.data
|
||||
}
|
||||
},
|
||||
djZnNameChange(val) {
|
||||
const data = clone(this.znnameOptions)
|
||||
if (data.find(v => v.dj_znname === val)) this.AddFormData = data.find(v => v.dj_znname === val)
|
||||
},
|
||||
async findOne(id) {
|
||||
const refs = await $.post('/platform/zgfw/rxdjxx/findOne', {id: id})
|
||||
this.AddFormData = refs.data.djuser
|
||||
this.AddFormData.csfile = refs.data.fjs.filter(f => {
|
||||
return f.bz === "csfile"
|
||||
})
|
||||
this.AddFormData.hkfile = refs.data.fjs.filter(f => {
|
||||
return f.bz === "hkfile"
|
||||
})
|
||||
this.AddFormData.jszgfile = refs.data.fjs.filter(f => {
|
||||
return f.bz === "jszgfile"
|
||||
})
|
||||
this.AddFormData.pyhtfile = refs.data.fjs.filter(f => {
|
||||
return f.bz === "pyhtfile"
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
await this.getPlanStatus()
|
||||
await this.getPlanByThisYear()
|
||||
await this.getZnxxByJzgId()
|
||||
const id = GetQueryString("id")
|
||||
if (id) {
|
||||
await this.findOne(id)
|
||||
|
||||
}
|
||||
await this.init()
|
||||
await this.userChange("${@shiro.getPrincipalProperty('id')}")
|
||||
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -0,0 +1,260 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend"
|
||||
placeholder="姓名查询"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="u.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" @sort-change="pageOrder">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="dj_znzsny" label="出生日期">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znzsny}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="所属单位" prop="dwname" header-align="center" align="center"
|
||||
sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column label="所属分工会" prop="jzgfghname" header-align="center"
|
||||
align="center" sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="摸底登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼升小</span>
|
||||
<span v-if="row.dj_djlx==2">小学</span>
|
||||
<span v-if="row.dj_djlx==3">初升高</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_tbrq"
|
||||
label="填报日期" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_sqzt"
|
||||
sortable
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span :style="'color: ' + row.stateColor">{{row.stateName}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作">
|
||||
<template slot-scope="{row}">
|
||||
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain 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:openView,value:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="!([5000,5118,5218].includes(row.dj_sqzt))"
|
||||
:command="{action:openEdit,value:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:disabled="[5000,5100].includes(row.dj_sqzt)"
|
||||
v-if="${!@shiro.hasRole('sysadmin')}"
|
||||
:command="{action:doDelete,value:row.dj_id}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-else
|
||||
:command="{action:doDelete,value:row.dj_id}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const rules = {}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue?v=1.0.0'),
|
||||
},
|
||||
data() {
|
||||
|
||||
return {
|
||||
dj_znzsny_placeholder: "",
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY')
|
||||
},
|
||||
planstatus: {},
|
||||
tableData: [],
|
||||
sfkq: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand({action, value}) {
|
||||
if (action) action(value)
|
||||
},
|
||||
openEdit(obj) {
|
||||
sublime.jumpPagePjax("/platform/zgfw/rxdjsq?id=" + obj.dj_id)
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$confirm('此操作将删除该数据，确定吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
closeOnClickModal: false,
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post(base + "/platform/zgfw/rxdjxx/doDelete", {id: id}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.doSearch();
|
||||
this.$message.success(res.msg);
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
}).catch(err => {
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row)
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
doSearch() {
|
||||
this.tableKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData("/platform/zgfw/rxdjxx/pageData")
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData("/platform/zgfw/rxdjxx/pageData")
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,901 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend"
|
||||
placeholder="姓名查询"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="ur.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.djlx" clearable placeholder="请选择登记类型">
|
||||
<!-- <el-option value="1" label="幼升小"></el-option>-->
|
||||
<el-option value="2" label="小学"></el-option>
|
||||
<!-- <el-option value="3" label="初升高"></el-option>-->
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button" v-if="pageForm.isAudit===1">
|
||||
<el-select placeholder="审核状态" v-model="pageForm.dj_sqzt" style="width: 100%;"
|
||||
clearable
|
||||
filterable>
|
||||
<el-option label="待校工会审核" :value="5200"></el-option>
|
||||
<el-option label="校工会拒绝" :value="5215"></el-option>
|
||||
<el-option label="校工会退回" :value="5218"></el-option>
|
||||
<el-option label="审核通过" :value="5300"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<vi-title2 title="登记列表">
|
||||
<template #func>
|
||||
<div style="color: red;font-size: 10px">温馨提示：导出时请先选择登记类型 </div>
|
||||
<el-button @click="doExport" type="primary" icon="el-icon-s-promotion"
|
||||
size="small">导出
|
||||
</el-button>
|
||||
<el-button @click="doDownload" type="primary" icon="el-icon-s-promotion"
|
||||
size="small">下载
|
||||
</el-button>
|
||||
|
||||
<el-radio-group size="small" v-model="pageForm.isAudit" @change="doSearch"
|
||||
class="ml10">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</vi-title2>
|
||||
<el-table :data="tableData"
|
||||
@sort-change="pageOrder"
|
||||
row-key="dj_id">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="dj_znzsny" label="出生日期">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znzsny}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="分工会" prop="jzgfghname" header-align="center"
|
||||
align="center"
|
||||
show-overflow-tooltip sortable width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼升小</span>
|
||||
<span v-if="row.dj_djlx==2">小学</span>
|
||||
<span v-if="row.dj_djlx==3">初升高</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_tbrq"
|
||||
label="填报日期" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_sqzt"
|
||||
label="信息审核状态"
|
||||
sortable>
|
||||
<template scope="{row}">
|
||||
<span :style="'color: ' + row.stateColor">{{row.stateName}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="400px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
<el-button size="mini" type="primary" @click="openAudit(row)"
|
||||
v-if="row.dj_sqzt==5200">审核
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="openEdit(row)"
|
||||
plain v-if="row.dj_sqzt==5200">编辑
|
||||
</el-button>
|
||||
<el-button v-if="[5215,5218,5300].includes(row.dj_sqzt)" size="mini"
|
||||
type="danger"
|
||||
@click="ch(row)">
|
||||
撤回
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="doExportFind(row)" plain>
|
||||
导出
|
||||
</el-button>
|
||||
<el-button size="mini" type="info" @click="doDownloadFind(row)" plain>下载
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<rxdj-info ref="auditInfo">
|
||||
<template slot="audit">
|
||||
<el-tab-pane label="校工会审核" :name="xghAuditTabName">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="dj_xghshyj">
|
||||
<el-input v-model="formData.dj_xghshyj" type="textarea"
|
||||
maxlength="300"
|
||||
rows="5"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button type="danger" @click="doHandle(5215)">拒 绝</el-button>
|
||||
<el-button type="info" @click="doHandle(5218)">退 回</el-button>
|
||||
<el-button type="success" @click="doHandle(5300)">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #public>
|
||||
|
||||
<el-form :model="EditFormData" ref="EditForm" label-width="150px" :rules="rules">
|
||||
<el-form-item label="报名类型" prop="class">
|
||||
<span v-if="EditFormData.dj_djlx==1">幼升小</span>
|
||||
<span v-if="EditFormData.dj_djlx==2">小学</span>
|
||||
<span v-if="EditFormData.dj_djlx==3">初升高</span>
|
||||
</el-form-item>
|
||||
<vi-title title="子女信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女姓名" prop="dj_znname">
|
||||
<el-input clearable v-model="EditFormData.dj_znname"
|
||||
placeholder="子女姓名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别" prop="dj_znsex">
|
||||
<el-select clearable v-model="EditFormData.dj_znsex"
|
||||
style="width: 100%">
|
||||
<el-option value="男" lable="男"></el-option>
|
||||
<el-option value="女" lable="女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="EditFormData.dj_djlx==1">
|
||||
<el-form-item label="出生日期" prop="dj_znzsny">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_znzsny"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
:placeholder="dj_znzsny_placeholder">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证号" prop="dj_znidcard">
|
||||
<el-input clearable v-model="EditFormData.dj_znidcard"
|
||||
placeholder="身份证号" :max="18"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="现就读学校" prop="dj_jdxx">
|
||||
<el-input clearable v-model="EditFormData.dj_jdxx"
|
||||
placeholder="现就读学校"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="EditFormData.dj_djlx!=2">
|
||||
<el-form-item label="子女户口所在地" prop="dj_znhjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_znhjszd"
|
||||
placeholder="子女户口所在地"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <template v-if="EditFormData.dj_djlx==3">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在小学" prop="dj_szxx">
|
||||
<el-input clearable v-model="EditFormData.dj_szxx" placeholder="所在小学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学区中学" prop="dj_xqzx">
|
||||
<el-input clearable v-model="EditFormData.dj_xqzx" placeholder="学区中学"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="意向学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="EditFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option label="南京（A）" value="A"></el-option>
|
||||
<el-option label="南京（B）" value="B"></el-option>
|
||||
<el-option label="南京（C）" value="C"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="语文" prop="dj_qmkfy">
|
||||
<el-input :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfy"
|
||||
placeholder="六上期末考分（语文）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数学" prop="dj_qmkfs">
|
||||
<el-input :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfs"
|
||||
placeholder="六上期末考分（数学）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="外语" prop="dj_qmkfw">
|
||||
<el-input :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfw"
|
||||
placeholder="六上期末考分（外语）"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>-->
|
||||
|
||||
<!--<template v-if="EditFormData.dj_djlx==2">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="出生日期" prop="dj_znzsny">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_znzsny"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="出生年月">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!– <el-col :span="12">
|
||||
<el-form-item label="户籍所属小学" prop="dj_hjssxx">
|
||||
<el-input clearable v-model="EditFormData.dj_hjssxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>–>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍所属辖区" prop="dj_hjssxq">
|
||||
<el-select clearable v-model="EditFormData.dj_hjssxq" style="width: 100%"
|
||||
placeholder="请选择户籍所属辖区">
|
||||
<el-option label="南京市秦淮区" value="南京市秦淮区"></el-option>
|
||||
<el-option label="南京市其它区" value="南京市其它区"></el-option>
|
||||
<el-option label="南京市以外" value="南京市以外"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="子女户籍所在地" prop="dj_znhjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_znhjszd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>-->
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
<vi-title title="教职工信息"></vi-title>
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工姓名" prop="dj_jzgid">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_jzgid"
|
||||
filterable
|
||||
remote
|
||||
readonly
|
||||
disabled
|
||||
reserve-keyword
|
||||
placeholder="请输入工号或者姓名查找"
|
||||
@change="userChange"
|
||||
:remote-method="queryUser"
|
||||
:loading="loading">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工号">
|
||||
<el-input v-model="EditFormData.loginname" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="技术职称" prop="dj_zc">
|
||||
<el-input clearable v-model="EditFormData.dj_zc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="职称评定时间" prop="dj_zcsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_zcsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="职称评定时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职务级别" prop="dj_zw">
|
||||
<el-select clearable v-model="EditFormData.dj_zw" style="width: 100%"
|
||||
placeholder="请选择行政职务级别">
|
||||
<el-option label="无" value="无"></el-option>
|
||||
<el-option label="副科级" value="副科级"></el-option>
|
||||
<el-option label="正科级" value="正科级"></el-option>
|
||||
<el-option label="副处级" value="副处级"></el-option>
|
||||
<el-option label="正处级" value="正处级"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="行政职级任职时间" prop="dj_rzsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_rzsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="行政职级任职时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="省级人才称号" prop="dj_rcch">
|
||||
<el-input clearable v-model="EditFormData.dj_rcch" placeholder="省部级及以上人才称号"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="获人才称号时间" prop="dj_rcchsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_rcchsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="获人才称号时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="EditFormData.dj_djlx==3">
|
||||
<el-form-item label="荣誉或奖项" prop="dj_rxjx">
|
||||
<el-input clearable v-model="EditFormData.dj_rxjx"
|
||||
placeholder="荣誉或奖项(只填写最高的一项)"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
-->
|
||||
<el-col :span="12" v-if="EditFormData.dj_djlx==2">
|
||||
<el-form-item label="职务和岗位" prop="dj_zw">
|
||||
<el-input clearable v-model="EditFormData.dj_zw"
|
||||
placeholder="职务和岗位"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="EditFormData.dj_djlx==2">
|
||||
<el-form-item label="工作单位起始时间" prop="dj_rxsj">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="EditFormData.dj_rxsj"
|
||||
type="month"
|
||||
value-format="yyyy-MM"
|
||||
placeholder="工作单位起始时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码" prop="dj_iphone">
|
||||
<el-input clearable v-model="EditFormData.dj_iphone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="EditFormData.dj_szdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="EditFormData.dj_jzgzngx"
|
||||
style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--幼儿园字段 start-->
|
||||
<!--<div class="flexbox" v-if="EditFormData.dj_djlx==1">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="EditFormData.dwname" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女关系">
|
||||
<el-select clearable v-model="EditFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
<el-option value="第三代" lable="第三代"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==1">
|
||||
<el-form-item label="申请班级" prop="dj_sqxx">
|
||||
<el-select clearable v-model="EditFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option value="亲子班" lable="亲子班"></el-option>
|
||||
<el-option value="托班" lable="托班"></el-option>
|
||||
<el-option value="小班" lable="小班"></el-option>
|
||||
<el-option value="中班" lable="中班"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
<!--幼儿园字段 end-->
|
||||
|
||||
|
||||
<!--小学 初中字段 start-->
|
||||
<!-- <el-row gutter="30" >
|
||||
<el-col :span="12">
|
||||
<el-form-item label="房产证地址" prop="dj_jtzz">
|
||||
<el-input clearable v-model="EditFormData.dj_jtzz"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工户籍所在地" prop="dj_hjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_hjszd"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>-->
|
||||
<!-- <div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="EditFormData.dwname" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="家庭住址" prop="dj_jtzz">
|
||||
<el-input clearable v-model="EditFormData.dj_jtzz"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="户籍所在地" prop="dj_hjszd">
|
||||
<el-input clearable v-model="EditFormData.dj_hjszd"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女关系" prop="dj_jzgzngx">
|
||||
<el-select clearable v-model="EditFormData.dj_jzgzngx" style="width: 100%">
|
||||
<el-option value="父子" lable="父子"></el-option>
|
||||
<el-option value="父女" lable="父女"></el-option>
|
||||
<el-option value="母子" lable="母子"></el-option>
|
||||
<el-option value="母女" lable="母女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="人员类型" prop="dj_rylx">
|
||||
<el-select clearable v-model="EditFormData.dj_rylx" style="width: 100%">
|
||||
<el-option value="事业编制" lable="事业编制"></el-option>
|
||||
<el-option value="预任职员" lable="预任职员"></el-option>
|
||||
<el-option value="专职科研" lable="专职科研"></el-option>
|
||||
<el-option value="统招博士后" lable="统招博士后"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否人才或骨干" prop="dj_sfgcrchywgg">
|
||||
<el-select clearable v-model="EditFormData.dj_sfgcrchywgg" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="flexbox" v-if="EditFormData.dj_djlx==2||EditFormData.dj_djlx==3">
|
||||
<el-form-item label="申请学校" prop="dj_sqxx">
|
||||
<el-select clearable v-model="EditFormData.dj_sqxx" style="width: 100%">
|
||||
<el-option v-if="EditFormData.dj_djlx==2" value="金陵小学和园校区"
|
||||
lable="金陵小学和园校区"></el-option>
|
||||
<el-option v-if="EditFormData.dj_djlx==2" value="汉口路小学"
|
||||
lable="汉口路小学"></el-option>
|
||||
<el-option v-if="EditFormData.dj_djlx==3" value="金陵中学仙林分校"
|
||||
lable="金陵中学仙林分校"></el-option>
|
||||
<el-option v-if="EditFormData.dj_djlx==3" value="南大附中" lable="南大附中"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否有学区房" prop="dj_sfyxqf">
|
||||
<el-select clearable v-model="EditFormData.dj_sfyxqf" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item,index in ['否','是']"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="index">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
<!--小学 初中字段 end-->
|
||||
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="EditFormData.dj_bz" show-word-limit="true" type="textarea"
|
||||
maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<div>
|
||||
<el-form-item label="户口簿图片" prop="hkfile">
|
||||
<file-upload card :files.sync="EditFormData.hkfile"></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传首页和户主与子女页面
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="子女出生证图片" prop="csfile">
|
||||
<file-upload card :files.sync="EditFormData.csfile"></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传子女出生证图片(教工与子女不在同一户口簿上，或子女有曾用名或教工婚姻重组家庭的，必须同时提供子女出生证照片)
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin-bottom: 50px">
|
||||
|
||||
<el-button type="primary" @click="doEdit()">确 定</el-button>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
let hkFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.hkfile.length === 0) {
|
||||
callback(new Error('请上传户口簿图片'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
dj_znzsny_placeholder: "",
|
||||
userList: [],
|
||||
loading: false,
|
||||
EditFormData: {},
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
djlx: '',
|
||||
unionId: '',
|
||||
lx: 2,
|
||||
year: moment().format('YYYY') + "",
|
||||
isAudit: 3
|
||||
},
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {},
|
||||
xghAuditTabName: 'xghAuditTabName',
|
||||
rules: {
|
||||
hkfile: [{validator: hkFileValidate, trigger: ['blur', 'change']}],
|
||||
// csfile: [{validator: csFileValidate, trigger: ['blur', 'change']}],
|
||||
dj_znname: [{required: true, trigger: ['blur', 'change'], message: '请填写子女姓名'}],
|
||||
dj_znsex: [{required: true, trigger: ['blur', 'change'], message: '请填写性别'}],
|
||||
dj_znzsny: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请选择子女出生日期'
|
||||
}],
|
||||
dj_jzgzngx: [{required: true, trigger: ['blur', 'change'], message: '请选择子女关系'}],
|
||||
dj_iphone: [{required: true, trigger: ['blur', 'change'], message: '请填写手机号码'}],
|
||||
dj_znidcard: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请填写身份证号'
|
||||
}],
|
||||
dj_jdxx: [{required: true, trigger: ['blur', 'change'], message: '请填写现就读学校'}],
|
||||
dj_jzgid: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工姓名'}],
|
||||
dj_znhjszd: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请填写子女户口所在地'
|
||||
}],
|
||||
dj_zw: [{required: true, trigger: ['blur', 'change'], message: '请填写职务和岗位'}],
|
||||
dj_rxsj: [{
|
||||
required: true,
|
||||
trigger: ['blur', 'change'],
|
||||
message: '请选择工作单位起始时间'
|
||||
}],
|
||||
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doExportFind(row) {
|
||||
window.open("/platform/zgfw/rxdj/zhcx/doExport?djid=" + row.dj_id + "&year=" + this.pageForm.year)
|
||||
},
|
||||
doDownloadFind(row) {
|
||||
window.open("/platform/zgfw/rxdj/zhcx/doDownload?djid=" + row.dj_id + "&year=" + this.pageForm.year)
|
||||
},
|
||||
doDownload() {
|
||||
const {djlx, year, unionId, isAudit} = this.pageForm
|
||||
if (djlx === "") {
|
||||
this.$message.warning("请选择下载的登记类型")
|
||||
return
|
||||
}
|
||||
if (unionId === "") {
|
||||
this.$message.warning("请选择需要下载的工会")
|
||||
return
|
||||
}
|
||||
if (isAudit === 3) {
|
||||
this.$confirm('此操作将下载未审核的教职工子女出生证或户口簿图片，是否需要下载已下载过的教职工子女出生证或户口簿图片', '提示', {
|
||||
confirmButtonText: '需要',
|
||||
cancelButtonText: '不需要',
|
||||
distinguishCancelAndClose: true
|
||||
}).then(() => {
|
||||
window.open("/platform/zgfw/rxdj/zhcx/doDownload?year=" + year + "&djlx=" + djlx + "&unionid=" + unionId + "&isAudit=" + isAudit + "&isDownload=true")
|
||||
}).catch(action => {
|
||||
if (action === "cancel") {
|
||||
window.open("/platform/zgfw/rxdj/zhcx/doDownload?year=" + year + "&djlx=" + djlx + "&unionid=" + unionId + "&isAudit=" + isAudit + "&isDownload=false")
|
||||
}
|
||||
});
|
||||
} else {
|
||||
window.open("/platform/zgfw/rxdj/zhcx/doDownload?year=" + year + "&djlx=" + djlx + "&unionid=" + unionId + "&isAudit=" + isAudit + "&isDownload=false")
|
||||
}
|
||||
|
||||
},
|
||||
doExport() {
|
||||
const {djlx, year, unionId, isAudit} = this.pageForm
|
||||
if (djlx === "") {
|
||||
this.$message.warning("请选择导出登记类型")
|
||||
return
|
||||
}
|
||||
this.$alert('此操作将导出' + (isAudit === 1 ? '全部' : isAudit === 2 ? '已审核' : '未审核') + '的教职工子女信息', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
window.open("/platform/zgfw/rxdj/zhcx/doExport?year=" + year + "&djlx=" + djlx + "&unionid=" + unionId + "&isAudit=" + isAudit + "&isDownload=false")
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
pageData: function () {
|
||||
$.post(base + '/platform/zgfw/rxdj/sh/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
},
|
||||
userChange(o) {
|
||||
let user = this.userList.find(u => u.id == o)
|
||||
$.extend(this.EditFormData, user)
|
||||
},
|
||||
async queryUser(keywords) {
|
||||
if (keywords != '') {
|
||||
this.loading = true
|
||||
const data = await Gh.selectUser(keywords, 10)
|
||||
this.loading = false
|
||||
this.userList = data.list
|
||||
} else {
|
||||
this.userList = []
|
||||
}
|
||||
},
|
||||
openEdit(obj) {
|
||||
$.post(base + '/platform/zgfw/rxdjxx/findOne', {id: obj.dj_id}).then(res => {
|
||||
this.$refs.guava.public()
|
||||
let u = res.data.djuser
|
||||
|
||||
this.EditFormData.csfile = res.data.fjs.filter(f => {
|
||||
return f.bz === "csfile"
|
||||
})
|
||||
this.EditFormData.hkfile = res.data.fjs.filter(f => {
|
||||
return f.bz === "hkfile"
|
||||
})
|
||||
this.userList = [{
|
||||
id: u.id,
|
||||
loginname: u.loginname,
|
||||
username: u.username,
|
||||
dwname: u.dwname
|
||||
}]
|
||||
this.userChange(u.id)
|
||||
})
|
||||
this.EditFormData = obj
|
||||
this.$set(this.EditFormData, "dj_djlx", obj.dj_djlx.toString())
|
||||
this.$set(this.EditFormData, "mobile", obj.dj_iphone)
|
||||
this.$set(this.EditFormData, "dwname", obj.dj_szdw)
|
||||
this.$set(this.EditFormData, "dj_sfyxqf", obj.dj_sfyxqf == true ? 1 : 0)
|
||||
this.$set(this.EditFormData, "dj_sfgcrchywgg", obj.dj_sfgcrchywgg == true ? 1 : 0)
|
||||
|
||||
},
|
||||
doEdit() {
|
||||
this.$refs['EditForm'].validate(async valid => {
|
||||
if (valid) {
|
||||
|
||||
this.EditFormData.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.EditFormData.csfile.map(v => {
|
||||
v.bz = "csfile"
|
||||
})
|
||||
const res = await $.post("/platform/zgfw/rxdj/sh/doEdit", {
|
||||
data: JSON.stringify(this.EditFormData),
|
||||
hkfile: JSON.stringify(this.EditFormData.hkfile),
|
||||
csfile: JSON.stringify(this.EditFormData.csfile),
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.EditFormData.hkfile = []
|
||||
this.EditFormData.csfile = []
|
||||
this.EditFormData.fcfile = []
|
||||
this.EditFormData.qmkffile = []
|
||||
this.$refs.guava.index()
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getPlanStatus() {
|
||||
$.post("/platform/zgfw/rxdjsq/planStatus").then(res => {
|
||||
this.planstatus = res
|
||||
this.dj_znzsny_placeholder = res.nlxz + "以前出生的适龄儿童"
|
||||
})
|
||||
},
|
||||
openAudit(row) {
|
||||
this.formData = clone(row)
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openAudit(clone(row), this.xghAuditTabName)
|
||||
},
|
||||
ch(row) {
|
||||
this.$confirm('确定要撤回吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post('/platform/zgfw/rxdj/sh/doch', {
|
||||
dj_id: row.dj_id,
|
||||
dj_sqzt: 5200
|
||||
}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
async doHandle(s) {
|
||||
let title = s === 5300 ? "通过" : s === 5215 ? "拒绝" : "退回"
|
||||
const confirm = await this.$confirm('确认要' + title + '吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
this.formData.dj_sqzt = s
|
||||
const resp = await $.post('/platform/zgfw/rxdj/sh/doxghSh', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs.guava.index()
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,244 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" clearable slot="prepend"
|
||||
placeholder="姓名查询"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="u.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.djlx" clearable placeholder="请选择登记类型">
|
||||
<!-- <el-option value="1" label="幼升小"></el-option>-->
|
||||
<el-option value="2" label="小学"></el-option>
|
||||
<!-- <el-option value="3" label="初升高"></el-option>-->
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionid" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
||||
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitid" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<vi-title2 title="登记列表">
|
||||
<template #func>
|
||||
<div style="color: red;font-size: 10px">温馨提示：导出时请先选择登记类型 </div>
|
||||
<el-button @click="doExport" type="primary" icon="el-icon-s-promotion"
|
||||
size="small">导出
|
||||
</el-button>
|
||||
<el-button @click="doDownload" type="primary" icon="el-icon-s-promotion"
|
||||
size="small">下载
|
||||
</el-button>
|
||||
</template>
|
||||
</vi-title2>
|
||||
<el-table :data="tableData" @sort-change="pageOrder">
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="dj_znname" label="子女姓名">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="dj_znzsny" label="出生日期">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_znzsny}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
|
||||
<el-table-column
|
||||
prop="jzgname"
|
||||
label="教职工姓名"
|
||||
>
|
||||
<template scope="scope">
|
||||
{{scope.row.jzgname}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="dj_jzgzngx"
|
||||
label="子女关系">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_jzgzngx}}
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="分工会" prop="jzgfghname" header-align="center"
|
||||
align="center" sortable
|
||||
show-overflow-tooltip width="200px"></el-table-column>
|
||||
<el-table-column label="单位" prop="dj_szdw" header-align="center" align="center"
|
||||
sortable
|
||||
show-overflow-tooltip width="200px">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_iphone"
|
||||
label="手机号码">
|
||||
<template scope="scope">
|
||||
{{scope.row.dj_iphone}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_djlx"
|
||||
label="摸底登记类型" sortable>
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_djlx==1">幼升小</span>
|
||||
<span v-if="row.dj_djlx==2">小学</span>
|
||||
<span v-if="row.dj_djlx==3">初升高</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dj_sqzt"
|
||||
label="信息审核状态" sortable>
|
||||
<template scope="{row}">
|
||||
<span :style="'color: ' + row.stateColor">{{row.stateName}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
lx: 2,
|
||||
year: '',
|
||||
djlx: '',
|
||||
unionid: ''
|
||||
},
|
||||
tableData: [],
|
||||
unionList: [],
|
||||
unions: [],
|
||||
units: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doDownload() {
|
||||
const {djlx, year, unionid} = this.pageForm
|
||||
if (djlx === "") {
|
||||
this.$message.warning("请选择下载的登记类型")
|
||||
return
|
||||
}
|
||||
if (unionid === "") {
|
||||
this.$message.warning("请选择需要下载的工会")
|
||||
return
|
||||
}
|
||||
window.open(loc() + "/doDownload?year=" + year + "&djlx=" + djlx + "&unionid=" + unionid + "&isAudit=2" + "&isDownload=true")
|
||||
|
||||
|
||||
},
|
||||
doExport() {
|
||||
const {djlx, year, unionid} = this.pageForm
|
||||
if (djlx === "") {
|
||||
this.$message.warning("请选择导出登记类型")
|
||||
return
|
||||
}
|
||||
window.open(loc() + "/doExport?year=" + year + "&djlx=" + djlx + "&unionid=" + unionid + "&isAudit=2")
|
||||
|
||||
|
||||
},
|
||||
pageData: function () {
|
||||
$.post(base + '/platform/zgfw/rxdj/zhcx/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
},
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(clone(row))
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitid", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unitid)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.$set(this.pageForm, 'year', moment().format('YYYY'))
|
||||
this.pageData()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,234 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div class="platform" 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>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
placeholder="选择年"
|
||||
style="width: 100%"
|
||||
type="year" v-model="pageForm.year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}">
|
||||
<div class="search-item-label">所属工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select @change="flushUnits" @clear="flushUnits"
|
||||
clearable="true"
|
||||
filterable="true"
|
||||
placeholder="所属工会" style="width: 100%;"
|
||||
v-model="pageForm.unionId">
|
||||
<el-option :label="item.unionname" :value="item.id"
|
||||
v-for="item in unions"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="search-item">
|
||||
<div class="search-item-label">所属单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select clearable="true" filterable="true"
|
||||
placeholder="所属单位"
|
||||
style="width: 100%;"
|
||||
v-model="pageForm.unitId">
|
||||
<el-option :label="item.name" :value="item.id"
|
||||
v-for="item in units"></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-button @click="exportXlsx" size="small"
|
||||
type="primary">导出分工会汇总表
|
||||
</el-button>
|
||||
<el-button @click="doExport" size="small"
|
||||
type="primary">导出人员汇总名单
|
||||
</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder"
|
||||
class="vi-table"
|
||||
ref="table" row-key="id"
|
||||
style="width: 100%" v-loading="tableLoading">
|
||||
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index"
|
||||
width="80px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作"
|
||||
width="200px">
|
||||
<template scope="scope">
|
||||
<el-button @click="openView(scope.row.id)" size="mini" type="primary">查看
|
||||
</el-button>
|
||||
<el-button @click="exportByUnion(scope.row.id)" size="mini" type="primary">导出
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="viewDialogVisible" title="详情"
|
||||
width="60%">
|
||||
<el-table :data="viewTableData" border>
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index"
|
||||
width="100px"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="姓名" prop="userName"
|
||||
sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="工号"
|
||||
prop="loginName"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="单位" prop="unitName"
|
||||
width="160"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="子女出生时间"
|
||||
prop="cssj"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="上报时间"
|
||||
prop="sqsj"></el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
unionId: "",
|
||||
unitId: "",
|
||||
year: new Date().getFullYear() + "",
|
||||
searchName: "u.username",
|
||||
},
|
||||
tableColumns: [
|
||||
{prop: 'unionname', label: '分工会名称'},
|
||||
{prop: 'teacherCount', label: '教职工人数'},
|
||||
{prop: 'childCount', label: '子女人数'},
|
||||
/* {prop: 'userName', label: '姓名'},
|
||||
{prop: 'loginName', label: '工号'},
|
||||
{prop: 'unitName', label: '单位'},
|
||||
{prop: 'cssj', label: '子女出生时间'},
|
||||
{prop: 'sqsj', label: '上报时间'},
|
||||
// {prop: 'shjg', label: '审核结果'},
|
||||
{prop: 'stateName', label: '审核状态', sortable: true},*/
|
||||
],
|
||||
viewDialogVisible: false,
|
||||
viewTableData: []
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'info': httpVueLoader('/components/singleChild/info.vue'),
|
||||
},
|
||||
methods: {
|
||||
exportByUnion(id) {
|
||||
window.open('/platform/fw/singleChild/report/doExport?year=' + this.pageForm.year+"&unionId="+id)
|
||||
},
|
||||
pageData() {
|
||||
sublime.showLoadingbar()
|
||||
$.post(loc() + '/pageData', this.pageForm).then(res => {
|
||||
sublime.closeLoadingbar()
|
||||
if (res.code === 0) {
|
||||
this.tableData = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
exportXlsx() {
|
||||
window.open('/platform/fw/singleChild/reading/exportXlsx?year=' + this.pageForm.year)
|
||||
},
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data.id)
|
||||
}
|
||||
},
|
||||
async openView(id) {
|
||||
const {code, msg, data} = await $.get(loc() + '/getTeacherByUnionId', {
|
||||
year: this.pageForm.year,
|
||||
unionId: id
|
||||
})
|
||||
if (code === 0) {
|
||||
this.viewDialogVisible = true
|
||||
this.viewTableData = data
|
||||
}
|
||||
/* this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()*/
|
||||
},
|
||||
async doExport() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在导出名单...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
setTimeout(() => {
|
||||
loading.close();
|
||||
window.location.href = base + "/platform/fw/singleChild/reading/export?unitId=" + this.pageForm.unitId
|
||||
+ "&unionId=" + this.pageForm.unionId
|
||||
+ "&year=" + this.pageForm.year
|
||||
}, 1000)
|
||||
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,639 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="platform" 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>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
@change="doSearch"
|
||||
placeholder="选择年"
|
||||
style="width: 100%" type="year"
|
||||
v-model="pageForm.year" value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<table-tool :app="this" label="申请列表">
|
||||
<template #func>
|
||||
<el-button @click="openImport" size="small" type="primary">
|
||||
导入
|
||||
</el-button>
|
||||
<el-button @click="exportByUnion" size="small" type="primary">
|
||||
导出
|
||||
</el-button>
|
||||
<el-button @click="openAdd" icon="el-icon-s-promotion" size="small"
|
||||
type="primary">上报
|
||||
</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
|
||||
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder"
|
||||
class="vi-table"
|
||||
ref="table" row-key="id"
|
||||
style="width: 100%" v-loading="tableLoading">
|
||||
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index"
|
||||
width="80px">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作"
|
||||
prop="userOnline"
|
||||
width="300px">
|
||||
<template scope="{row}">
|
||||
<el-button @click="openView(row.id)" size="mini" type="primary">查看
|
||||
</el-button>
|
||||
<el-button @click="openEdit(row)" size="mini" type="primary"
|
||||
v-if="!${@shiro.hasRole('sysadmin')}&&row.state===500">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button @click="doDelete(row)" size="mini" type="danger"
|
||||
v-if="!${@shiro.hasRole('sysadmin')}
|
||||
&&[500,200].includes(row.state)">删除
|
||||
</el-button>
|
||||
<template v-if="${@shiro.hasRole('sysadmin')}">
|
||||
<el-button @click="openEdit(row)" size="mini" type="primary"
|
||||
>编辑
|
||||
</el-button>
|
||||
<el-button @click="doDelete(row)" size="mini" type="danger">删除
|
||||
</el-button>
|
||||
</template>
|
||||
|
||||
<!-- <el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:scope.row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'edit',data:scope.row}"
|
||||
:disabled="![100,300].includes(scope.row.state)">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'delete',data:scope.row}"
|
||||
:loading="scope.row.delLoading">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<div style="margin-bottom: 50px">
|
||||
<h3 style="color: rgb(24, 103, 176);margin: 0;text-align: center">填写申请信息</h3>
|
||||
</div>
|
||||
<el-form :model="formData" :rules="formRules" label-width="120px" ref="form">
|
||||
<el-row gutter="60">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="工  号" prop="loginName">
|
||||
<el-select
|
||||
:disabled="formData.id"
|
||||
:loading="userLoading"
|
||||
:remote-method="userRemoteMethod"
|
||||
@change="userChange"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="请输入姓名或工号查找"
|
||||
remote
|
||||
reserve-keyword
|
||||
style="width: 100%"
|
||||
v-model="formData.loginName">
|
||||
<el-option
|
||||
:key="item.loginName"
|
||||
:label="item.userName+'（'+item.loginName+'）'"
|
||||
:value="item.loginName"
|
||||
v-for="item in userOptions">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="单  位">
|
||||
<el-input auto-complete="off" disabled
|
||||
maxlength="100"
|
||||
placeholder="所属单位" style="width: 100%;"
|
||||
tabindex="4" type="text"
|
||||
v-model="formData.unitName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="基层工会">
|
||||
<el-input auto-complete="off" disabled
|
||||
maxlength="100"
|
||||
placeholder="所属基层工会" style="width: 100%;"
|
||||
tabindex="4" type="text"
|
||||
v-model="formData.unionName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="入职时间" prop="rzsj">
|
||||
<el-date-picker v-model="formData.rzsj" value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
style="width: 100%;" placeholder="请输入职时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="子女姓名" prop="name">
|
||||
<el-input maxlength="100" placeholder="请填写子女姓名"
|
||||
@change="childNameChange"
|
||||
v-model="formData.name" style="width: 100%;"
|
||||
auto-complete="off" tabindex="4" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女性别" class="is-required" prop="sex">
|
||||
<el-radio v-model="formData.sex" label="男" style="margin-right: 60px;" border>男
|
||||
</el-radio>
|
||||
<el-radio v-model="formData.sex" label="女" border>女</el-radio>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="办证时间" prop="bzsj">
|
||||
<el-date-picker
|
||||
v-model="formData.bzsj"
|
||||
default-value="2007-1-1"
|
||||
:picker-options="pickerOptions"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="date"
|
||||
style="width: 100%;"
|
||||
placeholder="请选择办证时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="子女出生时间" prop="cssj">
|
||||
<el-date-picker
|
||||
:picker-options="pickerOptions"
|
||||
default-value="2010-1-1"
|
||||
format="yyyy-MM-dd"
|
||||
placeholder="请选择出生时间"
|
||||
style="width: 100%;"
|
||||
type="date"
|
||||
v-model="formData.cssj"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备  注" prop="bz">
|
||||
<el-input placeholder="备注.." type="textarea"
|
||||
v-model="formData.bz"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="签字" prop="signData">
|
||||
<sign :qz.sync="formData.signData"></sign>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item prop="files" label="独生子女父母光荣证">
|
||||
<file-upload :files.sync="formData.files"
|
||||
card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
-->
|
||||
</el-row>
|
||||
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doAdd" type="primary">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-dialog
|
||||
:visible.sync="dialogVisible"
|
||||
title="申请须知"
|
||||
width="40%">
|
||||
<span style="line-height: 24px">
|
||||
  本次独生子女费申报范围为{{startYear}}年1月1日至2015年12月31日之间出生的、并已经办理好独生子女证的独生子女，如果是以上日期出生但未办理独生子女证的一孩则不予申报，已生育二孩的也不予申报。独生子女费每人每年60元，双职工以各自所在的分工会分别上报。
|
||||
</span>
|
||||
|
||||
<span class="dialog-footer" slot="footer">
|
||||
<el-button @click="dialog" type="primary">同意</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="importVisible"
|
||||
title="人员导入"
|
||||
width="50%">
|
||||
<div style="margin-left: 68px;padding-bottom: 10px">
|
||||
<span style="color: red">填写时，请按一孩一列（一个出生日期一条记录）填写</span>
|
||||
</div>
|
||||
<el-timeline>
|
||||
<el-timeline-item placement="top" timestamp="下载模板">
|
||||
<el-card>
|
||||
<el-button
|
||||
@click="location.href='/platform/fw/singleChild/report/downloadTemplate'"
|
||||
icon="el-icon-download"
|
||||
size="medium"
|
||||
style="width: 200px">下载模板
|
||||
</el-button>
|
||||
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item placement="top" timestamp="上传文件">
|
||||
<el-card>
|
||||
<el-form>
|
||||
<el-upload
|
||||
:auto-upload="false"
|
||||
:file-list="importData.fileList"
|
||||
:limit="1"
|
||||
:on-change="(file, fileList) => {
|
||||
importData.fileList = fileHandleChange(file, fileList,{type:['xls','xlsx']})
|
||||
}"
|
||||
:on-remove="(file, fileList) => {
|
||||
importData.fileList = fileHandleRemove(file, fileList);
|
||||
importResult={
|
||||
errorCount:0,
|
||||
successCount:0,
|
||||
totalCount:0,
|
||||
errorList:[]
|
||||
}
|
||||
}"
|
||||
name="file"
|
||||
ref="upload">
|
||||
<el-button icon="el-icon-upload" size="medium" style="width: 200px"
|
||||
type="">选择文件
|
||||
</el-button>
|
||||
<div class="el-upload__tip" slot="tip" style="color: #F56C6C">
|
||||
只能上传 xls/xlsx 文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item placement="top" timestamp="导入结果">
|
||||
<el-card shadow="never">
|
||||
<p>总记录数：{{errorInfoData.totalCount}}</p>
|
||||
<p>成功数：<span class="text-success">{{errorInfoData.successCount}}</span></p>
|
||||
<p>错误数：<span class="text-danger">{{errorInfoData.errorCount}}</span></p>
|
||||
<el-link @click="exportErrors" type="primary" v-if="errorInfoData.errorCount>0">
|
||||
下载错误记录
|
||||
</el-link>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
|
||||
<el-timeline-item placement="top" timestamp="签字">
|
||||
<sign :qz.sync="signData"></sign>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
<span class="dialog-footer" slot="footer">
|
||||
<el-button @click="importVisible = false">取 消</el-button>
|
||||
<el-button @click="doImport" type="primary">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
unions: [],
|
||||
units: [],
|
||||
tableColumns: [
|
||||
{prop: 'userName', label: '姓名'},
|
||||
{prop: 'loginName', label: '工号'},
|
||||
{prop: 'unitName', label: '单位'},
|
||||
{prop: 'cssj', label: '子女出生时间'},
|
||||
{prop: 'sqsj', label: '上报时间'},
|
||||
// {prop: 'shjg', label: '审核结果'},
|
||||
{prop: 'stateName', label: '审核状态', sortable: true},
|
||||
],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + "",
|
||||
},
|
||||
pickerOptions: {
|
||||
disabledDate: time => {
|
||||
var begin = moment("2010-1-1").valueOf();
|
||||
var end = moment("2015-12-31").valueOf();
|
||||
return time.getTime() < begin || time.getTime() > end;
|
||||
}
|
||||
},
|
||||
formRules: {
|
||||
loginName: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
cssj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
signData: [{required: true, message: '必填', trigger: ['change', 'blur']}],
|
||||
},
|
||||
formData: {
|
||||
files: []
|
||||
},
|
||||
startYear: new Date().getFullYear() - 14,
|
||||
userOptions: [],
|
||||
userLoading: false,
|
||||
|
||||
importVisible: false,
|
||||
importData: {
|
||||
fileList: [],
|
||||
},
|
||||
errorInfoData: {
|
||||
totalCount: 0,
|
||||
successCount: 0,
|
||||
errorCount: 0,
|
||||
errorList: 0,
|
||||
},
|
||||
signData: "",
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'info': httpVueLoader('/components/singleChild/info.vue'),
|
||||
},
|
||||
methods: {
|
||||
exportByUnion() {
|
||||
window.open('/platform/fw/singleChild/report/doExport?year=' + this.pageForm.year)
|
||||
},
|
||||
doImport() {
|
||||
if (this.importData.fileList.length === 0) {
|
||||
this.$message.warning("请选择文件！")
|
||||
return
|
||||
}
|
||||
if (this.signData == null || this.signData === '') {
|
||||
this.$message.warning("请签字后再上传！")
|
||||
return
|
||||
}
|
||||
|
||||
const data = new FormData();
|
||||
this.importData.fileList.forEach((val) => {
|
||||
data.append("file", val.raw, val.raw.name);
|
||||
});
|
||||
data.append("signData", this.signData)
|
||||
this.importLoading = true
|
||||
$.ajax({
|
||||
url: loc() + "/doImportUser",
|
||||
type: "post",
|
||||
data: data,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: (data) => {
|
||||
this.importLoading = false
|
||||
if (data.code === 0 && !data.data) {
|
||||
this.notifySuccess("导入成功")
|
||||
this.importVisible = false
|
||||
} else {
|
||||
this.importLoading = false
|
||||
this.notifyWarning("导入失败")
|
||||
this.errorInfoData = data.data
|
||||
}
|
||||
this.pageData();
|
||||
},
|
||||
error: (data) => {
|
||||
this.notifyWarning("导入失败")
|
||||
this.importLoading = false
|
||||
}
|
||||
});
|
||||
},
|
||||
exportErrors() {
|
||||
const data = this.errorInfoData.errorList
|
||||
|
||||
// 创建工作簿
|
||||
const workbook = XLSX.utils.book_new();
|
||||
|
||||
// 创建工作表
|
||||
const worksheet = XLSX.utils.json_to_sheet(data);
|
||||
|
||||
// 将工作表添加到工作簿
|
||||
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
|
||||
|
||||
// 将工作簿转换为二进制对象
|
||||
const excelBuffer = XLSX.write(workbook, {bookType: 'xlsx', type: 'array'});
|
||||
|
||||
// 将二进制对象转换为Blob对象
|
||||
const blob = new Blob([excelBuffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
|
||||
|
||||
// 创建下载链接并设置相关属性
|
||||
const url = window.URL.createObjectURL(blob);
|
||||
const link = document.createElement('a');
|
||||
link.href = url;
|
||||
link.download = '错误记录.xlsx';
|
||||
|
||||
// 模拟点击下载链接
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
// 清理下载链接
|
||||
document.body.removeChild(link);
|
||||
window.URL.revokeObjectURL(url);
|
||||
|
||||
},
|
||||
openImport() {
|
||||
this.importData = {
|
||||
fileList: [],
|
||||
}
|
||||
this.errorInfoData = {
|
||||
totalCount: 0,
|
||||
successCount: 0,
|
||||
errorCount: 0,
|
||||
errorList: 0,
|
||||
}
|
||||
this.importVisible = true;
|
||||
},
|
||||
async userRemoteMethod(query) {
|
||||
if (query) {
|
||||
this.userLoading = true
|
||||
const arr = await this.queryUser(query)
|
||||
this.userOptions = arr
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
async queryUser(query) {
|
||||
const {data} = await $.get(loc() + "/queryUser", {query})
|
||||
return data
|
||||
},
|
||||
async userChange(val) {
|
||||
const {
|
||||
userName,
|
||||
unitId,
|
||||
unitName,
|
||||
unionId,
|
||||
unionName
|
||||
} = this.userOptions.find(v => v.loginName === val)
|
||||
this.$set(this.formData, 'userName', userName)
|
||||
this.$set(this.formData, 'unitId', unitId)
|
||||
this.$set(this.formData, 'unitName', unitName)
|
||||
this.$set(this.formData, 'unionid', unionId)
|
||||
this.$set(this.formData, 'unionName', unionName)
|
||||
},
|
||||
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data.id)
|
||||
} else if (type == 'edit') {
|
||||
this.openEdit(data.id)
|
||||
} else if (type == 'delete') {
|
||||
this.doDelete(data)
|
||||
}
|
||||
},
|
||||
dialog() {
|
||||
this.formData = {}
|
||||
this.dialogVisible = false
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
openAdd() {
|
||||
this.dialogVisible = true
|
||||
},
|
||||
doAdd() {
|
||||
let method = this.formData.id ? "/doEdit" : "/doAdd"
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
const formData = Object.assign({}, this.formData);
|
||||
formData.files = JSON.stringify(formData.files)
|
||||
const resp = await $.post(loc() + method, formData)
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.pageData();
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
openView(id) {
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async openEdit(row) {
|
||||
this.userOptions = [{
|
||||
userName: row.userName,
|
||||
loginName: row.loginName,
|
||||
unionName: row.unionName
|
||||
}]
|
||||
this.formData = clone(row)
|
||||
this.$refs.guava.edit()
|
||||
/* const resp = await $.get("/platform/fw/singleChild/report/findOne", {id})
|
||||
if(resp.code===0){
|
||||
const data = resp.data
|
||||
if (data.files) {
|
||||
data.files = JSON.parse(data.files)
|
||||
}
|
||||
this.formData = data
|
||||
this.$refs.guava.edit()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}*/
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
this.$set(row, "delLoading", true)
|
||||
const resp = await $.get(loc() + '/doDelete', {id: id})
|
||||
this.$set(row, "delLoading", false)
|
||||
if (resp.code === 0) {
|
||||
this.pageData();
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
async childNameChange(val) {
|
||||
const resp = await $.get(loc() + '/getCert', {childName: val})
|
||||
if (resp.code === 0) {
|
||||
if (resp.data) {
|
||||
this.$notify.success({
|
||||
title: '提示',
|
||||
message: '已为您匹配到最近一年的申请信息，部分信息已自动填写，请您核实！',
|
||||
duration: 0
|
||||
})
|
||||
this.$nextTick(() => {
|
||||
this.$set(this.formData, "files", resp.data.files)
|
||||
this.$set(this.formData, "bzsj", resp.data.bzsj)
|
||||
this.$set(this.formData, "cssj", resp.data.cssj)
|
||||
this.$set(this.formData, "sex", resp.data.sex)
|
||||
})
|
||||
} else {
|
||||
this.$set(this.formData, "files", [])
|
||||
this.$set(this.formData, "bzsj", "")
|
||||
this.$set(this.formData, "cssj", "")
|
||||
this.$set(this.formData, "sex", "男")
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,335 @@
|
||||
<!--#
|
||||
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>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
placeholder="选择年度"
|
||||
value-format="yyyy"
|
||||
style="width: 100%">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">职工信息：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
style="width: 100%"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="姓名" value="u.username"></el-option>
|
||||
<el-option label="工号" value="u.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')||@shiro.hasRole('wyh02')}">
|
||||
<div class="search-item-label">所属工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">所属单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</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 type="primary" size="small" class="mr10"
|
||||
:disabled="tableSelection.length===0"
|
||||
@click="batchPass">批量通过
|
||||
</el-button>
|
||||
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch" size="small">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tableLoading" ref="table"
|
||||
:size="tableSize" @selection-change="selectionChange">
|
||||
|
||||
<el-table-column type="selection" v-if="pageForm.isAudit===3"></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" width="80px" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span></template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
>
|
||||
<!-- <template v-if="column.prop=='shjg'" scope="{row:{shjg}}">-->
|
||||
<!-- <el-tag v-if="shjg=='1'" type="warning">待基层工会审核</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='2'" type="danger">基层工会驳回</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='3'" type="warning">待校工会审核</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='4'" type="danger">校工会驳回</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='5'" type="success">校工会通过</el-tag>-->
|
||||
<!-- </template>-->
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center" label="操作"
|
||||
width="100px">
|
||||
<template scope="scope">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:scope.row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'Review',data:scope.row}"
|
||||
:disabled="scope.row.state!==500">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'rollBack',data:scope.row}"
|
||||
:disabled="![200,600,700].includes(scope.row.state)">
|
||||
撤回
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" handle label="校工会审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="xghshr" label="审核人员">
|
||||
<el-input v-model="formData.xghshr"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="xghshsj" label="审核时间">
|
||||
<el-input v-model="formData.xghshsj" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="xghshyj" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.xghshyj" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doAudit(0)" v-throttle type="danger">
|
||||
拒绝
|
||||
</el-button>
|
||||
<el-button @click="doAudit(-1)" v-throttle type="warning">
|
||||
退回修改
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doAudit(1)" v-throttle>
|
||||
通过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
addDialogVisible: false,
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
isAudit: 3,
|
||||
searchName: "u.username",
|
||||
year: new Date().getFullYear().toString()
|
||||
},
|
||||
tableColumns: [
|
||||
{prop: 'userName', label: '姓名'},
|
||||
{prop: 'loginName', label: '工号'},
|
||||
{prop: 'unitName', label: '单位'},
|
||||
{prop: 'cssj', label: '子女出生时间'},
|
||||
{prop: 'sqsj', label: '上报时间'},
|
||||
// {prop: 'shjg', label: '审核结果'},
|
||||
{prop: 'stateName', label: '审核状态', sortable: true},
|
||||
],
|
||||
formRules: {
|
||||
xghshyj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
tableSelection: []
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'info': httpVueLoader('/components/singleChild/info.vue'),
|
||||
},
|
||||
methods: {
|
||||
async batchPass() {
|
||||
const ids = this.tableSelection.map(v => v.id)
|
||||
if (!ids) return
|
||||
|
||||
const confirm = await this.$confirm('您确定要批量通过吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (!confirm) return
|
||||
|
||||
const resp = await $.post(loc() + '/batchPass', {ids: JSON.stringify(ids)})
|
||||
if (resp.code === 0) {
|
||||
this.doSearch()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
selectionChange(val) {
|
||||
this.tableSelection = val
|
||||
},
|
||||
async doAudit(val) {
|
||||
const confirm = await this.$refs["form"].validate()
|
||||
if (!confirm) return
|
||||
const params = {
|
||||
...this.formData,
|
||||
result: val
|
||||
}
|
||||
const resp = await $.post(loc() + "/doReview", params)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data.id)
|
||||
} else if (type == 'Review') {
|
||||
this.openReview(data.id)
|
||||
} else if (type == 'rollBack') {
|
||||
this.doRollBack(data.id)
|
||||
}
|
||||
},
|
||||
async doRollBack(id) {
|
||||
const confirm = await this.$confirm('您确定要撤回吗？撤回成功后可重新审核', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (!confirm) return
|
||||
const resp = await $.post(loc() + '/doRollBack/' + id)
|
||||
if (resp.code === 0) {
|
||||
this.doSearch()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
openView(id) {
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
openReview(id) {
|
||||
this.formData = {
|
||||
id,
|
||||
xghshr: "${@shiro.getPrincipalProperty('username')}",
|
||||
xghshsj: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')||@shiro.hasRole('wyh02')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,311 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" class="platform" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
|
||||
<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
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
placeholder="选择年度"
|
||||
value-format="yyyy"
|
||||
style="width: 100%">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">职工信息：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
style="width: 100%"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="上报人姓名" value="u.username"></el-option>
|
||||
<el-option label="上报人工号" value="u.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')||@shiro.hasRole('wyh02')}">
|
||||
<div class="search-item-label">所属工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">所属单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</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-radio-group v-model="pageForm.isAudit" @change="doSearch" size="small">
|
||||
<el-radio-button :label="1">全部</el-radio-button>
|
||||
<el-radio-button :label="2">已审核</el-radio-button>
|
||||
<el-radio-button :label="3">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
v-loading="tableLoading" ref="table"
|
||||
:size="tableSize" class="vi-table">
|
||||
|
||||
<el-table-column align="center" header-align="center" width="80px" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span></template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
>
|
||||
<!-- <template v-if="column.prop=='shjg'" scope="{row:{shjg}}">-->
|
||||
<!-- <el-tag v-if="shjg=='1'" type="warning">待基层工会审核</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='2'" type="danger">基层工会驳回</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='3'" type="warning">待校工会审核</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='4'" type="danger">校工会驳回</el-tag>-->
|
||||
<!-- <el-tag v-if="shjg=='5'" type="success">校工会通过</el-tag>-->
|
||||
<!-- </template>-->
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center" label="操作"
|
||||
width="100px">
|
||||
<template scope="scope">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'view',data:scope.row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'Review',data:scope.row}"
|
||||
:disabled="![200,300].includes(scope.row.state)">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<info ref="info2" handle label="基层工会审核">
|
||||
<template #handle>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
||||
style="padding: 20px 0"
|
||||
label-width="120px">
|
||||
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="fghshr" label="审核人员">
|
||||
<el-input v-model="formData.fghshr"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="fghshsj" label="审核时间">
|
||||
<el-input v-model="formData.fghshsj" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="fghshyj" label="审核意见">
|
||||
<el-input type="textarea" v-model="formData.fghshyj" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button @click="doAudit(0)" v-throttle type="danger">
|
||||
拒绝
|
||||
</el-button>
|
||||
<el-button @click="doAudit(-1)" v-throttle type="warning">
|
||||
退回修改
|
||||
</el-button>
|
||||
<el-button type="primary" @click="doAudit(1)" v-throttle>
|
||||
通过
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</info>
|
||||
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
subDis: false,
|
||||
subLoading1: false,
|
||||
subLoading2: false,
|
||||
addDialogVisible: false,
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
isAudit: 3,
|
||||
searchName: "u.username",
|
||||
year: new Date().getFullYear().toString()
|
||||
},
|
||||
tableColumns: [
|
||||
{prop: 'loginname', label: '上报人工号'},
|
||||
{prop: 'username', label: '上报人'},
|
||||
{prop: 'sqsj', label: '申请时间'},
|
||||
{prop: 'name', label: '子女姓名'},
|
||||
{prop: 'sex', label: '子女性别', sortable: true},
|
||||
{prop: 'cssj', label: '出生时间', sortable: true},
|
||||
{prop: 'unitname', label: '所在单位', sortable: true},
|
||||
{prop: 'unionname', label: '所在工会', sortable: true},
|
||||
// {prop: 'shjg', label: '审核结果', sortable: true},
|
||||
{prop: 'stateName', label: '审核状态', sortable: true},
|
||||
],
|
||||
formRules: {
|
||||
fghshyj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'info': httpVueLoader('/components/singleChild/info.vue'),
|
||||
},
|
||||
methods: {
|
||||
async doAudit(val) {
|
||||
const confirm = await this.$refs["form"].validate()
|
||||
if (!confirm) return
|
||||
const params = {
|
||||
...this.formData,
|
||||
result: val
|
||||
}
|
||||
const resp = await $.post(loc() + "/doReview", params)
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
if (type == 'view') {
|
||||
this.openView(data.id)
|
||||
} else if (type == 'Review') {
|
||||
this.openReview(data.id)
|
||||
}
|
||||
},
|
||||
openView(id) {
|
||||
this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
openReview(id) {
|
||||
this.formData = {
|
||||
id,
|
||||
fghshr: "${@shiro.getPrincipalProperty('username')}",
|
||||
fghshsj: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
this.$refs.info2.getInfo(id)
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doReview(flag) {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.formData.pass = flag
|
||||
|
||||
this.subDis = true
|
||||
flag ? this.subLoading2 = true : this.subLoading1 = true
|
||||
|
||||
const resp = await $.post(loc() + "/doReview", this.formData)
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
if(resp.code===0){
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}else{
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitId", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}||@shiro.hasRole('wyh02')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,186 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="smm.status==='table'">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
placeholder="年度"
|
||||
value-format="yyyy"
|
||||
format="yyyy年"
|
||||
v-model="pageForm.year"
|
||||
type="year">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change='pageOrder'>
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sqrusername" label="申请人"></el-table-column>
|
||||
<el-table-column prop="wwrusername" label="被慰问人"></el-table-column>
|
||||
<el-table-column prop="wwbm" label="慰问部门"></el-table-column>
|
||||
<el-table-column prop="wwuserzc" label="职称"></el-table-column>
|
||||
<el-table-column prop="wwsqje" label="申请金额(元)"></el-table-column>
|
||||
<el-table-column prop="planwwsj" label="拟慰问时间"></el-table-column>
|
||||
<el-table-column sortable prop="sqsj" label="申请时间"></el-table-column>
|
||||
<el-table-column sortable prop="status" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.status==0">待申请人修改</span>
|
||||
<span v-if="row.status==1">待院级工会审核</span>
|
||||
<span v-if="row.status==2">待校工会审核</span>
|
||||
<span v-if="row.status==3">院级工会审核不通过</span>
|
||||
<span v-if="row.status==4">校工会审核不通过</span>
|
||||
<span v-if="row.status==5">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button v-if="row.status===1" type="primary" size="mini"
|
||||
@click="openView(row)">审核
|
||||
</el-button>
|
||||
<el-button v-if="[2,3].includes(row.status)" type="danger" size="mini"
|
||||
@click="ch(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<wwj-info :smm.sync="smm">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="院级工会审核" name="fghsh">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="fghshyj">
|
||||
<el-input v-model="formData.fghshyj" type="textarea" maxlength="300" rows="5"></el-input>
|
||||
</el-form-item>
|
||||
<sign prefix="wwjfghsh" :qz.sync="formData.fghqz"></sign>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button type="info" @click="doHandle(0)">退 回</el-button>
|
||||
<el-button type="danger" @click="doHandle(3)">拒 绝</el-button>
|
||||
<el-button type="success" @click="doHandle(2)">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</wwj-info>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'wwj-info': httpVueLoader('/components/zgfw/wwj/wwj.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {
|
||||
fghqz: ''
|
||||
},
|
||||
pageForm:{
|
||||
year:moment().format('YYYY'),
|
||||
lx:1
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData() {
|
||||
$.post('/platform/zgfw/wwj/sh/pageData', this.pageForm).then(res => {
|
||||
if (res.code === 0) {
|
||||
if (res.data.list.length === 0 && this.pageForm.pageNumber > 1) {
|
||||
this.pageForm.pageNumber = this.pageForm.pageNumber - 1;
|
||||
this.pageData();
|
||||
}
|
||||
this.tableData = res.data.list;
|
||||
this.pageForm.totalCount = res.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row){
|
||||
this.formData = {
|
||||
id:row.id
|
||||
}
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
id:row.id,
|
||||
data:row,
|
||||
activeName:'fghsh'
|
||||
}
|
||||
},
|
||||
doHandle(s){
|
||||
this.formData.status = s
|
||||
$.post('/platform/zgfw/wwj/sh/dofghSh',this.formData).then(res=>{
|
||||
if(res.code===0){
|
||||
this.$message.success(res.msg)
|
||||
this.smm={
|
||||
status:'table'
|
||||
}
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
},
|
||||
ch(row){
|
||||
this.$confirm('撤回吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post('/platform/zgfw/wwj/sh/doch',{id:row.id,status:1}).then(res=>{
|
||||
if(res.code===0){
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {});
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,174 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
#app{
|
||||
padding: 10px;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.flexbox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flexbox .el-form-item {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-form .el-select, .el-form .el-date-editor, .el-form .el-input-number {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-loading-spinner{
|
||||
font-size: 30px;
|
||||
}
|
||||
.el-collapse-item__arrow{
|
||||
color: red;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<el-card style="width:100%;">
|
||||
<div slot="header" style="font-size: 20px;">
|
||||
慰问金申请
|
||||
</div>
|
||||
<el-form :model="formData" label-width="120px" ref="addForm" :rules="formRules">
|
||||
<el-divider content-position="left">基本信息</el-divider>
|
||||
<el-form-item label="申请人">
|
||||
<el-input placeholder="姓名" value="${@shiro.getPrincipalProperty('username')}"
|
||||
readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="慰问对象" prop="wwuserid">
|
||||
<el-select v-model="formData.wwuserid"
|
||||
@change="wwuserChange"
|
||||
filterable
|
||||
remote
|
||||
clearable
|
||||
reserve-keyword
|
||||
placeholder="输入工号或姓名查找,职称和慰问部门会自动匹配,如果缺失请手动补全"
|
||||
:remote-method="querySqr">
|
||||
<el-option v-for="o in wwuserlist" :label="o.username+'-'+o.loginname" :value="o.id"
|
||||
:key="o.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="职称" prop="wwuserzc">
|
||||
<el-input v-model="formData.wwuserzc"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="慰问部门" prop="wwbm">
|
||||
<el-input v-model="formData.wwbm"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="拟慰问时间" prop="planwwsj">
|
||||
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.planwwsj">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请金额(元)" prop="wwsqje">
|
||||
<el-input-number v-model="formData.wwsqje"
|
||||
precision="2"
|
||||
:controls="false"
|
||||
max="100000.00"
|
||||
min="0.00"
|
||||
></el-input-number>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="申请事由" prop="wwsqsy">
|
||||
<el-input placeholder="请填写慰问金申请事由" type="textarea" :autosize="{ minRows: 4, maxRows: 8}"
|
||||
maxlength="1000" v-model.trim="formData.wwsqsy"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<sign prefix="wwjsq" :qz.sync="formData.sqrqz"></sign>
|
||||
</div>
|
||||
|
||||
</el-form>
|
||||
<div style="text-align: right;margin-top: 20px;">
|
||||
<el-button type="primary" @click="doAdd">确 定</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const rules = {
|
||||
wwuserid: [{required: true, message: '请查询并选择慰问对象', trigger: ['blur', 'change']}],
|
||||
wwuserzc: [{required: true, message: '请填写慰问对象职称', trigger: ['blur', 'change']}],
|
||||
planwwsj: [{required: true, message: '请填写拟慰问时间', trigger: ['blur', 'change']}],
|
||||
wwsqje: [{required: true, message: '请填写申请金额(元)', trigger: ['blur', 'change']}],
|
||||
wwsqsy: [{required: true, message: '请填写申请事由', trigger: ['blur', 'change']}],
|
||||
wwbm: [{required: true, message: '请填写慰问部门', trigger: ['blur', 'change']}]
|
||||
}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
sqrqz:''
|
||||
},
|
||||
addDialogVisible: false,
|
||||
formRules: rules,
|
||||
fileList: [],
|
||||
wwuserlist: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
},
|
||||
methods: {
|
||||
async querySqr(key) {
|
||||
const data = await selectUser(key,10)
|
||||
this.wwuserlist = data.list
|
||||
},
|
||||
wwuserChange(val){
|
||||
if(val===''){
|
||||
this.$set(this.formData,'wwuserzc','')
|
||||
this.$set(this.formData,'wwbm','')
|
||||
}else{
|
||||
let u = this.wwuserlist.find(u=>u.id === val)
|
||||
this.$set(this.formData,'wwuserzc',u.zc)
|
||||
this.$set(this.formData,'wwbm',u.dwname)
|
||||
}
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs["addForm"].validate(valid => {
|
||||
if (valid) {
|
||||
if(this.formData.sqrqz===''){
|
||||
this.$message.info('请签名后再提交！')
|
||||
return
|
||||
}
|
||||
$.post('/platform/zgfw/wwjsq/doAdd',this.formData).then(res=>{
|
||||
if(res.code===0){
|
||||
this.$message.success(res.msg)
|
||||
setTimeout(()=>{
|
||||
window.location.replace('/platform/zgfw/wwjsqxx')
|
||||
},200)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,290 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.flexbox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flexbox .el-form-item {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.el-form .el-select, .el-form .el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-loading-spinner {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="smm.status==='table'">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
placeholder="年度"
|
||||
value-format="yyyy"
|
||||
format="yyyy年"
|
||||
v-model="pageForm.year"
|
||||
type="year">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change='pageOrder'>
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sqrusername" label="申请人"></el-table-column>
|
||||
<el-table-column prop="wwrusername" label="被慰问人"></el-table-column>
|
||||
<el-table-column prop="wwbm" label="慰问部门"></el-table-column>
|
||||
<el-table-column prop="wwuserzc" label="职称"></el-table-column>
|
||||
<el-table-column prop="wwsqje" label="申请金额(元)"></el-table-column>
|
||||
<el-table-column prop="planwwsj" label="拟慰问时间"></el-table-column>
|
||||
<el-table-column sortable prop="sqsj" label="申请时间"></el-table-column>
|
||||
<el-table-column sortable prop="status" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.status==0">待申请人修改</span>
|
||||
<span v-if="row.status==1">待院级工会审核</span>
|
||||
<span v-if="row.status==2">待校工会审核</span>
|
||||
<span v-if="row.status==3">院级工会审核不通过</span>
|
||||
<span v-if="row.status==4">校工会审核不通过</span>
|
||||
<span v-if="row.status==5">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="300">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
<el-button v-if="row.status===5" size="mini" @click="exportWwj(row.id)">导出</el-button>
|
||||
<el-button v-if="[0,1].includes(row.status)" type="primary" size="mini"
|
||||
@click="openEdit(row)">编辑
|
||||
</el-button>
|
||||
<el-button v-if="[0,1].includes(row.status)" type="danger" size="mini"
|
||||
@click="doDelete(row.id)">删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<el-dialog title="慰问金申请信息编辑" top="5%" :visible.sync="editDialogVisible" width="65%">
|
||||
<div slot="header">
|
||||
慰问金申请
|
||||
</div>
|
||||
<el-form :model="formData" label-width="120px" ref="editForm" :rules="formRules">
|
||||
<el-divider content-position="left">基本信息</el-divider>
|
||||
<el-form-item label="申请人">
|
||||
<el-input placeholder="姓名" value="${@shiro.getPrincipalProperty('username')}"
|
||||
readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="慰问对象" prop="wwuserid">
|
||||
<el-select v-model="formData.wwuserid"
|
||||
@change="wwuserChange"
|
||||
filterable
|
||||
remote
|
||||
clearable
|
||||
reserve-keyword
|
||||
placeholder="输入工号或姓名查找,职称和慰问部门会自动匹配,如果缺失请手动补全"
|
||||
:remote-method="querySqr">
|
||||
<el-option v-for="o in wwuserlist" :label="o.username+'-'+o.loginname" :value="o.id"
|
||||
:key="o.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="职称" prop="wwuserzc">
|
||||
<el-input v-model="formData.wwuserzc"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="慰问部门" prop="wwbm">
|
||||
<el-input v-model="formData.wwbm"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="拟慰问时间" prop="planwwsj">
|
||||
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.planwwsj">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请金额(元)" prop="wwsqje">
|
||||
<el-input-number v-model="formData.wwsqje"
|
||||
precision="1"
|
||||
:controls="false"
|
||||
min="0.0"
|
||||
max="10000.0"
|
||||
></el-input-number>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="申请事由" prop="wwsqsy">
|
||||
<el-input placeholder="请填写慰问金申请事由" type="textarea" :autosize="{ minRows: 4, maxRows: 8}"
|
||||
maxlength="1000" v-model.trim="formData.wwsqsy"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<sign prefix="wwjsq" :qz.sync="formData.sqrqz"></sign>
|
||||
</div>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doEdit">重新提交</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
|
||||
<wwj-info :smm.sync="smm"/>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const rules = {
|
||||
wwuserid: [{required: true, message: '请查询并选择慰问对象', trigger: ['blur', 'change']}],
|
||||
wwuserzc: [{required: true, message: '请填写慰问对象职称', trigger: ['blur', 'change']}],
|
||||
planwwsj: [{required: true, message: '请填写拟慰问时间', trigger: ['blur', 'change']}],
|
||||
wwsqje: [{required: true, message: '请填写申请金额(元)', trigger: ['blur', 'change']}],
|
||||
wwsqsy: [{required: true, message: '请填写申请事由', trigger: ['blur', 'change']}],
|
||||
wwbm: [{required: true, message: '请填写慰问部门', trigger: ['blur', 'change']}]
|
||||
}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'wwj-info': httpVueLoader('/components/zgfw/wwj/wwj.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0')
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
wwuserlist: [],
|
||||
tableData: [],
|
||||
formData: {},
|
||||
editDialogVisible: false,
|
||||
formRules: rules,
|
||||
pageForm:{
|
||||
year:moment().format('YYYY')
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async querySqr(key) {
|
||||
const data = await selectUser(key, 10)
|
||||
this.wwuserlist = data.list
|
||||
},
|
||||
wwuserChange(val) {
|
||||
if (val === '') {
|
||||
this.$set(this.formData, 'wwuserzc', '')
|
||||
this.$set(this.formData, 'wwbm', '')
|
||||
} else {
|
||||
let u = this.wwuserlist.find(u => u.id = val)
|
||||
this.$set(this.formData, 'wwuserzc', u.zc)
|
||||
this.$set(this.formData, 'wwbm', u.dwname)
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
$.post('/platform/zgfw/wwjsqxx/pageData', this.pageForm).then(res => {
|
||||
if (res.code === 0) {
|
||||
if (res.data.list.length === 0 && this.pageForm.pageNumber > 1) {
|
||||
this.pageForm.pageNumber = this.pageForm.pageNumber - 1;
|
||||
this.pageData();
|
||||
}
|
||||
this.tableData = res.data.list;
|
||||
this.pageForm.totalCount = res.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$confirm('是否确定删除该申请记录？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(()=>{
|
||||
$.post(base + '/platform/zgfw/wwjsqxx/doDelete', {id: id}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success('删除成功!');
|
||||
this.doSearch();
|
||||
}
|
||||
})
|
||||
}).catch(()=>{})
|
||||
},
|
||||
openEdit(row) {
|
||||
if (this.$refs["editForm"]) {
|
||||
this.$refs["editForm"].resetFields();
|
||||
}
|
||||
this.wwuserlist = [{
|
||||
username:row.wwrusername,
|
||||
loginname:row.wwrloginname,
|
||||
id:row.wwuserid,
|
||||
dwname:row.wwbm,
|
||||
zc:row.wwuserzc}]
|
||||
this.formData = row
|
||||
this.editDialogVisible = true
|
||||
},
|
||||
doEdit() {
|
||||
this.$refs["editForm"].validate(valid => {
|
||||
if (valid) {
|
||||
$.post('/platform/zgfw/wwjsqxx/doEdit', this.formData).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.editDialogVisible = false
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row){
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
id:row.id,
|
||||
data:row,
|
||||
activeName:'1'
|
||||
}
|
||||
},
|
||||
exportWwj(id) {
|
||||
window.location='/platform/zgfw/wwjsqxx/export?id=' + id
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,179 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="smm.status==='table'">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
placeholder="年度"
|
||||
value-format="yyyy"
|
||||
format="yyyy年"
|
||||
v-model="pageForm.year"
|
||||
type="year">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change='pageOrder'>
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sqrusername" label="申请人"></el-table-column>
|
||||
<el-table-column prop="wwrusername" label="被慰问人"></el-table-column>
|
||||
<el-table-column prop="wwbm" label="慰问部门"></el-table-column>
|
||||
<el-table-column prop="wwuserzc" label="职称"></el-table-column>
|
||||
<el-table-column prop="wwsqje" label="申请金额(元)"></el-table-column>
|
||||
<el-table-column prop="planwwsj" label="拟慰问时间"></el-table-column>
|
||||
<el-table-column sortable prop="sqsj" label="申请时间"></el-table-column>
|
||||
<el-table-column sortable prop="status" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.status==2">待校工会审核</span>
|
||||
<span v-if="row.status==3">院级工会审核不通过</span>
|
||||
<span v-if="row.status==4">校工会审核不通过</span>
|
||||
<span v-if="row.status==5">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button v-if="row.status===2" type="primary" size="mini"
|
||||
@click="openView(row)">审核
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<wwj-info :smm.sync="smm">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="校工会审核" name="xghsh">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="xghshyj">
|
||||
<el-input v-model="formData.xghshyj" type="textarea" maxlength="300" rows="5"></el-input>
|
||||
</el-form-item>
|
||||
<sign prefix="wwjxghsh" :qz.sync="formData.xghqz"></sign>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button type="info" @click="doHandle(1)">退 回</el-button>
|
||||
<el-button type="danger" @click="doHandle(4)">拒 绝</el-button>
|
||||
<el-button type="success" @click="doHandle(5)">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</wwj-info>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'wwj-info': httpVueLoader('/components/zgfw/wwj/wwj.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {
|
||||
xghqz: ''
|
||||
},
|
||||
pageForm:{
|
||||
year:moment().format('YYYY'),
|
||||
lx:2
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData() {
|
||||
$.post('/platform/zgfw/wwj/sh/pageData', this.pageForm).then(res => {
|
||||
if (res.code === 0) {
|
||||
if (res.data.list.length === 0 && this.pageForm.pageNumber > 1) {
|
||||
this.pageForm.pageNumber = this.pageForm.pageNumber - 1;
|
||||
this.pageData();
|
||||
}
|
||||
this.tableData = res.data.list;
|
||||
this.pageForm.totalCount = res.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row){
|
||||
this.formData = {
|
||||
id:row.id
|
||||
}
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
id:row.id,
|
||||
data:row,
|
||||
activeName:'xghsh'
|
||||
}
|
||||
},
|
||||
doHandle(s){
|
||||
this.formData.status = s
|
||||
$.post('/platform/zgfw/wwj/sh/doxghSh',this.formData).then(res=>{
|
||||
if(res.code===0){
|
||||
this.$message.success(res.msg)
|
||||
this.smm={
|
||||
status:'table'
|
||||
}
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
},
|
||||
ch(row){
|
||||
this.$confirm('撤回吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
$.post('/platform/zgfw/wwj/sh/doch',{id:row.id,status:1}).then(res=>{
|
||||
if(res.code===0){
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
}).catch(() => {});
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,145 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-input-group__prepend>.el-select{
|
||||
width: 150px!important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div v-show="smm.status==='table'">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
placeholder="年度"
|
||||
value-format="yyyy"
|
||||
format="yyyy年"
|
||||
v-model="pageForm.year"
|
||||
type="year">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入关键字" v-model="pageForm.searchKeyword" clearable>
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 120px;">
|
||||
<el-option label="被慰问人姓名" value="wwr.username"></el-option>
|
||||
<el-option label="被慰问人工号" value="wwr.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unionid" clearable placeholder="请选择院级工会" filterable>
|
||||
<el-option
|
||||
v-for="item in unionList"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch" type="primary"></el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change='pageOrder'>
|
||||
<el-table-column label="序号" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sqrusername" label="申请人"></el-table-column>
|
||||
<el-table-column prop="wwrusername" label="被慰问人"></el-table-column>
|
||||
<el-table-column prop="wwbm" label="慰问部门"></el-table-column>
|
||||
<el-table-column prop="wwuserzc" label="职称"></el-table-column>
|
||||
<el-table-column prop="wwsqje" label="申请金额(元)"></el-table-column>
|
||||
<el-table-column prop="planwwsj" label="拟慰问时间"></el-table-column>
|
||||
<el-table-column sortable prop="sqsj" label="申请时间"></el-table-column>
|
||||
<el-table-column sortable prop="status" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.status==0">待申请人修改</span>
|
||||
<span v-if="row.status==1">待院级工会审核</span>
|
||||
<span v-if="row.status==2">待校工会审核</span>
|
||||
<span v-if="row.status==3">院级工会审核不通过</span>
|
||||
<span v-if="row.status==4">校工会审核不通过</span>
|
||||
<span v-if="row.status==5">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<wwj-info :smm.sync="smm"/>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'wwj-info': httpVueLoader('/components/zgfw/wwj/wwj.vue')
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY'),
|
||||
unionid: '',
|
||||
wwrusername:'',
|
||||
searchName:'wwr.username'
|
||||
},
|
||||
unionList:[]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData() {
|
||||
$.post('/platform/zgfw/wwj/zhcx/pageData', this.pageForm).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.tableData = res.data.list;
|
||||
this.pageForm.totalCount = res.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
openView(row){
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
id:row.id,
|
||||
data:row,
|
||||
activeName:'1'
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unionList = await getUnion()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,225 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava>
|
||||
<el-card class="box-card">
|
||||
<template #header>
|
||||
<h3 style="color: #1867b0">信息填报</h3>
|
||||
</template>
|
||||
<div>
|
||||
|
||||
<el-form :model="formData" :rules="rules" ref="addForm" label-width="150px">
|
||||
<el-row gutter="60">
|
||||
<vi-title title="子女信息"></vi-title>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="子女姓名" prop="dj_znname">
|
||||
<el-input clearable v-model="formData.dj_znname"
|
||||
placeholder="请填写子女姓名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别" prop="dj_znsex">
|
||||
<el-select clearable v-model="formData.dj_znsex"
|
||||
style="width: 100%" placeholder="请选择性别">
|
||||
<el-option value="男" label="男"></el-option>
|
||||
<el-option value="女" label="女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="出生日期" prop="dj_znzsny">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.dj_znzsny"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择出生日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学生类型" prop="dj_djlx">
|
||||
<el-select clearable v-model="formData.dj_djlx"
|
||||
placeholder="学生类型" style="width: 100%">
|
||||
<el-option :value="1" label="幼儿园"></el-option>
|
||||
<el-option :value="2" label="小学"></el-option>
|
||||
<el-option :value="3" label="初中"></el-option>
|
||||
<el-option :value="4" label="高中"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="就读年级" prop="dj_jdxx">
|
||||
<el-select clearable v-model="formData.dj_jdxx"
|
||||
placeholder="就读年级" style="width: 100%">
|
||||
<el-option :value="x.value" :label="x.value"
|
||||
v-for="x in xxOption.filter(v=>v.type===formData.dj_djlx)"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身体健康状态" prop="dj_stjkzk">
|
||||
<el-input clearable v-model="formData.dj_stjkzk"
|
||||
placeholder="请填写身体健康状态"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
<vi-title title="教职工信息"></vi-title>
|
||||
|
||||
<el-row gutter="30">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="教职工姓名" prop="dj_jzgid">
|
||||
<el-select
|
||||
style="width: 100%"
|
||||
v-model="formData.dj_jzgid"
|
||||
filterable
|
||||
remote
|
||||
readonly
|
||||
disabled
|
||||
reserve-keyword
|
||||
placeholder="请输入工号或者姓名查找"
|
||||
:remote-method="queryUser"
|
||||
:loading="loading">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工号">
|
||||
<el-input v-model="formData.dj_gzh" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="手机号码" prop="dj_iphone">
|
||||
<el-input clearable v-model="formData.dj_iphone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input clearable v-model="formData.dj_szdw"
|
||||
readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="三代家庭成员信息" prop="dj_sdjtxx">
|
||||
<el-input clearable v-model="formData.dj_sdjtxx" type="textarea"
|
||||
rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</el-form>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="doAdd" v-loading="loading">保 存
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
userList: {},
|
||||
xxOption: [
|
||||
{value: "幼儿园", type: 1},
|
||||
{value: "一年级", type: 2},
|
||||
{value: "二年级", type: 2},
|
||||
{value: "三年级", type: 2},
|
||||
{value: "四年级", type: 2},
|
||||
{value: "五年级", type: 2},
|
||||
{value: "六年级", type: 2},
|
||||
{value: "七年级", type: 3},
|
||||
{value: "八年级", type: 3},
|
||||
{value: "九年级", type: 3},
|
||||
{value: "高一", type: 4},
|
||||
{value: "高二", type: 4},
|
||||
{value: "高三", type: 4},
|
||||
],
|
||||
rules: {
|
||||
dj_djlx: [{required: true, message: '请选择填报类型', trigger: ['change', 'blur']}],
|
||||
dj_znname: [{required: true, message: '请输入子女姓名', trigger: ['change', 'blur']}],
|
||||
dj_znsex: [{required: true, message: '请选择性别', trigger: ['change', 'blur']}],
|
||||
dj_znzsny: [{required: true, message: '请选择出生日期', trigger: ['change', 'blur']}],
|
||||
dj_jdxx: [{required: true, message: '请选择就读学校', trigger: ['change', 'blur']}],
|
||||
dj_iphone: [{required: true, message: '请输入手机号码', trigger: ['change', 'blur']}],
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
components: {},
|
||||
methods: {
|
||||
async doAdd() {
|
||||
await this.$refs['addForm'].validate()
|
||||
this.loading = true
|
||||
this.formData.applyType = 'znxx'
|
||||
const resp = await $.post(loc() + "/doAdd", this.formData)
|
||||
if (resp.code === 0) {
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
this.notifySuccess(resp.msg)
|
||||
sublime.jumpPagePjax("/platform/zgfw/znxx/manage")
|
||||
} else {
|
||||
this.notifyError(resp.msg)
|
||||
}
|
||||
this.loading = false
|
||||
},
|
||||
async queryUser(keywords) {
|
||||
if (keywords !== '') {
|
||||
this.loading = true
|
||||
const data = await queryUserById(keywords)
|
||||
this.loading = false
|
||||
this.userList = data
|
||||
} else {
|
||||
this.userList = []
|
||||
}
|
||||
},
|
||||
async init() {
|
||||
await this.queryUser(this.formData.dj_jzgid ? this.formData.dj_jzgid : "${@shiro.getPrincipalProperty('id')}")
|
||||
if (this.userList && this.userList.length > 0) {
|
||||
const user = this.userList[0]
|
||||
this.$set(this.formData, "dj_jzgid", user.id)
|
||||
if (!this.formData.dj_id) {
|
||||
this.$set(this.formData, 'dj_gzh', user.loginname)
|
||||
this.$set(this.formData, 'dj_iphone', user.mobile)
|
||||
this.$set(this.formData, 'dj_szdw', user.unitname)
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
async findOne(id) {
|
||||
const resp = await $.post(loc() + "/findOne", {id})
|
||||
if (resp.code === 0) {
|
||||
this.formData = resp.data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
const id = GetQueryString("id")
|
||||
if (id) this.findOne(id)
|
||||
await this.init()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,173 @@
|
||||
<!--#
|
||||
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>
|
||||
<div class="search-item-option">
|
||||
<el-input placeholder="请输入子女姓名" clearable v-model="pageForm.dj_znname"
|
||||
@keyup.enter.native="doSearch" style="width:100%"></el-input>
|
||||
</div>
|
||||
</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>
|
||||
</template>
|
||||
|
||||
</table-tool>
|
||||
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
|
||||
<el-table-column align="center" header-align="center" type="index"
|
||||
:index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
<template v-if="column.prop=='dj_djlx'" scope="{row}">
|
||||
<div v-if="row.dj_djlx===1">幼儿园</div>
|
||||
<div v-if="row.dj_djlx===2">小学</div>
|
||||
<div v-if="row.dj_djlx===3">初中</div>
|
||||
<div v-if="row.dj_djlx===4">高中</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="userOnline" align="center" header-align="center"
|
||||
label="操作" width="300px">
|
||||
<template scope="{row}">
|
||||
<el-button size="mini" :loading="row.loading" @click="openView(row)">
|
||||
查看
|
||||
</el-button>
|
||||
<el-button size="mini" :loading="row.loading" type="primary"
|
||||
@click="openEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button size="mini" :loading="row.loading" type="danger"
|
||||
@click="doDelete(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<el-descriptions :column="3" border class="table_fixed">
|
||||
<el-descriptions-item label="学生类型">
|
||||
<div v-if="viewData.dj_djlx===1">幼儿园</div>
|
||||
<div v-if="viewData.dj_djlx===2">小学</div>
|
||||
<div v-if="viewData.dj_djlx===3">初中</div>
|
||||
<div v-if="viewData.dj_djlx===4">高中</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="子女姓名">
|
||||
{{viewData.dj_znname}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">
|
||||
{{viewData.dj_znsex}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="出生日期">
|
||||
{{viewData.dj_znzsny}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="就读年级">
|
||||
{{viewData.dj_jdxx}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="身体健康状态">
|
||||
{{viewData.dj_stjkzk}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="教职工姓名">
|
||||
{{viewData.username}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工号">
|
||||
{{viewData.dj_gzh}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号码">
|
||||
{{viewData.dj_iphone}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="3" label="所在单位">
|
||||
{{viewData.dj_szdw}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="3" label="三代家庭成员信息">
|
||||
{{viewData.dj_sdjtxx}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
viewData: {},
|
||||
tableColumns: [
|
||||
{prop: 'dj_znname', label: '子女姓名'},
|
||||
{prop: 'dj_znsex', label: '性别'},
|
||||
{prop: 'dj_znzsny', label: '出生日期'},
|
||||
{prop: 'dj_djlx', label: '学生类型'},
|
||||
{prop: 'dj_jdxx', label: '就读年级'},
|
||||
{prop: 'username', label: '教职工姓名'},
|
||||
{prop: 'dj_gzh', label: '工号'},
|
||||
{prop: 'dj_iphone', label: '手机号码'},
|
||||
{prop: 'dj_szdw', label: '所在单位'},
|
||||
]
|
||||
}
|
||||
},
|
||||
components: {},
|
||||
methods: {
|
||||
openView(row) {
|
||||
this.viewData = row
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async doDelete(row) {
|
||||
const confirm = await this.$confirm('确定要删除该信息吗?', '提示', {type: 'warning'})
|
||||
if (confirm) {
|
||||
row.loading = true
|
||||
const resp = await $.post(loc() + "/doDelete", {id: row.dj_id})
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
row.loading = false
|
||||
}
|
||||
},
|
||||
openEdit(row) {
|
||||
sublime.jumpPagePjax("/platform/zgfw/znxx/apply?id=" + row.dj_id)
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,341 @@
|
||||
<!--#
|
||||
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>
|
||||
<div class="search-item-option">
|
||||
<el-input placeholder="请输入姓名/工号" clearable
|
||||
v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend"
|
||||
placeholder="姓名/工号"
|
||||
style="width: 120px;">
|
||||
<el-option label="子女姓名" value="dj.dj_znname"></el-option>
|
||||
<el-option label="教职工姓名" value="u.username"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">学生类型：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select v-model="pageForm.dj_djlx" slot="prepend"
|
||||
clearable
|
||||
placeholder="请选择填报类型"
|
||||
style="width: 100%">
|
||||
<el-option :label="l.label" :value="l.value"
|
||||
v-for="l in djlxOption"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">就读年级：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select clearable v-model="formData.dj_jdxx"
|
||||
clearable
|
||||
placeholder="请选择就读年级" style="width: 100%">
|
||||
<el-option :value="x.value" :lable="x.value"
|
||||
v-for="x in xxOption.filter(v=>v.type===pageForm.dj_djlx)"></el-option>
|
||||
</el-select>
|
||||
|
||||
</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 placeholder="所属工会" v-model="pageForm.unionId"
|
||||
style="width: 100%;"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
filterable="true">
|
||||
<el-option v-for="item in unions" :label="item.unionname"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">所属单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select placeholder="所属单位" v-model="pageForm.unitId"
|
||||
style="width: 100%;"
|
||||
clearable="true"
|
||||
filterable="true">
|
||||
<el-option v-for="item in units" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">年龄搜索：</div>
|
||||
<div class="search-item-option">
|
||||
<el-checkbox-group v-model="pageForm.sxlx" @change="doSearch" max="1">
|
||||
<el-checkbox-button label="g" key="g">当年升高中同学</el-checkbox-button>
|
||||
<el-checkbox-button label="d" key="d">当年升大学同学</el-checkbox-button>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</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" @click="openZf" icon="el-icon-printer"
|
||||
:disabled="pageForm.sxlx.length===0"
|
||||
type="primary">
|
||||
一键给升学同学祝福
|
||||
</el-button>
|
||||
|
||||
<el-button size="small" @click="doExport" icon="el-icon-printer"
|
||||
type="primary">
|
||||
导出
|
||||
</el-button>
|
||||
</template>
|
||||
|
||||
</table-tool>
|
||||
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id"
|
||||
@sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
|
||||
|
||||
<el-table-column align="center" header-align="center" type="index"
|
||||
:index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
<template v-if="column.prop=='dj_djlx'" scope="{row}">
|
||||
<div v-if="row.dj_djlx===1">幼儿园</div>
|
||||
<div v-if="row.dj_djlx===2">小学</div>
|
||||
<div v-if="row.dj_djlx===3">初中</div>
|
||||
<div v-if="row.dj_djlx===4">高中</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="userOnline" align="center" header-align="center"
|
||||
label="操作" width="300px">
|
||||
<template scope="{row}">
|
||||
<el-button size="mini" :loading="row.loading" @click="openZf(row)">
|
||||
祝福
|
||||
</el-button>
|
||||
<el-button size="mini" :loading="row.loading" @click="openView(row)">
|
||||
查看
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<el-descriptions :column="3" border class="table_fixed">
|
||||
<el-descriptions-item label="学生类型">
|
||||
<div v-if="viewData.dj_djlx===1">幼儿园</div>
|
||||
<div v-if="viewData.dj_djlx===2">小学</div>
|
||||
<div v-if="viewData.dj_djlx===3">初中</div>
|
||||
<div v-if="viewData.dj_djlx===4">高中</div>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="子女姓名">
|
||||
{{viewData.dj_znname}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="性别">
|
||||
{{viewData.dj_znsex}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="出生日期">
|
||||
{{viewData.dj_znzsny}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="就读年级">
|
||||
{{viewData.dj_jdxx}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="身体健康状态">
|
||||
{{viewData.dj_stjkzk}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="教职工姓名">
|
||||
{{viewData.username}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工号">
|
||||
{{viewData.dj_gzh}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号码">
|
||||
{{viewData.dj_iphone}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="3" label="所在单位">
|
||||
{{viewData.dj_szdw}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="3" label="三代家庭成员信息">
|
||||
{{viewData.dj_sdjtxx}}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-dialog title="祝福内容" :visible.sync="zfnrDialog" :close-on-click-modal="false" width="35%">
|
||||
<el-form>
|
||||
<el-input v-model="zfnr" type="textarea" rows="4"></el-input>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="zfnrDialog = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doZf" :loading="loading">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
zfnr: "",
|
||||
zfnrDialog: false,
|
||||
unions: [],
|
||||
units: [],
|
||||
viewData: {},
|
||||
pageForm: {
|
||||
searchName: "u.username",
|
||||
dj_djlx: '',
|
||||
dj_jdxx: '',
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
sxlx: [],
|
||||
},
|
||||
tableColumns: [
|
||||
{prop: 'dj_znname', label: '子女姓名'},
|
||||
{prop: 'dj_znsex', label: '性别'},
|
||||
{prop: 'dj_znzsny', label: '出生日期'},
|
||||
{prop: 'dj_djlx', label: '学生类型'},
|
||||
{prop: 'dj_jdxx', label: '就读年级'},
|
||||
{prop: 'username', label: '教职工姓名'},
|
||||
{prop: 'dj_gzh', label: '工号'},
|
||||
{prop: 'dj_iphone', label: '手机号码'},
|
||||
{prop: 'unitname', label: '所在单位'},
|
||||
{prop: 'unionname', label: '所在工会'},
|
||||
],
|
||||
djlxOption: [
|
||||
{value: 1, label: "幼儿园"},
|
||||
{value: 2, label: "小学"},
|
||||
{value: 3, label: "初中"},
|
||||
{value: 4, label: "高中"},
|
||||
],
|
||||
xxOption: [
|
||||
{value: "幼儿园", type: 1},
|
||||
{value: "一年级", type: 2},
|
||||
{value: "二年级", type: 2},
|
||||
{value: "三年级", type: 2},
|
||||
{value: "四年级", type: 2},
|
||||
{value: "五年级", type: 2},
|
||||
{value: "六年级", type: 2},
|
||||
{value: "七年级", type: 3},
|
||||
{value: "八年级", type: 3},
|
||||
{value: "九年级", type: 3},
|
||||
{value: "高一", type: 4},
|
||||
{value: "高二", type: 4},
|
||||
{value: "高三", type: 4},
|
||||
],
|
||||
}
|
||||
},
|
||||
components: {},
|
||||
methods: {
|
||||
openZf(row) {
|
||||
this.pageForm.dj_id = row.dj_id
|
||||
this.zfnrDialog = true
|
||||
},
|
||||
async doZf(row) {
|
||||
if (!this.zfnr) {
|
||||
this.notifyWarning("必填")
|
||||
return
|
||||
}
|
||||
const confirm = await this.$confirm('您确定要发送祝福吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
this.loading = true
|
||||
const refs = await $.post(loc() + "/doZf", {
|
||||
sxlx: JSON.stringify(this.pageForm.sxlx),
|
||||
id: this.pageForm.dj_id,
|
||||
zfnr: this.zfnr
|
||||
})
|
||||
if (refs.code === 0) {
|
||||
this.zfnrDialog = false
|
||||
this.notifySuccess(refs.msg);
|
||||
} else {
|
||||
this.notifyWarning(refs.msg)
|
||||
}
|
||||
this.loading = false
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
doExport() {
|
||||
const {unionId, unitId, dj_jdxx, dj_djlx, sxlx} = this.pageForm
|
||||
window.open(loc() + "/doExport?unionId=" + unionId +
|
||||
"&unitId=" + unitId +
|
||||
"&dj_jdxx=" + dj_jdxx +
|
||||
"&dj_djlx=" + dj_djlx +
|
||||
"&sxlx=" + JSON.stringify(sxlx))
|
||||
},
|
||||
openView(row) {
|
||||
this.viewData = row
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async flushUnits() {
|
||||
this.$set(this.pageForm, "unitid", "")
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
||||
this.units = await getUnits(this.pageForm.unionId)
|
||||
} else {
|
||||
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
const pageForm = clone(this.pageForm)
|
||||
pageForm.sxlx = JSON.stringify(pageForm.sxlx)
|
||||
$.post(loc() + '/pageData', pageForm).then(res => {
|
||||
sublime.closeLoadingbar();
|
||||
if (res.code == 0) {
|
||||
this.tableData = res.data.list;
|
||||
this.pageForm.totalCount = res.data.totalCount;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.unions = await getUnions(null)
|
||||
await this.flushUnits()
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user