| | |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-row> |
| | | <!-- |
| | | <el-col :span="6"> |
| | | <!-- <el-col :span="6"> |
| | | <el-form-item label="出差人" prop="travelers"> |
| | | <el-input v-model="queryParams.travelers" placeholder="请输入出差人" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | --> |
| | | <el-col :span="6"> |
| | | <el-form-item label="经办人" prop="username"> |
| | | <el-input v-model="queryParams.username" placeholder="请输入报销人" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="审核状态" prop="recordstatus"> |
| | | <el-input v-model="queryParams.recordstatus" placeholder="请选择审核状态" clearable size="small" v-if="0" |
| | | @keyup.enter.native="handleQuery" /> |
| | | <el-select v-model="queryParams.recordstatus" placeholder="请选择审核状态" clearable 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-col>--> |
| | | <el-col :span="8"> |
| | | <el-form-item label="申请日期" prop="createTime"> |
| | | <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="value1" type="daterange" @blur="onpick" |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="5"> |
| | | <el-form-item label="经办人" prop="username"> |
| | | <el-input v-model="queryParams.username" placeholder="请输入报销人" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="审批状态" prop="CHECKFLAG" style="float: left"> |
| | | <el-select v-model="queryParams.CHECKFLAG" placeholder="请选择" style="width: 100%"> |
| | | <el-option v-for="item in checkFlagOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | |
| | | <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="经办人" width="120" align="center" prop="username"> |
| | | </el-table-column> |
| | | <el-table-column label="经办人" width="120" align="center" prop="username" /> |
| | | <el-table-column label="所属组别" width="120" align="center" prop="deptmentname" /> |
| | | <el-table-column label="组长" width="120" align="center" prop="managername" /> |
| | | <el-table-column label="报销金额" width="120" align="center" prop="amountrequested"> |
| | | </el-table-column> |
| | | <el-table-column label="出差事由" align="center" prop="reason"> |
| | |
| | | 下载 |
| | | </el-button> |
| | | <!-- v-hasPermi="['project:funddetail:edit']" --> |
| | | <el-button size="mini" type="text" icon="el-icon-delete" disabled |
| | | <el-button size="mini" type="text" icon="el-icon-delete" :disabled="true" |
| | | @click="handleDelete(scope.row)">删除</el-button> |
| | | <!-- v-hasPermi="['project:funddetail:remove']" --> |
| | | </template> |
| | |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="申请日期" prop="createTime"> |
| | | <el-date-picker style="width: 100%" v-model="form.createTime" disabled type="date" |
| | | <el-date-picker style="width: 100%" v-model="form.createTime" :disabled="true" type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" placeholder="申请日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="经办人" prop="username"> |
| | | <el-input v-model="form.username" placeholder="报销人" /> |
| | | <el-input v-model="form.username" placeholder="报销人" :disabled="true" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="区域组长" prop="managerno"> |
| | | <el-input v-model="form.managerno" placeholder="区域组长" /> |
| | | <el-form-item label="所属组别" prop="deptmentname"> |
| | | <el-input v-model="form.deptmentname" placeholder="所属组别" :disabled="true" /> |
| | | </el-form-item> </el-col> <el-col :span="5"> |
| | | <el-form-item label="组长" prop="managername"> |
| | | <el-input v-model="form.managername" placeholder="组长" :disabled="true" /> |
| | | </el-form-item> </el-col> |
| | | <el-col :span="5"><el-form-item label="捐献者" prop="donorname"> |
| | | <el-input v-model="form.donorname" placeholder="捐献者" /> |
| | | </el-form-item> |
| | | |
| | | </el-col></el-row> <!-- |
| | | </el-row> |
| | | <!-- |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="捐献编号" prop="donorno"> |
| | | <el-input disabled v-model="form.donorno" placeholder="捐献编号" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | |
| | | <el-col :span="8"> |
| | | <el-form-item label="出差人" prop="travelers"> |
| | | <el-input v-model="form.travelers" placeholder="出差人" /> |
| | |
| | | <el-input v-model="form.phone" placeholder="联系电话" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row>--> |
| | | |
| | | </el-row> |
| | | --> |
| | | <el-row> |
| | | <el-col :span="15"> |
| | | <el-form-item label="出差事由" prop="reason"> |
| | | <el-input v-model="form.reason" placeholder="出差事由" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"><el-form-item label="捐献者" prop="donorname"> |
| | | <el-input v-model="form.donorname" placeholder="捐献者" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 10px"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="报销金额" prop="amountrequested"> |
| | | <el-input v-model="form.amountrequested" placeholder="报销合计" /> |
| | | <el-input v-model="form.amountrequested" placeholder="报销金额" :disabled="true" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="10"> |
| | | <el-form-item label="大写金额" prop="bigstrmoney"> |
| | | <el-input v-model="form.bigstrmoney" placeholder="领款金额" /> |
| | | <el-input v-model="form.bigstrmoney" placeholder="大写金额" :disabled="true" /> |
| | | </el-form-item> |
| | | </el-col><!-- |
| | | <el-col :span="6"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="20"> |
| | | <el-form-item label="出差事由" prop="reason"> |
| | | <el-input v-model="form.reason" placeholder="出差事由" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row type="flex" :gutter="10" align="right" class="mb8"> |
| | | <el-col :span="6"> |
| | | <el-button type="primary" plain icon="el-icon-plus" size="mini" disabled @click="addRow">新增一行</el-button> |
| | | <el-button type="primary" plain icon="el-icon-plus" size="mini" :disabled="true" |
| | | @click="addRow">新增一行</el-button> |
| | | </el-col> |
| | | </el-row> <el-row> |
| | | </el-row> |
| | | <el-row style="margin-top: 25px; margin-bottom: 5px"> |
| | | <el-col :span="20">报销明细信息:</el-col> |
| | | </el-row> |
| | | <el-row> |
| | |
| | | <template slot-scope="scope"> |
| | | <el-button @click.native.prevent=" |
| | | deleteRow(scope.$index, rbDetails, scope.row) |
| | | " type="text" size="small" disabled> |
| | | " type="text" size="small" :disabled="true"> |
| | | 删除 |
| | | </el-button> |
| | | </template> |
| | |
| | | <el-input v-model="form.financechecher" placeholder="财务审核" /> |
| | | </el-form-item> </el-col></el-row> |
| | | --> |
| | | <el-row> |
| | | <el-row style="margin-top: 25px; margin-bottom: 5px"> |
| | | <el-col :span="20">报销请款明细:</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 30px"> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-row> |
| | | <el-row> |
| | | <el-row style="margin-top: 25px; margin-bottom: 5px"> |
| | | <el-col :span="20">报销附件:</el-col> |
| | | </el-row> |
| | | <el-row> |
| | |
| | | </el-row> |
| | | </el-form> |
| | | <el-form label-width="120px"> |
| | | <el-row> |
| | | <el-row style="margin-top: 25px; margin-bottom: 5px"> |
| | | <el-col :span="20">报销审批记录:</el-col> |
| | | </el-row> |
| | | <el-table :data="fundflowList" border> |
| | |
| | | "sys_0_1", |
| | | "sys_fund_type", |
| | | "sys_financeitemtype", |
| | | "sys_travelexpensebelong", |
| | | "sys_travelexpensebelong" |
| | | ], |
| | | data() { |
| | | return { |
| | |
| | | }, |
| | | getList() { |
| | | this.loading = true; |
| | | console.log("this.queryParams", this.queryParams) |
| | | listbypowerone(this.queryParams).then((response) => { |
| | | |
| | | this.reimbursementList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |