4/8 新增上传统计页面 优化业务类型增加是否强制提交1..0
							parent
							
								
									a34c336d85
								
							
						
					
					
						commit
						9b62a92281
					
				| @ -0,0 +1,228 @@ | |||||||
|  | <template> | ||||||
|  |   <div> | ||||||
|  |     <el-card> | ||||||
|  |       <el-form :model="query" label-width="auto" v-show="showSearch" size="mini" class="order-el-form"> | ||||||
|  |         <el-row :gutter="20"> | ||||||
|  |           <el-col :span="8"> | ||||||
|  |             <el-form-item label="处方单号:" class="query-form-item"> | ||||||
|  |               <el-input v-model="query.key" placeholder="查询条件" clearable style="width: 80%"> | ||||||
|  |               </el-input> | ||||||
|  |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  | 
 | ||||||
|  |           <el-col :span="8"> | ||||||
|  |             <el-form-item label="达标标志:" class="query-form-item"> | ||||||
|  |               <el-select | ||||||
|  |                 v-model="query.workPlaceIdFk" | ||||||
|  |                 filterable | ||||||
|  |                 remote | ||||||
|  |                 clearable | ||||||
|  |                 style="width: 80%" | ||||||
|  |               > | ||||||
|  | 
 | ||||||
|  |               </el-select> | ||||||
|  |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="8"> | ||||||
|  |             <el-form-item label="结算时间:" class="query-form-item"> | ||||||
|  |               <el-date-picker | ||||||
|  |                 :picker-options="pickerOptions" | ||||||
|  |                 v-model="actDateRange" | ||||||
|  |                 type="daterange" | ||||||
|  |                 format="yyyy 年 MM 月 dd 日" | ||||||
|  |                 value-format="yyyy-MM-dd" | ||||||
|  |                 range-separator="至" | ||||||
|  |                 start-placeholder="开始日期" | ||||||
|  |                 end-placeholder="结束日期" | ||||||
|  |               ></el-date-picker> | ||||||
|  |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |         </el-row> | ||||||
|  |         <el-row :gutter="20"> | ||||||
|  |           <el-col :span="8"> | ||||||
|  |             <el-form-item label="业务类型:" class="query-form-item"> | ||||||
|  |               <el-select | ||||||
|  |                 v-model="query.workPlaceIdFk" | ||||||
|  |                 filterable | ||||||
|  |                 remote | ||||||
|  |                 clearable | ||||||
|  |                 style="width: 80%" | ||||||
|  |               > | ||||||
|  | 
 | ||||||
|  |               </el-select> | ||||||
|  |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  | 
 | ||||||
|  |         </el-row> | ||||||
|  |       </el-form> | ||||||
|  |       <div class="top-right-btn"> | ||||||
|  |         <el-button-group> | ||||||
|  |           <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button> | ||||||
|  |           <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button> | ||||||
|  |           <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> | ||||||
|  |         </el-button-group> | ||||||
|  |       </div> | ||||||
|  |       <el-table v-loading="loading" :data="orderList" style="width: 100%" :row-style="{height: '32px' }" | ||||||
|  |                 highlight-current-row @current-change="handCurrentChange" | ||||||
|  |       > | ||||||
|  |         <el-table-column type="index" label="序号"></el-table-column> | ||||||
|  |         <el-table-column label="处方单号" prop="billNo" ></el-table-column> | ||||||
|  |         <el-table-column label="结算时间" prop="billTime" ></el-table-column> | ||||||
|  |         <el-table-column label="业务名称" prop="busTypeName" ></el-table-column> | ||||||
|  |         <el-table-column label="单据扫码数量" prop="shouldCount"></el-table-column> | ||||||
|  |         <el-table-column label="应扫码数量" prop="scanCount"></el-table-column> | ||||||
|  |         <el-table-column label="扫码率" prop="scanRate"></el-table-column> | ||||||
|  |         <el-table-column label="达标标志" prop="workplaceName"> | ||||||
|  |           <template slot-scope="scope"> | ||||||
|  |             <el-tag :type="scope.row.storard == 1 ? 'success' : 'danger'">{{ storardMap[scope.row.storard] }}</el-tag> | ||||||
|  |           </template> | ||||||
|  |         </el-table-column> | ||||||
|  |         <el-table-column label="药品总费用" prop="workplaceName"></el-table-column> | ||||||
|  |         <el-table-column label="创建时间" prop="updateTime" ></el-table-column> | ||||||
|  |         <!--<el-table-column label="所属工位" prop="workplaceName"></el-table-column>--> | ||||||
|  |         <el-table-column label="操作" fixed="right" width="240"> | ||||||
|  |           <template slot-scope="scope"> | ||||||
|  |             <el-button | ||||||
|  |               type="text" | ||||||
|  |               size="small" | ||||||
|  |               @click.native.stop="handleEdit(scope.row)" | ||||||
|  |             >编辑 | ||||||
|  |             </el-button> | ||||||
|  |             <el-button | ||||||
|  |               type="text" | ||||||
|  |               size="small" | ||||||
|  |               @click.native.stop="handleDel(scope.row)" | ||||||
|  |             >删除 | ||||||
|  |             </el-button | ||||||
|  |             > | ||||||
|  |           </template> | ||||||
|  | 
 | ||||||
