提交
This commit is contained in:
@@ -22,39 +22,42 @@ layout("/layouts/platform.html"){
|
||||
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak style="padding: 20px 40px">
|
||||
<div id="app" style="padding: 20px 40px" v-cloak>
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="clearfix" slot="header">
|
||||
<span style="color: #409EFF;font-size: 18px">填写申报信息</span>
|
||||
</div>
|
||||
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-width="120px" label-suffix=":">
|
||||
<el-form :model="formData" :rules="formRules" label-suffix=":" label-width="120px"
|
||||
ref="form">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="user_name" label="申请人姓名">
|
||||
<el-input disabled v-model="formData.user_name" type="text"></el-input>
|
||||
<el-form-item label="申请人姓名" prop="user_name">
|
||||
<el-input disabled type="text" v-model="formData.user_name"></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 label="申报时间" prop="apply_time">
|
||||
<el-input disabled type="text" v-model="formData.apply_time"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="mobile" label="联系方式">
|
||||
<el-input v-model="formData.mobile" type="text"></el-input>
|
||||
<el-form-item label="联系方式" prop="mobile">
|
||||
<el-input placeholder="请输入联系方式" type="number"
|
||||
v-model="formData.mobile"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_type" label="活动主体类型">
|
||||
<el-select v-model="formData.activity_type" placeholder="请选择活动主体类型" style="width: 100%"
|
||||
@change="getProjectCodeChange">
|
||||
<el-form-item label="活动主体类型" prop="activity_type">
|
||||
<el-select @change="getProjectCodeChange" placeholder="请选择活动主体类型"
|
||||
style="width: 100%"
|
||||
v-model="formData.activity_type">
|
||||
<el-option
|
||||
v-for="item in activityType"
|
||||
:key="item.id"
|
||||
:label="item.name+' ('+item.code+')'"
|
||||
:value="item.code">
|
||||
:value="item.code"
|
||||
v-for="item in activityType">
|
||||
</el-option>
|
||||
<!-- <span>
|
||||
|
||||
@@ -74,31 +77,34 @@ layout("/layouts/platform.html"){
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_name" label="活动名称">
|
||||
<el-autocomplete style="width: 100%"
|
||||
v-model="formData.activity_name"
|
||||
:fetch-suggestions="querySearchAsync"
|
||||
placeholder="请输入内容"
|
||||
@select="handleSelect"
|
||||
@input="activityChange"
|
||||
></el-autocomplete>
|
||||
<el-form-item label="活动名称" prop="activity_name">
|
||||
<!-- <el-autocomplete :fetch-suggestions="querySearchAsync"
|
||||
@input="activityChange"
|
||||
@select="handleSelect"
|
||||
placeholder="请输入内容"
|
||||
style="width: 100%"
|
||||
v-model="formData.activity_name"
|
||||
></el-autocomplete>-->
|
||||
<el-input placeholder="请输入活动名称"
|
||||
v-model="formData.activity_name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="projectCode" label="项目编号">
|
||||
<el-input disabled v-model="formData.projectCode" placeholder="选择活动类型自动生成"></el-input>
|
||||
<el-form-item label="项目编号" prop="projectCode">
|
||||
<el-input disabled placeholder="选择活动类型自动生成"
|
||||
v-model="formData.projectCode"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="projectTypeCode" label="活动项目类型">
|
||||
<el-select v-model="formData.projectTypeCode" placeholder="请选择活动类型"
|
||||
style="width: 100%;">
|
||||
<el-form-item label="活动项目类型" prop="projectTypeCode">
|
||||
<el-select placeholder="请选择活动类型" style="width: 100%;"
|
||||
v-model="formData.projectTypeCode">
|
||||
<el-option
|
||||
v-for="item in projectType"
|
||||
:key="item.id"
|
||||
:label="item.name+' ('+item.code+')'"
|
||||
:value="item.code">
|
||||
:value="item.code"
|
||||
v-for="item in projectType">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -106,20 +112,22 @@ layout("/layouts/platform.html"){
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="fundsUnitName" label="申报(承办)单位" v-show="formData.activity_type!=40003">
|
||||
<el-input v-model="formData.fundsUnitName" type="text"
|
||||
placeholder="请输入申报(承办)单位"></el-input>
|
||||
<el-form-item label="申报(承办)单位" prop="fundsUnitName"
|
||||
v-show="formData.activity_type!=40003">
|
||||
<el-input placeholder="请输入申报(承办)单位" type="text"
|
||||
v-model="formData.fundsUnitName"></el-input>
|
||||
|
||||
</el-form-item>
|
||||
<el-form-item prop="fundsUnitName" label="申报(承办)单位" v-show="formData.activity_type==40003">
|
||||
<el-select v-model="formData.fundsUnitName"
|
||||
placeholder="请选择申报(承办)单位"
|
||||
style="width: 100%;">
|
||||
<el-form-item label="申报(承办)单位" prop="fundsUnitName"
|
||||
v-show="formData.activity_type==40003">
|
||||
<el-select placeholder="请选择申报(承办)单位"
|
||||
style="width: 100%;"
|
||||
v-model="formData.fundsUnitName">
|
||||
<el-option
|
||||
v-for="item in fundsUnitNameOption"
|
||||
:key="item.name"
|
||||
:label="item.name+' ('+item.code+')'"
|
||||
:value="item.name">
|
||||
:value="item.name"
|
||||
v-for="item in fundsUnitNameOption">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
@@ -142,59 +150,66 @@ layout("/layouts/platform.html"){
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="plannedDate" label="活动计划时间">
|
||||
<el-form-item label="活动计划时间" prop="plannedDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.plannedDate"
|
||||
type="daterange"
|
||||
value-format="yyyy-MM-dd"
|
||||
end-placeholder="结束日期"
|
||||
range-separator="-"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
style="width: 100%"
|
||||
type="daterange"
|
||||
v-model="formData.plannedDate"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="address" label="活动地址">
|
||||
<el-input maxlength="50" placeholder="请填写活动地址" v-model="formData.address"
|
||||
type="text"></el-input>
|
||||
<el-form-item label="活动地址" prop="address">
|
||||
<el-input maxlength="50" placeholder="请填写活动地址" type="text"
|
||||
v-model="formData.address"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="活动人数" prop="activity_number">
|
||||
<el-input maxlength="50" placeholder="请填写活动人数"
|
||||
type="number"
|
||||
v-model="formData.activity_number"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="funds_money" label="申报金额">
|
||||
<el-input disabled v-model="formData.funds_money" placeholder="输入物品单价自动计算"
|
||||
type="number"></el-input>
|
||||
<el-form-item label="申报金额" prop="funds_money">
|
||||
<el-input disabled placeholder="输入物品单价自动计算" type="number"
|
||||
v-model="formData.funds_money"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="payeeId" label="收款人">
|
||||
<el-select v-model="formData.payeeId" placeholder="请选择联系人"
|
||||
filterable
|
||||
remote
|
||||
clearable
|
||||
reserve-keyword
|
||||
:remote-method="remoteMethod"
|
||||
:loading="selectLoading"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username+'-'+item.loginname+'-'+item.unitname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="payeeId" label="收款人">
|
||||
<el-select v-model="formData.payeeId" placeholder="请选择联系人"
|
||||
filterable
|
||||
remote
|
||||
clearable
|
||||
reserve-keyword
|
||||
:remote-method="remoteMethod"
|
||||
:loading="selectLoading"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username+'-'+item.loginname+'-'+item.unitname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_card_number" label="报销卡号">
|
||||
<el-input v-model="formData.activity_card_number" type="number"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_card_number" label="报销卡号">
|
||||
<el-input v-model="formData.activity_card_number" type="number"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
|
||||
</el-row>
|
||||
@@ -204,90 +219,90 @@ layout("/layouts/platform.html"){
|
||||
<el-divider content-position="left">购置物品及价格</el-divider>
|
||||
|
||||
<div style="padding-left: 10px;padding-top: 20px">
|
||||
<el-tooltip class="item" effect="dark" content="点击添加购置物品及价格" placement="top">
|
||||
<el-button icon="el-icon-plus" circle @click="formData.goods.push({})"
|
||||
<el-tooltip class="item" content="点击添加购置物品及价格" effect="dark" placement="top">
|
||||
<el-button @click="formData.goods.push({})" circle icon="el-icon-plus"
|
||||
type="primary"></el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-form-item>
|
||||
<el-table :data="formData.goods" border size="mini" style="width: 100%" height="200">
|
||||
<el-table :data="formData.goods" border height="200" size="mini"
|
||||
style="width: 100%">
|
||||
|
||||
<el-table-column sortable type="index" width="100" label="序号"
|
||||
align="center" header-align="center">
|
||||
<el-table-column align="center" header-align="center" label="序号" sortable
|
||||
type="index" width="100">
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="物品名称" align="center"
|
||||
header-align="center">
|
||||
<el-table-column align="center" header-align="center" label="物品名称"
|
||||
prop="name">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="物品名称" v-model="row.name"
|
||||
type="text"></el-input>
|
||||
<el-input maxlength="50" placeholder="物品名称" type="text"
|
||||
v-model="row.name"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="price" label="预算费用" align="center"
|
||||
header-align="center">
|
||||
<el-table-column align="center" header-align="center" label="预算费用"
|
||||
prop="price">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="预算费用" v-model="row.price"
|
||||
type="number" @input="blur1"></el-input>
|
||||
<el-input @input="blur1" maxlength="50" placeholder="预算费用"
|
||||
type="number" v-model="row.price"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="actualPrice" label="实际费用" align="center"
|
||||
header-align="center">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="实际费用" v-model="row.actualPrice"
|
||||
type="number" @input="blur2"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" header-align="center"
|
||||
width="80px"
|
||||
fixed="right">
|
||||
<el-table-column align="center" fixed="right" fixed="right"
|
||||
header-align="center"
|
||||
label="操作"
|
||||
width="80px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" icon="el-icon-delete" circle
|
||||
:disabled="formData.goods.length==0"
|
||||
@click="delNotesItem(scope)"></el-button>
|
||||
<el-button :disabled="formData.goods.length==0"
|
||||
@click="delNotesItem(scope)" circle
|
||||
icon="el-icon-delete"
|
||||
type="danger"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">活动方案及简介</span>
|
||||
<el-divider class="dia" content-position="left"><span
|
||||
style="color: #3ea1ec;">活动方案</span>
|
||||
</el-divider>
|
||||
<el-form-item prop="activity_content" class="is-required">
|
||||
<div id="acEditor"></div>
|
||||
<el-form-item class="is-required" prop="activity_content">
|
||||
<text-editor v-model="formData.activity_content"></text-editor>
|
||||
</el-form-item>
|
||||
<el-divider class="dia" content-position="left"><span
|
||||
style="color: #3ea1ec;">活动安排</span>
|
||||
</el-divider>
|
||||
<el-form-item class="is-required" prop="activity_arrange">
|
||||
<text-editor v-model="formData.activity_arrange"></text-editor>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">附件</span>
|
||||
</el-divider>
|
||||
<el-row :gutter="40">
|
||||
<!-- <el-divider class="dia" content-position="left"><span style="color: #3ea1ec;">附件</span>
|
||||
</el-divider>
|
||||
<el-row :gutter="40">
|
||||
|
||||
<el-col :span="24" class="mb25">
|
||||
<el-form-item prop="files" label="附件">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" class="mb25">
|
||||
<el-form-item label="附件" prop="files">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-row>-->
|
||||
|
||||
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">签  字</span>
|
||||
<!--<el-divider class="dia" content-position="left"><span style="color: #3ea1ec;">签  字</span>
|
||||
</el-divider>
|
||||
<el-form-item prop="sign">
|
||||
<sign prefix="medicalAid" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
<sign :qz.sync="formData.sign" prefix="medicalAid"></sign>
|
||||
</el-form-item>-->
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="doAdd()">确 定</el-button>
|
||||
<el-button @click="doAdd()" type="primary">确 定</el-button>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
<input>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let E = window.wangEditor
|
||||
let acEditor = null
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
@@ -307,6 +322,8 @@ layout("/layouts/platform.html"){
|
||||
activity_type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
plannedDate: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
address: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
activity_number: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -460,20 +477,18 @@ layout("/layouts/platform.html"){
|
||||
if (this.formData.activity_type) {
|
||||
await this.getProjectCodeChange()
|
||||
}
|
||||
},
|
||||
findOne(id){
|
||||
|
||||
|
||||
this.$nextTick(() => {
|
||||
$("#acEditor").html("")
|
||||
acEditor = new E("#acEditor")
|
||||
acEditor.config.onchange = (html) => {
|
||||
this.formData.activity_content = html
|
||||
}
|
||||
acEditor.create()
|
||||
})
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.init()
|
||||
const id = GetQueryString("id")
|
||||
if (id){
|
||||
this.findOne(id)
|
||||
}else{
|
||||
this.init()
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
@@ -481,4 +496,4 @@ layout("/layouts/platform.html"){
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
#-->
|
||||
|
||||
@@ -25,22 +25,25 @@ layout("/layouts/platform.html"){
|
||||
<search :page_form.sync="pageForm" @search="doSearch">
|
||||
<template #column>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
||||
<el-select @change="flushUnits" @clear="flushUnits"
|
||||
clearable="true"
|
||||
@change="flushUnits" @clear="flushUnits"
|
||||
filterable="true"
|
||||
placeholder="所属工会" style="width: 100%;"
|
||||
|
||||
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>
|
||||
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">
|
||||
<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 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>
|
||||
</template>
|
||||
@@ -48,8 +51,9 @@ layout("/layouts/platform.html"){
|
||||
</search>
|
||||
|
||||
<!--申请记录展示-->
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
||||
<el-card class="mt20" 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="120px">
|
||||
<template scope="scope">
|
||||
@@ -57,50 +61,53 @@ layout("/layouts/platform.html"){
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动名称" prop="activity_name" header-align="center"
|
||||
align="center">
|
||||
<el-table-column align="center" header-align="center" label="活动名称"
|
||||
prop="activity_name">
|
||||
<template scope="scope">
|
||||
<el-link type="primary" @click="openView(scope.row)">
|
||||
<el-link @click="openView(scope.row)" type="primary">
|
||||
{{scope.row.activity_name}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="申请人姓名" prop="user_name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="申请人姓名"
|
||||
prop="user_name"></el-table-column>
|
||||
|
||||
<el-table-column label="工号" prop="bxr_loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="工号"
|
||||
prop="bxr_loginname"></el-table-column>
|
||||
|
||||
<el-table-column label="所属工会" prop="bxr_unionname" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="所属工会"
|
||||
prop="bxr_unionname"
|
||||
sortable></el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="活动主体类型" prop="activity_type" header-align="center" align="center" sortable>
|
||||
<el-table-column align="center" header-align="center" label="活动主体类型"
|
||||
prop="activity_type" sortable>
|
||||
<template scope="{row}">
|
||||
{{ row.activity_type == 40002 ? "分工会活动" : row.activity_type == 40003 ? "协会(社团)活动" :
|
||||
{{ row.activity_type == 40002 ? "分工会活动" : row.activity_type == 40003 ?
|
||||
"协会(社团)活动" :
|
||||
"校工会活动"}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="活动项目类型" prop="absName" header-align="center"
|
||||
align="center" sortable>
|
||||
<el-table-column align="center" header-align="center" label="活动项目类型"
|
||||
prop="absName" sortable>
|
||||
<template slot-scope="{row}">
|
||||
{{row.absName}}({{row.projectTypeCode}})
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="申请类型" prop="apply_type" header-align="center" sortable
|
||||
align="center">
|
||||
<el-table-column align="center" header-align="center" label="申请类型" prop="apply_type"
|
||||
sortable>
|
||||
<template scope="{row}">
|
||||
{{ row.apply_type == 1 ? "经费申报" : "报销申请" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
|
||||
align="center"></el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="申请时间" prop="apply_time"
|
||||
sortable></el-table-column>
|
||||
|
||||
|
||||
<!-- <el-table-column label="审核人" prop="shrname" header-align="center"
|
||||
@@ -110,13 +117,14 @@ layout("/layouts/platform.html"){
|
||||
</template>
|
||||
</el-table-column>
|
||||
-->
|
||||
<el-table-column align="center" prop="state_id" header-align="center" label="申请状态" sortable>
|
||||
<el-table-column align="center" header-align="center" label="申请状态"
|
||||
prop="state_id" 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"
|
||||
<el-table-column align="center" fixed="right" header-align="center" label="操作"
|
||||
width="120px">
|
||||
<template slot-scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
@@ -128,30 +136,30 @@ layout("/layouts/platform.html"){
|
||||
<el-dropdown-item :command="{type:'view',data:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="[1010].includes(row.state_id)"
|
||||
:command="{type:'edit',data:row}">
|
||||
<el-dropdown-item :command="{type:'edit',data:row}"
|
||||
v-if="[1020].includes(row.state_id)">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
|
||||
<el-dropdown-item v-if="[1010,1000].includes(row.state_id)"
|
||||
:command="{type:'delete',data:row}">
|
||||
<el-dropdown-item :command="{type:'delete',data:row}"
|
||||
v-if="[1020].includes(row.state_id)">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.state_id==1060&&row.apply_type!=2"
|
||||
:command="{type:'exportWwj',data:row,apply_type:1}">
|
||||
<el-dropdown-item :command="{type:'exportWwj',data:row,apply_type:1}"
|
||||
v-if="row.state_id==1060&&row.apply_type!=2">
|
||||
导出申请表
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="[1060].includes(row.state_id)"
|
||||
:command="{type:'exportWwj',data:row,apply_type:2}">
|
||||
导出报销表
|
||||
</el-dropdown-item>
|
||||
<!-- <el-dropdown-item v-if="[1060].includes(row.state_id)"
|
||||
:command="{type:'exportWwj',data:row,apply_type:2}">
|
||||
导出报销表
|
||||
</el-dropdown-item>-->
|
||||
<!--# if(@shiro.hasRole('sysadmin')){ #-->
|
||||
<el-dropdown-item
|
||||
:command="{type:'edit',data:row}">
|
||||
<el-dropdown-item :command="{type:'edit',data:row}"
|
||||
v-if="![1020].includes(row.state_id)">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
:command="{type:'delete',data:row}">
|
||||
<el-dropdown-item :command="{type:'delete',data:row}"
|
||||
v-if="![1020].includes(row.state_id)">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
<!--# } #-->
|
||||
@@ -172,20 +180,21 @@ layout("/layouts/platform.html"){
|
||||
<template #edit>
|
||||
|
||||
<el-form label-width="100px">
|
||||
<el-form-item label="填写申请信息 " label-width="135px" class="view-header" label-position="top">
|
||||
<el-form-item class="view-header" label="填写申请信息 " label-position="top"
|
||||
label-width="135px">
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-width="120px">
|
||||
<el-form :model="formData" :rules="formRules" label-width="120px" ref="form">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="user_name" label="申请人姓名">
|
||||
<el-input disabled v-model="formData.user_name" type="text"></el-input>
|
||||
<el-form-item label="申请人姓名" prop="user_name">
|
||||
<el-input disabled type="text" v-model="formData.user_name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="mobile" label="联系方式">
|
||||
<el-input v-model="formData.mobile" type="text"></el-input>
|
||||
<el-form-item label="联系方式" prop="mobile">
|
||||
<el-input type="text" v-model="formData.mobile"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
@@ -193,19 +202,20 @@ layout("/layouts/platform.html"){
|
||||
</el-row>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_name" label="活动名称">
|
||||
<el-input v-model="formData.activity_name" disabled></el-input>
|
||||
<el-form-item label="活动名称" prop="activity_name">
|
||||
<el-input disabled v-model="formData.activity_name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_type" label="活动类型">
|
||||
<el-select v-model="formData.activity_type" placeholder="请选择活动主体类型" style="width: 100%">
|
||||
<el-form-item label="活动类型" prop="activity_type">
|
||||
<el-select placeholder="请选择活动主体类型" style="width: 100%"
|
||||
v-model="formData.activity_type">
|
||||
<el-option
|
||||
v-for="item in activityType"
|
||||
:key="item.id"
|
||||
:label="item.name+' ('+item.code+')'"
|
||||
:value="item.code">
|
||||
:value="item.code"
|
||||
v-for="item in activityType">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -214,35 +224,39 @@ layout("/layouts/platform.html"){
|
||||
|
||||
<el-row gutter="20" v-if="formData.apply_type==2">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="venue" label="活动人数">
|
||||
<el-input v-model="formData.activity_number" placeholder="请输入活动人数" type="number"></el-input>
|
||||
<el-form-item label="活动人数" prop="venue">
|
||||
<el-input placeholder="请输入活动人数" type="number"
|
||||
v-model="formData.activity_number"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="venue" label="活动地点">
|
||||
<el-input v-model="formData.venue" placeholder="请输入活动地点" type="text"></el-input>
|
||||
<el-form-item label="活动地点" prop="venue">
|
||||
<el-input placeholder="请输入活动地点" type="text"
|
||||
v-model="formData.venue"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_money" label="报销金额">
|
||||
<el-input disabled v-model="formData.activity_money" placeholder="输入物品单价自动计算"
|
||||
type="number"></el-input>
|
||||
<el-form-item label="报销金额" prop="activity_money">
|
||||
<el-input disabled placeholder="输入物品单价自动计算"
|
||||
type="number"
|
||||
v-model="formData.activity_money"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_card_number" label="报销卡号">
|
||||
<el-input v-model="formData.activity_card_number" type="number"></el-input>
|
||||
<el-form-item label="报销卡号" prop="activity_card_number">
|
||||
<el-input type="number"
|
||||
v-model="formData.activity_card_number"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="activity_time" label="活动时间">
|
||||
<el-date-picker style="width: 100%"
|
||||
v-model="formData.activity_time"
|
||||
type="date" value-format="yyyy-MM-dd"
|
||||
placeholder="活动时间" disabled>
|
||||
<el-form-item label="活动时间" prop="activity_time">
|
||||
<el-date-picker disabled
|
||||
placeholder="活动时间"
|
||||
style="width: 100%" type="date"
|
||||
v-model="formData.activity_time" value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -250,21 +264,23 @@ layout("/layouts/platform.html"){
|
||||
|
||||
<el-row gutter="20" v-if="formData.apply_type==1">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="projectCode" label="项目编号">
|
||||
<el-input disabled v-model="formData.projectCode" placeholder="选择活动类型自动生成"></el-input>
|
||||
<el-form-item label="项目编号" prop="projectCode">
|
||||
<el-input disabled placeholder="选择活动类型自动生成"
|
||||
v-model="formData.projectCode"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="fundsUnitName" label="申报(承办)单位">
|
||||
<el-input v-model="formData.fundsUnitName" type="text" placeholder="请输入申报(承办)单位"></el-input>
|
||||
<el-form-item label="申报(承办)单位" prop="fundsUnitName">
|
||||
<el-input placeholder="请输入申报(承办)单位" type="text"
|
||||
v-model="formData.fundsUnitName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="12">
|
||||
|
||||
<el-form-item prop="plannedDate" label="活动计划时间">
|
||||
<el-form-item label="活动计划时间" prop="plannedDate">
|
||||
<el-input disabled v-model="formData.plannedDate"></el-input>
|
||||
<!-- <el-date-picker style="width: 100%"
|
||||
v-model="formData.plannedDate"
|
||||
@@ -275,9 +291,10 @@ layout("/layouts/platform.html"){
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="funds_money" label="申报金额">
|
||||
<el-input disabled v-model="formData.funds_money" placeholder="输入物品单价自动计算"
|
||||
type="number"></el-input>
|
||||
<el-form-item label="申报金额" prop="funds_money">
|
||||
<el-input disabled placeholder="输入物品单价自动计算"
|
||||
type="number"
|
||||
v-model="formData.funds_money"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -287,8 +304,9 @@ layout("/layouts/platform.html"){
|
||||
<el-divider content-position="left">购置物品及价格</el-divider>
|
||||
|
||||
<div style="padding-left: 10px;padding-top:60px">
|
||||
<el-tooltip class="item" effect="dark" content="点击添加购置物品及价格" placement="top">
|
||||
<el-button icon="el-icon-plus" circle @click="formData.goods.push({})"
|
||||
<el-tooltip class="item" content="点击添加购置物品及价格" effect="dark"
|
||||
placement="top">
|
||||
<el-button @click="formData.goods.push({})" circle icon="el-icon-plus"
|
||||
type="primary"></el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@@ -299,60 +317,61 @@ layout("/layouts/platform.html"){
|
||||
|
||||
<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 align="center" header-align="center" label="序号" sortable
|
||||
type="index" width="100">
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="物品名称" align="center"
|
||||
header-align="center">
|
||||
<el-table-column align="center" header-align="center" label="物品名称"
|
||||
prop="name">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="物品名称" v-model="row.name"
|
||||
type="text"></el-input>
|
||||
<el-input maxlength="50" placeholder="物品名称" type="text"
|
||||
v-model="row.name"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="price" label="预算费用" align="center"
|
||||
header-align="center">
|
||||
<el-table-column align="center" header-align="center" label="预算费用"
|
||||
prop="price">
|
||||
<template slot-scope="{row}">
|
||||
<el-input maxlength="50" placeholder="预算费用" v-model="row.price"
|
||||
type="number" @input="blur"></el-input>
|
||||
<el-input @input="blur" maxlength="50" placeholder="预算费用"
|
||||
type="number" v-model="row.price"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" header-align="center"
|
||||
width="80px"
|
||||
fixed="right">
|
||||
<el-table-column align="center" fixed="right" fixed="right"
|
||||
header-align="center"
|
||||
label="操作"
|
||||
width="80px">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="danger" icon="el-icon-delete" circle
|
||||
:disabled="formData.goods.length==0"
|
||||
@click="delNotesItem(scope)"></el-button>
|
||||
<el-button :disabled="formData.goods.length==0" @click="delNotesItem(scope)" circle
|
||||
icon="el-icon-delete"
|
||||
type="danger"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">{{formData.apply_type==1?'活动方案及简介':'活动内容'}}</span>
|
||||
<el-divider class="dia" content-position="left"><span style="color: #3ea1ec;">{{formData.apply_type==1?'活动方案及简介':'活动内容'}}</span>
|
||||
</el-divider>
|
||||
<el-form-item prop="activity_content" class="is-required" label-width="auto">
|
||||
<el-form-item class="is-required" label-width="auto" prop="activity_content">
|
||||
<div id="acEditor"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">附  件</span>
|
||||
<el-divider class="dia" content-position="left"><span style="color: #3ea1ec;">附  件</span>
|
||||
</el-divider>
|
||||
<el-form-item prop="files" label-width="auto">
|
||||
<el-form-item label-width="auto" prop="files">
|
||||
<file-upload :files.sync="formData.files" card></file-upload>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">签  字</span>
|
||||
<el-divider class="dia" content-position="left"><span style="color: #3ea1ec;">签  字</span>
|
||||
</el-divider>
|
||||
<el-form-item prop="sign" label-width="auto">
|
||||
<sign prefix="medicalAid" :qz.sync="formData.sign"></sign>
|
||||
<el-form-item label-width="auto" prop="sign">
|
||||
<sign :qz.sync="formData.sign" prefix="medicalAid"></sign>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="formData.id?doEdit():doAdd()">确 定</el-button>
|
||||
<el-button @click="formData.id?doEdit():doAdd()" type="primary">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -573,32 +592,33 @@ layout("/layouts/platform.html"){
|
||||
},
|
||||
async openEdit(row) {
|
||||
const {id} = row
|
||||
this.formData = {
|
||||
goods: [],
|
||||
plannedDate: []
|
||||
}
|
||||
this.activityType = await getActivityTwoLevelType("40000")
|
||||
const resp = await $.get(location.href + "/findOne", {id})
|
||||
/* this.formData = {
|
||||
goods: [],
|
||||
plannedDate: []
|
||||
}
|
||||
this.activityType = await getActivityTwoLevelType("40000")
|
||||
const resp = await $.get(location.href + "/findOne", {id})
|
||||
|
||||
requestLaterFun(resp, (v) => {
|
||||
v.activity_type = v.activity_type.toString()
|
||||
v.goods = v.Goods
|
||||
if (v.files && v.files.length > 0) v.files = JSON.parse(v.files)
|
||||
v.plannedDate = (v.startPlannedDate + "——" + v.endPlannedDate)
|
||||
this.formData = v
|
||||
requestLaterFun(resp, (v) => {
|
||||
v.activity_type = v.activity_type.toString()
|
||||
v.goods = v.Goods
|
||||
if (v.files && v.files.length > 0) v.files = JSON.parse(v.files)
|
||||
v.plannedDate = (v.startPlannedDate + "——" + v.endPlannedDate)
|
||||
this.formData = v
|
||||
|
||||
|
||||
this.$nextTick(() => {
|
||||
$("#acEditor").html("")
|
||||
acEditor = new E("#acEditor")
|
||||
acEditor.config.onchange = (html) => {
|
||||
this.formData.activity_content = html
|
||||
}
|
||||
acEditor.create()
|
||||
acEditor.txt.html(v.activity_content)
|
||||
})
|
||||
this.$refs.guava.edit()
|
||||
})
|
||||
this.$nextTick(() => {
|
||||
$("#acEditor").html("")
|
||||
acEditor = new E("#acEditor")
|
||||
acEditor.config.onchange = (html) => {
|
||||
this.formData.activity_content = html
|
||||
}
|
||||
acEditor.create()
|
||||
acEditor.txt.html(v.activity_content)
|
||||
})
|
||||
this.$refs.guava.edit()
|
||||
})*/
|
||||
window.location.href = "/platform/jf/Funds/apply?id=" + id
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
@@ -641,4 +661,4 @@ layout("/layouts/platform.html"){
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
#-->
|
||||
|
||||
Reference in New Issue
Block a user