| | |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | class="opo-query-form" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="70px" |
| | | > |
| | | <el-row :gutter="8"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-form-item label="捐献者" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | placeholder="请输入捐献者姓名" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <el-form-item label="案例时间"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="selecttime" |
| | | type="monthrange" |
| | | range-separator="至" |
| | | start-placeholder="开始月份" |
| | | end-placeholder="结束月份" |
| | | value-format="yyyy-MM-dd" |
| | | @change="getTimeList" |
| | | <el-col :span="6"> |
| | | <el-form-item label="报告人"> |
| | | <el-select |
| | | v-model="queryParams.reporterno" |
| | | placeholder="请选择报告人" |
| | | > |
| | | </el-date-picker> |
| | | <el-option |
| | | v-for="item in reportlist" |
| | | :key="item.index" |
| | | :label="item.reportername" |
| | | :value="item.reporterno" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="8"> |
| | | <el-col :span="5"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="捐献进度" prop="workflow"> |
| | | <el-select |
| | | v-model="queryParams.workflow" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="报告人"> |
| | | <el-select |
| | | v-model="queryParams.reporterno" |
| | | placeholder="请选择报告人" |
| | | <el-col :span="9"> |
| | | <el-form-item label="案例时间"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="selecttime" |
| | | type="monthrange" |
| | | range-separator="至" |
| | | start-placeholder="开始月份" |
| | | end-placeholder="结束月份" |
| | | value-format="yyyy-MM-dd" |
| | | @change="getTimeList" |
| | | > |
| | | <el-option |
| | | v-for="item in reportlist" |
| | | :key="item.index" |
| | | :label="item.reportername" |
| | | :value="item.reporterno" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="是否终止"> |
| | | <el-select |
| | | v-model="queryParams.terminationCase" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <el-form-item label="籍贯"> |
| | | <div> |
| | | <li_area_select |
| | | ref="areaSelect" |
| | | v-model="searchAddress" |
| | | ></li_area_select> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | | <!-- 搜索/重置紧跟查询条件(与"案例评估"页一致) --> |
| | | <el-col :span="6"> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | |
| | | label="捐献编号" |
| | | align="center" |
| | | prop="donorno" |
| | | width="200" |
| | | width="100" |
| | | /> |
| | | <el-table-column label="姓名" align="center" prop="name" width="100" /> |
| | | <el-table-column label="性别" align="center" prop="sex" width="100"> |
| | |
| | | <el-table-column |
| | | label="医疗机构" |
| | | align="center" |
| | | prop="treatmenthospitalname" |
| | | prop="treatmenthospitalname" width="220" |
| | | /> |
| | | <el-table-column label="血型" align="center" prop="bloodtype" width="100"> |
| | | <el-table-column label="血型" align="center" prop="bloodtype" width="80"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_BloodType" |
| | |
| | | prop="reportername" |
| | | width="100" |
| | | /> |
| | | <!-- |
| | | |
| | | <el-table-column |
| | | label="现所在地市" |
| | | align="center" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | --> |
| | | |
| | | <el-table-column |
| | | label="捐献进度" |
| | | align="center" |
| | |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | fixed="right" |
| | | fixed="right" width="200" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | |
| | | size="small" |
| | | style="width: 190px" |
| | | v-model="form.contacttime" |
| | | type="datetime" |
| | | type="datetime" format="yyyy-MM-dd HH:mm" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择报告时间" |
| | | > |
| | |
| | | size="small" |
| | | style="width: 190px" |
| | | v-model="form.reporttime" |
| | | type="datetime" |
| | | type="datetime" format="yyyy-MM-dd HH:mm" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择报告时间" |
| | | > |
| | |
| | | this.queryParams.reportno = this.reportervalue; |
| | | } |
| | | |
| | | if (this.starttime != "") { |
| | | this.queryParams.starttime = this.starttime; |
| | | } else { |
| | | this.queryParams.starttime = ""; |
| | | } |
| | | if (this.endtime != "") { |
| | | this.queryParams.endtime = this.endtime; |
| | | } else { |
| | | this.queryParams.endtime = ""; |
| | | } |
| | | this.queryParams.residenceprovince = this.$refs.areaSelect.getSheng(); |
| | | this.queryParams.residencecity = this.$refs.areaSelect.getShi(); |
| | | this.queryParams.residencetown = this.$refs.areaSelect.getQu(); |
| | | // 未选择时间范围时必须传 null:传空串会让后端拼出 `donatetime >= ''`, |
| | | // MySQL 严格模式会报 Incorrect DATETIME value: '',导致列表查不出来。 |
| | | // request.js 只会拼接非 null/undefined 的参数,所以 null 等于"不带该条件"。 |
| | | this.queryParams.starttime = this.starttime || null; |
| | | this.queryParams.endtime = this.endtime || null; |
| | | // 查询条件里的"籍贯"已移除,不再从 areaSelect 组件取值; |
| | | // 置空以清掉可能残留的旧条件(参数为 null 时不会被拼进请求) |
| | | this.queryParams.residenceprovince = null; |
| | | this.queryParams.residencecity = null; |
| | | this.queryParams.residencetown = null; |
| | | console.log(this.queryParams); |
| | | |
| | | listDonatebaseinfo(this.queryParams).then(response => { |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | /* 查询区行距、页面内边距、工具栏间距已提升为全局规则(.opo-query-form / .app-container),此处不再单独覆盖 */ |
| | | ::v-deep .el-dialog__header { |
| | | padding-top: 40px !important; |
| | | margin: auto !important; |