index.vue 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <script>
  2. import useColumns from "./columns";
  3. import { dicts } from "./dicts";
  4. import { LIST } from "@/api/business/purchase/task";
  5. export default {
  6. name: "PuchaseTask",
  7. dicts: dicts,
  8. components: {
  9. DcButton: () => import("./dao-chu/index.vue"),
  10. SeeButton: () => import("./see/index.vue"),
  11. ZpButton: () => import("./zhuan-pai/index.vue"),
  12. ThxqButton: () => import("./tui-hui-xu-qiu/index.vue"),
  13. XyzcButton: () => import("./xie-yi-zhi-cai/index.vue"),
  14. lcButton: () => import("./line-close/index.vue"),
  15. ElSuperTable: () => import("@/components/super-table/index.vue"),
  16. ElSuperSearch: () => import("@/components/super-search/index.vue"),
  17. },
  18. data() {
  19. const { TableColumns, SearchColumns } = useColumns();
  20. const page = this.$init.page();
  21. const params = this.$init.params(SearchColumns);
  22. return {
  23. size: "mini",
  24. loading: false,
  25. page: page,
  26. params: params,
  27. tableData: [],
  28. selectData: [],
  29. TableColumns: TableColumns,
  30. SearchColumns: SearchColumns,
  31. };
  32. },
  33. computed: {},
  34. watch: {},
  35. created() {
  36. this.params = {
  37. ...this.params,
  38. statusList:['0','2','3']
  39. }
  40. this.useQuery(this.params, this.page);
  41. },
  42. methods: {
  43. //
  44. setSelectable(row) {
  45. const { status } = row;
  46. if (status === "1") {
  47. // 已执行协议直采
  48. return false;
  49. } else {
  50. return true;
  51. }
  52. },
  53. //
  54. async fetchList(prop, page) {
  55. try {
  56. this.loading = true;
  57. this.tableData = [];
  58. const { code, rows, total } = await LIST(prop, page);
  59. if (code === 200) {
  60. this.tableData = rows;
  61. this.page.total = total;
  62. }
  63. } catch (err) {
  64. // catch
  65. } finally {
  66. // finally
  67. this.loading = false;
  68. }
  69. },
  70. // 查 询
  71. async useQuery(prop, page) {
  72. const { pageNum, pageSize } = page;
  73. const { date, documentsCodes: dCode, materialCodes: mCode } = prop;
  74. const [startDate, endDate] = date || [];
  75. const documentsCodes = dCode
  76. ? dCode.replace(/\s*/g, "").replaceAll(",", ",")
  77. : undefined;
  78. const materialCodes = Array.isArray(mCode)
  79. ? mCode
  80. : mCode
  81. ? mCode.replace(/\s*/g, "").replaceAll(",", ",").split(",")
  82. : undefined;
  83. await this.fetchList(
  84. {
  85. ...prop,
  86. endDate,
  87. startDate,
  88. materialCodes,
  89. documentsCodes,
  90. date: undefined,
  91. },
  92. { pageNum, pageSize, isAsc: "desc", orderByColumn: "updateTime" }
  93. );
  94. },
  95. // 重 置
  96. useReset() {
  97. this.page = this.$init.page();
  98. this.params = this.$init.params(this.SearchColumns);
  99. this.useQuery(this.params, this.page);
  100. },
  101. // 选 择
  102. useSelect(prop, value) {
  103. this.selectData = prop;
  104. },
  105. },
  106. };
  107. </script>
  108. <template>
  109. <el-card
  110. v-loading="loading"
  111. :body-style="{
  112. height: '100%',
  113. padding: 0,
  114. display: 'flex',
  115. 'flex-direction': 'column',
  116. }"
  117. >
  118. <el-super-search
  119. v-model="params"
  120. :size="size"
  121. :dict="dict"
  122. :columns="SearchColumns"
  123. @reset="useReset"
  124. @submit="useQuery(params, page)"
  125. @aaa="useQuery(params, page)"
  126. ></el-super-search>
  127. <div class="my-4" style="text-align: right">
  128. <el-button-group>
  129. <see-button
  130. :size="size"
  131. :dict="dict"
  132. :select-data="selectData"
  133. @success="useQuery(params, page)"
  134. ></see-button>
  135. </el-button-group>
  136. <el-button-group>
  137. <thxq-button
  138. :size="size"
  139. :select-data="selectData"
  140. @success="useQuery(params, page)"
  141. ></thxq-button>
  142. <xyzc-button
  143. :size="size"
  144. :dict="dict"
  145. :select-data="selectData"
  146. @success="useQuery(params, page)"
  147. ></xyzc-button>
  148. </el-button-group>
  149. <el-button-group>
  150. <zp-button
  151. :size="size"
  152. :select-data="selectData"
  153. @success="useQuery(params, page)"
  154. >
  155. </zp-button>
  156. <lc-button
  157. :size="size"
  158. :select-data="selectData"
  159. @success="useQuery(params, page)"
  160. >
  161. </lc-button>
  162. </el-button-group>
  163. <!-- <el-button-group>
  164. <dc-button
  165. :size="size"
  166. :page="page"
  167. :data="params"
  168. @success="useQuery(params, page)"
  169. ></dc-button>
  170. </el-button-group> -->
  171. </div>
  172. <el-super-table
  173. v-model="tableData"
  174. :size="size"
  175. :dict="dict"
  176. :page="page"
  177. :columns="TableColumns"
  178. index
  179. checkbox
  180. pagination
  181. convenitentOperation
  182. showSummary
  183. @row-select="useSelect"
  184. @pagination="useQuery(params, page)"
  185. >
  186. </el-super-table>
  187. </el-card>
  188. </template>
  189. <style scoped lang="scss">
  190. .el-card {
  191. width: calc(100% - 32px);
  192. height: calc(100vh - 32px);
  193. margin: 16px;
  194. padding: 16px;
  195. border-radius: 8px;
  196. }
  197. .el-button-group + .el-button-group {
  198. margin: 0 0 0 8px;
  199. }
  200. </style>