release.vue 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <template>
  2. <ele-modal :visible.sync="visible" title="发布" width="800px" append-to-body>
  3. <el-form ref="form" :model="form" :rules="rules" label-width="80px">
  4. <el-row>
  5. <el-col :span="20">
  6. <el-form-item label="附件:" prop="bomArtFiles">
  7. <fileUpload v-model="form.bomArtFiles" module="main" :showLib="false" :limit="5" />
  8. <div v-if="form.bomArtFiles && form.bomArtFiles?.length">
  9. <el-link v-for="link in form.bomArtFiles" :key="link.id" type="primary" :underline="false"
  10. @click="downloadFile(link)">
  11. {{ link.name }}</el-link>
  12. </div>
  13. </el-form-item>
  14. </el-col>
  15. <el-col :span="20">
  16. <el-form-item label="分批到货:" prop="">
  17. <el-link type="primary" :underline="false" @click.native="handleMethod(row)">
  18. 设置分批时间
  19. </el-link>
  20. </el-form-item>
  21. </el-col>
  22. </el-row>
  23. </el-form>
  24. <template v-slot:footer>
  25. <el-button @click="close">取消</el-button>
  26. <el-button type="primary" :loading="loading" @click="save">
  27. 保存
  28. </el-button>
  29. </template>
  30. <timeDialog ref="timeDialogRef" @chooseTime="chooseTime"></timeDialog>
  31. </ele-modal>
  32. </template>
  33. <script>
  34. import fileUpload from '@/components/upload/fileUpload';
  35. import { getFile } from "@/api/system/file";
  36. import timeDialog from './timeDialog'
  37. export default {
  38. components: {
  39. fileUpload,
  40. timeDialog
  41. },
  42. data() {
  43. return {
  44. visible: false,
  45. form: {},
  46. rules: {},
  47. loading: false
  48. }
  49. },
  50. methods: {
  51. downloadFile(file) {
  52. getFile({ objectName: file.storePath }, file.name);
  53. },
  54. open() {
  55. this.visible = true
  56. },
  57. close() {
  58. this.visible = false
  59. },
  60. handleMethod() {
  61. this.$refs.timeDialogRef.open()
  62. },
  63. chooseTime(timeList) {
  64. console.log(timeList)
  65. },
  66. save() { },
  67. }
  68. }
  69. </script>
  70. <style></style>