148 lines
		
	
	
		
			4.0 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			148 lines
		
	
	
		
			4.0 KiB
		
	
	
	
		
			Plaintext
		
	
	
| <template>
 | |
|   <div class="medicalFeedback-wrapper">
 | |
|     <el-row>
 | |
|       <el-col :span="12">
 | |
|         <!-- 医学反馈 -->
 | |
|         <h3>{{$t('trials:trials-panel:tab:medicalFeedback')}}</h3>
 | |
|       </el-col>
 | |
|       <el-col :span="12" style="text-align:right;">
 | |
|         <h3>
 | |
|           <Pagination class="page" :total="total" :page.sync="listQuery.pageIndex" :limit.sync="listQuery.pageSize" layout="total, sizes, prev, pager, next" :background="false" style="display: inline-block;" @pagination="getList" />
 | |
|           <!-- 重置 -->
 | |
|           <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')" @click="handleReset" />
 | |
|         </h3>
 | |
|       </el-col>
 | |
|     </el-row>
 | |
|     <el-table
 | |
|       ref="medicalFeedbackList"
 | |
|       v-loading="listLoading"
 | |
|       :data="list"
 | |
|       :show-header="true"
 | |
|       height="calc(100% - 100px)"
 | |
|       @sort-change="handleSortByColumn"
 | |
|     >
 | |
|       <el-table-column type="index" width="40" />
 | |
|       <!-- 项目编号 -->
 | |
|       <el-table-column
 | |
|         :label="$t('trials:workbench:table:trialId')"
 | |
|         prop="TrialCode"
 | |
|         show-overflow-tooltip
 | |
|         sortable="custom"
 | |
|       />
 | |
|       <!-- 试验名称 -->
 | |
|       <el-table-column
 | |
|         :label="$t('trials:workbench:table:experimentName')"
 | |
|         prop="ExperimentName"
 | |
|         show-overflow-tooltip
 | |
|         sortable="custom"
 | |
|       />
 | |
|       <!-- 研究方案号 -->
 | |
|       <el-table-column
 | |
|         :label="$t('trials:workbench:table:researchNo')"
 | |
|         prop="ResearchProgramNo"
 | |
|         show-overflow-tooltip
 | |
|         sortable="custom"
 | |
|       />
 | |
|       <!-- 研究方案号 -->
 | |
|       <el-table-column
 | |
|         :label="$t('trials:auditRecord:table:criterion')"
 | |
|         prop="CriterionName"
 | |
|         show-overflow-tooltip
 | |
|         sortable="custom"
 | |
|       />
 | |
|       <!-- 加急量 -->
 | |
|       <el-table-column
 | |
|         :label="$t('trials:sysDocBeSigned:table:UrgentCount')"
 | |
|         prop="UrgentCount"
 | |
|         show-overflow-tooltip
 | |
|         sortable="custom"
 | |
|       />
 | |
|       <!-- 待回复量 -->
 | |
|       <el-table-column
 | |
|         :label="$t('trials:trials-list:table:PendingResponseCount')"
 | |
|         prop="ToBeReplyedCount"
 | |
|         show-overflow-tooltip
 | |
|         sortable="custom"
 | |
|       />
 | |
|       <el-table-column
 | |
|         :label="$t('common:action:action')"
 | |
|         width="100"
 | |
|       >
 | |
|         <template slot-scope="scope">
 | |
|           <el-button
 | |
|             icon="el-icon-edit-outline"
 | |
|             circle
 | |
|             :title="'处理'"
 | |
|             @click="handleAudit(scope.row)"
 | |
|           />
 | |
|         </template>
 | |
|       </el-table-column>
 | |
|     </el-table>
 | |
| 
 | |
|   </div>
 | |
| </template>
 | |
| <script>
 | |
| import { getIRMedicalCommentsToBeDoneList } from '@/api/trials'
 | |
| import Pagination from '@/components/Pagination'
 | |
| const searchDataDefault = () => {
 | |
|   return {
 | |
|     pageIndex: 1,
 | |
|     pageSize: 20,
 | |
|     asc: true,
 | |
|     sortField: ''
 | |
|   }
 | |
| }
 | |
| export default {
 | |
|   name: 'MedicalFeedback',
 | |
|   components: { Pagination },
 | |
|   data() {
 | |
|     return {
 | |
|       listLoading: false,
 | |
|       list: [],
 | |
|       listQuery: searchDataDefault(),
 | |
|       total: 0
 | |
|     }
 | |
|   },
 | |
|   mounted() {
 | |
|     this.getList()
 | |
|   },
 | |
|   methods: {
 | |
|     getList() {
 | |
|       this.listLoading = true
 | |
|       getIRMedicalCommentsToBeDoneList(this.listQuery).then(res => {
 | |
|         this.listLoading = false
 | |
|         this.total = res.Result.TotalCount
 | |
|         this.list = res.Result.CurrentPageData
 | |
|       }).catch(() => { this.listLoading = false })
 | |
|     },
 | |
|     handleAudit(row) {
 | |
|       this.$router.push({ path: `/trials/trials-panel/reading/medicalFeedback?trialId=${row.TrialId}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}` })
 | |
|     },
 | |
|     handleReset() {
 | |
|       this.listQuery = searchDataDefault()
 | |
|       this.getList()
 | |
|       this.$nextTick(() => {
 | |
|         this.$refs.medicalFeedbackList.clearSort()
 | |
|       })
 | |
|     },
 | |
|     // 排序
 | |
|     handleSortByColumn(column) {
 | |
|       if (column.order === 'ascending') {
 | |
|         this.listQuery.asc = true
 | |
|       } else {
 | |
|         this.listQuery.asc = false
 | |
|       }
 | |
|       this.listQuery.sortField = column.prop
 | |
|       this.getList()
 | |
|     }
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss" scoped>
 | |
| .medicalFeedback-wrapper{
 | |
|   height: 100%;
 | |
| }
 | |
| 
 | |
| </style>
 |