index.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <template>
  2. <div class="doc-attr">
  3. <el-form>
  4. <el-form-item label="标题:">
  5. <el-input
  6. v-model="attrs.title"
  7. style="width: 100%"
  8. class="input-item"
  9. placeholder="请填写模版名称"
  10. :disabled="articleId"
  11. />
  12. </el-form-item>
  13. <!--<el-form-item label="选择分类:">
  14. <el-select v-model="attrs.category_id" style="width:100%;" placeholder="请选择所属分类">
  15. <el-option
  16. v-for="(item,index) in articleCategoryList"
  17. :key="index"
  18. :label="item.name"
  19. :value="item.id"
  20. />
  21. </el-select>
  22. </el-form-item>
  23. <el-form-item label="适用产品:">
  24. <el-select v-model="attrs.linkProduct" :multiple="true" style="width:100%;" @change="onChangeProduct" placeholder="请选择适用产品">
  25. <el-option
  26. v-for="(item,index) in productList"
  27. :key="item.id"
  28. :label="item.name"
  29. :value="item.id"
  30. />
  31. </el-select>
  32. </el-form-item>
  33. <el-form-item label="适用项目:">
  34. <el-select v-model="attrs.linkProject" :multiple="true" style="width:100%;" @change="onChangeProject" placeholder="请选择适用项目">
  35. <el-option
  36. v-for="(item,index) in projectList"
  37. :key="item.id"
  38. :label="item.name"
  39. :value="item.id"
  40. />
  41. </el-select>
  42. </el-form-item> -->
  43. </el-form>
  44. </div>
  45. </template>
  46. <script>
  47. import { searchDocumentCategory } from "@/api/document";
  48. import { searchProduct } from "@/api/product";
  49. import { searchProject } from "@/api/project";
  50. export default {
  51. name: "docAttr",
  52. props: {
  53. attrs: {
  54. type: Object,
  55. default: () => {
  56. return {
  57. category_id: "",
  58. title: "",
  59. linkProduct: [],
  60. linkProject: [],
  61. };
  62. },
  63. },
  64. },
  65. watch: {
  66. attrs: {
  67. handler(val) {},
  68. immediate: true, //立即执行
  69. deep: true,
  70. },
  71. },
  72. data() {
  73. return {
  74. articleCategoryList: [],
  75. productList: [],
  76. projectList: [],
  77. articleId:0
  78. };
  79. },
  80. created() {
  81. this.initArticleCategoryList();
  82. this.initProjectList();
  83. this.initGoodsList();
  84. this.articleId=this.$route.query.articleId
  85. },
  86. methods: {
  87. onChangeProduct(e) {
  88. let _this = this;
  89. },
  90. onChangeProject(e) {},
  91. //初始化产品列表
  92. initProjectList() {
  93. let _this = this;
  94. searchProject({ page: 1, pageSize: 9999, status: 5 }).then((res) => {
  95. if (res.status != 200) return;
  96. _this.projectList = res.data.dataList;
  97. });
  98. },
  99. //初始化产品列表
  100. initGoodsList() {
  101. let _this = this;
  102. searchProduct({ page: 1, pageSize: 9999, status: 5 }).then((res) => {
  103. if (res.status != 200) return;
  104. _this.productList = res.data.dataList;
  105. });
  106. },
  107. //加载文档分类
  108. initArticleCategoryList() {
  109. let _this = this;
  110. searchDocumentCategory({ page: 1, pageSize: 99, status: 5 }).then(
  111. (res) => {
  112. if (res.status != 200) return;
  113. _this.articleCategoryList = res.data.dataList;
  114. }
  115. );
  116. },
  117. },
  118. };
  119. </script>
  120. <style lang="scss">
  121. @import "./index.scss";
  122. </style>