dataSearch.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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.title" 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-form-item>
  30. <el-form-item>
  31. <el-button type="primary" @click="addDocument" class="el-icon-circle-plus-outline"> 创建模版</el-button>
  32. </el-form-item>
  33. </el-form>
  34. </div>
  35. </template>
  36. <script>
  37. import {searchDocumentCategory} from "@/api/document";
  38. export default{
  39. props:{
  40. queryForm:{
  41. type:Object,
  42. default:()=>{
  43. return {
  44. page:1,
  45. pageSize:10,
  46. title:'',
  47. category_id:'',
  48. status:'',
  49. }
  50. }
  51. },
  52. },
  53. data(){
  54. return{
  55. statusOptions:[
  56. {
  57. value:'',
  58. label:"请选择状态"
  59. },
  60. {
  61. value:5,
  62. label:'启用'
  63. },
  64. {
  65. value:6,
  66. label:"停用"
  67. },
  68. ],
  69. dialogVisible:false,
  70. categoryList:[],
  71. }
  72. },
  73. created() {
  74. this.initCategoryList();
  75. },
  76. methods:{
  77. initCategoryList(){
  78. let _this=this;
  79. searchDocumentCategory({page:1,pageSize:999,status:5}).then(res=>{
  80. if(res.status!=200)return;
  81. _this.categoryList=res.data.dataList;
  82. })
  83. },
  84. onCreate(e){
  85. this.dialogVisible=true;
  86. },
  87. //搜索
  88. onSubmit(){
  89. this.$emit("bindSetQuery",this.$props.queryForm);
  90. },
  91. /* 创建模版 */
  92. addDocument(){
  93. let _this = this;
  94. let a = document.createElement("a");
  95. a.href = "#/document/create"; // 使用 hash
  96. a.target = "_blank";
  97. a.click();
  98. //this.$router.push('/document/create');
  99. }
  100. }
  101. }
  102. </script>
  103. <style lang="scss">
  104. @import "./dataSearch.scss"
  105. </style>