| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="3" :xs="24" style="margin-top: 30px"> |
| | | <el-col :span="5" :xs="24" style="margin-top: 30px; max-height: 700px; |
| | | overflow-y:auto; |
| | | flex-direction: column;"> |
| | | <!-- <div class="head-container"> |
| | | <el-input v-model="dwName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" |
| | | style="margin-bottom: 15px" /> |
| | | </div> --> |
| | | <el-collapse v-model="index" accordion> |
| | | <div |
| | | class="info1" |
| | | v-for="(item, index) in deptOptions" |
| | | :key="'info1-' + index" |
| | | > |
| | | <div class="info1" v-for="(item, index) in deptOptions" :key="'info1-' + index"> |
| | | <el-collapse-item> |
| | | <template #title> |
| | | <div class="projectItem"> |
| | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | " |
| | | > |
| | | <span |
| | | class="txt" |
| | | v-for="(items, index) in item.dwDepts" |
| | | :key="index" |
| | | @click="mianban(items.id)" |
| | | >{{ items.dwDeptName }}</span |
| | | > |
| | | |
| | | "> |
| | | <span class="txt" v-for="(items, index) in item.dwDepts" :key="index" @click="mianban(items.id)">{{ |
| | | items.dwDeptName |
| | | }}</span> |
| | | </div> |
| | | </el-collapse-item> |
| | | </div> |
| | |
| | | @node-click="handleNodeClick" /> |
| | | </div> --> |
| | | </el-col> |
| | | <el-col :span="20" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="68px" |
| | | > |
| | | <el-col :span="18" :xs="24"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px"> |
| | | <el-form-item label="时间" prop="applicationTime"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="createTimeList" |
| | | @change="dateChangebirthday1" |
| | | :default-time="['00:00:00', '23:00:00']" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | :picker-options="pickerOptions" |
| | | ></el-date-picker> |
| | | <el-date-picker clearable v-model="createTimeList" @change="dateChangebirthday1" |
| | | :default-time="['00:00:00', '23:00:00']" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
| | | :picker-options="pickerOptions"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | style="margin: 0 15px;" |
| | | >查询</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" |
| | | style="margin: 0 15px;">查询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" size="mini" @click="dialogVisible = true" |
| | | >生成报告</el-button |
| | | > |
| | | <el-button type="primary" size="mini" @click="dialogVisible = true">生成报告</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button type="primary" size="mini">删除报告</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table :data="baogaoList" style="width: 100%" border> |
| | | <el-table-column |
| | | prop="bgType" |
| | | label="报告类型" |
| | | width="180" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="dwName" |
| | | label="单位" |
| | | width="180" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="batch" |
| | | label="批次" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="dept" |
| | | label="部门" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="peopleCount" |
| | | label="总人数" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="yjCount" |
| | | label="已检" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="wjCount" |
| | | label="未检" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="startTime" |
| | | label="开始时间" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="enfTime" |
| | | label="结束时间" |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column prop="bgType" label="报告类型" width="180" :show-overflow-tooltip="true" |
| | | align="center"></el-table-column> |
| | | <el-table-column prop="dwName" label="单位" width="180" :show-overflow-tooltip="true" |
| | | align="center"></el-table-column> |
| | | <el-table-column prop="batch" label="批次" :show-overflow-tooltip="true" align="center"></el-table-column> |
| | | <el-table-column prop="dept" label="部门" :show-overflow-tooltip="true" align="center"></el-table-column> |
| | | <el-table-column prop="peopleCount" label="总人数" :show-overflow-tooltip="true" |
| | | align="center"></el-table-column> |
| | | <el-table-column prop="yjCount" label="已检" :show-overflow-tooltip="true" align="center"></el-table-column> |
| | | <el-table-column prop="wjCount" label="未检" :show-overflow-tooltip="true" align="center"></el-table-column> |
| | | <el-table-column prop="startTime" label="开始时间" :show-overflow-tooltip="true" align="center"></el-table-column> |
| | | <el-table-column prop="enfTime" label="结束时间" :show-overflow-tooltip="true" align="center"></el-table-column> |
| | | </el-table> |
| | | <el-dialog |
| | | title="提示" |
| | | :visible.sync="dialogVisible" |
| | | width="30%" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | :rules="rules" |
| | | label-width="100px" |
| | | :inline="true" |
| | | > |
| | | <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> |
| | | <el-form-item label="单位" prop="compId"> |
| | | <el-select |
| | | v-model="compId" |
| | | placeholder="请选择单位" |
| | | clearable |
| | | style="width: 200px" |
| | | @change="cmp" |
| | | > |
| | | <el-option |
| | | v-for="dict in compList" |
| | | :key="dict.drugManufacturerId" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | <el-select v-model="compId" placeholder="请选择单位" clearable style="width: 200px" @change="cmp"> |
| | | <el-option v-for="dict in compList" :key="dict.drugManufacturerId" :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" /> |
| | | </el-select> |
| | | <!-- <el-input v-model="queryParams.compId" placeholder="请输入单位" clearable @keyup.enter.native="handleQuery" style="width: 170px"/> --> |
| | | </el-form-item> |
| | | <el-form-item label="单位部门" prop="dwDeptId"> |
| | | <el-select |
| | | v-model="dwDeptId" |
| | | placeholder="请选择单位部门" |
| | | clearable |
| | | style="width: 200px" |
| | | > |
| | | <el-option |
| | | v-for="dict in dwList" |
| | | :key="dict.id" |
| | | :label="dict.dwDeptName" |
| | | :value="dict.id" |
| | | /> |
| | | <el-select v-model="dwDeptId" placeholder="请选择单位部门" clearable style="width: 200px"> |
| | | <el-option v-for="dict in dwList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" /> |
| | | </el-select> |
| | | <!-- <el-input v-model="queryParams.dwDeptId" placeholder="请输入单位部门" clearable @keyup.enter.native="handleQuery" style="width: 110px"/> --> |
| | | </el-form-item> |
| | |
| | | .txt { |
| | | margin-top: 10px; |
| | | } |
| | | |
| | | .txt:hover { |
| | | cursor: pointer; |
| | | } |