AutoTestList.vue 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. <template>
  2. <div>
  3. <crumbs title="自动化测试统计">
  4. <el-form :inline="true" class="demo-form-inline" style="max-width: 870px;text-align: right;">
  5. <el-form-item label="所属医院:">
  6. <el-select size="mini" v-model="filter.hospitalId" placeholder="所属医院" clearable>
  7. <el-option v-for="item in hisTypes" :label="item.name" :value="item.id" :key="item.id"></el-option>
  8. </el-select>
  9. </el-form-item>
  10. <el-form-item label="所属模块:">
  11. <el-select size="mini" v-model="filter.casesId" placeholder="所属模块" clearable>
  12. <el-option v-for="item in fieldTypes" :label="item.name" :value="String(item.id)" :key="item.id"></el-option>
  13. </el-select>
  14. </el-form-item>
  15. <el-form-item label="缺陷名称:">
  16. <el-input size="mini" v-model="filter.entryName" placeholder="缺陷名称"></el-input>
  17. </el-form-item>
  18. <el-form-item label="条目编码:">
  19. <el-input size="mini" v-model="filter.entryCode" placeholder="条目编码"></el-input>
  20. </el-form-item>
  21. <el-form-item>
  22. <el-button size="mini" @click="filterDatas">确认</el-button>
  23. <el-button size="mini" type="warning" @click="setTaskName">转化为任务</el-button>
  24. <el-button size="mini" type="warning" @click="showTestDialog">自动化测试</el-button>
  25. </el-form-item>
  26. </el-form>
  27. </crumbs>
  28. <div class="contents">
  29. <el-table :data="list"
  30. border
  31. style="width: 100%">
  32. <el-table-column
  33. type="index"
  34. :index="indexMethod"
  35. label="编号"
  36. width="60">
  37. </el-table-column>
  38. <el-table-column
  39. prop="gmtModified"
  40. label="所属医院"
  41. width="120"
  42. :formatter="hisFormatter"
  43. :show-overflow-tooltip="true">
  44. </el-table-column>
  45. <el-table-column
  46. prop="casesName"
  47. width="120"
  48. label="所属模块">
  49. </el-table-column>
  50. <el-table-column
  51. prop="entryName"
  52. label="缺陷名称">
  53. </el-table-column>
  54. <el-table-column
  55. prop="entryCode"
  56. width="120"
  57. label="条目编码">
  58. </el-table-column>
  59. <el-table-column
  60. prop="amount"
  61. width="80"
  62. label="差异数量">
  63. </el-table-column>
  64. <el-table-column
  65. prop="behospitalCodeStr"
  66. width="145"
  67. label="病人住院序号">
  68. </el-table-column>
  69. <!--<el-table-column
  70. label="操作" width="100">
  71. <template slot-scope="scope">
  72. <el-button type="text" size="small" @click="toEditField(scope.row, 'modify')">修改</el-button>
  73. <span style="margin:0 3px;">|</span>
  74. <el-button type="text" size="small" @click="toEditField(scope.row, 'copy')">复制</el-button>
  75. <span style="margin:0 3px;">|</span>
  76. <el-button type="text" size="small" class="delete" @click="showDelDialog(scope.row.id)">删除</el-button>
  77. </template>
  78. </el-table-column>-->
  79. </el-table>
  80. <el-pagination v-if="total>pageSize"
  81. :current-page.sync="currentPage"
  82. @current-change="currentChange"
  83. background
  84. :page-size="pageSize"
  85. layout="total,prev, pager, next, jumper"
  86. :total="total">
  87. </el-pagination>
  88. </div>
  89. <el-dialog title="新建" :visible.sync="dialogTaskName" class="autotest-dialog">
  90. <el-form>
  91. <el-form-item label="任务名称:" label-width="80">
  92. <el-input v-model.tirm="taskName" placeholder="请输入任务名称" autocomplete="off"></el-input>
  93. </el-form-item>
  94. </el-form>
  95. <div slot="footer" class="dialog-footer">
  96. <el-button type="primary" @click="addTask">确 定</el-button>
  97. </div>
  98. </el-dialog>
  99. </div>
  100. </template>
  101. <script>
  102. import api from '@api/qualityControl.js';
  103. import { Loading } from 'element-ui';
  104. export default {
  105. name: 'AutoTestList',
  106. data: function () {
  107. return {
  108. list: [],
  109. tagType:[1],
  110. currentPage: 1,
  111. pageSize: 10,
  112. total: 0,
  113. loading: false,
  114. fieldTypes:[],
  115. searched:false,
  116. hisTypes:[],
  117. taskName:"",
  118. dialogTaskName:false,
  119. filter: {
  120. hospitalId:'',
  121. entryName:'',
  122. entryCode: '',
  123. casesId:'',
  124. }
  125. }
  126. },
  127. created() {
  128. const _this=this;
  129. setTimeout(function() {
  130. _this.getAllTypes()
  131. },100);
  132. },
  133. watch:{
  134. 'filter':{
  135. handler:function(){
  136. this.searched = false;
  137. },
  138. deep:true
  139. }
  140. },
  141. beforeRouteEnter(to, from, next){
  142. next(vm => {
  143. //const pm = to.param;
  144. Object.assign(vm,to.params);
  145. vm.inCurrentPage=to.params.currentPage;
  146. })
  147. },
  148. methods: {
  149. hisFormatter(item){
  150. const field = this.hisTypes.filter((it)=>it.id==item.hospitalId);
  151. return field[0]?field[0].name:'';
  152. },
  153. getAllTypes(){
  154. api.getRecordHopitalList().then((res)=>{
  155. if(res.data.code==="0"){
  156. const data = res.data.data;
  157. this.hisTypes =data;
  158. this.getDataList();
  159. }else{
  160. this.warning("获取医院信息失败");
  161. }
  162. });
  163. api.getRecordCases().then((res)=>{
  164. if(res.data.code==="0"){
  165. const data = res.data.data;
  166. this.fieldTypes =data;
  167. }else{
  168. this.warning("获取模块信息失败");
  169. }
  170. });
  171. },
  172. autoTest(){
  173. //this.loading=true;
  174. let loadingInstance =Loading.service({background:"rgba(0, 0, 0, 0.6)"});
  175. api.autoTest().then((res)=>{
  176. if(res.data.code==="0"){
  177. //this.loading=false;
  178. loadingInstance.close();
  179. this.warning(res.data.msg||'操作成功','success');
  180. this.getDataList();
  181. }else{
  182. this.warning("自动化测试失败");
  183. }
  184. });
  185. },
  186. setTaskName(){
  187. this.dialogTaskName = true;
  188. },
  189. addTask(){
  190. if(!this.taskName.trim()){
  191. this.warning("请输入任务名称");
  192. return;
  193. }
  194. api.addTask({missionName:this.taskName}).then((res)=>{
  195. if(res.data.code==="0"){
  196. this.dialogTaskName = false;
  197. this.toTaskList();
  198. }else{
  199. this.warning(res.data.msg||"转化为任务失败");
  200. }
  201. });
  202. },
  203. toTaskList(){
  204. const pam = this.searched ? {
  205. currentPage: this.currentPage,
  206. filter: this.filter
  207. } : {currentPage: this.currentPage};
  208. this.$router.push({name: 'AutoTestTask', params: pam});
  209. },
  210. filterDatas(){
  211. this.currentPage = 1;
  212. this.getDataList();
  213. },
  214. getDataList() {
  215. const param = this.getFilterItems();
  216. this.searched = true;
  217. api.getTestItems(param).then((res) => {
  218. if (res.data.code == '0') {
  219. const data = res.data.data;
  220. this.list = data.records;
  221. this.total = data.total;
  222. }
  223. }).catch((error) => {
  224. console.log(error);
  225. });
  226. },
  227. getFilterItems() {
  228. const param = Object.assign({
  229. current: this.currentPage,
  230. size: this.pageSize,
  231. },this.filter);
  232. return param;
  233. },
  234. indexMethod(index) {
  235. return ((this.currentPage - 1) * this.pageSize) + index + 1;
  236. },
  237. currentChange(next) {
  238. this.currentPage = next;
  239. this.getDataList();
  240. },
  241. warning(msg,type){
  242. this.$message({
  243. showClose: true,
  244. message:msg,
  245. type:type||'warning'
  246. })
  247. },
  248. showTestDialog(){
  249. this.showConfirmDialog('所有标准病历自动化测试,可能将等待很长时间~',()=>{
  250. this.autoTest();
  251. });
  252. },
  253. showConfirmDialog(msg,resolve){
  254. this.$alert(msg, '提示', {
  255. confirmButtonText: '确定',
  256. type: 'warning'
  257. }).then(() => {
  258. resolve();
  259. }).catch(() => {});
  260. },
  261. showDelDialog(id){
  262. this.showConfirmDialog('是否删除该字段映射?',()=>{
  263. api.delFieldMatch({ids:id}).then((res)=>{
  264. if(res.data.code=='0'){
  265. this.warning(res.data.msg||'操作成功','success');
  266. this.getDataList();
  267. }else{
  268. this.warning(res.data.msg);
  269. }
  270. }).catch((error)=>{
  271. this.warning(error);
  272. })
  273. });
  274. }
  275. }
  276. }
  277. </script>
  278. <style>
  279. .el-loading-spinner{
  280. top:200px;
  281. }
  282. .autotest-dialog .el-dialog__body{
  283. padding: 30px 20px;
  284. }
  285. .autotest-dialog .el-form-item__content{
  286. display: inline-block;
  287. width: 272px;
  288. }
  289. .autotest-dialog .el-dialog{
  290. width: 400px!important;
  291. }
  292. </style>
  293. <style lang="less" scoped>
  294. @import "../../less/admin.less";
  295. .delete{
  296. color: red !important;
  297. }
  298. div.container{
  299. height: 90px!important;
  300. }
  301. .contents{
  302. padding:120px 20px 0;
  303. }
  304. </style>