addProject.vue 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. <template>
  2. <el-dialog title="新增项目" :visible.sync="open" width="600px" append-to-body>
  3. <el-form ref="form" :model="form" :rules="rules" label-width="130px">
  4. <el-form-item label="项目编号" prop="projectNo">
  5. <el-input v-model="form.projectNo"></el-input>
  6. </el-form-item>
  7. <el-form-item label="项目名称" prop="projectName">
  8. <el-input v-model="form.projectName"></el-input>
  9. </el-form-item>
  10. <el-form-item label="项目年份" prop="projectYear">
  11. <el-date-picker v-model="form.projectYear" placeholder="选择项目年份" type="year" value-format="yyyy"></el-date-picker>
  12. </el-form-item>
  13. <el-form-item label="技术员分配" prop="techUserId">
  14. <el-select v-model="form.techUserId">
  15. <el-option v-for="(item, index) in techUserOptions" :key="index" :value="item.userId" :label="item.userName"></el-option>
  16. </el-select>
  17. </el-form-item>
  18. <el-form-item label="财务员分配" prop="finUserId">
  19. <el-select v-model="form.finUserId">
  20. <el-option v-for="(item, index) in finUserOptions" :key="index" :value="item.userId" :label="item.userName"></el-option>
  21. </el-select>
  22. </el-form-item>
  23. <el-form-item label="是否跨年项目" prop="overYearFlag">
  24. <el-radio-group v-model="form.overYearFlag">
  25. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  26. </el-radio-group>
  27. </el-form-item>
  28. <el-form-item label="项目日期" prop="projectTime">
  29. <el-date-picker v-model="form.projectTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
  30. </el-form-item>
  31. </el-form>
  32. <div slot="footer" class="dialog-footer">
  33. <el-button type="primary" :disabled="disabled" @click="submitForm">确 定</el-button>
  34. <el-button @click="cancel">取 消</el-button>
  35. </div>
  36. </el-dialog>
  37. </template>
  38. <script>
  39. import {addProjectApi, listUserListApi} from "@/api/enterprise/project/project"
  40. import { listUserApi } from "@/api/enterprise/employee/employee"
  41. import { yesOrNoOptions } from "@/utils/dataFormat"
  42. export default {
  43. data () {
  44. return {
  45. open: false,
  46. disabled: false,
  47. techUserOptions: [],
  48. finUserOptions: [],
  49. userType: '',
  50. yesOrNoOptions: yesOrNoOptions,
  51. form: {
  52. projectNo: '',
  53. projectName: '',
  54. projectYear: '',
  55. techUserId: '',
  56. finUserId: '',
  57. projectStartDate: '',
  58. projectEndDate: '',
  59. projectTime: [],
  60. },
  61. rules: {
  62. projectNo: [
  63. {required: true, message: '请输入项目编号', trigger: 'blur'},
  64. {max: 100, message: '最多输入100个字符', trigger: 'blur' }
  65. ],
  66. projectName: [
  67. {required: true, message: '请输入项目名称', trigger: 'blur'},
  68. {max: 100, message: '最多输入100个字符', trigger: 'blur' }
  69. ],
  70. projectYear: [
  71. {required: true, message: '请输入项目年份', trigger: 'change'}
  72. ],
  73. techUserId: [
  74. {required: true, message: '请选择技术员', trigger: 'change'}
  75. ],
  76. finUserId: [
  77. {required: true, message: '请选择财务员', trigger: 'change'}
  78. ],
  79. overYearFlag: [
  80. {required: true, message: '请选择是否跨年', trigger: 'change'}
  81. ],
  82. projectTime: [
  83. {required: true, message: '请选择项目周期', trigger: 'change', type: 'array'}
  84. ]
  85. }
  86. }
  87. },
  88. computed: {
  89. scopeId() {
  90. return this.$store.state.user.scopeId
  91. }
  92. },
  93. methods: {
  94. init() {
  95. this.open = true;
  96. this.getFinUserData()
  97. this.getTechUserData()
  98. this.resetForm("form");
  99. },
  100. getFinUserData() {
  101. //财务
  102. let params = {userType: 'ENT_FIN'}
  103. listUserListApi(params).then(res => {
  104. if(res.code == 200) {
  105. this.finUserOptions = res.data.records
  106. }
  107. })
  108. },
  109. getTechUserData() {
  110. //技术
  111. let params = {userType: 'ENT_TECH'}
  112. listUserListApi(params).then(res => {
  113. if(res.code == 200) {
  114. this.techUserOptions = res.data.records
  115. }
  116. })
  117. },
  118. submitForm() {
  119. this.form.entId = this.scopeId
  120. this.$refs.form.validate(valid => {
  121. if (valid) {
  122. this.disabled = true
  123. addProjectApi(this.form).then(res => {
  124. this.disabled = false;
  125. if(res.code == 200) {
  126. this.$message({
  127. message: '新增成功',
  128. type: 'success'
  129. });
  130. }
  131. this.open = false;
  132. this.$emit('refreshData');
  133. })
  134. }
  135. })
  136. },
  137. cancel() {
  138. this.open = false
  139. },
  140. },
  141. watch: {
  142. "form.projectTime"(val) {
  143. if(this.form.projectTime) {
  144. this.form.projectStartDate = this.form.projectTime[0]
  145. this.form.projectEndDate = this.form.projectTime[1]
  146. }else {
  147. this.form.projectStartDate = ''
  148. this.form.projectEndDate = ''
  149. }
  150. }
  151. }
  152. }
  153. </script>
  154. <style>
  155. </style>