| | |
| | | <!-- --> |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | :inline="true" |
| | | label-width="70px" |
| | | > |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="70px"> |
| | | <el-row align="left"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="捐献进度" prop="recordstate"> |
| | | <el-select |
| | | v-model="queryParams.recordstate" |
| | | placeholder="请选择记录状态" |
| | | clearable |
| | | size="small" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_DonationStatus" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | <el-select v-model="queryParams.recordstate" placeholder="请选择记录状态" clearable size="small"> |
| | | <el-option v-for="dict in dict.type.sys_DonationStatus" :key="dict.value" :label="dict.label" |
| | | :value="dict.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-table |
| | | v-loading="loading" |
| | | border |
| | | highlight-current-row |
| | | :data="donatebaseinfoList" |
| | | @row-click="selectDonotor" |
| | | > |
| | | <el-table v-loading="loading" border highlight-current-row :data="donatebaseinfoList" |
| | | @row-click="selectDonotor"> |
| | | <!-- <el-table-column label="捐献编号" align="center" prop="donorno" /> --> |
| | | <el-table-column label="捐献进度" align="center" prop="recordstate"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_DonationStatus" |
| | | :value="scope.row.recordstate" |
| | | :key="dict.value" |
| | | /> |
| | | <dict-tag :options="dict.type.sys_DonationStatus" :value="scope.row.recordstate" :key="dict.value" /> |
| | | <!-- :label="dict.label" --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" align="center" prop="name" /> |
| | | </el-table> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | small |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getBaseInfoList" |
| | | /> |
| | | <pagination v-show="total > 0" :total="total" small :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" @pagination="getBaseInfoList" /> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | |
| | | <el-form ref="infoform" label-width="100px"> |
| | | <el-row :gutter="4" align="right" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="handleAdd" |
| | | v-hasPermi="['project:expretfund:add']" |
| | | >专家费用申请</el-button |
| | | > |
| | | <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
| | | v-hasPermi="['project:expretfund:add']">专家费用申请</el-button> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <el-form-item label="捐献编号"> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-table |
| | | v-loading="loading" |
| | | border |
| | | :data="donateconsolationfundList" |
| | | > |
| | | <el-table-column |
| | | label="申请日期" |
| | | align="center" |
| | | prop="createTime" |
| | | width="180px" |
| | | > |
| | | <el-table v-loading="loading" border :data="donateconsolationfundList"> |
| | | <el-table-column label="申请日期" align="center" prop="createTime" width="180px"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ |
| | | parseTime(scope.row.createTime, "{y}-{m}-{d}") |
| | | }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="申请人" |
| | | align="center" |
| | | prop="username" |
| | | width="120px" |
| | | /> |
| | | <el-table-column |
| | | label="审核状态" |
| | | width="150" |
| | | align="center" |
| | | prop="recordstatus" |
| | | > |
| | | <el-table-column label="申请人" align="center" prop="username" width="120px" /> |
| | | <el-table-column label="审核状态" width="150" align="center" prop="recordstatus"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_recordstatus" |
| | | :value="scope.row.recordstatus" |
| | | /> |
| | | <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" /> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column |
| | |
| | | prop="amountrequested" |
| | | width="120px" |
| | | /> --> |
| | | <el-table-column |
| | | label="联系电话" |
| | | align="center" |
| | | prop="phone" |
| | | width="150px" |
| | | /> |
| | | <el-table-column label="联系电话" align="center" prop="phone" width="150px" /> |
| | | |
| | | <el-table-column |
| | | label="工作单位" |
| | | align="center" |
| | | prop="unitname" |
| | | width="220px" |
| | | /> |
| | | <el-table-column label="工作单位" align="center" prop="unitname" width="220px" /> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | fixed="right" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="280px" |
| | | > |
| | | <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" |
| | | width="280px"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | v-if=" |
| | | <el-button v-if=" |
| | | scope.row.recordstatus == -1 || |
| | | scope.row.recordstatus == 1 |
| | | " |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleup(scope.row)" |
| | | >上报</el-button |
| | | > |
| | | <el-button |
| | | v-if=" |
| | | " size="mini" type="text" icon="el-icon-edit" @click="handleup(scope.row)">上报</el-button> |
| | | <el-button v-if=" |
| | | scope.row.recordstatus == -1 || |
| | | scope.row.recordstatus == 1 |
| | | " |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | >修改</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleDetail(scope.row)" |
| | | >查看</el-button |
| | | > |
| | | " size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)">查看</el-button> |
| | | <!-- v-hasPermi="['project:expretfund:edit']" --> |
| | | <el-button |
| | | v-if=" |
| | | <el-button v-if=" |
| | | scope.row.recordstatus == -1 || |
| | | scope.row.recordstatus == 1 |
| | | " |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | >删除</el-button |
| | | > |
| | | " size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> |
| | | <!-- v-hasPermi="['project:expretfund:delete']" --> |
| | | <!-- <el-button |
| | | size="mini" |
| | |
| | | </el-row> |
| | | |
| | | <!-- 添加或修改费用申请单 --> |
| | | <el-dialog |
| | | :visible.sync="dialogOpen" |
| | | :close-on-click-modal="false" |
| | | width="1600px" |
| | | :title="title" |
| | | style="text-align: center" |
| | | v-loading="loading" |
| | | > |
| | | <el-form |
| | | style="height: 550px; overflow-y: auto; overflow-x: hidden" |
| | | ref="form" |
| | | :model="form" |
| | | label-width="120px" |
| | | :rules="rules" |
| | | > |
| | | <el-dialog :visible.sync="dialogOpen" :close-on-click-modal="false" width="1600px" :title="title" |
| | | style="text-align: center" v-loading="loading"> |
| | | <el-form style="height: 550px; overflow-y: auto; overflow-x: hidden" ref="form" :model="form" label-width="120px" |
| | | :rules="rules"> |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="捐献编号" prop="donorno"> |
| | | <el-input |
| | | disabled |
| | | v-model="form.donorno" |
| | | placeholder="请输入捐献编号" |
| | | clearable |
| | | /> |
| | | <el-input disabled v-model="form.donorno" placeholder="请输入捐献编号" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="8"> |
| | | <el-form-item label="捐献者" prop="name"> |
| | | <el-input |
| | | disabled |
| | | v-model="form.name" |
| | | placeholder="请输入捐献者姓名" |
| | | clearable |
| | | /> |
| | | <el-input disabled v-model="form.name" placeholder="请输入捐献者姓名" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | |
| | | v-model="form.recordstatus" |
| | | placeholder="审核意见" |
| | | /> --> |
| | | <el-select |
| | | v-model="form.recordstatus" |
| | | placeholder="请选择审核状态" |
| | | clearable |
| | | :disabled="true" |
| | | size="small" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_recordstatus" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | <el-select v-model="form.recordstatus" placeholder="请选择审核状态" clearable :disabled="true" size="small"> |
| | | <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label" |
| | | :value="dict.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="申请人" prop="username"> |
| | | <el-select |
| | | v-model="form.username" |
| | | placeholder="申请人" |
| | | clearable |
| | | filterable |
| | | allow-create |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="dict in userlist" |
| | | :key="dict.index" |
| | | :label="dict.nickname" |
| | | :value="dict.nickname" |
| | | ></el-option> |
| | | <el-select v-model="form.username" placeholder="申请人" clearable filterable allow-create style="width: 100%"> |
| | | <el-option v-for="dict in userlist" :key="dict.index" :label="dict.nickname" |
| | | :value="dict.nickname"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="8"> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input |
| | | v-model="form.phone" |
| | | placeholder="请输入申请者的联系方式" |
| | | clearable |
| | | /> |
| | | <el-input v-model="form.phone" placeholder="请输入申请者的联系方式" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="7"> |
| | | <el-form-item label="工作单位" prop="unitno"> |
| | | <org-selecter |
| | | ref="orgSelecter" |
| | | :org-type="'3'" |
| | | v-model="form.unitno" |
| | | /> |
| | | <org-selecter ref="orgSelecter" :org-type="'3'" v-model="form.unitno" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row style="margin-top: 5px; margin-bottom: 5px"> |
| | | <el-row style="margin-bottom: 10px"> |
| | | <el-col :span="4"> |
| | | <el-button |
| | | @click.native.prevent="addAlls" |
| | | type="primary" |
| | | size="small" |
| | | > |
| | | <el-button @click.native.prevent="addAlls" type="primary" size="small"> |
| | | 服务项目导入 |
| | | </el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table |
| | | :data="fundDetailArr" |
| | | v-loading="loading" |
| | | border |
| | | highlight-current-row |
| | | > |
| | | <el-table-column |
| | | prop="orderno" |
| | | align="center" |
| | | label="序号" |
| | | width="80" |
| | | > |
| | | <el-table :data="fundDetailArr" v-loading="loading" border highlight-current-row> |
| | | <el-table-column prop="orderno" align="center" label="序号" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.orderno" placeholder="序号" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="applytype" |
| | | align="center" |
| | | label="费用类型" |
| | | width="220" |
| | | > |
| | | <el-table-column prop="applytype" align="center" label="费用类型" width="220"> |
| | | <template slot-scope="scope"> |
| | | <el-select |
| | | v-model="scope.row.applytype" |
| | | placeholder="费用类型" |
| | | @change="LoadItemTypeArr(scope.row)" |
| | | > |
| | | <el-option |
| | | v-for="dict in fundtypeArr" |
| | | :key="dict.index" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select v-model="scope.row.applytype" placeholder="费用类型" @change="LoadItemTypeArr(scope.row)"> |
| | | <el-option v-for="dict in fundtypeArr" :key="dict.index" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="itemtype" |
| | | align="center" |
| | | label="服务项目" |
| | | width="260" |
| | | > |
| | | <el-table-column prop="itemtype" align="center" label="服务项目" width="260"> |
| | | <template slot-scope="scope"> |
| | | <el-select |
| | | v-model="scope.row.itemid" |
| | | placeholder="服务项目" |
| | | filterable |
| | | @change="select(scope.row)" |
| | | :filter-method="(val) => SearchItem(val, scope)" |
| | | > |
| | | <el-option |
| | | v-for="dict in scope.row.itemArr" |
| | | :key="dict.index" |
| | | :label="dict.itemName" |
| | | :value="dict.id" |
| | | ></el-option> |
| | | <el-select v-model="scope.row.itemid" placeholder="服务项目" filterable @change="select(scope.row)" |
| | | :filter-method="(val) => SearchItem(val, scope)"> |
| | | <el-option v-for="dict in scope.row.itemArr" :key="dict.index" :label="dict.itemName" |
| | | :value="dict.id"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="itemcode" |
| | | align="center" |
| | | label="费用编号" |
| | | show-overflow-tooltip="" |
| | | > |
| | | <el-table-column prop="itemcode" align="center" label="费用编号" show-overflow-tooltip=""> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="servicesscopename" |
| | | align="center" |
| | | label="费用说明" |
| | | width="180" |
| | | > |
| | | <el-table-column prop="servicesscopename" align="center" label="费用说明" width="180"> |
| | | <template slot-scope="scope"> |
| | | <el-select |
| | | v-model="scope.row.servicesscope" |
| | | placeholder="费用说明" |
| | | clearable |
| | | allow-create |
| | | filterable |
| | | @change="selectedRemark(scope.row)" |
| | | > |
| | | <el-option |
| | | v-for="dict in scope.row.fundblock" |
| | | :key="dict.servicesscope" |
| | | :label="dict.expensedescribe" |
| | | :value="dict.servicesscope" |
| | | ></el-option> |
| | | <el-select v-model="scope.row.servicesscope" placeholder="费用说明" clearable allow-create filterable |
| | | @change="selectedRemark(scope.row)"> |
| | | <el-option v-for="dict in scope.row.fundblock" :key="dict.servicesscope" :label="dict.expensedescribe" |
| | | :value="dict.servicesscope"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="beneficiaryname" |
| | | align="center" |
| | | label="姓名" |
| | | width="120" |
| | | v-if="form.applytype != 3" |
| | | > |
| | | <el-table-column prop="beneficiaryname" align="center" label="姓名" width="120" v-if="form.applytype != 3"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | @click="ShowDetailDialog(scope, 'name')" |
| | | >{{ scope.row.beneficiaryname }}</el-button |
| | | > |
| | | <el-button type="primary" plain @click="ShowDetailDialog(scope, 'name')">{{ scope.row.beneficiaryname |
| | | }}</el-button> |
| | | <!-- <el-select |
| | | filterable |
| | | allow-create |
| | |
| | | </el-select> --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | v-if="this.ismanager == true" |
| | | prop="amount" |
| | | align="center" |
| | | label="税前金额" |
| | | width="120" |
| | | > |
| | | <el-table-column v-if="this.ismanager == true" prop="amount" align="center" label="税前金额" width="120"> |
| | | <template slot-scope="scope"> |
| | | <el-select |
| | | v-model="scope.row.amount" |
| | | placeholder="税前金额" |
| | | clearable |
| | | filterable |
| | | allow-create |
| | | @change="selectamount(scope.row)" |
| | | > |
| | | <el-option |
| | | v-for="dict in scope.row.fundblock" |
| | | :key="dict.expensedescribe" |
| | | :label="dict.expense" |
| | | :value="dict.expense" |
| | | ></el-option> |
| | | <el-select v-model="scope.row.amount" placeholder="税前金额" clearable filterable allow-create |
| | | @change="selectamount(scope.row)"> |
| | | <el-option v-for="dict in scope.row.fundblock" :key="dict.expensedescribe" :label="dict.expense" |
| | | :value="dict.expense"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="taxedamount" |
| | | align="center" |
| | | label="税后金额" |
| | | width="120" |
| | | v-if="this.ismanager == true" |
| | | > |
| | | <el-table-column prop="taxedamount" align="center" label="税后金额" width="120" v-if="this.ismanager == true"> |
| | | <!-- v-if="form.applytype != '3'"上同 --> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.taxedamount" |
| | | placeholder="税后金额" |
| | | /> |
| | | <el-input v-model="scope.row.taxedamount" placeholder="税后金额" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="unitno" |
| | | align="center" |
| | | label="单位" |
| | | width="220" |
| | | > |
| | | <el-table-column prop="unitno" align="center" label="单位" width="220"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | @click="ShowDetailDialog(scope, 'unit')" |
| | | >{{ scope.row.unitname }}</el-button |
| | | > |
| | | <el-button type="primary" plain @click="ShowDetailDialog(scope, 'unit')">{{ scope.row.unitname |
| | | }}</el-button> |
| | | <!-- <el-select |
| | | v-model="scope.row.unitno" |
| | | placeholder="单位" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="quantity" |
| | | align="center" |
| | | label="数量" |
| | | width="120" |
| | | v-if="form.applytype == '3'" |
| | | > |
| | | <el-table-column prop="quantity" align="center" label="数量" width="120" v-if="form.applytype == '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.quantity" |
| | | placeholder="数量" |
| | | @blur=" |
| | | <el-input v-model="scope.row.quantity" placeholder="数量" @blur=" |
| | | (val) => { |
| | | sumTotalFee(scope.row); |
| | | } |
| | | " |
| | | /> |
| | | " /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="price" |
| | | align="center" |
| | | label="价格" |
| | | width="120" |
| | | v-if="form.applytype == '3'" |
| | | > |
| | | <el-table-column prop="price" align="center" label="价格" width="120" v-if="form.applytype == '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.price" |
| | | placeholder="价格" |
| | | @blur=" |
| | | <el-input v-model="scope.row.price" placeholder="价格" @blur=" |
| | | (val) => { |
| | | sumTotalFee(scope.row); |
| | | } |
| | | " |
| | | /> |
| | | " /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="remark" |
| | | align="center" |
| | | label="备注" |
| | | width="210" |
| | | v-if="form.applytype == '3'" |
| | | > |
| | | <el-table-column prop="remark" align="center" label="备注" width="210" v-if="form.applytype == '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.remark" placeholder="备注" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="title" |
| | | align="center" |
| | | label="职称" |
| | | width="120" |
| | | v-if="form.applytype != '3'" |
| | | > |
| | | <el-table-column prop="title" align="center" label="职称" width="120" v-if="form.applytype != '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.title" placeholder="职称" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="idcardno" |
| | | align="center" |
| | | label="身份证号" |
| | | width="200" |
| | | v-if="form.applytype != '3'" |
| | | > |
| | | <el-table-column prop="idcardno" align="center" label="身份证号" width="200" v-if="form.applytype != '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.idcardno" placeholder="身份证号" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="depositbank" |
| | | align="center" |
| | | label="开户银行" |
| | | width="200" |
| | | v-if="form.applytype != '3'" |
| | | > |
| | | <el-table-column prop="depositbank" align="center" label="开户银行" width="200" v-if="form.applytype != '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.depositbank" |
| | | placeholder="开户银行" |
| | | /> |
| | | <el-input v-model="scope.row.depositbank" placeholder="开户银行" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="bankcardno" |
| | | align="center" |
| | | label="银行卡号" |
| | | width="210" |
| | | v-if="form.applytype != '3'" |
| | | > |
| | | <el-table-column prop="bankcardno" align="center" label="银行卡号" width="210" v-if="form.applytype != '3'"> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.bankcardno" |
| | | placeholder="银行卡号" |
| | | /> |
| | | <el-input v-model="scope.row.bankcardno" placeholder="银行卡号" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | fixed="right" |
| | | align="center" |
| | | label="操作" |
| | | width="180" |
| | | v-if="dialogType == 'edit'" |
| | | > |
| | | <el-table-column fixed="right" align="center" label="操作" width="180" v-if="dialogType == 'edit'"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="mini" @click="addRow(scope.$index)" |
| | | >新增</el-button |
| | | > |
| | | <el-button type="text" size="mini" @click="addRow(scope.$index)">新增</el-button> |
| | | |
| | | <el-button |
| | | @click.native.prevent=" |
| | | <el-button @click.native.prevent=" |
| | | deleteRows(scope.row, scope.$index, fundDetailArr) |
| | | " |
| | | type="text" |
| | | size="small" |
| | | > |
| | | " type="text" size="small"> |
| | | 删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-row> |
| | | <!-- <el-row> |
| | | <el-col :span="4"> |
| | | |
| | | </el-col> |
| | | </el-row> --> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="备注" prop="remark"> |
| | |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="申请日期" prop="createTime"> |
| | | <el-date-picker |
| | | clearable |
| | | style="width: 100%" |
| | | v-model="form.createTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="申请日期" |
| | | > |
| | | <el-date-picker clearable style="width: 100%" v-model="form.createTime" type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" placeholder="申请日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="8"> |
| | | <el-form-item label="申请金额"> |
| | | <el-input disabled placeholder="申请金额" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | | <el-form-item label="预支金额"> |
| | | <el-input disabled placeholder="预支金额" /> |
| | | </el-form-item> |
| | | </el-col> --> |
| | | <el-col :span="7"> |
| | | <el-form-item label="OPO中心签字" prop="opochecker"> |
| | | <el-input v-model="form.opochecker" placeholder="opo中心签字" /> |
| | |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="财务副院长" prop="finvicepresident"> |
| | | <el-input |
| | | v-model="form.finvicepresident" |
| | | placeholder="财务副院长" |
| | | /> |
| | | <el-input v-model="form.finvicepresident" placeholder="财务副院长" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | | <el-form-item label="业务副院长" prop="busvicepresident"> |
| | | <el-input |
| | | v-model="form.busvicepresident" |
| | | placeholder="业务副院长" |
| | | /> |
| | | <el-input v-model="form.busvicepresident" placeholder="业务副院长" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | | <el-form-item label="办公室主任" prop="officedirector"> |
| | | <el-input |
| | | v-model="form.officedirector" |
| | | placeholder="请输入办公室主任" |
| | | /> |
| | | <el-input v-model="form.officedirector" placeholder="请输入办公室主任" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="财务部负责人" prop="financedirector"> |
| | | <el-input |
| | | v-model="form.financedirector" |
| | | placeholder="请输入财务部负责人" |
| | | /> |
| | | <el-input v-model="form.financedirector" placeholder="请输入财务部负责人" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | | <el-form-item label="财务审核" prop="financechecher"> |
| | | <el-input |
| | | v-model="form.financechecher" |
| | | placeholder="请输入财务审核" |
| | | /> |
| | | <el-input v-model="form.financechecher" placeholder="请输入财务审核" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="文件上传" align="left" prop="annexbankcard"> |
| | | <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="5" |
| | | :headers="headers" :on-success=" |
| | | (response, file, fileList) => |
| | | uploadSccess(response, file, fileList) |
| | | " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError" |
| | | :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf"> |
| | | <el-button :disabled='dialogType == "detail"' size="small" type="primary">上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="dialogType == 'detail'"> |
| | | <el-table :data="fundflowList" border> |
| | | <el-table-column |
| | | label="审核人" |
| | | align="center" |
| | | width="120" |
| | | prop="checkusername" |
| | | /> |
| | | <el-table-column |
| | | label="审核日期" |
| | | align="center" |
| | | width="160" |
| | | prop="createTime" |
| | | /> |
| | | <el-table-column |
| | | label="审核结果" |
| | | align="center" |
| | | width="200" |
| | | prop="flowconclusion" |
| | | ><template slot-scope="scope" |
| | | ><span v-if="scope.row.flowconclusion == 1">通过</span |
| | | ><span v-if="scope.row.flowconclusion == 2" |
| | | >不通过</span |
| | | ></template |
| | | > |
| | | <el-table-column label="审核人" align="center" width="120" prop="checkusername" /> |
| | | <el-table-column label="审核日期" align="center" width="160" prop="createTime" /> |
| | | <el-table-column label="审核结果" align="center" width="200" prop="flowconclusion"><template |
| | | slot-scope="scope"><span v-if="scope.row.flowconclusion == 1">通过</span><span |
| | | v-if="scope.row.flowconclusion == 2">不通过</span></template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="审核备注" |
| | | align="center" |
| | | prop="flowcontent" |
| | | /> |
| | | <el-table-column label="审核备注" align="center" prop="flowcontent" /> |
| | | </el-table> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitForm" |
| | | v-if="dialogType == 'edit'" |
| | | >保 存</el-button |
| | | > |
| | | <el-button type="primary" @click="submitForm" v-if="dialogType == 'edit'">保 存</el-button> |
| | | <!-- <el-button type="success" @click="print">打 印</el-button> --> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog |
| | | :visible.sync="detailInfoDialogShow" |
| | | :close-on-click-modal="false" |
| | | :title="'信息修改'" |
| | | width="500px" |
| | | style="text-align: center" |
| | | v-loading="loading" |
| | | > |
| | | <el-dialog :visible.sync="detailInfoDialogShow" :close-on-click-modal="false" :title="'信息修改'" width="500px" |
| | | style="text-align: center" v-loading="loading"> |
| | | <el-form ref="funddetailForm" :model="funddetailForm"> |
| | | <el-row> |
| | | <el-col :span="24" v-if="detailInfoDialogShowType == 'name'"> |
| | | <el-form-item |
| | | label="姓名" |
| | | prop="beneficiaryname" |
| | | label-width="80px" |
| | | > |
| | | <el-select |
| | | filterable |
| | | allow-create |
| | | ref="beneficiaryname" |
| | | default-first-option |
| | | v-model="funddetailForm.beneficiaryname" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in arrr3" |
| | | :key="item.reportNo" |
| | | :label="item.reportName" |
| | | :value="item.reportName" |
| | | > |
| | | <el-form-item label="姓名" prop="beneficiaryname" label-width="80px"> |
| | | <el-select filterable allow-create ref="beneficiaryname" default-first-option |
| | | v-model="funddetailForm.beneficiaryname" placeholder="请选择" style="width: 100%"> |
| | | <el-option v-for="item in arrr3" :key="item.reportNo" :label="item.reportName" :value="item.reportName"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | |
| | | <el-col :span="24" v-if="detailInfoDialogShowType == 'unit'"> |
| | | <el-form-item label="单位" prop="unitno" label-width="80px"> |
| | | <el-select |
| | | v-model="funddetailForm.unitno" |
| | | placeholder="单位" |
| | | clearable |
| | | filterable |
| | | allow-create |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="(spec, index) in unitList" |
| | | :key="index" |
| | | :label="spec.organizationname" |
| | | :value="spec.organizationid" |
| | | ></el-option> |
| | | <el-select v-model="funddetailForm.unitno" placeholder="单位" clearable filterable allow-create |
| | | style="width: 100%"> |
| | | <el-option v-for="(spec, index) in unitList" :key="index" :label="spec.organizationname" |
| | | :value="spec.organizationid"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="detailInfoDialogShow = false">取 消</el-button> |
| | | <el-button type="primary" @click="ConfirmDetailDialog()" |
| | | >确 定</el-button |
| | | > |
| | | <el-button type="primary" @click="ConfirmDetailDialog()">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | <script> |
| | | //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等) |
| | | //例如:import 《组件名称》 from '《组件路径》'; |
| | | import { |
| | | listDonatebaseinfo, |
| | | getDonatebaseinfo, |
| | | } from "@/api/project/donatebaseinfo"; |
| | | import { |
| | | onelistFund, |
| | | listFund, |
| | |
| | | exportExternalperson, |
| | | } from "@/api/project/externalperson"; |
| | | import { getUserProfile } from "@/api/system/user"; |
| | | import { |
| | | listDonatebaseinfo, |
| | | getDonatebaseinfo, |
| | | } from "@/api/project/donatebaseinfo"; |
| | | import Li_area_select from "@/components/Address"; |
| | | import OrgSelecter from "@/views/project/components/orgselect"; |
| | | import elementIcons from "../../../components/icons/element-icons"; |
| | | import { getToken } from "@/utils/auth"; |
| | | |
| | | export default { |
| | | //import引入的组件需要注入到对象中才能使用 |
| | | components: { |
| | |
| | | unitname: null, |
| | | index: null, |
| | | }, |
| | | |
| | | //附件列表 |
| | | fileList: [], |
| | | //上传附件路径 |
| | | uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", |
| | | |
| | | headers: { |
| | | Authorization: "Bearer " + getToken(), |
| | | }, |
| | | |
| | | }; |
| | | }, |
| | | //监听属性 类似于data概念 |
| | |
| | | servicesscopename: null, |
| | | }; |
| | | this.resetForm("form"); |
| | | //清空附件 |
| | | this.fileList = [] |
| | | }, |
| | | |
| | | addAlls() { |
| | |
| | | } |
| | | this.fundDetailArr[k] = tempDetail; |
| | | } |
| | | this.loading = true; |
| | | this.form.donorname = this.curCase.name; |
| | | |
| | | this.loading = true; |
| | | //附件处理 |
| | | let list = this.fileList; |
| | | if (list.length > 0) { |
| | | this.form.annexbankcard = list.map(item => item.url).join(","); |
| | | } |
| | | |
| | | this.form.donorname = this.curCase.name; |
| | | this.form.pretaxcost = parseFloat(totalPreTaxAmount).toFixed(2); |
| | | this.form.taxedcost = parseFloat(totalAfterTaxAmount).toFixed(2); |
| | | this.form.amountrequested = totalAmount.toFixed(2); |
| | |
| | | this.dialogOpen = true; |
| | | this.title = "修改费用申请"; |
| | | this.dialogType = "edit"; |
| | | const id = row.id || this.ids; |
| | | |
| | | const id = row.id || this.ids; |
| | | getFund(id).then((response) => { |
| | | this.form = response.data; |
| | | // this.form.recordstate =-1; |
| | | // this.form.recordstatus = response.data.recordstatus + ""; |
| | | this.form.name = this.curCase.name; |
| | | //附件处理 |
| | | this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] |
| | | |
| | | getownFundDetail(id).then((res) => { |
| | | console.log("查询明细记录:", res); |
| | | this.fundDetailArr = res.data; |
| | |
| | | fundid: row.id, |
| | | fundtype: 2, |
| | | }; |
| | | //附件处理 |
| | | this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : [] |
| | | |
| | | listFundflow(listFundflowparams).then((res) => { |
| | | this.fundflowList = res.rows; |
| | | }); |
| | |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | //文件上传 |
| | | handleUploadError() { }, |
| | | remove(file) { |
| | | this.fileList.splice(this.fileList.indexOf(file), 1) |
| | | }, |
| | | handleExceed() { |
| | | this.$message.error(`上传文件数量不能超过 ${5} 个!`); |
| | | }, |
| | | //文件上传成功回调 |
| | | uploadSccess(response, file, fileList) { |
| | | //获取附件信息位置 |
| | | if (response.code == 200) { |
| | | this.form.filename = file.raw.name; |
| | | this.$modal.msgSuccess(response.msg); |
| | | this.fileList.push({ name: response.fileName, url: response.fileName }); |
| | | } else { |
| | | this.$modal.msgError(response.msg); |
| | | } |
| | | //console.log("上传文件后:" + JSON.stringify(this.fileList)); |
| | | }, |
| | | |
| | | }, |
| | | |
| | | //生命周期 - 创建完成(可以访问当前this实例) |
| | | created() { |
| | | this.getUnitList(); |