dataSearch.vue 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <template>
  2. <div class="data-search">
  3. <el-form :inline="true" :model="queryForm" class="demo-form-inline">
  4. <el-form-item label="模板名称:">
  5. <el-input v-model="queryForm.name" placeholder="请选择模板名称"></el-input>
  6. </el-form-item>
  7. <el-form-item label="所属分类:">
  8. <el-select v-model="queryForm.category_id" clearable class="m-2" placeholder="请选择分类" size="large">
  9. <el-option
  10. v-for="item in categoryList"
  11. :key="item.id"
  12. :label="item.name"
  13. :value="item.id"
  14. />
  15. </el-select>
  16. </el-form-item>
  17. <el-form-item label="模板状态:">
  18. <el-select v-model="queryForm.status" class="m-2" placeholder="请选择模板状态" size="large">
  19. <el-option
  20. v-for="item in statusOptions"
  21. :key="item.value"
  22. :label="item.label"
  23. :value="item.value"
  24. />
  25. </el-select>
  26. </el-form-item>
  27. <el-form-item>
  28. <el-button type="primary" @click="onSubmit"> <svg-icon icon-class="search"/> 搜索</el-button>
  29. <el-button type="success" @click="onCreate" > <svg-icon icon-class="edit"/> 创建模块</el-button>
  30. </el-form-item>
  31. </el-form>
  32. </div>
  33. </template>
  34. <script>
  35. import dataInfo from './dataInfo.vue';
  36. import elDragDialog from '@/directive/el-drag-dialog'
  37. import {searchTemplateCategory} from "@/api/template"
  38. export default{
  39. components:{
  40. dataInfo,
  41. },
  42. directives: { elDragDialog },
  43. props:{
  44. queryForm:{
  45. type:Object,
  46. default:()=>{
  47. return {
  48. page:1,
  49. pageSize:10,
  50. name:'',
  51. category_id:'',
  52. status:'',
  53. }
  54. }
  55. },
  56. },
  57. data(){
  58. return{
  59. statusOptions:[
  60. {
  61. value:'',
  62. label:"请选择状态"
  63. },
  64. {
  65. value:5,
  66. label:'启用'
  67. },
  68. {
  69. value:6,
  70. label:"停用"
  71. },
  72. ],
  73. categoryList:[],
  74. dialogVisible:false,
  75. }
  76. },
  77. mounted() {
  78. this.initCategory();
  79. },
  80. methods:{
  81. initCategory (){
  82. let _this=this;
  83. searchTemplateCategory({page:1,pageSize:999,status:5}).then(res=>{
  84. if(res.status!=200)return;
  85. _this.categoryList=res.data.dataList;
  86. })
  87. },
  88. onCreate(e){
  89. /* this.dialogVisible=true; */
  90. /* const url = this.$router.resolve({ path: 'new' }).href;
  91. window.open(url, '_blank'); */
  92. /* let _this=this;
  93. var a = document.createElement('a');
  94. a.href="#/document/create"
  95. a.target="_blank";
  96. a.click(); */
  97. this.$router.push('/document/create');
  98. },
  99. //搜索
  100. onSubmit(){
  101. this.$emit("bindSetQuery",this.$props.queryForm);
  102. }
  103. }
  104. }
  105. </script>
  106. <style lang="scss">
  107. @import "./dataSearch.scss"
  108. </style>