|  |         </el-table-column> | ||||||
|  |       </el-table> | ||||||
|  |       <pagination | ||||||
|  |         :total="total" | ||||||
|  |         :limit.sync="query.limit" | ||||||
|  |         :page.sync="query.page" | ||||||
|  |         @pagination="getList" | ||||||
|  |       > | ||||||
|  |       </pagination> | ||||||
|  |     </el-card> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   </div> | ||||||
|  | </template> | ||||||
|  | 
 | ||||||
|  | <script> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | import { orderStats } from '@/api/collect/collectOrder' | ||||||
|  | 
 | ||||||
|  | export default { | ||||||
|  |   name: "IoEndCollectOrderStats", | ||||||
|  |   props: { | ||||||
|  | 
 | ||||||
|  |   }, | ||||||
|  |   data() { | ||||||
|  |     return { | ||||||
|  |       loading:false, | ||||||
|  |       showSearch:true, | ||||||
|  |       orderList:[], | ||||||
|  |       query: { | ||||||
|  |         page: 1, | ||||||
|  |         limit: 10, | ||||||
|  |         startTime:null, | ||||||
|  |         endTime: null, | ||||||
|  |       }, | ||||||
|  |       total:0, | ||||||
|  |       storardMap:{ | ||||||
|  |         1 : "是", | ||||||
|  |         0 : "否" | ||||||
|  |       }, | ||||||
|  |       actDateRange: [], | ||||||
|  |       pickerOptions: { | ||||||
|  |         shortcuts: [ | ||||||
|  |           { | ||||||
|  |             text: '最近一周', | ||||||
|  |             onClick(picker) { | ||||||
|  |               const end = new Date() | ||||||
|  |               const start = new Date() | ||||||
|  |               start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) | ||||||
|  |               picker.$emit('pick', [start, end]) | ||||||
|  |             } | ||||||
|  |           }, | ||||||
|  |           { | ||||||
|  |             text: '最近一个月', | ||||||
|  |             onClick(picker) { | ||||||
|  |               const end = new Date() | ||||||
|  |               const start = new Date() | ||||||
|  |               start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) | ||||||
|  |               picker.$emit('pick', [start, end]) | ||||||
|  |             } | ||||||
|  |           }, | ||||||
|  |           { | ||||||
|  |             text: '最近三个月', | ||||||
|  |             onClick(picker) { | ||||||
|  |               const end = new Date() | ||||||
|  |               const start = new Date() | ||||||
|  |               start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) | ||||||
|  |               picker.$emit('pick', [start, end]) | ||||||
|  |             } | ||||||
|  |           } | ||||||
|  |         ] | ||||||
|  |       }, | ||||||
|  |     } | ||||||
|  |   }, | ||||||
|  | 
 | ||||||
|  |   components: { | ||||||
|  | 
 | ||||||
|  |   }, | ||||||
|  |   methods: { | ||||||
|  |     hideSearch() { | ||||||
|  |       this.showSearch = !this.showSearch | ||||||
|  |     }, | ||||||
|  |     onReset() { | ||||||
|  |       this.$router.push({ | ||||||
|  |         path: "", | ||||||
|  |       }); | ||||||
|  |       this.query = { | ||||||
|  |         page: 1, | ||||||
|  |         limit: 10 | ||||||
|  |       }; | ||||||
|  |       this.actDateRange = []; | ||||||
|  |       this.getList(); | ||||||
|  |     }, | ||||||
|  |     onSubmit() { | ||||||
|  |       if (this.actDateRange !== null) { | ||||||
|  |         this.query.orderStartTime = this.actDateRange[0]; | ||||||
|  |         this.query.orderEndTime = this.actDateRange[1]; | ||||||
|  |       } else { | ||||||
|  |         this.query.startTime = null; | ||||||
|  |         this.query.endTime = null; | ||||||
|  |       } | ||||||
|  |       this.query.page = 1 | ||||||
|  |       this.getList(); | ||||||
|  |     }, | ||||||
|  |     getList(){ | ||||||
|  |       orderStats(this.query).then(res => { | ||||||
|  |         if (res.code == 20000){ | ||||||
|  |           this.orderList = res.data.records | ||||||
|  |           this.total = res.data.total | ||||||
|  |         }else { | ||||||
|  |           return this.$message.error(res.message) | ||||||
|  |         } | ||||||
|  |       }) | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|  |   }, | ||||||
|  |   created() { | ||||||
|  |     this.getList() | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  | } | ||||||
|  | </script> | ||||||
|  | 
 | ||||||
|  | <style scoped> | ||||||
|  | 
 | ||||||
|  | </style> | ||||||
					Loading…
					
					
				
		Reference in New Issue