generateInfo.vue 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <template>
  2. <div class="contrl">
  3. <el-divider content-position="left"><span style="color:#ff6154;">生成测算表</span></el-divider>
  4. <el-form ref="generateInfo" :model="generateInfo" label-width="auto" style="margin-top: 10px;"
  5. :rules="generateInfoRules">
  6. <el-row :gutter="10">
  7. <el-col :span="12">
  8. <el-form-item label="工期:" class="form-item" prop="constructionPeriod">
  9. <el-input-number v-model="generateInfo.constructionPeriod" clearable style="width: 95%;"
  10. :precision="2" :step="0.1" />
  11. </el-form-item>
  12. </el-col>
  13. </el-row>
  14. <el-row :gutter="10">
  15. <el-col :span="12">
  16. <el-form-item label="利息:" class="form-item" prop="interest">
  17. <el-input-number v-model="generateInfo.interest" clearable style="width: 95%;" :precision="2"
  18. :step="0.1" />%
  19. </el-form-item>
  20. </el-col>
  21. </el-row>
  22. <el-row :gutter="10">
  23. <el-col :span="12">
  24. <el-form-item label="前期费用率:" class="form-item" prop="preConstructionCostRatio">
  25. <el-input-number v-model="generateInfo.preConstructionCostRatio" clearable style="width: 95%;"
  26. :precision="2" :step="0.1" />%
  27. </el-form-item>
  28. </el-col>
  29. </el-row>
  30. <el-row :gutter="10">
  31. <el-col :span="12">
  32. <el-form-item label="建设单位管理费率:" class="form-item" prop="managementExpenseRatio">
  33. <el-input-number v-model="generateInfo.managementExpenseRatio" clearable style="width: 95%;"
  34. :precision="2" :step="0.1" />%
  35. </el-form-item>
  36. </el-col>
  37. </el-row>
  38. <el-divider v-if="hasImportedEquipment" content-position="left"><span
  39. style="color:#ff6154;">进口设备信息</span></el-divider>
  40. <el-row v-if="hasImportedEquipment" :gutter="10">
  41. <el-col :span="12">
  42. <el-form-item label="关税:" class="form-item" prop="tariff">
  43. <el-input-number v-model="generateInfo.tariff" clearable style="width: 95%;" :precision="2"
  44. :step="0.1" />%
  45. </el-form-item>
  46. </el-col>
  47. </el-row>
  48. <el-row v-if="hasImportedEquipment" :gutter="10">
  49. <el-col :span="12">
  50. <el-form-item label="进口增值税:" class="form-item" prop="importVAT">
  51. <el-input-number v-model="generateInfo.importVAT" clearable style="width: 95%;" :precision="2"
  52. :step="0.1" />%
  53. </el-form-item>
  54. </el-col>
  55. </el-row>
  56. <el-button plain type="danger" style="float: right;" @click="updateBaseInfo()">
  57. 下一步
  58. <el-icon style="vertical-align: -20%;">
  59. <ArrowRightBold />
  60. </el-icon>
  61. </el-button>
  62. <el-button plain type="danger" style="float: right;" @click="generate()">
  63. 生成测算表
  64. </el-button>
  65. </el-form>
  66. </div>
  67. </template>
  68. <script>
  69. import { mapStores } from 'pinia'
  70. import { assetsProjectInfo } from '@/stores/assetsProjectStore';
  71. import { hasImportedEquipment } from '@/api/assetsCalculateEqptData';
  72. import { updateCalculateBaseInfo, generateEquipmentCalculate } from '@/api/assetsCalculate';
  73. export default {
  74. data() {
  75. return {
  76. hasImportedEquipment: false,
  77. generateInfo: {},
  78. generateInfoRules: {
  79. constructionPeriod: [
  80. { required: true, message: '请输入工期', trigger: 'blur' }
  81. ],
  82. interest: [
  83. { required: true, message: '请输入利息', trigger: 'blur' }
  84. ],
  85. preConstructionCostRatio: [
  86. { required: true, message: '请输入前期费用率', trigger: 'blur' }
  87. ],
  88. managementExpenseRatio: [
  89. { required: true, message: '请输入建设单位管理费率', trigger: 'blur' }
  90. ],
  91. tariff: [
  92. { required: true, message: '请输入关税', trigger: 'blur' }
  93. ],
  94. importVAT: [
  95. { required: true, message: '请输入进口增值税', trigger: 'blur' }
  96. ]
  97. }
  98. }
  99. },
  100. created() {
  101. this.getHasImportedEquipment();
  102. },
  103. computed: {
  104. ...mapStores(assetsProjectInfo),
  105. },
  106. methods: {
  107. getHasImportedEquipment() {
  108. // 获取是否有进口设备
  109. hasImportedEquipment(this.projectStore.calculateProgress.id).then(res => {
  110. this.hasImportedEquipment = res.data;
  111. })
  112. },
  113. // 更新测算表基础测算信息
  114. updateBaseInfo() {
  115. this.$refs.generateInfo.validate((valid) => {
  116. if (valid) {
  117. let params = {};
  118. params.calculateId = this.projectStore.calculateProgress.id;
  119. params.baseInfo = JSON.stringify(this.generateInfo);
  120. updateCalculateBaseInfo(params).then(res => {
  121. if (res.code == 200) {
  122. ElMessage({
  123. showClose: true,
  124. message: res.message,
  125. type: 'success'
  126. })
  127. }
  128. })
  129. }
  130. })
  131. },
  132. generate() {
  133. generateEquipmentCalculate(this.projectStore.calculateProgress.id).then(res => {
  134. if (res.code == 200) {
  135. ElMessage({
  136. showClose: true,
  137. message: res.message,
  138. type: 'success'
  139. })
  140. }
  141. })
  142. }
  143. }
  144. }
  145. </script>
  146. <style scoped>
  147. .contrl {
  148. font-size: 20px;
  149. width: 70.9%;
  150. border-right: 1.5px #dae1eb solid;
  151. padding: 0px 20px 20px 0px;
  152. float: left;
  153. }
  154. :deep(.el-input__wrapper.is-focus) {
  155. --el-input-focus-border: #ff6154;
  156. --el-input-focus-border-color: #ff6154;
  157. }
  158. .target-windows {
  159. margin-top: 80px;
  160. overflow-y: scroll;
  161. padding: 5px;
  162. border: 1.5px #dae1eb solid;
  163. border-radius: 0.3em;
  164. }
  165. .title-div {
  166. height: 80px;
  167. line-height: 80px;
  168. width: 300px;
  169. float: left;
  170. font-size: 20px;
  171. font-weight: 900;
  172. }
  173. :deep(*) {
  174. color-scheme: light;
  175. --el-color-primary: #ff6154;
  176. --el-color-primary-light-3: #ff7154;
  177. --el-color-primary-light-5: #ff8154;
  178. --el-color-primary-light-7: #ff9154;
  179. --el-color-primary-light-8: #ffa999;
  180. --el-color-primary-light-9: #ffa854;
  181. --el-color-primary-dark-2: #ff8154;
  182. }</style>