CombinQuestion.vue 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. <template>
  2. <div>
  3. <crumbs title="组合填写单维护" class="simpleQ-crumb">
  4. <el-form :inline="true" class="demo-form-inline">
  5. <el-form-item label="归属:">
  6. <el-select size="mini" v-model="filter.tagAdscription" placeholder="归属" clearable>
  7. <el-option v-if="item.val!=6&&item.val!=7&&item.val!=8&&item.val!=9&&item.val!=10&&item.val!=21&&item.val!=22" v-for="item in Adscriptions" :label="item.name" :value="item.val" :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.tagType[0]" placeholder="类型" clearable>
  12. <el-option v-for="item in tagTypes" :label="item.name" :value="item.val" :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.tagSysName" placeholder="填写单系统名称" clearable></el-input>
  17. </el-form-item>
  18. <el-form-item label="填写单医生界面名称:">
  19. <el-input size="mini" v-model="filter.name" placeholder="填写单医生界面名称" clearable></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="addIndeptTag">添加组合填写单</el-button>
  24. </el-form-item>
  25. </el-form>
  26. </crumbs>
  27. <div class="contents simpleQ-contents">
  28. <el-table
  29. :data="list"
  30. border
  31. style="width: 100%">
  32. <el-table-column
  33. :resizable = "false"
  34. type="index"
  35. :index = 'indexMethod'
  36. label="编号"
  37. width="60">
  38. </el-table-column>
  39. <el-table-column
  40. :resizable = "false"
  41. prop="gmtModified"
  42. label="操作时间"
  43. width="180">
  44. </el-table-column>
  45. <el-table-column
  46. :resizable = "false"
  47. prop="tagName"
  48. label="填写单系统名称">
  49. </el-table-column>
  50. <el-table-column
  51. :resizable = "false"
  52. prop="name"
  53. label="填写单医生界面名称">
  54. </el-table-column>
  55. <el-table-column
  56. :resizable = "false"
  57. prop="typeCn"
  58. label="归属"
  59. width="80">
  60. </el-table-column>
  61. <el-table-column
  62. :resizable = "false"
  63. prop="tagTypeCn"
  64. label="类型">
  65. </el-table-column>
  66. <el-table-column
  67. :resizable = "false"
  68. prop="modifier"
  69. label="操作人"
  70. width="120">
  71. </el-table-column>
  72. <el-table-column
  73. :resizable = "false"
  74. prop="operate"
  75. label="操作"
  76. width="140">
  77. <template slot-scope="scope">
  78. <el-button @click="modifyIndeptTag(scope.row)" type="text" size="small">修改</el-button>
  79. <span style="margin:0 3px;">|</span>
  80. <el-button @click="modifyIndeptTag(scope.row,true)" type="text" size="small">复制</el-button>
  81. <span style="margin:0 3px;">|</span>
  82. <el-button @click="showDelDialog(scope.row)" class="delete" type="text" size="small">删除</el-button>
  83. </template>
  84. </el-table-column>
  85. </el-table>
  86. <el-pagination v-if="total>pageSize"
  87. :current-page.sync="currentPage"
  88. @current-change="currentChange"
  89. background
  90. :page-size="pageSize"
  91. layout="total,prev, pager, next, jumper"
  92. :total="total">
  93. </el-pagination>
  94. </div>
  95. </div>
  96. </template>
  97. <script>
  98. import api from '@api/preTreat.js';
  99. export default {
  100. name: 'combinQuestion',
  101. data: function() {
  102. return {
  103. list: [],
  104. tagTypes: [],
  105. Adscriptions: [],
  106. tagTypesList:[],
  107. searched:false,
  108. filter: {
  109. tagType: [], //标签类型
  110. tagAdscription: '', //标签归属
  111. tagSysName: '', //标签系统名称
  112. name:'', //界面名称
  113. },
  114. currentPage: 1,
  115. pageSize: 10,
  116. total: 0,
  117. }
  118. },
  119. created() {
  120. this.getDropList();
  121. },
  122. watch:{
  123. 'filter':{
  124. handler:function(){
  125. this.searched = false;
  126. },
  127. deep:true
  128. }
  129. },
  130. beforeRouteEnter(to, from, next){
  131. next(vm => {
  132. //const pm = to.param;
  133. Object.assign(vm,to.params);
  134. })
  135. },
  136. methods: {
  137. getDropList() {
  138. api.getPreTypeList().then((res) =>{
  139. this.getDataList();
  140. if(res.data.code === '0') {
  141. this.Adscriptions = res.data.data[1];
  142. this.tagTypes = res.data.data[3];
  143. this.tagTypes = this.tagTypes.filter(item => item.val != 0) //去掉名称为默认值的填写单类型
  144. }
  145. })
  146. },
  147. getDataList(isTurnPage) {
  148. const param = this.getFilterItems(isTurnPage);
  149. this.searched = true;
  150. api.getQuestionList(param).then((res) => {
  151. const list = [...res.data.data.records];
  152. for (var i = 0; i < list.length; i++) {
  153. for (var j = 0; j < this.tagTypes.length; j++) {
  154. if(list[i].tagType == this.tagTypes[j].val) {
  155. list[i].tagTypeCn = this.tagTypes[j].name;
  156. }
  157. }
  158. //后台数据typeCn转换为筛选中对应的字段名称
  159. for (var z = 0; z < this.Adscriptions.length; z++) {
  160. if(list[i].type == this.Adscriptions[z].val) {
  161. list[i].typeCn = this.Adscriptions[z].name;
  162. }
  163. }
  164. }
  165. this.list = list;
  166. this.total = res.data.data.total;
  167. })
  168. },
  169. filterDatas() {
  170. this.currentPage = 1;
  171. this.getDataList();
  172. },
  173. addIndeptTag() {
  174. const pam = this.searched?{currentPage:this.currentPage,
  175. filter:this.filter}:{currentPage:this.currentPage};
  176. this.$router.push({name:'AddCombinQuestion',
  177. params:pam});
  178. },
  179. modifyIndeptTag(row,isCopy) {
  180. api.questionDetail({id:row.id}).then((res)=>{
  181. const {code,data,msg} = res.data;
  182. if(code=='0'){
  183. const infos = Object.assign({},row,data);
  184. const pam = this.searched?{currentPage:this.currentPage,
  185. filter:this.filter}:{currentPage:this.currentPage};
  186. this.$router.push({name:'AddCombinQuestion',params:Object.assign(pam,{[isCopy?'isCopy':'isEdit']:true,data:infos})});
  187. }else{
  188. this.$message({
  189. message: msg,
  190. type: 'warning'
  191. });
  192. }
  193. });
  194. },
  195. currentChange(next) {
  196. this.currentPage = next;
  197. this.getDataList(true);
  198. },
  199. getFilterItems(isTurnPage) {
  200. //翻页时筛选条件没点确定则清空
  201. if(isTurnPage&&!this.searched){
  202. this.clearfilter();
  203. };
  204. let param = {
  205. tagTypeList: this.filter.tagType[0] ? this.filter.tagType: [4,6],
  206. current: this.currentPage,
  207. callType:2,
  208. size: this.pageSize,
  209. type: this.filter.tagAdscription,
  210. tagName: this.filter.tagSysName,
  211. name:this.filter.name, //界面名称
  212. };
  213. return param;
  214. },
  215. clearfilter(){
  216. this.filter={
  217. tagType: [], //标签类型
  218. tagAdscription: '', //标签归属
  219. tagSysName: '', //标签系统名称
  220. name:'', //界面名称
  221. };
  222. },
  223. indexMethod(index) {
  224. return ((this.currentPage - 1) * this.pageSize) + index + 1;
  225. },
  226. getTagType(val) {
  227. return val
  228. },
  229. warning(msg,type){
  230. this.$message({
  231. showClose: true,
  232. message:msg,
  233. type:type||'warning'
  234. })
  235. },
  236. showConfirmDialog(msg,resolve){
  237. this.$alert(msg, '提示', {
  238. confirmButtonText: '确定',
  239. type: 'warning'
  240. }).then(() => {
  241. resolve();
  242. }).catch(() => {});
  243. },
  244. showDelDialog(row){
  245. const param = {
  246. "ids": row.id,
  247. "type": row.type
  248. };
  249. this.showConfirmDialog('是否删除该填写单?',()=>{
  250. api.questionDel(param).then((res)=>{
  251. if(res.data.code=='0'){
  252. if(!this.searched){
  253. //未点确认时清空搜索条件
  254. this.clearfilter();
  255. }
  256. if(this.list.length==1){
  257. //当前在最后一页且只有一条数据时,删除后跳到前一页
  258. this.currentPage = this.currentPage===1?1:this.currentPage-1;
  259. }
  260. this.getDataList();
  261. this.warning(res.data.msg || '操作成功','success');
  262. }else{
  263. this.warning(res.data.msg);
  264. }
  265. }).catch((error)=>{
  266. this.warning(error);
  267. })
  268. });
  269. }
  270. }
  271. }
  272. </script>
  273. <style lang="less">
  274. @import "../../less/admin.less";
  275. .delete{
  276. color: red
  277. }
  278. .delete:hover {
  279. color: red;
  280. }
  281. .el-select .el-input .el-icon-arrow-up{
  282. display: inline-block!important;
  283. }
  284. .el-select .el-input .el-icon-circle-close{
  285. float:left;
  286. }
  287. </style>