first commit
This commit is contained in:
@@ -0,0 +1,238 @@
|
||||
<!--#
|
||||
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" @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 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="100px" 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>
|
||||
<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>
|
||||
const 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']}],
|
||||
},
|
||||
|
||||
sortDialogVisible: false,
|
||||
sortMenuData: [],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'name'
|
||||
},
|
||||
}
|
||||
},
|
||||
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 = {}
|
||||
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
|
||||
const {code, msg} = await $.post("/platform/condolence/type/" + (add ? "doAdd" : "doEdit"), this.formData)
|
||||
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() {
|
||||
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.dialogVisible = true
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,451 @@
|
||||
<!--#
|
||||
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">
|
||||
<template #header>
|
||||
<h3 style="color: #1867b0">慰问申请</h3>
|
||||
</template>
|
||||
<div>
|
||||
<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-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+'）'"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</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-row>
|
||||
|
||||
<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+'）'"
|
||||
: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-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"
|
||||
: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 style="width: 100%" v-model="formData.money"
|
||||
:placeholder="moneyTitle" controls-position="right"
|
||||
:controls="false"
|
||||
precision="2"
|
||||
: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="住院时间">
|
||||
<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-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">
|
||||
<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"
|
||||
@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">
|
||||
<el-form-item prop="files" label="附  件">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
</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 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>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
money: 0,
|
||||
moneyTitle: "",
|
||||
dialogVisible: false,
|
||||
delNotesList: [],
|
||||
formData: {},
|
||||
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']}],
|
||||
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']}],
|
||||
// job_title: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
userLoading: false,
|
||||
userOptions: [],
|
||||
userPayees: [],
|
||||
typeOptions: [],
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
"formData.money"(val) {
|
||||
if (val > this.money) {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '金额超过规定金额' + this.money + "（元）",
|
||||
type: 'warning'
|
||||
});
|
||||
this.$set(this.formData, "money", this.money)
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
},
|
||||
methods: {
|
||||
async typeChange(id) {
|
||||
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, "way", data.way)
|
||||
}
|
||||
},
|
||||
async getUserData(userId) {
|
||||
const {data} = await $.get(loc() + "/getUserData", {userId})
|
||||
return data
|
||||
},
|
||||
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.jobtitle)
|
||||
},
|
||||
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 this.queryUser(query)
|
||||
this.userOptions = arr
|
||||
this.userLoading = false
|
||||
}
|
||||
},
|
||||
async queryUser(query) {
|
||||
const {data} = await $.get(loc() + "/queryUser", {query})
|
||||
return data
|
||||
},
|
||||
flush() {
|
||||
this.delNotesList = []
|
||||
this.formData = {
|
||||
goods: [],
|
||||
manager_name: "${@shiro.getPrincipalProperty('username')}",
|
||||
/* bank_card: "${@shiro.getPrincipalProperty('bank_number')}",*/
|
||||
apply_time: moment().format('YYYY-MM-DD'),
|
||||
}
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
async doAdd() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
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() + "/doAdd", {
|
||||
data: JSON.stringify(formData),
|
||||
hospital_stay_1: formData.hospital_stay_1,
|
||||
hospital_stay_2: formData.hospital_stay_2,
|
||||
sign: this.formData.sign
|
||||
})
|
||||
|
||||
closeLoadingFunc(loading, resp, async (data, msg) => {
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.flush()
|
||||
location.href = '/platform/fw/condolence/myList'
|
||||
}, (data, msg) => {
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: msg
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.flush()
|
||||
this.getTypeOptions()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,263 @@
|
||||
<!--#
|
||||
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>
|
||||
const 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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
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,308 @@
|
||||
<!--#
|
||||
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="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>
|
||||
const 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)
|
||||
} 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});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
async openView(row) {
|
||||
const {id} = row
|
||||
await this.$refs.info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
this.unit = await getUnits()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,672 @@
|
||||
<!--#
|
||||
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
|
||||
v-if="['D','E','F','G'].includes(row.type_code)"
|
||||
:command="{type:'export',data:row}">
|
||||
导出慰问审批表
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="![1990,1995,2000].includes(row.state_id)"
|
||||
:command="{type:'edit',data:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id!=2000"
|
||||
: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="mobile" 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="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>
|
||||
const 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']}],
|
||||
},
|
||||
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'),
|
||||
},
|
||||
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)
|
||||
})
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(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})
|
||||
requestLaterFun(resp, async (v) => {
|
||||
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()
|
||||
}, () => {
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: '获取信息失败'
|
||||
});
|
||||
}, () => {
|
||||
this.$set(row, "editLoading", false)
|
||||
})
|
||||
},
|
||||
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});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
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
|
||||
})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(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,228 @@
|
||||
<!--#
|
||||
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-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</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"></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
|
||||
:command="{type:'doExport',data:row}">
|
||||
导出报销审批单
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
v-if="['D','E','F','G'].includes(row.code)"
|
||||
: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 #edit>
|
||||
|
||||
</template>
|
||||
<template #view>
|
||||
<info ref="info"></info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const 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'),
|
||||
},
|
||||
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)
|
||||
}
|
||||
},
|
||||
|
||||
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,229 @@
|
||||
<!--#
|
||||
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.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="被慰问人" prop="be_username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="所属工会" prop="unionname" 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 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 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>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
const chart = {
|
||||
condolencesTypeId: undefined
|
||||
}
|
||||
|
||||
const 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')]
|
||||
},
|
||||
}
|
||||
},
|
||||
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() {
|
||||
setTimeout(async () => {
|
||||
this.loading.condolencesType = true
|
||||
const pageForm = clone(this.pageForm)
|
||||
pageForm.yearMonth = JSON.stringify(pageForm.yearMonth)
|
||||
const resp = await $.get(loc() + '/condolencesType', pageForm)
|
||||
requestLaterFun(resp, (data) => {
|
||||
if (chart.condolencesTypeId) {
|
||||
chart.condolencesTypeId.changeData(data)
|
||||
return
|
||||
}
|
||||
|
||||
chart.condolencesTypeId = new G2Plot.Column('condolencesTypeId', {
|
||||
data,
|
||||
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();
|
||||
this.loading.condolencesType = false
|
||||
})
|
||||
}, 500)
|
||||
},
|
||||
async getTypeOptions() {
|
||||
const {code, data} = await $.get("/platform/condolence/type/getAll")
|
||||
if (code == 0) {
|
||||
this.typeOptions = data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.getCondolencesType()
|
||||
this.getTypeOptions()
|
||||
this.union = await getUnions()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,357 @@
|
||||
<!--#
|
||||
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>
|
||||
<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"></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!=2012"
|
||||
: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-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(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>
|
||||
const 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']}],
|
||||
},
|
||||
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'),
|
||||
},
|
||||
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});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
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) {
|
||||
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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
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,310 @@
|
||||
<!--#
|
||||
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-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"></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="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-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(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>
|
||||
const 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']}],
|
||||
},
|
||||
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'),
|
||||
},
|
||||
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) {
|
||||
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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
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,159 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.el-divider--horizontal {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<apply :form="formData" @radio="radioButton">
|
||||
<template #footer>
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="operation">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</apply>
|
||||
</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">
|
||||
  一、住院慰问金申请：每位在职工会会员每年限申请一次，需在当年提出申请。系统全部审核完成后，可打印出报销凭证和纸质审批表，由本部门审核人员及本人签字并盖章后，以院级工会为单位送交工会。为减少院级工会工作量，院级工会可于每月10号、20号（遇周末节假日可顺延）集中审核盖章后送交工会纸质材料。<br/>
|
||||
  二、因生活困难申报“元旦、春节”困难补助（慰问）金的会员，还须同时向院级工会提交下列相关证明：<br/>
|
||||
    （1）申请人配偶、子女及家庭其他成员的收入情况证明原件（不涉及则无需提供）；<br/>
|
||||
    （2）个人收入证明（年度工资银行对账单且有银行或单位盖章）；<br/>
|
||||
    （3）涉及会员本人、配偶或子女患重病、大病者须提供病史证明复印件和自费医药费正式发票；
|
||||
</span>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">关闭</el-button>
|
||||
<el-button type="primary" @click="dialogVisible = false">同意</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function getQueryVariable(variable) {
|
||||
let query = window.location.search.substring(1);
|
||||
let vars = query.split("&");
|
||||
for (let i = 0; i < vars.length; i++) {
|
||||
let pair = vars[i].split("=");
|
||||
if (pair[0] == variable) {
|
||||
return pair[1];
|
||||
}
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'apply': httpVueLoader('/components/difficulty/apply.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
formData: {
|
||||
sq_bzlx: "1",
|
||||
sqsj: moment().format('YYYY-MM-DD'),
|
||||
apply_mode: '1',
|
||||
jtcys: [],
|
||||
},
|
||||
userData: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
radioButton() {
|
||||
this.$set(this.formData, 'idcard', '${@shiro.getPrincipalProperty("idcard")}')
|
||||
this.$set(this.formData, 'sqr', '${@shiro.getPrincipalProperty("username")}')
|
||||
this.$set(this.formData, 'bbzrusername', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('username')}" : null)
|
||||
this.$set(this.formData, 'sqrloginname', "${@shiro.getPrincipalProperty('loginname')}")
|
||||
this.$set(this.formData, 'sex', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('sex')}" : null)
|
||||
this.$set(this.formData, 'idcard', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('idcard')}" : null)
|
||||
this.$set(this.formData, 'birthday', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('birthday')}" : null)
|
||||
this.$set(this.formData, 'lxfs', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('mobile')}" : null)
|
||||
this.$set(this.formData, 'yhkh', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('bank_number')}" : null)
|
||||
this.$set(this.formData, 'yhmc', this.formData.apply_mode == 1 ? "${@shiro.getPrincipalProperty('yhmc')}" : null)
|
||||
this.$set(this.formData, 'unitname', this.formData.apply_mode == 1 ? this.userData.unitname : null)
|
||||
this.$set(this.formData, 'zw', this.formData.apply_mode == 1 ? this.userData.position : null)
|
||||
this.$set(this.formData, 'zc', this.formData.apply_mode == 1 ? this.userData.jobtitle : null)
|
||||
this.$set(this.formData, 'zzmm', this.formData.apply_mode == 1 ? this.userData.political : null)
|
||||
this.$set(this.formData, 'mz', this.formData.apply_mode == 1 ? this.userData.nation : null)
|
||||
},
|
||||
async getUserData() {
|
||||
const resp = await $.post(loc() + "/getUserData")
|
||||
requestLaterFun(resp, () => {
|
||||
this.userData = resp.data;
|
||||
}, () => {
|
||||
this.$notify.error({title: '失败', message: resp.msg});
|
||||
})
|
||||
},
|
||||
async operation() {
|
||||
let method = this.formData.id ? "/doEdit" : "/doAdd"
|
||||
/* 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)
|
||||
requestLaterFun(resp, () => {
|
||||
window.location.href = '/platform/fw/difficulty/applylist'
|
||||
}, () => {
|
||||
this.$notify.error({title: '失败', message: resp.msg});
|
||||
}, () => {
|
||||
loading.close()
|
||||
})
|
||||
/* }
|
||||
}
|
||||
);*/
|
||||
},
|
||||
async openEdit(id) {
|
||||
const resp = await $.get("/platform/fw/difficulty/applylist/findOne", {id})
|
||||
requestLaterFun(resp, (data) => {
|
||||
if (data.files) {
|
||||
data.files = JSON.parse(data.files)
|
||||
}
|
||||
this.formData = data
|
||||
})
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
await this.getUserData()
|
||||
let id = getQueryVariable("id")
|
||||
id ? this.openEdit(id) : this.radioButton()
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,233 @@
|
||||
<!--#
|
||||
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="sbzr.loginname"></el-option>
|
||||
<el-option label="受助人姓名" value="sbzr.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="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 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="unitname"
|
||||
label="单位">
|
||||
<template slot-scope="{row}">
|
||||
{{row.unitname?row.unitname:row.sqrname}}
|
||||
</template>
|
||||
</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" header-align="center" prop="shrname" label="审核人"
|
||||
show-overflow-tooltip min-width="100">
|
||||
<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.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].includes(row.zt)"
|
||||
:command="{type:'edit',data:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'delete',data:row}" :loading="row.delLoading">
|
||||
删除
|
||||
</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>
|
||||
const 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: "sbzr.loginname"
|
||||
},
|
||||
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
|
||||
window.location.href = '/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})
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
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,238 @@
|
||||
<!--#
|
||||
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">
|
||||
<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">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right">
|
||||
<!--#if(@shiro.hasRole('A06')||@shiro.hasRole('wyh02')||@shiro.hasRole('wyh03')||@shiro.hasRole('H04')||@shiro.hasRole('sysadmin')){#-->
|
||||
<el-button @click="doExcel"><i class="el-icon-download"></i> 导出
|
||||
</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="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 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="unitname"
|
||||
label="单位">
|
||||
<template slot-scope="{row}">
|
||||
{{row.unitname?row.unitname:row.sqrname}}
|
||||
</template>
|
||||
</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>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'info': httpVueLoader('/components/difficulty/info.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
unitId: '',
|
||||
unionId: '',
|
||||
unit: "",
|
||||
year: "",
|
||||
searchName: "sbzr.loginname"
|
||||
},
|
||||
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} = this.pageForm
|
||||
|
||||
window.open("/platform/fw/difficulty/reading/doExcel?dateRange=" + JSON.stringify(_dateRange)
|
||||
+ "&unionId=" + unionId
|
||||
+ "&unitId=" + unitId)
|
||||
|
||||
|
||||
},
|
||||
doWholeExcel() {
|
||||
window.open("/platform/fw/difficulty/reading/doWholeExcel?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,311 @@
|
||||
<!--#
|
||||
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="sbzr.loginname"></el-option>
|
||||
<el-option label="受助人姓名" value="sbzr.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="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 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="unitname"
|
||||
label="单位">
|
||||
<template slot-scope="{row}">
|
||||
{{row.unitname?row.unitname:row.sqrname}}
|
||||
</template>
|
||||
</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 == 500"
|
||||
:command="{type:'openReview',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-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="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(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>
|
||||
const 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: "sbzr.loginname"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
xghbzje: [{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()
|
||||
},
|
||||
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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
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,287 @@
|
||||
<!--#
|
||||
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>
|
||||
const 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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
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>
|
||||
const 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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
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>
|
||||
const 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,311 @@
|
||||
<!--#
|
||||
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="sbzr.loginname"></el-option>
|
||||
<el-option label="受助人姓名" value="sbzr.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="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 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="unitname"
|
||||
label="单位">
|
||||
<template slot-scope="{row}">
|
||||
{{row.unitname?row.unitname:row.sqrname}}
|
||||
</template>
|
||||
</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-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-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="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(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>
|
||||
const 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: "sbzr.loginname"
|
||||
},
|
||||
unitOptions: [],
|
||||
formRules: {
|
||||
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
xghbzje: [{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()
|
||||
},
|
||||
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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
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,334 @@
|
||||
<!--#
|
||||
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="sbzr.loginname"></el-option>
|
||||
<el-option label="受助人姓名" value="sbzr.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="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 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="unitname"
|
||||
label="单位">
|
||||
<template slot-scope="{row}">
|
||||
{{row.unitname?row.unitname:row.sqrname}}
|
||||
</template>
|
||||
</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==200||row.zt==155||row.zt==500)"
|
||||
:command="{type:'openReview',data:row}">
|
||||
审核
|
||||
</el-dropdown-item>
|
||||
|
||||
<el-dropdown-item v-if="row.zt==150||row.zt==155"
|
||||
: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="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(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>
|
||||
const 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: "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)
|
||||
} 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});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
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)
|
||||
requestLaterMsgFun(vue, resp, () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, null, (v) => {
|
||||
this.subDis = false
|
||||
this.subLoading1 = false
|
||||
this.subLoading2 = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
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,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' size="mini">
|
||||
<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="sqrgh" label="受补助人工号"></el-table-column>
|
||||
<el-table-column prop="sqrname" label="受补助人姓名"></el-table-column>
|
||||
<el-table-column prop="sq_sqrdw" label="受补助人单位"></el-table-column>
|
||||
<el-table-column prop="dsqrname" label="申请人姓名"></el-table-column>
|
||||
<el-table-column sortable prop="sq_sqsj" label="申请时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="sq_knbzsqly" label="申请理由" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column sortable prop="sq_sqzt" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.sq_sqzt==0">待申请人修改</span>
|
||||
<span v-if="row.sq_sqzt==1">待院级工会审核</span>
|
||||
<span v-if="row.sq_sqzt==2">待校工会审核</span>
|
||||
<span v-if="row.sq_sqzt==3">院级工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==4">校工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==5">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button v-if="row.sq_sqzt===1" type="primary" size="mini"
|
||||
@click="openView(row)">审核
|
||||
</el-button>
|
||||
<el-button v-if="[2,3].includes(row.sq_sqzt)" 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>
|
||||
|
||||
<knbf-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="sq_jcdwshyj">
|
||||
<el-input v-model="formData.sq_jcdwshyj" type="textarea" maxlength="300" rows="5"></el-input>
|
||||
</el-form-item>
|
||||
<sign prefix="knbffghsh" :qz.sync="formData.jcdwqz"></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>
|
||||
</knbf-info>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {
|
||||
jcdwqz: ''
|
||||
},
|
||||
pageForm: {
|
||||
lx: 1
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'knbf-info': httpVueLoader('/components/zgfw/knbf/knbf.vue')
|
||||
},
|
||||
methods: {
|
||||
openView(row){
|
||||
this.formData = {
|
||||
sq_id:row.sq_id
|
||||
}
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
sq_id:row.sq_id,
|
||||
data:row,
|
||||
activeName:'fghsh'
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
$.post(base + "/platform/zgfw/knbf/sh/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);
|
||||
}
|
||||
});
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
doHandle(s){
|
||||
this.formData.sq_sqzt = s
|
||||
$.post('/platform/zgfw/knbf/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/knbf/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,223 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
#app{
|
||||
padding: 10px;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
.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-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="100px" 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="sq_sqr">
|
||||
<el-select v-model="formData.sq_sqr"
|
||||
@change="sqrChange"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="输入工号或者姓名查找"
|
||||
:remote-method="querySqr">
|
||||
<el-option v-for="o in sqrlist" :label="o.username+'-'+o.loginname" :value="o.id"
|
||||
:key="o.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="sq_sex">
|
||||
<el-select v-model="formData.sq_sex">
|
||||
<el-option value="男" label="男"></el-option>
|
||||
<el-option value="女" label="女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="出生年月" prop="sq_birthday">
|
||||
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.sq_birthday">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="单位" prop="sq_sqrdw">
|
||||
<el-input v-model="formData.sq_sqrdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="职称(务)" prop="sq_zwzc">
|
||||
<el-input placeholder="职称" v-model="formData.sq_zwzc"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="sq_mobile">
|
||||
<el-input placeholder="联系电话" v-model="formData.sq_mobile"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="申请理由" prop="sq_knbzsqly">
|
||||
<el-input placeholder="请填写困难补助申请理由" type="textarea" :autosize="{ minRows: 4, maxRows: 8}"
|
||||
maxlength="1000" v-model.trim="formData.sq_knbzsqly"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<sign prefix="knbfsh" :qz.sync="formData.sqrqz"></sign>
|
||||
</div>
|
||||
|
||||
<!-- <div>-->
|
||||
<!-- <el-form-item label="附件">-->
|
||||
<!-- <el-upload-->
|
||||
<!-- name="file"-->
|
||||
<!-- ref="upload"-->
|
||||
<!-- action=""-->
|
||||
<!-- :on-change="handleChange"-->
|
||||
<!-- :auto-upload="false"-->
|
||||
<!-- :multiple="false"-->
|
||||
<!-- :file-list="fileList">-->
|
||||
<!-- <el-button size="mini" type="primary">选择文件</el-button>-->
|
||||
<!-- </el-upload>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </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 = {
|
||||
sq_sqr: [{required: true, message: '请填写申请人', trigger: ['blur', 'change']}],
|
||||
sq_sex: [{required: true, message: '请选择申请人性别', trigger: ['blur', 'change']}],
|
||||
sq_birthday: [{required: true, message: '请填写申请人生日', trigger: ['blur', 'change']}],
|
||||
sq_zwzc: [{required: true, message: '请填写申请人职务（职称）', trigger: ['blur', 'change']}],
|
||||
sq_mobile: [{required: true, message: '请填写申请人手机号', trigger: ['blur', 'change']}],
|
||||
sq_knbzsqly: [{required: true, message: '请填写申请理由', trigger: ['blur', 'change']}]
|
||||
}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
sqrqz:'',
|
||||
sq_sqr:'',
|
||||
sq_sqrdw:'',
|
||||
sq_sex:'',
|
||||
sq_birthday:'',
|
||||
sq_zwzc:'',
|
||||
sq_mobile:'',
|
||||
sq_knbzsqly:''
|
||||
},
|
||||
addDialogVisible: false,
|
||||
formRules: rules,
|
||||
fileList: [],
|
||||
sqrlist: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
},
|
||||
methods: {
|
||||
async querySqr(key) {
|
||||
const data = await selectUser(key,10)
|
||||
this.sqrlist = data.list
|
||||
},
|
||||
sqrChange(val){
|
||||
let u = this.sqrlist.find(u=>u.id === val)
|
||||
console.log(u)
|
||||
this.$set(this.formData,'sq_sex',u.sex)
|
||||
this.$set(this.formData,'sq_xgh',u.loginname)
|
||||
this.$set(this.formData,'sq_birthday','')
|
||||
this.$set(this.formData,'sq_zwzc',u.zc)
|
||||
this.$set(this.formData,'sq_mobile',u.mobile)
|
||||
this.$set(this.formData,'sq_sqrdw',u.dwname)
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
if (file.size === 0) {
|
||||
this.$message.warning("您选择的是空文件!");
|
||||
for (let i = 0; i < fileList.length; i++) {
|
||||
if (file === fileList[i]) {
|
||||
fileList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
this.fileList = fileList;
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs["addForm"].validate(valid => {
|
||||
if (valid) {
|
||||
let formData = new FormData();
|
||||
formData.append("sqxx", JSON.stringify(this.formData));
|
||||
this.fileList.forEach(function (val) {
|
||||
formData.append("file", val.raw, val.raw.name);
|
||||
})
|
||||
$.ajax({
|
||||
url: base + "/platform/zgfw/knbfsq/doAdd",
|
||||
type: "post",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
}).then(res=>{
|
||||
clearInterval(qzInterval)
|
||||
if(res.code===0){
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: 'success',
|
||||
onClose:()=>{
|
||||
window.location.href='/platform/zgfw/knbfsqxx'
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,304 @@
|
||||
<!--#
|
||||
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;
|
||||
}
|
||||
|
||||
.editdialog .el-collapse-item__arrow {
|
||||
color: red;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
</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' size="mini">
|
||||
<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="sqrgh" label="受补助人工号"></el-table-column>
|
||||
<el-table-column prop="sqrname" label="受补助人姓名"></el-table-column>
|
||||
<el-table-column prop="sq_sqrdw" label="受补助人单位"></el-table-column>
|
||||
<el-table-column prop="dsqrname" label="申请人姓名"></el-table-column>
|
||||
<el-table-column sortable prop="sq_sqsj" label="申请时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="sq_knbzsqly" label="申请理由" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column sortable prop="sq_sqzt" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.sq_sqzt==0">待申请人修改</span>
|
||||
<span v-if="row.sq_sqzt==1">待院级工会审核</span>
|
||||
<span v-if="row.sq_sqzt==2">待校工会审核</span>
|
||||
<span v-if="row.sq_sqzt==3">院级工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==4">校工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==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.sq_sqzt===5" size="mini" @click="exportKnbf(row.sq_id)">导出</el-button>
|
||||
<el-button v-if="[0,1].includes(row.sq_sqzt)" type="primary" size="mini"
|
||||
@click="openEdit(row.sq_id)">编辑
|
||||
</el-button>
|
||||
<el-button v-if="[0,1].includes(row.sq_sqzt)" type="danger" size="mini"
|
||||
@click="doDelete(row.sq_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="100px" ref="editForm" :rules="formRules">
|
||||
<el-divider content-position="left">基本信息</el-divider>
|
||||
<el-form-item label="申请人">
|
||||
<el-input placeholder="姓名" :value="formData.dsqrusername"
|
||||
readonly="true"></el-input>
|
||||
</el-form-item>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="受补助人" prop="sq_sqr">
|
||||
<el-input v-model="formData.sqrusername" readonly></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="sq_sex">
|
||||
<el-select v-model="formData.sq_sex">
|
||||
<el-option value="男" label="男"></el-option>
|
||||
<el-option value="女" label="女"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="出生年月" prop="sq_birthday">
|
||||
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.sq_birthday">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="单位" prop="sq_sqrdw">
|
||||
<el-input v-model="formData.sq_sqrdw" readonly></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="flexbox">
|
||||
<el-form-item label="职称(务)" prop="sq_zwzc">
|
||||
<el-input placeholder="职称" v-model="formData.sq_zwzc"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="sq_mobile">
|
||||
<el-input placeholder="联系电话" v-model="formData.sq_mobile"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="申请理由" prop="sq_knbzsqly">
|
||||
<el-input placeholder="请填写困难补助申请理由" type="textarea" :autosize="{ minRows: 4, maxRows: 8}"
|
||||
maxlength="1000" v-model.trim="formData.sq_knbzsqly"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div>
|
||||
<sign prefix="knbfsh" :qz.sync="formData.sqrqz"></sign>
|
||||
</div>
|
||||
<!-- <div>-->
|
||||
<!-- <el-form-item label="附件">-->
|
||||
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </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>
|
||||
|
||||
<knbf-info :smm.sync="smm" />
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {},
|
||||
editDialogVisible: false,
|
||||
formRules: {
|
||||
sq_sqr: [{required: true, message: '请填写申请人', trigger: ['blur', 'change']}],
|
||||
sq_sex: [{required: true, message: '请选择申请人性别', trigger: ['blur', 'change']}],
|
||||
sq_xgh: [{required: true, message: '请填写申请人新工号', trigger: ['blur', 'change']}],
|
||||
sq_birthday: [{required: true, message: '请填写申请人生日', trigger: ['blur', 'change']}],
|
||||
sq_zwzc: [{required: false, message: '请填写申请人职务（职称）', trigger: ['blur', 'change']}],
|
||||
sq_mobile: [{required: false, message: '请填写申请人手机号', trigger: ['blur', 'change']}],
|
||||
sq_knlx: [{required: true, message: '请填写困难帮扶类型', trigger: ['blur', 'change']}],
|
||||
sq_knbzsqly: [{required: true, message: '请填写申请理由', trigger: ['blur', 'change']}]
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'knbf-info': httpVueLoader('/components/zgfw/knbf/knbf.vue')
|
||||
},
|
||||
methods: {
|
||||
openView(row){
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
id:row.sq_id,
|
||||
data:row,
|
||||
activeName:'1'
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
$.post(base + "/platform/zgfw/knbfsqxx/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('/platform/zgfw/knbfsqxx/doDelete', {id: id}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success('删除成功!');
|
||||
this.doSearch();
|
||||
}
|
||||
});
|
||||
}).catch()
|
||||
},
|
||||
openEdit(id) {
|
||||
if (this.$refs["editForm"]) {
|
||||
this.$refs["editForm"].resetFields();
|
||||
}
|
||||
$.post(base + '/platform/zgfw/knbfsqxx/queryDetail', {id: id}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.formData = res.data.jbxx;
|
||||
// res.data.fileList.forEach(val=>{
|
||||
// this.fileList.push({name: val.fjname, uid: val.fjid, fjurl: val.fjurl})
|
||||
// })
|
||||
this.editDialogVisible = true
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
doEdit() {
|
||||
this.$refs["editForm"].validate(valid => {
|
||||
if (valid) {
|
||||
$.post('/platform/zgfw/knbfsqxx/doEdit', this.formData).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.editDialogVisible = false
|
||||
this.$message.success(res.msg)
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
//let formData = new FormData();
|
||||
//formData.append("sqxx", JSON.stringify(this.formData));
|
||||
// formData.append("delfile",JSON.stringify(this.Delfileurl));
|
||||
// this.fileList.forEach(val=>{
|
||||
// if(val.status==='ready'){
|
||||
// formData.append("file", val.raw, val.raw.name);
|
||||
// }
|
||||
// })
|
||||
// $.ajax({
|
||||
// url: base + "/platform/zgfw/knbfsqxx/doEdit",
|
||||
// type: "post",
|
||||
// data: formData,
|
||||
// processData: false,
|
||||
// contentType: false,
|
||||
// success: function (data) {
|
||||
// if (data.code === 0) {
|
||||
// vue.editDialogVisible=false;
|
||||
// vue.doSearch();
|
||||
// vue.$message.success(data.msg);
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
}
|
||||
});
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
exportKnbf(id) {
|
||||
window.open('/platform/zgfw/knbfsqxx/export?id=' + id);
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</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' size="mini">
|
||||
<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="sqrgh" label="受补助人工号"></el-table-column>
|
||||
<el-table-column prop="sqrname" label="受补助人姓名"></el-table-column>
|
||||
<el-table-column prop="sq_sqrdw" label="受补助人单位"></el-table-column>
|
||||
<el-table-column prop="dsqrname" label="申请人姓名"></el-table-column>
|
||||
<el-table-column sortable prop="sq_sqsj" label="申请时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="sq_knbzsqly" label="申请理由" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column sortable prop="sq_sqzt" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.sq_sqzt==0">待申请人修改</span>
|
||||
<span v-if="row.sq_sqzt==1">待院级工会审核</span>
|
||||
<span v-if="row.sq_sqzt==2">待校工会审核</span>
|
||||
<span v-if="row.sq_sqzt==3">院级工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==4">校工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==5">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button v-if="row.sq_sqzt===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>
|
||||
|
||||
<knbf-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="sq_xghshyj">
|
||||
<el-input v-model="formData.sq_xghshyj" type="textarea" maxlength="300" rows="5"></el-input>
|
||||
</el-form-item>
|
||||
<sign prefix="knbfxghsh" :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>
|
||||
</knbf-info>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {
|
||||
xghqz: ''
|
||||
},
|
||||
pageForm: {
|
||||
lx: 2
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'knbf-info': httpVueLoader('/components/zgfw/knbf/knbf.vue')
|
||||
},
|
||||
methods: {
|
||||
openView(row){
|
||||
this.formData = {
|
||||
sq_id:row.sq_id
|
||||
}
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
sq_id:row.sq_id,
|
||||
data:row,
|
||||
activeName:'xghsh'
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
$.post(base + "/platform/zgfw/knbf/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);
|
||||
}
|
||||
});
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
doHandle(s){
|
||||
this.formData.sq_sqzt = s
|
||||
$.post('/platform/zgfw/knbf/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/knbf/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>
|
||||
|
||||
</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 @keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 120px;">
|
||||
<el-option label="补助人姓名" value="sqr.username"></el-option>
|
||||
<el-option label="补助人工号" value="sqr.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>
|
||||
<!--# if(@shiro.hasRole('H04')){ #-->
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" @click="exportHz"><i class="el-icon-document-copy"></i> 汇总</el-button>
|
||||
</div>
|
||||
<!--# } #-->
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" @sort-change='pageOrder' size="mini">
|
||||
<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="sqrgh" label="受补助人工号"></el-table-column>
|
||||
<el-table-column prop="sqrname" label="受补助人姓名"></el-table-column>
|
||||
<el-table-column prop="sq_sqrdw" label="受补助人单位"></el-table-column>
|
||||
<el-table-column prop="dsqrname" label="申请人姓名"></el-table-column>
|
||||
<el-table-column sortable prop="sq_sqsj" label="申请时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="sq_knbzsqly" label="申请理由" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column sortable prop="sq_sqzt" label="状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.sq_sqzt==0">待申请人修改</span>
|
||||
<span v-if="row.sq_sqzt==1">待院级工会审核</span>
|
||||
<span v-if="row.sq_sqzt==2">待校工会审核</span>
|
||||
<span v-if="row.sq_sqzt==3">院级工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==4">校工会审核不通过</span>
|
||||
<span v-if="row.sq_sqzt==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.sq_sqzt===5" size="mini" @click="exportknbf(row.sq_id)">导出</el-button>
|
||||
<!--# if(@shiro.hasRole('sysadmin') || @shiro.hasRole('A06')){#-->
|
||||
<el-button v-if="[0,1].includes(row.sq_sqzt)" type="danger" size="mini" @click="doDelete(row.sq_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>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<knbf-info :smm.sync="smm" />
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY'),
|
||||
unionid: '',
|
||||
searchName: 'sqr.username'
|
||||
},
|
||||
unionList: []
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'knbf-info': httpVueLoader('/components/zgfw/knbf/knbf.vue')
|
||||
},
|
||||
methods: {
|
||||
openView(row){
|
||||
this.smm={
|
||||
status: 'detail',
|
||||
id:row.sq_id,
|
||||
data:row,
|
||||
activeName:'1'
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
$.post(base + "/platform/zgfw/knbf/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);
|
||||
}
|
||||
});
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$confirm('是否确定删除该申请记录？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(()=>{
|
||||
$.post('/platform/zgfw/knbfsqxx/doDelete', {id: id}).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.$message.success('删除成功!');
|
||||
this.doSearch();
|
||||
}
|
||||
});
|
||||
}).catch()
|
||||
},
|
||||
exportknbf(id){
|
||||
window.open('/platform/zgfw/knbfsqxx/export?id=' + id);
|
||||
},
|
||||
exportHz(){
|
||||
window.location.href = '/platform/zgfw/knbf/zhcx/exportHz'
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unionList = await getUnion()
|
||||
}
|
||||
})
|
||||
</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>
|
||||
const 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"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,872 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
.el-transfer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.el-transfer-panel {
|
||||
text-align: left;
|
||||
width: 40%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.el-transfer-panel__list.is-filterable {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.el-textarea__inner {
|
||||
width: 600px;
|
||||
margin-left: 90px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.el-transfer-panel__body {
|
||||
height: calc(100% - 40px) !important;
|
||||
}
|
||||
|
||||
.el-transfer-panel__list {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.el-transfer {
|
||||
border: 1px solid #EBEEF5;
|
||||
}
|
||||
|
||||
.el-transfer .el-checkbox-group {
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.tableInput .el-textarea__inner {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
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="doSearch" 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 @change="doSearch" clearable filterable placeholder="请选择分工会"
|
||||
v-model="pageForm.unionId">
|
||||
<el-option
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id"
|
||||
v-for="item in unionList">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="doSearch" icon="el-icon-search"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<el-table :data="tableData" @sort-change="pageOrder" 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="name"
|
||||
width="300px">
|
||||
<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="hdcd"
|
||||
show-overflow-tooltip></el-table-column>-->
|
||||
|
||||
<el-table-column align="center" header-align="center" label="活动时间"
|
||||
prop="hdkssj"
|
||||
sortable width="200px">
|
||||
<template scope="scope">
|
||||
{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="报名时间"
|
||||
prop="bmsj" show-overflow-tooltip
|
||||
sortable width="200px">
|
||||
|
||||
<template scope="scope">
|
||||
{{scope.row.bmkssj}} 至 {{scope.row.bmjzsj}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column align="center" header-align="center" label="分工会"
|
||||
prop="unionname" show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<span>({{scope.row.unioncode}}){{scope.row.unionname}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="分配名额"
|
||||
prop="number" width="100px">
|
||||
<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="remain" width="100px">
|
||||
<template scope="scope">
|
||||
<span style="color: tomato">{{scope.row.number-scope.row.remain}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="状态"
|
||||
prop="name">
|
||||
<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" fixed="right" header-align="center"
|
||||
label="操作"
|
||||
width="300px">
|
||||
<template scope="scope">
|
||||
<el-button @click="lxy_app.openView(scope.row.id)" size="mini"
|
||||
type="primary">查看活动
|
||||
</el-button>
|
||||
|
||||
<!--# if(@shiro.hasRole('sysadmin')){ #-->
|
||||
<el-button @click="openView(scope.row)" size="mini" type="primary">查看报名
|
||||
</el-button>
|
||||
<!--# } #-->
|
||||
<!--# if(@shiro.hasRole('H04')){ #-->
|
||||
<el-button @click="openBm2(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 #edit_func>
|
||||
<el-button @click="doSubmit(false)" size="medium"
|
||||
type="primary">保存
|
||||
</el-button>
|
||||
<el-button @click="doSubmit(true)" size="medium"
|
||||
type="primary">提交
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
<template #edit>
|
||||
<el-row style="padding: 0 5%;">
|
||||
<el-transfer
|
||||
:data="notApplyUser"
|
||||
:filter-method="filterNotApplyUser"
|
||||
:props="{
|
||||
key: 'id',
|
||||
label: 'label'
|
||||
}"
|
||||
:right-default-checked="rightCheckedData"
|
||||
:titles="['可报人员名单','当前选择']"
|
||||
@change="transferChange"
|
||||
@right-check-change="rightCheckChange"
|
||||
filter-placeholder="请输入工号或者姓名查询"
|
||||
filterable
|
||||
v-model="CheckNotApplyUser">
|
||||
<template #left-footer>
|
||||
<!-- <el-checkbox-group @change="checkChange"
|
||||
v-model="userPageForm.check">
|
||||
<el-checkbox label="honer">是否获取荣誉</el-checkbox>
|
||||
<el-checkbox label="five">五年内未参加</el-checkbox>
|
||||
</el-checkbox-group>-->
|
||||
</template>
|
||||
<template #right-footer>
|
||||
<div class="text-right pr20" style="line-height: 40px">
|
||||
<el-button @click="addHasApplyUserTableData" size="mini"
|
||||
type="primary">添加
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-transfer>
|
||||
|
||||
<div>
|
||||
<el-divider content-position="left">
|
||||
工会分配名额<span
|
||||
class="text-info">{{checkTableRowData.number}}</span>人，
|
||||
您已选择名额<span
|
||||
class="text-info">{{hasApplyUserTableData.filter(v=>v.bmzt!='4').length}}</span>人，
|
||||
<!-- <!– 通过审核<span class="text-success">{{checkTableRowData.passnum}}</span>人，–>
|
||||
还可选择<span
|
||||
class="text-primary">{{checkTableRowData.number - checkTableRowData.passnum - checkTableRowData.reviewnum}}</span>人 -->
|
||||
还可选择<span class="text-primary">{{checkTableRowData.number - hasApplyUserTableData.filter(v=>v.bmzt!='4').length}}</span>人
|
||||
</el-divider>
|
||||
</div>
|
||||
|
||||
<el-table :data="hasApplyUserTableData" border height="480" size="mini">
|
||||
<el-table-column align="center" header-align="center" label="序号"
|
||||
type="index" fixed
|
||||
width="70"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="姓名" fixed
|
||||
prop="username" width="100"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="工号"
|
||||
prop="loginname" width="120"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="单位"
|
||||
prop="unitname" width="120"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="年龄"
|
||||
prop="age" width="70"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="手机号码"
|
||||
width="150">
|
||||
<template scope="{row}">
|
||||
<div>
|
||||
<el-input :disabled="row.bmzt&&row.bmzt!=4" :rows="2"
|
||||
placeholder="请输入手机号码" style="width: 100%"
|
||||
v-model="row.mobile">
|
||||
</el-input>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="身份证号" width="200">
|
||||
<template scope="{row}">
|
||||
<div>
|
||||
<el-input :disabled="row.bmzt&&row.bmzt!=4" :rows="2"
|
||||
placeholder="请输入身份证号" style="width: 100%"
|
||||
v-model="row.idcard">
|
||||
</el-input>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="上车地点" width="200">
|
||||
<template scope="{row}">
|
||||
<div>
|
||||
<el-select v-model="row.scdd" placeholder="请选择上车地点" :disabled="row.bmzt&&row.bmzt!=4">
|
||||
<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>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="获奖名称" width="250">
|
||||
<template scope="{row}">
|
||||
<div class="tableInput">
|
||||
<el-input :disabled="row.bmzt&&row.bmzt!=4" :rows="2"
|
||||
placeholder="请输入获奖名称" style="width: 100%"
|
||||
type="textarea" v-model="row.zyhj">
|
||||
</el-input>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="备注" width="250">
|
||||
<template scope="{row}">
|
||||
<div class="tableInput">
|
||||
<el-input :disabled="row.bmzt&&row.bmzt!=4" :rows="2"
|
||||
placeholder="请输入备注" style="width: 100%"
|
||||
type="textarea" v-model="row.bz">
|
||||
</el-input>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center"
|
||||
label="是否审核通过" width="100">
|
||||
<template scope="{row}">
|
||||
<span class="text-primary" v-if="row.bmzt==1">待分工会审核</span>
|
||||
<span class="text-danger"
|
||||
v-else-if="row.bmzt==2">分工会审核不通过</span>
|
||||
<span class="text-primary"
|
||||
v-else-if="row.bmzt==3">待校工会审核</span>
|
||||
<span class="text-danger"
|
||||
v-else-if="row.bmzt==4">校工会审核不通过</span>
|
||||
<span class="text-success"
|
||||
v-else-if="row.bmzt==5">报名成功</span>
|
||||
<span class="text-muted" v-else>预选</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column header-align="center" label="操作" width="200">
|
||||
<template scope="scope">
|
||||
<el-button
|
||||
@click="hasApplyUserTableData.splice(scope.$index,1)"
|
||||
size="mini" type="danger"
|
||||
v-if="scope.row.bmzt===4||!scope.row.bmzt">
|
||||
移除
|
||||
</el-button>
|
||||
|
||||
<el-button @click="viewInfo(scope.row)"
|
||||
size="mini" type="primary"
|
||||
v-if="scope.row.bmzt&&scope.row.files">
|
||||
查看
|
||||
</el-button>
|
||||
<el-button @click="uploadMaterial(scope.row)"
|
||||
size="mini" type="primary"
|
||||
v-if="scope.row.bmzt===4||!scope.row.bmzt">
|
||||
上传材料
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<el-table :data="bmTableData" ref="multipleTableRy" row-key="id"
|
||||
style="width: 100%"
|
||||
tooltip-effect="dark">
|
||||
<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="idcard"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="获奖名称"
|
||||
prop="zyhj"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="备注"
|
||||
prop="bz"
|
||||
show-overflow-tooltip></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="120px">
|
||||
<template scope="scope">
|
||||
<el-button @click="openViewXx(scope.row)" size="mini"
|
||||
type="primary">详细信息
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</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-col :span="24">
|
||||
<el-form-item label="获奖名称：">
|
||||
{{ viewData.zyhj }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注：">
|
||||
{{ viewData.bz }}
|
||||
</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 style="margin-top: 10px" title="个人材料"></vi-title>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-upload :files="viewData.bmFiles"
|
||||
:view="true"
|
||||
v-if="viewData.bmFiles && viewData.bmFiles.length > 0"></file-upload>
|
||||
<span v-else>暂无个人材料</span>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-form>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="importVisible"
|
||||
title="上传材料" width="50%">
|
||||
|
||||
<file-upload :files.sync="uploadForm.files" :max_size="5*1024*1024"
|
||||
card>
|
||||
|
||||
</file-upload>
|
||||
|
||||
<span class="dialog-footer" slot="footer">
|
||||
<el-button :disabled="importLoading" @click="importVisible = false">取 消</el-button>
|
||||
<el-button :loading="importLoading" @click="importVisible = false"
|
||||
type="primary">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="viewDialog"
|
||||
custom-class="ViewDialogClass"
|
||||
top="3%" width="60%">
|
||||
<vi-title style="margin-top: 10px" title="个人材料"></vi-title>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-upload :files="viewDataFgh"
|
||||
:view="true"
|
||||
v-if="viewDataFgh && viewDataFgh.length > 0"></file-upload>
|
||||
<span v-else>暂无个人材料</span>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<!--#layout("/platform/zgfw/lxy/dialogView.html"){}#-->
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unionList: [],
|
||||
unionname: '',
|
||||
viewDialogSh: false,
|
||||
bmTableData: [],
|
||||
lxyHd: [],
|
||||
tabKey: new Date().getTime(),
|
||||
stepActive: 0,
|
||||
unions: [],
|
||||
v: "index",
|
||||
userOptions: [],
|
||||
loading: false,
|
||||
tabLoading: false,
|
||||
userLoading: false,
|
||||
bmDialog: false,
|
||||
viewDialog: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + "",
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
hdid: ""
|
||||
},
|
||||
userPageForm: {
|
||||
check: [],
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
searchForm: {
|
||||
userId: "",
|
||||
ghId: ""
|
||||
},
|
||||
userData: [],
|
||||
userTableLoading: false,
|
||||
numData: {},
|
||||
viewData: [],
|
||||
notApplyUser: [], //未申请的用户
|
||||
CheckNotApplyUser: [], //选择的用户
|
||||
hasApplyUserTableData: [],
|
||||
checkTableRowData: {},
|
||||
rightCheckedData: [],
|
||||
//上传材料
|
||||
importVisible: false,
|
||||
importLoading: false,
|
||||
uploadForm: {},
|
||||
fileList: [],
|
||||
viewDataFgh: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openBm2(row) {
|
||||
this.checkTableRowData = row
|
||||
this.tabKey = new Date().getTime()
|
||||
this.userPageForm = {
|
||||
check: [],
|
||||
hdid: row.hdid,
|
||||
unionid: row.ghid
|
||||
}
|
||||
//查询该工会已申请的人员
|
||||
$.post(base + "/platform/zgfw/lxy/ghbm/getHasApply", this.userPageForm, (data) => {
|
||||
this.hasApplyUserTableData = data.data
|
||||
this.$refs.guava.edit()
|
||||
})
|
||||
this.getNotApplyUser()
|
||||
},
|
||||
//添加预选人员
|
||||
addHasApplyUserTableData() {
|
||||
|
||||
//const readyApplyUsers = this.notApplyUser.filter(v => this.CheckNotApplyUser.includes(v.id))
|
||||
const readyApplyUsers = this.notApplyUser.filter(v => this.rightCheckedData.includes(v.id))
|
||||
const num = this.checkTableRowData.number - this.hasApplyUserTableData.filter(v => v.bmzt !== '4').length
|
||||
const num2 = readyApplyUsers.length + this.hasApplyUserTableData.filter(v => v.bmzt !== '4').length
|
||||
if (num === 0 || (num2 > this.checkTableRowData.number)) {
|
||||
this.$message({
|
||||
message: '工会分配名额只需报' + this.checkTableRowData.number + "人",
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
this.notApplyUser = this.notApplyUser.filter(v => !this.rightCheckedData.includes(v.id))
|
||||
readyApplyUsers.map(v => this.hasApplyUserTableData.unshift(v))
|
||||
//this.CheckNotApplyUser = []
|
||||
},
|
||||
|
||||
filterNotApplyUser(keys, data) {
|
||||
return data.loginname.indexOf(keys) > -1 || data.username.indexOf(keys) > -1
|
||||
},
|
||||
|
||||
//查询该工会未申请的人员
|
||||
getNotApplyUser() {
|
||||
$.post(base + "/platform/zgfw/lxy/ghbm/getNotApply", this.userPageForm, (data) => {
|
||||
data.data.forEach(v => {
|
||||
v.label = v.username + '(' + v.sex + '-' + v.loginname + '-' + v.unitname + ')'
|
||||
})
|
||||
this.notApplyUser = data.data
|
||||
this.$refs.guava.edit()
|
||||
})
|
||||
},
|
||||
//获奖、五年未申请
|
||||
checkChange(val) {
|
||||
this.userPageForm.pageNumber = 1
|
||||
this.getNotApplyUser()
|
||||
},
|
||||
|
||||
transferChange(keyData) {
|
||||
this.rightCheckedData = this.CheckNotApplyUser
|
||||
},
|
||||
|
||||
rightCheckChange(checkedData, statusChangeData) {
|
||||
this.rightCheckedData = checkedData
|
||||
},
|
||||
|
||||
//提交
|
||||
async doSubmit(flag) {
|
||||
let array = clone(this.hasApplyUserTableData).filter(a => !a.bmzt || a.bmzt === 4)
|
||||
array.forEach(item => {
|
||||
item.userid = item.id
|
||||
item.hdid = this.userPageForm.hdid
|
||||
item.ghid = this.userPageForm.unionid
|
||||
})
|
||||
const params = {
|
||||
data: JSON.stringify(array),
|
||||
flag: flag,
|
||||
}
|
||||
if (array.length > (this.checkTableRowData.number - this.checkTableRowData.passnum)) {
|
||||
//名额分配数 - 通过数 - 审核中数
|
||||
const msg = '您当前选中了' + array.length + '个人,最多只能提交' + (this.checkTableRowData.number - this.checkTableRowData.passnum - this.checkTableRowData.reviewnum) + '个人'
|
||||
this.$message.warning(msg)
|
||||
return
|
||||
}
|
||||
if (flag) {
|
||||
for (let i = 0; i < array.length; i++) {
|
||||
// if (array[i].files === undefined) {
|
||||
// this.$message.warning("请选择上传材料!")
|
||||
// return
|
||||
// }
|
||||
if (!array[i].idcard) {
|
||||
this.$message.warning("请填写身份证号!")
|
||||
return
|
||||
}
|
||||
if (!array[i].mobile) {
|
||||
this.$message.warning("请填写手机号!")
|
||||
return
|
||||
}
|
||||
if (!array[i].scdd) {
|
||||
this.$message.warning("请选择上车地点!")
|
||||
return
|
||||
}
|
||||
}
|
||||
const confirm = await this.$confirm('是否提交，提交后表示分工会审核通过！', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
$.post('/platform/zgfw/lxy/ghbm/bm', params).then(res => {
|
||||
loading.close()
|
||||
if (res.code === 0) {
|
||||
this.doSearch()
|
||||
this.$refs.guava.index()
|
||||
this.$message.success('提交成功')
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '数据提交中...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
$.post('/platform/zgfw/lxy/ghbm/bm', params).then(res => {
|
||||
loading.close()
|
||||
if (res.code === 0) {
|
||||
this.doSearch()
|
||||
this.$refs.guava.index()
|
||||
this.$message.success('提交成功')
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
async getLxyBmInfo(id) {
|
||||
const {data} = await $.get(base + "/platform/zgfw/lxy/fghsh/getBmInfo", {id})
|
||||
return data
|
||||
},
|
||||
async openViewXx(row) {
|
||||
this.viewData = await this.getLxyBmInfo(row.id)
|
||||
this.pageForm.hdid = row.hdid
|
||||
this.pageForm.uid = row.uid
|
||||
this.viewData.unitname = row.unitname
|
||||
|
||||
this.viewDialogSh = true
|
||||
},
|
||||
openView(row) {
|
||||
this.unionname = row.unionname
|
||||
this.pageForm.hdid = row.hdid
|
||||
this.pageForm.ghid = row.ghid
|
||||
this.$refs.guava.view()
|
||||
$.post(base + "/platform/zgfw/lxy/ghbm/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");
|
||||
},
|
||||
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/zgfw/lxy/ghbm/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");
|
||||
},
|
||||
uploadMaterial(row) {
|
||||
if (row.files && !Array.isArray(row.files)) {
|
||||
row.files = JSON.parse(row.files)
|
||||
} else if (row.files && Array.isArray(row.files)) {
|
||||
row.files = row.files
|
||||
} else if (!row.files) {
|
||||
row.files = []
|
||||
}
|
||||
this.uploadForm = row
|
||||
this.importVisible = true;
|
||||
},
|
||||
async viewInfo(row) {
|
||||
let files = []
|
||||
if (Array.isArray(row.files)) {
|
||||
files = row.files
|
||||
} else {
|
||||
files = JSON.parse(row.files)
|
||||
}
|
||||
this.viewDataFgh = files
|
||||
this.viewDialog = true
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.unions = await getUnions()
|
||||
this.lxyHd = await getNowLxyHd()
|
||||
this.pageForm.hdid = this.lxyHd[0].id
|
||||
this.pageData();
|
||||
this.unionList = await getUnions()
|
||||
},
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -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>
|
||||
const 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"){}#-->
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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>
|
||||
const 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,420 @@
|
||||
<!--#
|
||||
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;
|
||||
}
|
||||
|
||||
.viewFile {
|
||||
height: 150px;
|
||||
}
|
||||
</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-select v-model="pageForm.scdd" placeholder="请选择上车地点" clearable>
|
||||
<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>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.bmzt" placeholder="请选择审核状态" clearable>
|
||||
<el-option label="待校工会审核" :value="3"></el-option>
|
||||
<el-option label="校工会审核不通过" :value="4"></el-option>
|
||||
<el-option label="报名成功" value="5"></el-option>
|
||||
</el-select>
|
||||
</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 :disabled="!pageForm.hdid" @click="$refs.customMessage.open()"-->
|
||||
<!-- type="primary">一键发送-->
|
||||
<!-- </el-button>-->
|
||||
<el-button @click="doExport" icon="el-icon-download" 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="scdd" show-overflow-tooltip sortable></el-table-column>
|
||||
<el-table-column align="center" header-align="center"
|
||||
label="审核状态" width="100">
|
||||
<template scope="{row}">
|
||||
<span class="text-primary" v-if="row.bmzt==1">待分工会审核</span>
|
||||
<span class="text-danger"
|
||||
v-else-if="row.bmzt==2">分工会审核不通过</span>
|
||||
<span class="text-primary"
|
||||
v-else-if="row.bmzt==3">待校工会审核</span>
|
||||
<span class="text-danger"
|
||||
v-else-if="row.bmzt==4">校工会审核不通过</span>
|
||||
<span class="text-success"
|
||||
v-else-if="row.bmzt==5">报名成功</span>
|
||||
<span class="text-muted" v-else>预选</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column align="center" fixed="right" header-align="center" label="操作"
|
||||
width="180px">
|
||||
<template scope="scope">
|
||||
<el-button @click="openView(scope.row)" size="mini" type="primary">查看</el-button>
|
||||
<el-button v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')}"
|
||||
@click="doDelete(scope.row)" size="mini" type="danger">删除</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.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-col :span="12">
|
||||
<el-form-item label="身份证号：">
|
||||
{{viewData.idcard}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="获奖名称：">
|
||||
{{viewData.zyhj}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注：">
|
||||
{{viewData.bz}}
|
||||
</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 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="个人材料"></vi-title>
|
||||
<file-upload :files="viewData.bmFiles"
|
||||
:view="true"
|
||||
v-if="viewData.bmFiles && viewData.bmFiles.length > 0"></file-upload>
|
||||
<span v-else>暂无个人材料</span>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<custom-message @confirm="confirmMsg" ref="customMessage"></custom-message>
|
||||
|
||||
</guava>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
tableData: [],
|
||||
viewData: [],
|
||||
lxyHd: [],
|
||||
ghList: [],
|
||||
personForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
pageForm: {
|
||||
hdid: "",
|
||||
year: "",
|
||||
ghid: "",
|
||||
bmzt: "",
|
||||
searchKey: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
},
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return (
|
||||
time.getFullYear() > new Date().getFullYear()
|
||||
);
|
||||
}
|
||||
},
|
||||
tabLoading: false,
|
||||
personLoading: false,
|
||||
v: "index",
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async doDelete(row) {
|
||||
const confirm = await this.$confirm('确定要删除该报名人员吗', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm !== "confirm") return
|
||||
const resp = await $.post('/platform/zgfw/lxy/hdtj/doDelete', {id:row.id})
|
||||
if (resp.code === 0) {
|
||||
this.pageData()
|
||||
this.$message.success(resp.msg)
|
||||
} else {
|
||||
this.$message.warning(resp.msg)
|
||||
}
|
||||
},
|
||||
async confirmMsg(val) {
|
||||
const confirm = await this.$confirm('确定要给报名人员发送消息吗', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
const {
|
||||
data,
|
||||
code,
|
||||
msg
|
||||
} = await $.get(base + "/platform/zgfw/lxy/hdtj/openSendMessage", {hdid: this.pageForm.hdid, ...val})
|
||||
if (code === 0) {
|
||||
this.$message.success(msg)
|
||||
this.$refs.customMessage.close()
|
||||
} else {
|
||||
this.$message.warning(msg)
|
||||
}
|
||||
}
|
||||
},
|
||||
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
|
||||
+ '&bmzt=' + this.pageForm.bmzt
|
||||
+ '&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.$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()
|
||||
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')}" == true){
|
||||
this.ghList = await getUnionList()
|
||||
} else {
|
||||
this.ghList = await getUnionList("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
||||
}
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,683 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.viewFile {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
</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 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 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>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="mt10" shadow="never">
|
||||
<vi-title2 title="审核列表">
|
||||
<template #func>
|
||||
<el-button @click="yjTg" size="small" type="primary">一键通过</el-button>
|
||||
|
||||
<el-button @click="downLoadAll" size="small" type="primary">
|
||||
一键下载材料
|
||||
</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="ysh">
|
||||
</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)" 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 #edit_func>
|
||||
<el-button @click="sh(5)" size="small" type="primary">批量审核</el-button>
|
||||
</template>
|
||||
<template #edit>
|
||||
<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 width="80"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="年龄" prop="age"
|
||||
sortable width="80"></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="idcard" width="200"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="上车地点"
|
||||
prop="scdd"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="获奖名称"
|
||||
prop="zyhj"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="备注"
|
||||
prop="bz"
|
||||
show-overflow-tooltip></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 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-col :span="8">
|
||||
<el-form-item label="身份证号：">
|
||||
{{ viewData.idcard }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="上车地点：">
|
||||
{{ viewData.scdd }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="获奖名称：">
|
||||
{{ viewData.zyhj }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注：">
|
||||
{{ viewData.bz }}
|
||||
</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 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 style="margin-top: 10px" title="个人材料"></vi-title>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="附件">
|
||||
<file-upload :files="viewData.bmFiles"
|
||||
:view="true"
|
||||
v-if="viewData.bmFiles && viewData.bmFiles.length > 0"></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 @click="grsh(4)" type="danger">不通过</el-button>
|
||||
<el-button @click="grsh(5)" type="primary">通 过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const 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");
|
||||
},
|
||||
async yjTg() {
|
||||
if (this.multipleSelectionGh.length == 0) {
|
||||
this.$message({
|
||||
message: '请勾选审核列表的分工会！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
const confirm = await this.$confirm('确定要一键审核勾选的分工会吗', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
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})
|
||||
})
|
||||
const data = await $.post(base + "/platform/zgfw/lxy/xghsh/yjSh", {maps: JSON.stringify(arr)})
|
||||
|
||||
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'
|
||||
});
|
||||
}
|
||||
loading.close()
|
||||
}
|
||||
},
|
||||
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,155 @@
|
||||
<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)
|
||||
}
|
||||
|
||||
.ViewDialogClass .el-tabs__content{
|
||||
height: calc(100vh - 350px);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
</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">
|
||||
<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,60 @@
|
||||
<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;">
|
||||
<file-upload :files="viewData.files" view></file-upload>
|
||||
<!-- <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,497 @@
|
||||
<!--#
|
||||
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>
|
||||
<el-row class="transition-row">
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="transition-item" v-show="v=='index'">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<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-row>
|
||||
<el-row class="el-table-container">
|
||||
<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)" plain size="small" type="primary">填写问卷</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<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>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<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>
|
||||
<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="'${AppFileDomain!}'+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:'${AppFileDomain!}'+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>
|
||||
</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: {
|
||||
openFill(id) {
|
||||
this.qid = id
|
||||
$.get("/platform/zgfw/question/fill/findOne", {"qid": id}, res => {
|
||||
const {code, data, msg} = res
|
||||
if (code == 0) {
|
||||
this.v = "fill"
|
||||
data.issues.forEach(issue => {
|
||||
if (!issue.iisdx) {
|
||||
issue.rwid = []
|
||||
}
|
||||
})
|
||||
this.viewData = data
|
||||
} 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.v = "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,180 @@
|
||||
<!--#
|
||||
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"
|
||||
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"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!--# include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
questions: [],
|
||||
tableLoading: false,
|
||||
tableKey: '',
|
||||
tableColumns: [
|
||||
{prop: 'username', label: '姓名'},
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'sex', label: '性别'},
|
||||
{prop: 'unitname', label: '单位'},
|
||||
{prop: 'unionname', label: '工会'},
|
||||
{prop: 'fraction', label: '得分'},
|
||||
|
||||
],
|
||||
pageForm: {
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
year: new Date().getFullYear() + ''
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue')
|
||||
},
|
||||
methods: {
|
||||
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.$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,487 @@
|
||||
<!--#
|
||||
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>
|
||||
<el-row class="transition-row">
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="transition-item" v-show="v=='index'">
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<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-row>
|
||||
<el-row class="el-table-container">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="transition-item" v-show="v=='view'">
|
||||
<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 class="pull-right offscreen-right mt5">
|
||||
<el-button @click="doExport" icon="el-icon-printer" type="primary">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition>
|
||||
</el-row>
|
||||
|
||||
<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(base + "/platform/zgfw/question/sjfx/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("/platform/zgfw/question/sjfx/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"
|
||||
} 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(base + "/platform/zgfw/question/sjfx/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,288 @@
|
||||
<!--#
|
||||
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 :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" width="100px">
|
||||
<template scope="{ row }">
|
||||
<el-button @click="openView(row.unionId)" size="mini" type="primary">查看</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>
|
||||
const 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')
|
||||
},
|
||||
methods: {
|
||||
sendMsg() {
|
||||
this.$confirm('您确定要向未领取人员发送短信提醒吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
const resp = await $.post('/platform/question/cake/sendMsg', {questionId: this.pageForm.questionId})
|
||||
if (resp.code === 0) {
|
||||
this.$message.success(resp.msg)
|
||||
} else {
|
||||
this.$message.error(resp.msg)
|
||||
}
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
},
|
||||
doExportUnselectedCakeUser() {
|
||||
window.location.href =
|
||||
'/platform/question/cake/doExportCakeUser?questionId=' + this.pageForm.questionId + '&unionId=' + 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/question/cake/getUnselectedUser', params)
|
||||
this.unselectUserTable = data
|
||||
},
|
||||
|
||||
doExportCakeUnion() {
|
||||
window.location.href = '/platform/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,272 @@
|
||||
<!--#
|
||||
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 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="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<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
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_sqzt==1" style="color: #e6a23c">待分工会审核</span>
|
||||
<span v-if="row.dj_sqzt==3" style="color: #f56c6c">分工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</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===1" size="mini" type="primary" @click="openAudit(row)">审核
|
||||
</el-button>
|
||||
<el-button v-if="[2,3].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">
|
||||
<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(3)">拒 绝</el-button>
|
||||
<el-button type="info" @click="doHandle(0)">退 回</el-button>
|
||||
<el-button type="success" @click="doHandle(2)">通 过</el-button>
|
||||
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const 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.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openAudit(clone(row), this.fghAuditTabName)
|
||||
},
|
||||
async doHandle(s) {
|
||||
let title = s === 2 ? "通过" : s === 3 ? "拒绝" : "退回"
|
||||
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: 1}).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,672 @@
|
||||
<!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.min.js"></script>
|
||||
<script src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.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="https://zhgh.nju.edu.cn/file_server/assets/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_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
|
||||
@blur="checkIdCard"
|
||||
required
|
||||
name="dj_znidcard"
|
||||
v-model="formData.dj_znidcard"
|
||||
label="身份证号"
|
||||
placeholder="身份证号"
|
||||
:rules="[{ required: true, message: '请填写子女身份证号' }]"
|
||||
></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.jsdelivr.net/npm/js-cookie@2/src/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,825 @@
|
||||
<!--#
|
||||
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;
|
||||
}
|
||||
|
||||
.van-nav-bar {
|
||||
background-color: RGB(8, 23, 118)
|
||||
}
|
||||
|
||||
.van-nav-bar__title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.van-nav-bar .van-icon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
</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.back()"
|
||||
:left-arrow="leftArrow"></van-nav-bar>
|
||||
<div>
|
||||
<van-image
|
||||
width="100%"
|
||||
height="200px"
|
||||
fit="cover"
|
||||
src="https://zhgh.nju.edu.cn/file_server/assets/school_apply_bg.webp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<van-form @submit="doSubmit" label-width="120" colon style="margin-top: 10px;" input-align="right">
|
||||
<van-tabs v-model="checked" color="RGB(8,23,118)" type="card">
|
||||
<van-tab name="1" title="基础信息">
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_djlx"
|
||||
:value="formData.dj_djlx_str"
|
||||
label="类  型"
|
||||
placeholder="点击选择"
|
||||
@click="dj_djlxShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择类型' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_djlxShowPicker" position="bottom">
|
||||
<van-picker show-toolbar
|
||||
:columns="bmlxObj"
|
||||
@confirm="djlxConfirm"
|
||||
@cancel="dj_djlxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title" style="font-weight: bolder;color: RGB(8,23,118)">
|
||||
子女信息</h2>
|
||||
</div>
|
||||
<van-field required
|
||||
v-model="formData.dj_znname"
|
||||
name="dj_znname"
|
||||
label="子女姓名"
|
||||
placeholder="子女姓名"
|
||||
:rules="[{ required: true, message: '请填写子女姓名' }]"
|
||||
></van-field>
|
||||
<template v-if="formData.dj_djlx==='3'">
|
||||
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_szxx"
|
||||
name="dj_znname"
|
||||
label="所在小学"
|
||||
placeholder="所在小学"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_qmkfy"
|
||||
name="dj_qmkfy"
|
||||
label="语文"
|
||||
type="number"
|
||||
placeholder="六上期末考分（语文）"
|
||||
:rules="[{ required: true, message: '请填写语文成绩' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_qmkfs"
|
||||
name="dj_qmkfs"
|
||||
label="数学"
|
||||
type="number"
|
||||
placeholder="六上期末考分（数学）"
|
||||
:rules="[{ required: true, message: '请填写数学成绩' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_qmkfw"
|
||||
name="dj_qmkfw"
|
||||
label="外语"
|
||||
type="number"
|
||||
placeholder="六上期末考分（外语）"
|
||||
:rules="[{ required: true, message: '请填写外语成绩' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field required
|
||||
v-model="formData.dj_xqzx"
|
||||
name="dj_znname"
|
||||
label="学区中学"
|
||||
placeholder="学区中学"
|
||||
:rules="[{ required: true, message: '学区中学' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field readonly
|
||||
clickable
|
||||
name="dj_djlx"
|
||||
:value="formData.dj_sqxx_name"
|
||||
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="dj_sqxxColumns"
|
||||
@confirm="dj_sqxxConfirm"
|
||||
@cancel="dj_sqxxShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
|
||||
</template>
|
||||
|
||||
<template v-if="formData.dj_djlx==='2'">
|
||||
<van-field
|
||||
readonly
|
||||
clickable
|
||||
name="dj_znzsny"
|
||||
:value="formData.dj_znzsny"
|
||||
label="出生日期"
|
||||
placeholder="请选择出生日期"
|
||||
@click="birthdayShowPicker = true"
|
||||
required
|
||||
:rules="[{ required: true, message: '请选择出生日期' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
:value="formData.dj_hjssxq"
|
||||
name="dj_hjssxq"
|
||||
label="户籍所属辖区"
|
||||
placeholder="请选择户籍所属辖区"
|
||||
@click="dj_hjssxqShowPicker = true"
|
||||
:rules="[{ required: true, message: '请选择户籍所属辖区' }]"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_hjssxqShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="dj_hjssxqColumns"
|
||||
@confirm="dj_hjssxqConfirm"
|
||||
@cancel="dj_hjssxqShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_hjssxx"
|
||||
name="dj_hjszd"
|
||||
label="户籍所属小学"
|
||||
placeholder="户籍所属小学"
|
||||
:rules="[{ required: true, message: '请填写户籍所属小学' }]"
|
||||
></van-field>
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_znhjszd"
|
||||
name="dj_znhjszd"
|
||||
label="子女户籍所在地"
|
||||
placeholder="子女户籍所在地"
|
||||
:rules="[{ required: true, message: '请填写子女户籍所在地' }]"
|
||||
></van-field>
|
||||
</template>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<div style="width: 100%;padding: 16px 0;">
|
||||
<h2 class="van-doc-demo-block__title" style="font-weight: bolder;color:RGB(8,23,118)">
|
||||
用户信息</h2>
|
||||
</div>
|
||||
|
||||
<van-field readonly
|
||||
required
|
||||
v-model="formData.loginname"
|
||||
name="loginname"
|
||||
label="工  号"
|
||||
placeholder="工资号"
|
||||
></van-field>
|
||||
<van-field readonly
|
||||
v-model="formData.username"
|
||||
name="username"
|
||||
label="姓  名"
|
||||
></van-field>
|
||||
|
||||
<van-field v-model="formData.dj_zc"
|
||||
type="tel"
|
||||
name="dj_zc"
|
||||
label="技术职称"
|
||||
placeholder="技术职称"
|
||||
></van-field>
|
||||
|
||||
<van-field clickable
|
||||
name="dj_zcsj"
|
||||
:value="formData.dj_zcsj"
|
||||
label="职称评定时间"
|
||||
placeholder="职称评定时间"
|
||||
@click="dj_zcsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_zcsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_zcsjConfirm"
|
||||
@cancel="dj_zcsjShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field :value="formData.dj_zw"
|
||||
name="dj_zw"
|
||||
label="行政职务级别"
|
||||
placeholder="请选择行政职务级别"
|
||||
@click="dj_zwShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_zwShowPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="dj_zwColumns"
|
||||
@confirm="dj_zwConfirm"
|
||||
@cancel="dj_zwShowPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field :value="formData.dj_rzsj"
|
||||
label="行政职级任职时间"
|
||||
placeholder="请选择行政职级任职时间"
|
||||
@click="dj_rzsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_rzsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_rzsjConfirm"
|
||||
@cancel="dj_rzsjShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<van-field v-model="formData.dj_rcch"
|
||||
name="dj_rcch"
|
||||
label="省级人才称号"
|
||||
placeholder="人才称号"
|
||||
></van-field>
|
||||
|
||||
<van-field clickable
|
||||
name="dj_rcchsj"
|
||||
:value="formData.dj_rcchsj"
|
||||
label="获人才称号时间"
|
||||
placeholder="请选择获人才称号时间"
|
||||
@click="dj_rcchsjShowPicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model="dj_rcchsjShowPicker" position="bottom">
|
||||
<van-datetime-picker
|
||||
type="year-month"
|
||||
:min-date="new Date('1952-10')"
|
||||
:max-date="maxYearMonth"
|
||||
@confirm="dj_rcchsjConfirm"
|
||||
@cancel="dj_rcchsjShowPicker = false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field v-if="formData.dj_djlx==='3'"
|
||||
v-model="formData.dj_rxjx"
|
||||
name="dj_rxjx"
|
||||
label="荣誉或奖项"
|
||||
placeholder="荣誉或奖项(只填写最高的一项)"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_iphone"
|
||||
type="tel"
|
||||
name="dj_iphone"
|
||||
label="手机号码"
|
||||
placeholder="手机号码"
|
||||
:rules="[{ required: true, message: '请填写手机号码' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_szdw"
|
||||
name="dj_szdw"
|
||||
label="所在单位"
|
||||
placeholder="所在单位"
|
||||
></van-field>
|
||||
|
||||
|
||||
<template v-if="formData.dj_djlx==='2'">
|
||||
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_hjszd"
|
||||
name="dj_hjszd"
|
||||
label="教职工户籍所在地"
|
||||
placeholder="教职工户籍所在地"
|
||||
rows="2"
|
||||
type="textarea"
|
||||
:rules="[{ required: true, message: '请填写教职工户籍所在地' }]"
|
||||
></van-field>
|
||||
|
||||
<van-field
|
||||
required
|
||||
v-model="formData.dj_jtzz"
|
||||
name="dj_jtzz"
|
||||
label="房产证地址"
|
||||
rows="2"
|
||||
type="textarea"
|
||||
placeholder="房产证地址"
|
||||
:rules="[{ required: true, message: '请填写房产证地址' }]"
|
||||
></van-field>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<van-field
|
||||
v-model="formData.dj_bz"
|
||||
name="dj_bz"
|
||||
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">
|
||||
<template v-if="formData.dj_djlx==='2'">
|
||||
<van-field label="户口簿照片" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="hkfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field label="房产证或无房证明" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="fcfile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
</template>
|
||||
<template v-if="formData.dj_djlx==='3'">
|
||||
<van-field label="六上期末考分证明" required label-width="250" disabled
|
||||
style="border: none;"></van-field>
|
||||
<van-field>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="qmkffile"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
</template>
|
||||
</van-cell-group>
|
||||
</van-tab>
|
||||
|
||||
<div style="margin: 16px;">
|
||||
<van-button round block color="RGB(8,23,118)" type="info" native-type="submit">
|
||||
提交
|
||||
</van-button>
|
||||
</div>
|
||||
</van-tabs>
|
||||
</van-form>
|
||||
|
||||
|
||||
<van-number-keyboard safe-area-inset-bottom/>
|
||||
</div>
|
||||
<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");
|
||||
})
|
||||
|
||||
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
maxYearMonth: new Date(moment().format('YYYY-MM')),
|
||||
leftArrow: false,
|
||||
bmlxObj: [],
|
||||
dj_sqxxColumns: [
|
||||
{text: "南京郑和外国语学校（A）", value: "A"},
|
||||
{text: "南京航空航天大学附属初级中学（B）", value: "B"},
|
||||
{text: "南京市第五初级中学（C）", value: "C"}],
|
||||
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,
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: [],
|
||||
formData: {},
|
||||
isNull: function (val) {
|
||||
if (val == null || val == undefined || val == '') {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
},
|
||||
showMsg: false,
|
||||
msg: '',
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'vant-file-upload': httpVueLoader('/components/plugins/VantFileUpload.vue')
|
||||
},
|
||||
methods: {
|
||||
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() {
|
||||
if (this.hkfile.length === 0 && this.formData.dj_djlx === "2") {
|
||||
this.$toast.fail("请上传户口簿照片！")
|
||||
setTimeout(() => {
|
||||
this.checked = "2"
|
||||
}, 1500)
|
||||
return
|
||||
}
|
||||
if (this.fcfile.length === 0 && this.formData.dj_djlx === "2") {
|
||||
this.$toast.fail("请上传房产证或无房证明 ！")
|
||||
setTimeout(() => {
|
||||
this.checked = "2"
|
||||
}, 1500)
|
||||
return
|
||||
}
|
||||
if (this.qmkffile.length === 0 && this.formData.dj_djlx === "3") {
|
||||
this.$toast.fail("请上传六上期末考分证明！")
|
||||
setTimeout(() => {
|
||||
this.checked = "2"
|
||||
}, 1000)
|
||||
return
|
||||
}
|
||||
const confirm = await this.$dialog.confirm({
|
||||
title: '提醒',
|
||||
message: '提交前，请您再次核对“基础信息”和“材料信息”，确保填写完整并准确无误。是否确认提交？'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
|
||||
|
||||
if (this.formData.dj_djlx === "2") {
|
||||
this.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.fcfile.map(v => {
|
||||
v.bz = "fcfile"
|
||||
})
|
||||
} else {
|
||||
this.qmkffile.map(v => {
|
||||
v.bz = "qmkffile"
|
||||
})
|
||||
}
|
||||
|
||||
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, {
|
||||
data: JSON.stringify(this.formData),
|
||||
hkfile: JSON.stringify(this.hkfile),
|
||||
fcfile: JSON.stringify(this.fcfile),
|
||||
qmkffile: JSON.stringify(this.qmkffile)
|
||||
})
|
||||
|
||||
if (data.code === 0) {
|
||||
setTimeout(() => {
|
||||
this.$toast.clear();
|
||||
this.$toast.success('提交成功！')
|
||||
window.history.back()
|
||||
}, 200)
|
||||
} 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');
|
||||
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.jobTitle)
|
||||
// this.$set(this.formData, 'dj_zw', data.position)
|
||||
this.$set(this.formData, 'dj_iphone', data.mobile)
|
||||
} else {
|
||||
vant.Dialog.alert({
|
||||
title: '提示',
|
||||
message: '智慧工会系统没有查询到您的个人信息，请联系校工会老师进行人员数据更新。',
|
||||
}).then(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
getPlanStatus(dj_djlx) {
|
||||
$.post("/platform/zgfw/rxdjsq/planStatus").then(res => {
|
||||
if (res.xx > 0 && dj_djlx === "2") {
|
||||
this.bmlxObj.push({text: "幼升小", value: "2"})
|
||||
|
||||
}
|
||||
if (res.cz > 0 && 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
|
||||
}
|
||||
})
|
||||
},
|
||||
async getFile(dj_id) {
|
||||
const {data} = await $.get('/platform/zgfw/rxdjxx/findOne', {id: dj_id})
|
||||
this.hkfile = []
|
||||
this.fcfile = []
|
||||
this.qmkffile = []
|
||||
if (data.fjs && data.fjs.length > 0) {
|
||||
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")
|
||||
this.hkfile = hkfile
|
||||
this.fcfile = fcfile
|
||||
this.qmkffile = qmkffile
|
||||
}
|
||||
},
|
||||
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() {
|
||||
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()
|
||||
}
|
||||
this.getPlanStatus(dj_djlx)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,336 @@
|
||||
<!--#
|
||||
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="登记类型">
|
||||
<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="qrcode(scope.row.bmlx,scope.row.bmyear)">二维码</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="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="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>
|
||||
|
||||
<el-dialog :visible.sync="qrcodeDialogVisible" :title="qrcodeTitle" width="30%" :close-on-click-modal="false">
|
||||
<div id="qrcode" style="width: 100%;height: 300px;text-align: center">
|
||||
<QrCode :options="{ width: 300,height:300 }" :value="qrcodeUrl"></QrCode>
|
||||
</div>
|
||||
<a href="" download="test" id="download"></a>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button style="width: 100%" icon="el-icon-download" type="primary"
|
||||
@click="downloadQrcode">下 载</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
||||
Vue.component(VueQrcode.name, VueQrcode)
|
||||
|
||||
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: '小升初'}
|
||||
],
|
||||
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,
|
||||
qrcodeDialogVisible: false,
|
||||
domain: 'https://zhgh.nuaa.edu.cn',
|
||||
authUrl: 'https://authserver.nuaa.edu.cn/authserver/login?service=',
|
||||
qrcodeTitle: '',
|
||||
qrcodeUrl: ''
|
||||
}
|
||||
},
|
||||
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(() => {
|
||||
|
||||
})
|
||||
},
|
||||
qrcode(bmlx, bmyear) {
|
||||
let domain2 = 'https://zhgh.nuaa.edu.cn/sso/login'
|
||||
let text = null
|
||||
switch (bmlx) {
|
||||
case 1:
|
||||
this.qrcodeTitle = bmyear + '年幼儿园报名登记移动端二维码'
|
||||
text = domain2 + '?redirect_html=/platform/zgfw/mobile/rxdj/kindergarten'
|
||||
break
|
||||
case 2:
|
||||
this.qrcodeTitle = bmyear + '年小学报名登记移动端二维码'
|
||||
text = domain2 + '?redirect_html=/platform/zgfw/mobile/rxdj/psms'
|
||||
break
|
||||
case 3:
|
||||
this.qrcodeTitle = bmyear + '年初中报名登记移动端二维码'
|
||||
text = domain2 + '?redirect_html=/platform/zgfw/mobile/rxdj/psms'
|
||||
}
|
||||
// this.qrcodeUrl = text
|
||||
// console.log(this.qrcodeUrl)
|
||||
this.qrcodeUrl = this.authUrl + encodeURI(text)
|
||||
console.log(this.qrcodeUrl)
|
||||
this.qrcodeDialogVisible = true
|
||||
},
|
||||
downloadQrcode() {
|
||||
if (!!window.ActiveXObject || "ActiveXObject" in window || navigator.userAgent.indexOf("Edge") > -1) {
|
||||
let blob = $("canvas").get(0).msToBlob()
|
||||
window.navigator.msSaveBlob(blob, this.qrcodeTitle + '.png')
|
||||
}
|
||||
let url = $("canvas").get(0).toDataURL('image/png')
|
||||
let a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a')
|
||||
a.href = url
|
||||
a.download = this.qrcodeTitle
|
||||
let event = document.createEvent('MouseEvents')
|
||||
event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
|
||||
a.dispatchEvent(event)
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,541 @@
|
||||
<!--#
|
||||
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="150px">
|
||||
<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">
|
||||
幼升小
|
||||
</el-radio>
|
||||
<el-radio :disabled="planstatus.cz==0"
|
||||
v-model="AddFormData.dj_djlx"
|
||||
label="3">
|
||||
小升初
|
||||
</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-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-number :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfy"
|
||||
placeholder="六上期末考分（语文）"></el-input-number>
|
||||
</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-number :controls="false" style="width: 100%" v-model="AddFormData.dj_qmkfw"
|
||||
placeholder="六上期末考分（外语）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</template>
|
||||
<template v-if="AddFormData.dj_djlx==2">
|
||||
<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="请选择出生日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<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">
|
||||
<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_znhjszd">
|
||||
<el-input clearable v-model="AddFormData.dj_znhjszd" placeholder="子女户籍所在地"></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="AddFormData.dj_jzgid"
|
||||
filterable
|
||||
remote
|
||||
readonly
|
||||
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="AddFormData.dj_gzh" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="30">
|
||||
<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
|
||||
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-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>
|
||||
|
||||
<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>
|
||||
<!--小学 初中字段 end-->
|
||||
|
||||
<div>
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="AddFormData.dj_bz" show-word-limit="true" type="textarea"
|
||||
maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="AddFormData.dj_djlx==2">
|
||||
<el-form-item label="户口簿图片" prop="hkfile">
|
||||
<file-upload card :files.sync="AddFormData.hkfile"></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传首页及本人及幼升小子女户口页
|
||||
</div>
|
||||
</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>
|
||||
|
||||
</el-form>
|
||||
<el-row style="text-align: right;">
|
||||
<!-- <el-button type="success" @click="doAdd(0)" :disabled="planstatus.yey==0&&planstatus.xx==0&&planstatus.cz==0">保 存-->
|
||||
<!-- </el-button>-->
|
||||
<el-button type="primary" @click="doAdd(1)"
|
||||
:disabled="planstatus.yey==0&&planstatus.xx==0&&planstatus.cz==0">确 定
|
||||
</el-button>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const rules = {
|
||||
dj_znname: [{required: true, trigger: ['blur', 'change'], message: '请填写子女姓名'}],
|
||||
dj_znzsny: [{required: true, trigger: ['blur', 'change'], message: '请选择子女出生日期'}],
|
||||
dj_jzgid: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工姓名'}],
|
||||
dj_iphone: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工手机号'}],
|
||||
// dj_zc: [{required: true, trigger: ['blur', 'change'], message: '请填写技术职称'}],
|
||||
dj_xqzx: [{required: true, trigger: ['blur', 'change'], message: '请填写学区中学'}],
|
||||
dj_szxx: [{required: true, trigger: ['blur', 'change'], message: '请填写所在小学'}],
|
||||
// dj_zcsj: [{required: true, trigger: ['blur', 'change'], message: '请填写职称评定时间'}],
|
||||
// dj_zw: [{required: true, trigger: ['blur', 'change'], message: '请填写行政职务'}],
|
||||
dj_jzgzngx: [{required: true, trigger: ['blur', 'change'], message: '请选择子女关系'}],
|
||||
dj_jtzz: [{required: true, trigger: ['blur', 'change'], message: '请填写家庭住址'}],
|
||||
dj_hjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工户籍所在地'}],
|
||||
dj_znhjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写子女户籍所在地'}],
|
||||
dj_rylx: [{required: true, trigger: ['blur', 'change'], message: '请选择人员类型'}],
|
||||
dj_sfgcrchywgg: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sqxx: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sfyxqf: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_hjssxx: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所属小学'}],
|
||||
dj_hjssxq: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所属辖区'}],
|
||||
dj_qmkfy: [{required: true, trigger: ['blur', 'change'], message: '请填写语文成绩'}],
|
||||
dj_qmkfs: [{required: true, trigger: ['blur', 'change'], message: '请填写数学成绩'}],
|
||||
dj_qmkfw: [{required: true, trigger: ['blur', 'change'], message: '请填写外语成绩'}],
|
||||
hkfile: [{required: true, trigger: ['blur', 'change'], message: '请上传户口簿图片'}],
|
||||
fcfile: [{required: true, trigger: ['blur', 'change'], message: '请上传房产证或无房证明'}],
|
||||
qmkffile: [{required: true, trigger: ['blur', 'change'], message: '请上传六上期末考分证明'}],
|
||||
|
||||
}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.0'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
planstatus: {},
|
||||
AddFormData: {
|
||||
dj_zw: ''
|
||||
},
|
||||
rules: rules,
|
||||
loading: false,
|
||||
userList: {},
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async queryUser(keywords) {
|
||||
if (keywords != '') {
|
||||
this.loading = true
|
||||
const data = await selectUser(keywords, 10)
|
||||
this.loading = false
|
||||
this.userList = data.list
|
||||
} else {
|
||||
this.userList = []
|
||||
}
|
||||
},
|
||||
|
||||
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.dwname)
|
||||
this.$set(this.AddFormData, 'dj_gzh', user.loginname)
|
||||
this.$set(this.AddFormData, 'dj_iphone', user.mobile)
|
||||
},
|
||||
|
||||
hkhandleChange(file, fileList) {
|
||||
this.hkfileList = fileList;
|
||||
},
|
||||
cshandleChange(file, fileList) {
|
||||
this.csfileList = fileList;
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
doAdd() {
|
||||
this.$refs['AddForm'].validate(async valid => {
|
||||
if (valid) {
|
||||
if (this.fcfile.length === 0 && this.AddFormData.dj_djlx === 2) {
|
||||
this.$message.info('请上传房产证或无房证明')
|
||||
return
|
||||
}
|
||||
if (this.hkfile.length === 0 && this.AddFormData.dj_djlx === 2) {
|
||||
this.$message.info('请上传户口簿图片')
|
||||
return
|
||||
}
|
||||
if (this.qmkffile.length === 0 && this.AddFormData.dj_djlx === 3) {
|
||||
this.$message.info('请上传小学六上期末考分（语、数、外）证明')
|
||||
return
|
||||
}
|
||||
this.AddFormData.dj_sqxx_name = this.AddFormData.dj_sqxx === "A" ? "南京郑和外国语学校（A）" : this.AddFormData.dj_sqxx === "B" ? "南京航空航天大学附属初级中学（B）" : "南京市第五初级中学（C）"
|
||||
|
||||
const res = await $.get("/platform/zgfw/rxdjsq/hasDJ", this.AddFormData)
|
||||
if (res.data > 0) {
|
||||
this.$confirm('该子女已经提交，是否要覆盖？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
closeOnClickModal: false,
|
||||
type: 'warning',
|
||||
}).then(() => {
|
||||
this.doSubmit(true)
|
||||
}).catch(() => {
|
||||
this.doSubmit(false)
|
||||
})
|
||||
} else {
|
||||
await this.doSubmit(false)
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
async doSubmit(flag) {
|
||||
if (this.AddFormData.dj_djlx === "2") {
|
||||
this.AddFormData.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.AddFormData.fcfile.map(v => {
|
||||
v.bz = "fcfile"
|
||||
})
|
||||
} else {
|
||||
this.AddFormData.qmkffile.map(v => {
|
||||
v.bz = "qmkffile"
|
||||
})
|
||||
}
|
||||
|
||||
const res = await $.post("/platform/zgfw/rxdjsq/doAdd", {
|
||||
data: JSON.stringify(this.AddFormData),
|
||||
hkfile: JSON.stringify(this.AddFormData.hkfile),
|
||||
fcfile: JSON.stringify(this.AddFormData.fcfile),
|
||||
qmkffile: JSON.stringify(this.AddFormData.qmkffile),
|
||||
flag: flag
|
||||
})
|
||||
if (res.code === 0) {
|
||||
location.href = '/platform/zgfw/rxdjxx';
|
||||
} else {
|
||||
this.$message.error(data.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')
|
||||
this.$set(this.AddFormData, "dj_znzsny", '2016-9-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 init() {
|
||||
const data = await selectUser("${@shiro.getPrincipalProperty('username')}", 10)
|
||||
this.userList = data.list
|
||||
this.$set(this.AddFormData, 'dj_jzgid', "${@shiro.getPrincipalProperty('id')}")
|
||||
|
||||
this.userChange("${@shiro.getPrincipalProperty('id')}")
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getPlanStatus()
|
||||
this.init()
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -0,0 +1,744 @@
|
||||
<!--#
|
||||
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"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<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
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_sqzt==1" style="color: #e6a23c">待分工会审核</span>
|
||||
<span v-if="row.dj_sqzt==3" style="color: #f56c6c">分工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</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="([0,1].includes(row.dj_sqzt))?false:true"
|
||||
:command="{action:openEdit,value:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="![0,1].includes(row.dj_sqzt)"
|
||||
: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>
|
||||
|
||||
<template #edit>
|
||||
|
||||
<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>
|
||||
|
||||
<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-number :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfy"
|
||||
placeholder="六上期末考分（语文）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数学" prop="dj_qmkfs">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfs"
|
||||
placeholder="六上期末考分（数学）"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="外语" prop="dj_qmkfw">
|
||||
<el-input-number :controls="false" style="width: 100%" v-model="EditFormData.dj_qmkfw"
|
||||
placeholder="六上期末考分（外语）"></el-input-number>
|
||||
</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">
|
||||
<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-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" v-if="EditFormData.dj_djlx==2">
|
||||
<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 v-if="EditFormData.dj_djlx==2">
|
||||
<el-form-item label="户口簿图片" prop="hkfile" class="is-required">
|
||||
<file-upload card :files.sync="EditFormData.hkfile"></file-upload>
|
||||
<div style="color: #F56C6C">
|
||||
请上传首页及本人及幼升小子女户口页
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="房产证或无房证明" prop="fcfile" class="is-required">
|
||||
<file-upload card :files.sync="EditFormData.fcfile"></file-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-if="EditFormData.dj_djlx==3">
|
||||
<el-form-item label="六上期末考分证明" prop="qmkffile" class="is-required">
|
||||
<file-upload card :files.sync="EditFormData.qmkffile"></file-upload>
|
||||
</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>
|
||||
const rules = {}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue?v=1.0.0'),
|
||||
},
|
||||
data() {
|
||||
let hkFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.hkfile.length === 0) {
|
||||
callback(new Error('请上传户口簿图片'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let fcFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.fcfile.length === 0) {
|
||||
callback(new Error('房产证或无房证明'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let qmkfFileValidate = (rule, value, callback) => {
|
||||
if (this.EditFormData.qmkffile.length === 0) {
|
||||
callback(new Error('六上期末考分证明'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY')
|
||||
},
|
||||
planstatus: {},
|
||||
tableData: [],
|
||||
sfkq: {},
|
||||
EditFormData: {
|
||||
djrxx: {},
|
||||
hkfile: [],
|
||||
fcfile: [],
|
||||
qmkffile: []
|
||||
},
|
||||
rules: {
|
||||
dj_znname: [{required: true, trigger: ['blur', 'change'], message: '请填写子女姓名'}],
|
||||
dj_znzsny: [{required: true, trigger: ['blur', 'change'], message: '请选择子女出生日期'}],
|
||||
dj_jzgid: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工姓名'}],
|
||||
mobile: [{required: true, trigger: ['blur', 'change'], message: '请填写教职工手机号'}],
|
||||
zw: [{required: true, trigger: ['blur', 'change'], message: '请填写职务'}],
|
||||
dj_jzgzngx: [{required: true, trigger: ['blur', 'change'], message: '请选择子女关系'}],
|
||||
dj_jtzz: [{required: true, trigger: ['blur', 'change'], message: '请填写家庭住址'}],
|
||||
dj_hjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写户籍所在地'}],
|
||||
dj_rylx: [{required: true, trigger: ['blur', 'change'], message: '请选择人员类型'}],
|
||||
dj_sfgcrchywgg: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sqxx: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_sfyxqf: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_hjssxx: [{required: true, trigger: ['blur', 'change'], message: '请选择'}],
|
||||
dj_znhjszd: [{required: true, trigger: ['blur', 'change'], message: '请填写子女户籍所在地'}],
|
||||
hkfile: [{validator: hkFileValidate, trigger: ['blur', 'change']}],
|
||||
fcfile: [{validator: fcFileValidate, trigger: ['blur', 'change']}],
|
||||
qmkffile: [{validator: qmkfFileValidate, trigger: ['blur', 'change']}],
|
||||
// dj_bz: [{required: true, trigger: ['blur', 'change'], message: '请'}],
|
||||
},
|
||||
delFiles: [],
|
||||
loading: false,
|
||||
userList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand({action, value}) {
|
||||
if (action) action(value)
|
||||
}
|
||||
,
|
||||
|
||||
fileOnDelete(file) {
|
||||
if (file.status === 2) {
|
||||
this.delFiles.push({url: file.url})
|
||||
}
|
||||
}
|
||||
,
|
||||
pageData: function () {//加载分页数据
|
||||
$.post(base + '/platform/zgfw/rxdjxx/pageData', this.pageForm).then(res => {
|
||||
this.tableData = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
})
|
||||
}
|
||||
,
|
||||
getPlanStatus() {
|
||||
$.post("/platform/zgfw/rxdjsq/planStatus").then(res => {
|
||||
this.planstatus = res
|
||||
})
|
||||
}
|
||||
,
|
||||
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 = []
|
||||
}
|
||||
}
|
||||
,
|
||||
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 => {
|
||||
})
|
||||
}
|
||||
,
|
||||
openEdit(obj) {
|
||||
$.post(base + '/platform/zgfw/rxdjxx/findOne', {id: obj.dj_id}).then(res => {
|
||||
this.$refs.guava.edit()
|
||||
let u = res.data.djuser
|
||||
|
||||
this.EditFormData.hkfile = res.data.fjs.filter(f => {
|
||||
return f.bz === "hkfile"
|
||||
})
|
||||
this.EditFormData.qmkffile = res.data.fjs.filter(f => {
|
||||
return f.bz === "qmkffile"
|
||||
})
|
||||
this.EditFormData.fcfile = res.data.fjs.filter(f => {
|
||||
return f.bz === "fcfile"
|
||||
})
|
||||
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, "zw", obj.dj_zw)
|
||||
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) {
|
||||
if (this.EditFormData.dj_djlx === "2") {
|
||||
this.EditFormData.hkfile.map(v => {
|
||||
v.bz = "hkfile"
|
||||
})
|
||||
this.EditFormData.fcfile.map(v => {
|
||||
v.bz = "fcfile"
|
||||
})
|
||||
} else {
|
||||
this.EditFormData.qmkffile.map(v => {
|
||||
v.bz = "qmkffile"
|
||||
})
|
||||
}
|
||||
this.EditFormData.dj_sqxx_name = this.EditFormData.dj_sqxx === "A" ? "南京郑和外国语学校（A）" : this.EditFormData.dj_sqxx === "B" ? "南京航空航天大学附属初级中学（B）" : "南京市第五初级中学（C）"
|
||||
const res = await $.post("/platform/zgfw/rxdjxx/doEdit", {
|
||||
data: JSON.stringify(this.EditFormData),
|
||||
hkfile: JSON.stringify(this.EditFormData.hkfile),
|
||||
fcfile: JSON.stringify(this.EditFormData.fcfile),
|
||||
qmkffile: JSON.stringify(this.EditFormData.qmkffile)
|
||||
})
|
||||
if (res.code === 0) {
|
||||
this.EditFormData.hkfile = []
|
||||
this.EditFormData.fcfile = []
|
||||
this.EditFormData.qmkffile = []
|
||||
this.$refs.guava.index()
|
||||
this.doSearch()
|
||||
this.$message.success(res.msg)
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
,
|
||||
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()}")
|
||||
}
|
||||
}
|
||||
,
|
||||
}
|
||||
,
|
||||
created: async function () {
|
||||
this.pageData()
|
||||
this.getPlanStatus()
|
||||
this.unions = await getUnions()
|
||||
this.flushUnits()
|
||||
}
|
||||
,
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,253 @@
|
||||
<!--#
|
||||
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 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="pull-right offscreen-right">
|
||||
<el-radio-group v-model="pageForm.isAudit" @change="doSearch">
|
||||
<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>
|
||||
</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">
|
||||
<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
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_sqzt==1" style="color: #e6a23c">待分工会审核</span>
|
||||
<span v-if="row.dj_sqzt==3" style="color: #f56c6c">分工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</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 size="mini" type="primary" @click="openAudit(row)" v-if="row.dj_sqzt==2">审核
|
||||
</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(4)">拒 绝</el-button>
|
||||
<el-button type="info" @click="doHandle(1)">退 回</el-button>
|
||||
<el-button type="success" @click="doHandle(5)">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</rxdj-info>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<rxdj-info ref="viewInfo"></rxdj-info>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'rxdj-info': httpVueLoader('/components/zgfw/rxdj/rxdj.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
unions: [],
|
||||
units: [],
|
||||
pageForm: {
|
||||
lx: 2,
|
||||
year: moment().format('YYYY') + "",
|
||||
isAudit: 3
|
||||
},
|
||||
smm: {status: 'table', id: ''},
|
||||
tableData: [],
|
||||
formData: {},
|
||||
xghAuditTabName: 'xghAuditTabName'
|
||||
}
|
||||
},
|
||||
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.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openAudit(clone(row), this.xghAuditTabName)
|
||||
},
|
||||
async doHandle(s) {
|
||||
let title = s === 5 ? "通过" : s === 4 ? "拒绝" : "退回"
|
||||
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()
|
||||
}
|
||||
}
|
||||
},
|
||||
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,202 @@
|
||||
<!--#
|
||||
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 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">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-button @click="doExport" type="primary" icon="el-icon-s-promotion">导出
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="pull-right offscreen-right mt10" >
|
||||
<div style="color: red;font-size: 10px">温馨提示：导出时请先选择登记类型 </div>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData">
|
||||
<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
|
||||
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
|
||||
label="信息审核状态">
|
||||
<template scope="{row}">
|
||||
<span v-if="row.dj_sqzt==1" style="color: #e6a23c">待分工会审核</span>
|
||||
<span v-if="row.dj_sqzt==3" style="color: #f56c6c">分工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==2" style="color: #e6a23c">待校工会审核</span>
|
||||
<span v-if="row.dj_sqzt==4" style="color: #f56c6c">校工会审核拒绝</span>
|
||||
<span v-if="row.dj_sqzt==5" style="color: #67c23a">审核通过</span>
|
||||
<span v-if="row.dj_sqzt==0">待重新提交</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>
|
||||
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: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doExport() {
|
||||
const {djlx, year, unionid} = this.pageForm
|
||||
if (djlx === "") {
|
||||
this.$message.warning("请选择导出登记类型")
|
||||
return
|
||||
}
|
||||
window.open(loc() + "/doExport?year=" + year + "&djlx=" + djlx + "&unionid=" + unionid)
|
||||
|
||||
|
||||
},
|
||||
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 created() {
|
||||
this.$set(this.pageForm, 'year', moment().format('YYYY'))
|
||||
this.pageData()
|
||||
this.unionList = await getUnion()
|
||||
}
|
||||
})
|
||||
</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>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user