stock.vue 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!-- 库存管理 -->
  2. <template>
  3. <div class="stock">
  4. <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
  5. <el-form-item label="名称">
  6. <el-input v-model="dataForm.materialName" placeholder="请输入名称" clearable/>
  7. </el-form-item>
  8. <el-form-item>
  9. <el-button @click="getDataList()">查询</el-button>
  10. <el-button v-if="isAuth('wh:stockmanagement:exported')" type="primary" @click="exportExcel()">导出Excel</el-button>
  11. </el-form-item>
  12. </el-form>
  13. <el-table
  14. :data="dataList"
  15. border
  16. v-loading="dataListLoading"
  17. @selection-change="selectionChangeHandle"
  18. style="width: 100%;">
  19. <el-table-column
  20. type="selection"
  21. header-align="center"
  22. align="center"
  23. width="50">
  24. </el-table-column>
  25. <el-table-column
  26. label="序号"
  27. type="index"
  28. width="50"
  29. align="center">
  30. </el-table-column>
  31. <el-table-column
  32. prop="-"
  33. header-align="center"
  34. align="center"
  35. label="编码">
  36. </el-table-column>
  37. <el-table-column
  38. prop="materialName"
  39. header-align="center"
  40. align="center"
  41. min-width="100"
  42. label="名称">
  43. </el-table-column>
  44. <el-table-column
  45. prop="categoryName"
  46. header-align="center"
  47. align="center"
  48. label="类别">
  49. </el-table-column>
  50. <el-table-column
  51. prop="-"
  52. header-align="center"
  53. align="center"
  54. label="状态">
  55. </el-table-column>
  56. <el-table-column
  57. prop="specifications"
  58. header-align="center"
  59. align="center"
  60. label="规格">
  61. </el-table-column>
  62. <el-table-column
  63. prop="unitName"
  64. header-align="center"
  65. align="center"
  66. label="单位">
  67. </el-table-column>
  68. <el-table-column
  69. prop="cnt"
  70. header-align="center"
  71. align="center"
  72. label="库存">
  73. </el-table-column>
  74. <el-table-column
  75. prop="price"
  76. header-align="center"
  77. align="center"
  78. label="单价">
  79. </el-table-column>
  80. <el-table-column
  81. prop="amount"
  82. header-align="center"
  83. align="center"
  84. label="金额">
  85. </el-table-column>
  86. <el-table-column
  87. prop="-"
  88. header-align="center"
  89. align="center"
  90. label="批次号">
  91. </el-table-column>
  92. <el-table-column
  93. prop="-"
  94. header-align="center"
  95. align="center"
  96. label="来源">
  97. </el-table-column>
  98. <el-table-column
  99. prop="shelveName"
  100. header-align="center"
  101. align="center"
  102. label="存放货架">
  103. </el-table-column>
  104. <el-table-column
  105. prop="notes"
  106. header-align="center"
  107. align="center"
  108. :show-overflow-tooltip="true"
  109. label="备注">
  110. </el-table-column>
  111. <el-table-column
  112. fixed="right"
  113. header-align="center"
  114. align="center"
  115. width="150"
  116. label="操作">
  117. <template slot-scope="scope">
  118. <el-button v-if="isAuth('wh:stockmanagement:info')" type="text" size="small" @click="details(scope.row.materialId)">查看</el-button>
  119. <el-button v-if="isAuth('wh:stockmanagement:editor')" type="text" size="small" @click="addOrUpdateHandle(scope.row.materialId)">编辑</el-button>
  120. </template>
  121. </el-table-column>
  122. </el-table>
  123. <el-pagination
  124. @size-change="sizeChangeHandle"
  125. @current-change="currentChangeHandle"
  126. :current-page="pageIndex"
  127. :page-sizes="[10, 20, 50, 100]"
  128. :page-size="pageSize"
  129. :total="totalPage"
  130. layout="total, sizes, prev, pager, next, jumper">
  131. </el-pagination>
  132. <stock-details v-if="detailVisible" ref="details"/>
  133. <stock-add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"/>
  134. </div>
  135. </template>
  136. <script>
  137. import StockDetails from './stock-details'
  138. import StockAddOrUpdate from './stock-add-or-update'
  139. export default {
  140. name: 'stock',
  141. components: {StockAddOrUpdate, StockDetails},
  142. data () {
  143. return {
  144. dataForm: {
  145. materialName: ''
  146. },
  147. dataList: [],
  148. pageIndex: 1,
  149. pageSize: 10,
  150. totalPage: 0,
  151. dataListLoading: false,
  152. dataListSelections: [],
  153. detailVisible: false,
  154. addOrUpdateVisible: false
  155. }
  156. },
  157. activated () {
  158. this.getDataList()
  159. },
  160. methods: {
  161. // 获取数据列表
  162. getDataList () {
  163. this.dataListLoading = true
  164. this.$http({
  165. url: this.$http.adornUrl('/biz-service/stock-mg-ctl/list'),
  166. method: 'get',
  167. params: this.$http.adornParams({
  168. 'current': this.pageIndex,
  169. 'size': this.pageSize,
  170. 'materialName': this.dataForm.materialName
  171. })
  172. }).then(({data}) => {
  173. if (data && data.code === '200') {
  174. this.dataList = data.data.records
  175. this.totalPage = Number(data.data.total)
  176. } else {
  177. this.dataList = []
  178. this.totalPage = 0
  179. }
  180. this.dataListLoading = false
  181. })
  182. },
  183. exportExcel () {
  184. this.$http({
  185. url: this.$http.adornUrl('/biz-service/stock-mg-ctl/exportedExcel'),
  186. method: 'get',
  187. params: this.$http.adornParams({
  188. 'materialName': this.dataForm.materialName
  189. })
  190. }).then(({data}) => {
  191. if (data && data.code !== '200') {
  192. this.$message.error(data.msg || '系统错误,请联系管理员')
  193. }
  194. })
  195. },
  196. // 每页数
  197. sizeChangeHandle (val) {
  198. this.pageSize = val
  199. this.pageIndex = 1
  200. this.getDataList()
  201. },
  202. // 当前页
  203. currentChangeHandle (val) {
  204. this.pageIndex = val
  205. this.getDataList()
  206. },
  207. // 多选
  208. selectionChangeHandle (val) {
  209. this.dataListSelections = val
  210. },
  211. details (id) {
  212. this.detailVisible = true
  213. this.$nextTick(() => {
  214. this.$refs.details.init(id)
  215. })
  216. },
  217. // 新增、修改
  218. addOrUpdateHandle (id) {
  219. this.addOrUpdateVisible = true
  220. this.$nextTick(() => {
  221. this.$refs.addOrUpdate.init(id)
  222. })
  223. }
  224. }
  225. }
  226. </script>
  227. <style scoped>
  228. </style>