提交
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"){
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
#-->
|
||||
|
||||
Reference in New Issue
Block a user