init

jinlin

2023-11-03 35435e8b1995e6775c82b86652381e07e3faff54

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<template>
  <zt-dialog ref="dialog" @confirm="formSubmit" :has-confirm="false" append-to-body>
    <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="120px">
      <zt-form-item :label="$t('notice.type')" prop="type" rules="required">
        <zt-dict v-model="dataForm.type" dict="notice_type"></zt-dict>
      </zt-form-item>
      <zt-form-item :label="$t('notice.title')" prop="title" rules="required">
        <el-input v-model="dataForm.title" :placeholder="$t('notice.title')"></el-input>
      </zt-form-item>
      <zt-form-item :label="$t('notice.content')" prop="content" rules="required" style="width: 100%">
        <zt-editor v-model="dataForm.content"/>
      </zt-form-item>
      <zt-form-item :label="$t('notice.receiverType')" prop="receiverType" rules="required">
        <zt-dict v-model="dataForm.receiverType" dict="notice_receiver" :radio="true"></zt-dict>
      </zt-form-item>
      <zt-form-item v-show="dataForm.receiverType == '1'" label="选择部门" prop="receiverList" rules="required">
        <zt-dept-selector v-model="dataForm.receiverList1" multiple/>
      </zt-form-item>
      <zt-form-item v-show="dataForm.receiverType == '2'" label="选择用户" prop="receiverList" rules="required">
        <zt-user-selector v-model="dataForm.receiverList2" multiple/>
      </zt-form-item>
    </el-form>
    <template slot="footer">
      <el-button type="danger" @click="formSubmit(0)">{{ $t('notice.draft') }}</el-button>
      <el-button type="primary" @click="formSubmit(1)">{{ $t('notice.release') }}</el-button>
    </template>
  </zt-dialog>
</template>
 
<script>
  export default {
    data() {
      return {
        dataForm: {
          id: '',
          type: 0,
          title: '',
          content: '',
          receiverType: '1',
          receiverList: '',
          receiverList1: '',
          receiverList2: '',
          status: '',
          senderName: '',
          senderDate: '',
          creator: '',
          createDate: ''
        }
      }
    },
    computed: {
    },
    methods: {
      // 获取信息
      async getInfo() {
        let res = await this.$http.get(`/sys/notice/${this.dataForm.id}`)
        this.dataForm = {
          ...this.dataForm,
          ...res.data
        }
        // 这里不能用v-if
        this.dataForm['receiverList' + this.dataForm.receiverType] = this.dataForm.receiverList
      },
      // 表单提交
      async formSubmit(status) {
        this.dataForm.status = status
        this.dataForm.receiverList = this.dataForm['receiverList' + this.dataForm.receiverType]
 
        let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/notice/', this.dataForm)
        if (res.success) {
          await this.$tip.success()
          this.$refs.dialog.close()
          this.$emit('refreshDataList')
        }
      }
    }
  }
</script>