删除不必要的前端组件

jinlin

2026-02-27 c7752a2c89e2a05ea1fe2f3183928ff69f60ef32

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
79
80
81
82
83
84
85
86
87
88
89
<template>
  <zt-dialog ref="dialog" column="2" @confirm="formSubmit">
    <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="120px">
      <zt-form-item label="年份" prop="year" rules="required">
        <el-input v-model="dataForm.year"></el-input>
      </zt-form-item>
      <zt-form-item label="课题编码" prop="project" rules="required">
        <el-input v-model="dataForm.project"></el-input>
      </zt-form-item>
      <zt-form-item label="分摊类型ID" prop="projectTypeId" rules="required">
        <el-input v-model="dataForm.projectTypeId"></el-input>
      </zt-form-item>
      <zt-form-item label="是否完工" prop="isFinished" rules="required">
        <zt-dict v-model="dataForm.isFinished" dict="is_or_not"></zt-dict>
      </zt-form-item>
      <zt-form-item label="部门编码" prop="department" rules="required">
        <el-input v-model="dataForm.department"></el-input>
      </zt-form-item>
      <zt-form-item label="价款" prop="price" rules="required">
        <el-input v-model="dataForm.price"></el-input>
      </zt-form-item>
      <zt-form-item label="直接成本" prop="directCost" rules="required">
        <el-input v-model="dataForm.directCost"></el-input>
      </zt-form-item>
      <zt-form-item label="分摊成本" prop="ftCost" rules="required">
        <el-input v-model="dataForm.ftCost" readonly></el-input>
      </zt-form-item>
      <zt-form-item label="分摊限制" prop="ftLimit" rules="required">
        <el-input v-model="dataForm.ftLimit"></el-input>
      </zt-form-item>
      <zt-form-item label="工时" prop="hours" rules="required">
        <el-input v-model="dataForm.hours" readonly></el-input>
      </zt-form-item>
      <zt-form-item label="价款科目编码" prop="priceAccount" rules="required">
        <el-input v-model="dataForm.priceAccount"></el-input>
      </zt-form-item>
      <zt-form-item label="成本科目编码" prop="costAccount" rules="required">
        <el-input v-model="dataForm.costAccount"></el-input>
      </zt-form-item>
      <zt-form-item label="备注" prop="remark" >
        <el-input v-model="dataForm.remark"></el-input>
      </zt-form-item>
    </el-form>
  </zt-dialog>
</template>
 
<script>
  export default {
    data() {
      return {
        dataForm: {
          id: '',
          year: '',
          project: '',
          projectTypeId: '',
          isFinished: '',
          department: '',
          price: '',
          directCost: '',
          ftCost: '',
          ftLimit: '',
          hours: '',
          priceAccount: '',
          costAccount: '',
          remark: ''
        }
      }
    },
    methods: {
      // 获取信息
      async getInfo() {
        let res = await this.$http.get(`/statement/Statement/${this.dataForm.id}`)
        this.dataForm = {
          ...this.dataForm,
          ...res.data
        }
      },
      // 表单提交
      async formSubmit() {
        let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/statement/Statement/', this.dataForm)
        if (res.success) {
          await this.$tip.success()
          this.$refs.dialog.close()
          this.$emit('refreshDataList')
        }
      }
    }
  }
</script>