query_20190319154823.vue 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <template>
  2. <el-form :inline="true" :model="form" ref="form" class="marginTop">
  3. <el-form-item label="归属产品" prop="productId" :label-width="formLabelWidth">
  4. <el-select v-model="form.productId" placeholder="请选择产品">
  5. <el-option key label="无" value></el-option>
  6. <el-option
  7. v-for="item in productSelectData"
  8. :key="item.id"
  9. :label="item.name"
  10. :value="item.id"
  11. ></el-option>
  12. </el-select>
  13. </el-form-item>
  14. <el-form-item label="归属项目" prop="projectId" :label-width="formLabelWidth">
  15. <el-select v-model="form.projectId" placeholder="请选择项目">
  16. <el-option key label="无" value></el-option>
  17. <el-option
  18. v-for="item in projectSelectData"
  19. :key="item.id"
  20. :label="item.name"
  21. :value="item.id"
  22. ></el-option>
  23. </el-select>
  24. </el-form-item>
  25. <el-form-item label="来源部门" prop="toDeptId" :label-width="formLabelWidth">
  26. <el-select v-model="form.toDeptId" placeholder="请选择部门">
  27. <el-option key label="无" value></el-option>
  28. <el-option
  29. v-for="item in teamSelectData"
  30. :key="item.id"
  31. :label="item.name"
  32. :value="item.id"
  33. ></el-option>
  34. </el-select>
  35. </el-form-item>
  36. <el-form-item label="来源项目" prop="toProjectId" :label-width="formLabelWidth">
  37. <el-select v-model="form.toProjectId" placeholder="请选择项目">
  38. <el-option key label="无" value></el-option>
  39. <el-option
  40. v-for="item in projectSelectData"
  41. :key="item.id"
  42. :label="item.name"
  43. :value="item.id"
  44. ></el-option>
  45. </el-select>
  46. </el-form-item>
  47. <el-form-item label="归属部门" prop="deptId" :label-width="formLabelWidth">
  48. <el-select v-model="form.deptId" placeholder="请选择部门" ref="select" @change="getName">
  49. <el-option key label="无" value></el-option>
  50. <el-option
  51. v-for="item in teamSelectData"
  52. :key="item.id"
  53. :label="item.name"
  54. :value="item.id"
  55. ></el-option>
  56. </el-select>
  57. </el-form-item>
  58. <el-form-item
  59. label="类别"
  60. :label-width="formLabelWidth"
  61. >
  62. <el-radio-group v-model="form.incomeStatus" placeholder="请选择类别" size="medium">
  63. <el-radio border label="收入" name="ICOME" value="ICOME"></el-radio>
  64. <el-radio border label="费用" name="COST" value="COST"></el-radio>
  65. </el-radio-group>
  66. </el-form-item>
  67. <el-form-item
  68. label="状态"
  69. prop="incomeStatus"
  70. :label-width="formLabelWidth"
  71. >
  72. <el-radio-group v-model="form.incomeStatus" placeholder="请选择状态值" size="medium">
  73. <el-radio border label="开票/应收" name="INVOICE" value="INVOICE"></el-radio>
  74. <el-radio border label="到账" name="ARRIVAL" value="ARRIVAL"></el-radio>
  75. <el-radio border label="内部核算" name="INTERNAL" value="INTERNAL"></el-radio>
  76. </el-radio-group>
  77. </el-form-item>
  78. <el-form-item>
  79. <el-button type="primary" @click="onSubmit">查询</el-button>
  80. </el-form-item>
  81. </el-form>
  82. </template>
  83. <script>
  84. import {
  85. getTeamSelect,
  86. getProjectSelect,
  87. getProductSelect,
  88. getCostTeamSelect,
  89. getCostTypeSelect,
  90. addManage,
  91. getManageList,
  92. setManage
  93. } from "@/api/manageApi";
  94. export default {
  95. data() {
  96. return {
  97. type: "",
  98. dialogFormVisible: false,
  99. addFlag: false,
  100. id: "",
  101. form: {
  102. deptId: "",
  103. projectId: "",
  104. costTypeId: "",
  105. companyId: "",
  106. companyType: "",
  107. happenTime: "",
  108. incomeStatus: "",
  109. productId: "",
  110. toProjectId: "",
  111. remark: "",
  112. amount: "",
  113. toDeptId: "",
  114. deptName: "",
  115. code: "",
  116. name: "",
  117. status: "NORMAL",
  118. sort: ""
  119. },
  120. formLabelWidth: "120px",
  121. teamSelectData: [],
  122. projectSelectData: [],
  123. productSelectData: [],
  124. costTeamSelectData: [],
  125. costTypeSelectData: [],
  126. manageData: [],
  127. companyData: []
  128. };
  129. },
  130. created() {
  131. // 获取部门下拉框
  132. getTeamSelect().then(res => {
  133. this.teamSelectData = res.data.data;
  134. });
  135. // 获取项目下拉框
  136. getProjectSelect().then(res => {
  137. this.projectSelectData = res.data.data;
  138. });
  139. //获取产品下拉框
  140. getProductSelect().then(res => {
  141. this.productSelectData = res.data.data;
  142. });
  143. //获取经营列表
  144. getManageList({
  145. type: "INCOME"
  146. }).then(res => {
  147. this.manageData = res.data.data;
  148. console.log(res.data.data);
  149. });
  150. //获取单位下拉
  151. getCostTeamSelect().then(res => {
  152. this.costTeamSelectData = res.data.data;
  153. });
  154. //获取成本类型下拉
  155. getCostTypeSelect().then(res => {
  156. this.costTypeSelectData = res.data.data;
  157. });
  158. },
  159. methods: {
  160. tableRowClassName({ row, rowIndex }) {
  161. if (row.type === "COST") {
  162. return "cost-row";
  163. } else {
  164. return "income-row";
  165. }
  166. return "";
  167. },
  168. //获取部门名称
  169. getName(val) {
  170. let obj = {};
  171. obj = this.teamSelectData.find(item => {
  172. return item.id === val;
  173. });
  174. let getName = "";
  175. this.form.deptName = obj.name;
  176. },
  177. // 添加
  178. append(type) {
  179. this.type = type;
  180. this.dialogFormVisible = true;
  181. this.addFlag = true;
  182. },
  183. }
  184. };
  185. </script>
  186. <style scope>
  187. .marginTop{
  188. margin-top: 20px;
  189. }
  190. </style>