| | |
| | | <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-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" |
| | |
| | | </el-form-item> |
| | | </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" |
| | | range-separator="至" start-placeholder="报销开始日期" end-placeholder="报销结束日期" @keyup.enter.native="handleQuery"> |
| | | </el-date-picker> |
| | | </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" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <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" |
| | | range-separator="至" start-placeholder="报销开始日期" end-placeholder="报销结束日期" @keyup.enter.native="handleQuery"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-col :span="4"> |
| | | <el-form-item> |
| | | <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-table border v-loading="loading" :data="reimbursementList" @selection-change="handleSelectionChange"> |
| | | <!-- <el-table-column type="selection" width="55" align="center" /> --> |
| | | <el-table-column label="记录状态" align="center" prop="recordstatus" width="160"> |
| | | <el-table-column label="审核状态" align="center" prop="recordstatus" width="160"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" /> |
| | | </template> |
| | |
| | | |
| | | <el-col :span="5"> |
| | | <el-form-item label="捐献者" prop="infoid"> |
| | | <el-select v-model="form.infoid" @change="selectbaseinfo" filterable placeholder="请选择捐献者"> |
| | | <el-select v-model="form.infoid" @change="selectbaseinfo" filterable disabled placeholder="请选择捐献者"> |
| | | <el-option v-for="item in baselist" :key="item.index" :label="item.name" :value="item.infoid"> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | // 表单参数 |
| | | form: {}, |
| | | reimbursementList: [], |
| | | |
| | | // 表单校验 |
| | | rules: { |
| | | costtype: [ |
| | | { required: true, message: "请选择报销归类", trigger: "blur" }, |
| | | ], |
| | | username: [ |
| | | { required: true, message: "请选择填报人", trigger: "blur" }, |
| | | ], |
| | | travelers: [ |
| | | { required: true, message: "请选择报销人", trigger: "blur" }, |
| | | createTime: [ |
| | | { required: true, message: "请输入填报日期", trigger: "blur" }, |
| | | ], |
| | | reason: [ |
| | | { required: true, message: "请输入出差事由", trigger: "blur" }, |
| | |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | | this.fileList = [] |
| | | this.fileList = []; |
| | | this.form = { |
| | | ceshi: {}, |
| | | bigstrmoney: null, |