index.vue 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913
  1. <template>
  2. <div id="demandSummary">
  3. <div v-if="isList">
  4. <el-card style="position: relative;">
  5. <el-form class="search_area" label-width="100px">
  6. <el-row :gutter="10">
  7. <el-col :span="1.5">
  8. <el-form-item label="行状态">
  9. <el-select multiple v-model="queryParams.rowStatus" size="mini" style="width: 200px" clearable>
  10. <el-option v-for="dict in dict.type.sys_row_status" :key="dict.value" :label="dict.label" :value="dict.value">
  11. </el-option>
  12. </el-select>
  13. </el-form-item>
  14. </el-col>
  15. <el-col :span="1.5">
  16. <el-form-item label="采购员">
  17. <el-select clearable size="mini" v-model="queryParams.buyer" @focus="chooseRefer('CONTACTS_PARAM', true, '采购员')" style="width: 200px">
  18. <el-option v-for="item in personOptions" :key="item.id" :label="item.name" :value="item.code" />
  19. </el-select>
  20. </el-form-item>
  21. </el-col>
  22. <el-col :span="1.5">
  23. <el-form-item label="品类">
  24. <el-select
  25. v-model="queryParams.materialClassifyFour"
  26. size="mini"
  27. clearable
  28. @focus="chooseTreeRefer('MATERIALCLASSIFY_PARAM', false, '选择品类')"
  29. style="width: 200px"
  30. >
  31. <el-option v-for="item in classOptions" :key="item.id" :label="item.name" :value="item.id" />
  32. </el-select>
  33. </el-form-item>
  34. </el-col>
  35. <el-col :span="1.5">
  36. <el-form-item label="生产厂家">
  37. <el-input
  38. v-model.trim="queryParams.manufacturer"
  39. size="mini"
  40. clearable
  41. style="width: 200px"
  42. />
  43. </el-form-item>
  44. </el-col>
  45. <!-- <el-col :span="1.5"> -->
  46. <!-- <el-form-item label="" label-width="20px"> -->
  47. <div style="position: absolute;top: 3px;right: 10px;">
  48. <el-button type="primary" size="mini" @click="search">搜索</el-button>
  49. <el-button size="mini" plain @click="reset">重置</el-button>
  50. </div>
  51. <!-- </el-form-item> -->
  52. <!-- </el-col> -->
  53. </el-row>
  54. <CollapseTransition>
  55. <div v-show="expanded">
  56. <el-row :gutter="10">
  57. <el-col :span="1.5">
  58. <el-form-item label="预测分类">
  59. <el-select v-model="queryParams.forecastClassification" size="mini" style="width: 200px" clearable>
  60. <el-option
  61. v-for="dict in dict.type.predictive_classify" :key="dict.value" :label="dict.label" :value="dict.label">
  62. </el-option>
  63. </el-select>
  64. </el-form-item>
  65. </el-col>
  66. <el-col :span="1.5">
  67. <el-form-item label="审核人">
  68. <el-select clearable size="mini" v-model="queryParams.puManagerAuditor" @focus="chooseRefer('CONTACTS_PARAM', true, '审核人')" style="width: 200px">
  69. <el-option v-for="item in auditOptions" :key="item.id" :label="item.name" :value="item.code" />
  70. </el-select>
  71. </el-form-item>
  72. </el-col>
  73. <el-col :span="1.5">
  74. <el-form-item label="注册人">
  75. <el-input
  76. v-model.trim="queryParams.registrant"
  77. size="mini"
  78. clearable
  79. style="width: 200px"
  80. />
  81. </el-form-item>
  82. </el-col>
  83. <el-col :span="1.5">
  84. <el-form-item label="业务类型">
  85. <el-select v-model="queryParams.businessType" size="mini" style="width: 200px" clearable>
  86. <el-option
  87. v-for="dict in dict.type.sys_business" :key="dict.value" :label="dict.label" :value="dict.value">
  88. </el-option>
  89. </el-select>
  90. </el-form-item>
  91. </el-col>
  92. </el-row>
  93. <el-row :gutter="10">
  94. <el-col :span="1.5">
  95. <el-form-item label="单据来源">
  96. <el-select v-model="queryParams.billSource" size="mini" style="width: 200px" clearable>
  97. <el-option
  98. v-for="dict in dict.type.sys_bill_source" :key="dict.value" :label="dict.label" :value="dict.value">
  99. </el-option>
  100. </el-select>
  101. </el-form-item>
  102. </el-col>
  103. <el-col :span="1.5">
  104. <el-form-item label="需求客户">
  105. <el-select clearable size="mini" v-model="queryParams.customer" @focus="chooseRefer('CUSTOMER_PARAM', true, '需求客户')" style="width: 200px">
  106. <el-option v-for="item in customerOptions" :key="item.id" :label="item.name" :value="item.id" />
  107. </el-select>
  108. </el-form-item>
  109. </el-col>
  110. <el-col :span="1.5">
  111. <el-form-item label="供应仓库">
  112. <el-select clearable size="mini" v-model="queryParams.lastWarehouse" @focus="chooseRefer('WAREHOUSE_PARAM', true, '供应仓库')" style="width: 200px">
  113. <el-option v-for="item in lastWarehouseOptions" :key="item.id" :label="item.name" :value="item.id" />
  114. </el-select>
  115. </el-form-item>
  116. </el-col>
  117. <el-col :span="1.5">
  118. <el-form-item label="供应库位">
  119. <el-select clearable size="mini" v-model="queryParams.lastAllocation" @focus="chooseRefer('ALLOCATION_PARAM', true, '供应库位', queryParams.lastWarehouse)" style="width: 200px">
  120. <el-option v-for="item in lastAllocationOptions" :key="item.id" :label="item.name" :value="item.id" />
  121. </el-select>
  122. </el-form-item>
  123. </el-col>
  124. </el-row>
  125. <el-row :gutter="10">
  126. <el-col :span="1.5">
  127. <el-form-item label="物料编码">
  128. <el-popover
  129. placement="top-start"
  130. width="200"
  131. trigger="hover"
  132. :content="queryParams.names">
  133. <el-input slot="reference" clearable size="mini" v-model="queryParams.names" @clear="clearMaterial" style="width: 200px" @paste.native="pasteMe($event)">
  134. <el-button size="mini" slot="append" icon="el-icon-more" @click="chooseMaterial"></el-button>
  135. </el-input>
  136. </el-popover>
  137. </el-form-item>
  138. </el-col>
  139. <el-col :span="1.5">
  140. <el-form-item label="默认采购组织">
  141. <el-select clearable size="mini" v-model="queryParams.purchaseOrg" @focus="chooseRefer('ORG_PARAM', true, '默认采购组织')" style="width: 200px">
  142. <el-option v-for="item in orgOptions" :key="item.id" :label="item.name" :value="item.id" />
  143. </el-select>
  144. </el-form-item>
  145. </el-col>
  146. <el-col :span="1.5">
  147. <el-form-item label="需求日期">
  148. <el-date-picker
  149. v-model="queryParams.demandDate"
  150. type="date"
  151. value-format="yyyy-MM-dd"
  152. size="mini"
  153. style="width: 200px"
  154. >
  155. </el-date-picker>
  156. </el-form-item>
  157. </el-col>
  158. <el-col :span="1.5">
  159. <el-form-item label="采购需求单号">
  160. <el-input
  161. v-model.trim="queryParams.code"
  162. size="mini"
  163. clearable
  164. style="width: 200px"
  165. />
  166. </el-form-item>
  167. </el-col>
  168. </el-row>
  169. <el-row :gutter="10">
  170. <el-col :span="1.5">
  171. <el-form-item label="审批结束日期">
  172. <el-date-picker
  173. v-model="queryParams.approverFinishTime"
  174. type="date"
  175. clearable
  176. value-format="yyyy-MM-dd"
  177. size="mini"
  178. style="width: 200px"
  179. >
  180. </el-date-picker>
  181. </el-form-item>
  182. </el-col>
  183. <el-col :span="1.5">
  184. <el-form-item label="是否客户指定">
  185. <el-select clearable v-model="queryParams.isCustomerSpecified" size="mini" style="width: 200px">
  186. <el-option
  187. v-for="item in options"
  188. :key="item.value"
  189. :label="item.label"
  190. :value="item.value">
  191. </el-option>
  192. </el-select>
  193. </el-form-item>
  194. </el-col>
  195. <el-col :span="1.5">
  196. <el-form-item label="是否紧急需求">
  197. <el-select clearable v-model="queryParams.isUrgency" size="mini" style="width: 200px">
  198. <el-option
  199. v-for="item in options"
  200. :key="item.value"
  201. :label="item.label"
  202. :value="item.value">
  203. </el-option>
  204. </el-select>
  205. </el-form-item>
  206. </el-col>
  207. </el-row>
  208. </div>
  209. </CollapseTransition>
  210. </el-form>
  211. <el-divider class="lines"><i style="cursor: pointer;" :class="expanded?'el-icon-arrow-up':'el-icon-arrow-down'" @click="drop"></i></el-divider>
  212. <div class="btn_grooup">
  213. <el-button type="primary" size="mini" @click="editList">编辑</el-button>
  214. <el-button type="danger" size="mini" v-if="!lineDisable" @click="cancelEdit">取消编辑</el-button>
  215. <el-button type="success" size="mini" v-if="!lineDisable" @click="saveList">保存</el-button>
  216. <el-button type="primary" size="mini" v-if="lineDisable" @click="confirms">确认</el-button>
  217. <el-button type="primary" size="mini" v-if="lineDisable" @click="cancels">取消</el-button>
  218. <!-- <el-button type="primary" size="mini" v-if="lineDisable" @click="cancelAudit">取消审批</el-button> -->
  219. <el-button type="primary" size="mini" v-if="lineDisable" @click="audits">审核</el-button>
  220. <el-button type="primary" size="mini" v-if="lineDisable" @click="closeLine">行关闭</el-button>
  221. <el-button size="mini" type="primary" style="margin: 0 10px;" v-if="lineDisable" @click="handleCommand">
  222. 导出
  223. </el-button>
  224. <!-- <el-button type="primary" size="mini">转请购</el-button> -->
  225. </div>
  226. <el-table
  227. v-loading="loading"
  228. :data="tableList"
  229. :cell-style="{ borderColor: '#c0c0c0' }"
  230. :header-cell-style="{ borderColor: '#c0c0c0' }"
  231. class="exporttable"
  232. border
  233. show-summary
  234. :summary-method="getSummaries"
  235. highlight-current-row
  236. height="355"
  237. max-height="355"
  238. style="font-size: 12px;"
  239. @selection-change="handleSelectionChange"
  240. @row-click="rowSelect"
  241. @row-dblclick="doubleClick"
  242. ref="table"
  243. >
  244. <el-table-column type="selection" width="60" fixed="left"/>
  245. <el-table-column show-overflow-tooltip label="序号" type="index" align="center" width="50px" fixed="left"/>
  246. <!-- <el-table-column show-overflow-tooltip v-if="showColumn.status" label="行号" align="center" prop="rowNo"/> -->
  247. <el-table-column show-overflow-tooltip v-if="showColumn.status" label="行状态" align="center" prop="status" width="100px" :formatter="hangStatus"/>
  248. <el-table-column show-overflow-tooltip v-if="showColumn.materialClassifyOneName" label="一级品类" align="center" prop="materialClassifyOneName" width="80"/>
  249. <el-table-column show-overflow-tooltip v-if="showColumn.materialCode" label="物料编码" align="center" prop="materialCode" width="150px"/>
  250. <el-table-column show-overflow-tooltip v-if="showColumn.materialName" label="品名" align="center" prop="materialName" width="150px"/>
  251. <el-table-column show-overflow-tooltip v-if="showColumn.specification" label="规格" align="center" prop="specification" width="100px"/>
  252. <el-table-column show-overflow-tooltip v-if="showColumn.unit" label="单位" align="center" prop="unit"/>
  253. <el-table-column show-overflow-tooltip v-if="showColumn.manufacturer" label="生产厂家/代理人" align="center" prop="manufacturer" width="150px"/>
  254. <el-table-column show-overflow-tooltip v-if="showColumn.demandNum" label="需求单位数" align="center" prop="demandNum" width="80px"/>
  255. <el-table-column show-overflow-tooltip v-if="showColumn.evensalesforyear" label="近1月月均需求" align="center" prop="evensalesforyear" width="80px"/>
  256. <el-table-column show-overflow-tooltip v-if="showColumn.evensalesforthrmonth" label="近3月月均需求" align="center" prop="evensalesforthrmonth" width="80px"/>
  257. <el-table-column show-overflow-tooltip v-if="showColumn.netDemandNum" label="总最终净需求量" align="center" prop="netDemandNum" width="80px"/>
  258. <el-table-column show-overflow-tooltip v-if="showColumn.totalMonthlySales" label="总月销量" align="center" prop="totalMonthlySales" width="80px" />
  259. <el-table-column show-overflow-tooltip v-if="showColumn.demandCycle" label="需求可用周期" align="center" prop="demandCycle" width="80px"/>
  260. <el-table-column show-overflow-tooltip v-if="showColumn.dullQut" label="呆滞量" align="center" prop="dullQut" width="80px" />
  261. <el-table-column show-overflow-tooltip v-if="showColumn.buyPeriod" label="采购周期" align="center" prop="buyPeriod" width="80px" />
  262. <el-table-column show-overflow-tooltip v-if="showColumn.centralPublicStock" label="中心公共库存" align="center" prop="centralPublicStock" width="80px"/>
  263. <el-table-column show-overflow-tooltip v-if="showColumn.centralWarehouse" label="中心仓专属货位" align="center" prop="centralWarehouse" width="80px"/>
  264. <el-table-column show-overflow-tooltip v-if="showColumn.regionPublicStock" label="区域分仓公共库存" align="center" prop="regionPublicStock" width="80px"/>
  265. <el-table-column show-overflow-tooltip v-if="showColumn.eachWarehouseStock" label="各项目仓库存" align="center" prop="eachWarehouseStock" width="80px"/>
  266. <el-table-column show-overflow-tooltip v-if="showColumn.commerceWarehouse" label="电商仓库" align="center" prop="commerceWarehouse" width="80px" />
  267. <el-table-column show-overflow-tooltip v-if="showColumn.buyTransit" label="采购在途" align="center" prop="buyTransit" width="80px" />
  268. <el-table-column show-overflow-tooltip v-if="showColumn.lendTransit" label="借出在途" align="center" prop="lendTransit" width="80px" />
  269. <el-table-column show-overflow-tooltip v-if="showColumn.transferTransit" label="调拨在途" align="center" prop="transferTransit" width="80px"/>
  270. <el-table-column show-overflow-tooltip v-if="showColumn.stockTotal" label="库存总计" align="center" prop="stockTotal" width="80px"/>
  271. <el-table-column show-overflow-tooltip v-if="showColumn.minPackage" label="最小包装量" align="center" prop="minPackage" width="80px"/>
  272. <el-table-column show-overflow-tooltip v-if="showColumn.minOrder" label="最小订货量" align="center" prop="minOrder" width="80px"/>
  273. <el-table-column show-overflow-tooltip v-if="showColumn.minBatch" label="最小批量" align="center" prop="minBatch" width="80px"/>
  274. <el-table-column show-overflow-tooltip v-if="showColumn.artificialAdjust" label="人工调整数" align="center" prop="artificialAdjust" width="80px"/>
  275. <el-table-column show-overflow-tooltip v-if="showColumn.modifyReason" label="修改原因" align="center" prop="modifyReason" width="150px">
  276. <template slot-scope="scope">
  277. <el-input size="mini" :disabled="scope.row.status !== '1'|| lineDisable || scope.row.artificialAdjust == '0'" v-model="scope.row.modifyReason" @change="jilu(scope.$index)"/>
  278. </template>
  279. </el-table-column>
  280. <el-table-column show-overflow-tooltip v-if="showColumn.suggestionPurchase" label="建议采购量" align="center" prop="suggestionPurchase" width="80px"/>
  281. <!-- <el-table-column show-overflow-tooltip v-if="showColumn.status" label="建议净采购量" align="center" prop="suggestBuyQty" width="100px"/> -->
  282. <el-table-column show-overflow-tooltip v-if="showColumn.finalBuyQty" label="最终采购量" align="center" prop="finalBuyQty" width="80px">
  283. <template slot-scope="scope">
  284. <el-input size="mini" :disabled="scope.row.status !== '1' || lineDisable" v-model="scope.row.finalBuyQty" @change="jilu(scope.$index)"/>
  285. </template>
  286. </el-table-column>
  287. <el-table-column show-overflow-tooltip v-if="showColumn.materialClassifyTwoName" label="二级品类" align="center" prop="materialClassifyTwoName" width="120px"/>
  288. <el-table-column show-overflow-tooltip v-if="showColumn.materialClassifyThreeName" label="三级品类" align="center" prop="materialClassifyThreeName" width="120px"/>
  289. <el-table-column show-overflow-tooltip v-if="showColumn.materialClassifyFourName" label="四级品类" align="center" prop="materialClassifyFourName" width="120px"/>
  290. <el-table-column show-overflow-tooltip v-if="showColumn.buyerName" label="采购员" align="center" prop="buyerName" width="150px">
  291. <template slot-scope="scope">
  292. <el-input readonly :disabled="scope.row.status !== '1' || lineDisable" size="mini" v-model="scope.row.buyerName">
  293. <el-button size="mini" :disabled="scope.row.status !== '1' || lineDisable" slot="append" icon="el-icon-more" @click="chooseSon(scope.$index, 'CONTACTS_PARAM', true, '明细采购员')"></el-button>
  294. </el-input>
  295. </template>
  296. </el-table-column>
  297. <el-table-column show-overflow-tooltip v-if="showColumn.purchaseOrgName" label="默认采购组织" align="center" prop="purchaseOrgName" width="150px">
  298. <!-- <template slot-scope="scope">
  299. <el-input readonly :disabled="scope.row.status !== '1' || lineDisable" size="mini" v-model="scope.row.purchaseOrgName">
  300. <el-button size="mini" :disabled="scope.row.status !== '1' || lineDisable" slot="append" icon="el-icon-more" @click="chooseSon(scope.$index, 'ORG_PARAM', true, '明细默认采购组织')"></el-button>
  301. </el-input>
  302. </template> -->
  303. </el-table-column>
  304. <el-table-column show-overflow-tooltip v-if="showColumn.validityPeriod" label="有效期" align="center" prop="validityPeriod"/>
  305. <el-table-column show-overflow-tooltip v-if="showColumn.validityPeriodUnit" label="有效期单位" align="center" prop="validityPeriodUnit" width="80px"/>
  306. <el-table-column show-overflow-tooltip v-if="showColumn.businessType" label="业务类型" align="center" prop="businessType" :formatter="formatterBusinessType"/>
  307. <el-table-column show-overflow-tooltip v-if="showColumn.safetyStock" label="安全库存量" align="center" prop="safetyStock" width="80px"/>
  308. <el-table-column show-overflow-tooltip v-if="showColumn.billSource" label="单据来源" align="center" prop="billSource" :formatter="formatterSource"/>
  309. <el-table-column show-overflow-tooltip v-if="showColumn.registrant" label="注册人" align="center" prop="registrant" width="120px"/>
  310. <!-- <el-table-column label="可用量" align="center" prop="qty"/> -->
  311. <el-table-column show-overflow-tooltip v-if="showColumn.buyDiscrepancy" label="总需与终采差异" align="center" prop="buyDiscrepancy" width="80px"/>
  312. <el-table-column show-overflow-tooltip v-if="showColumn.forecastClassification" label="集团预测分类" align="center" prop="forecastClassification" width="80px"/>
  313. <el-table-column show-overflow-tooltip v-if="showColumn.centerBinPossession" label="中心仓占有量" align="center" prop="centerBinPossession" width="80px"/>
  314. <el-table-column show-overflow-tooltip v-if="showColumn.centralWarehouseAvailable" label="中心仓可用量" align="center" prop="centralWarehouseAvailable" width="80px"/>
  315. <!-- <el-table-column label="物料类别" align="center" prop="materialCategory" width="150px"/> -->
  316. <!-- <el-table-column label="业务部门" align="center" prop="departmentName" width="150px"/> -->
  317. <!-- <el-table-column show-overflow-tooltip v-if="showColumn.status" label="需求单位" align="center" prop="demandUnit"/> -->
  318. <el-table-column show-overflow-tooltip v-if="showColumn.puManagerAuditor" label="采购经理审核人" align="center" prop="puManagerAuditor" width="120px"/>
  319. <el-table-column
  320. fixed="right"
  321. label="操作"
  322. align="center"
  323. width="100"
  324. >
  325. <template slot-scope="scope">
  326. <el-button type="text" size="mini" @click="check(scope.row)">查看</el-button>
  327. </template>
  328. </el-table-column>
  329. </el-table>
  330. <el-button size="mini" style="position: absolute;left: 20px;bottom: 20px;" @click="tols.open = true">隐藏列</el-button>
  331. <colTol :isVisible.sync="tols.open" @reDraw="reDraw" :showColumn.sync="showColumn" :arrs.sync="arrs"/>
  332. <el-pagination
  333. background
  334. @size-change="handleSizeChange"
  335. @current-change="handleCurrentChange"
  336. :current-page="queryParams.pageNum"
  337. :page-sizes="[10, 20, 50, 100, 200, 500]"
  338. :page-size="100"
  339. layout="total, sizes, prev, pager, next, jumper"
  340. :total=total>
  341. </el-pagination>
  342. </el-card>
  343. </div>
  344. <Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" :query="queryParams" @refresh="search"/>
  345. <Refers ref="refer" @doSubmit="selectionsToInput" :single="true"/>
  346. <TreeRefers ref="tree" @doSubmit="selectionsToInput2" :single="true"/>
  347. <popDialog ref="materialRefer" @doSubmit="selectMaterial" :single="false" />
  348. </div>
  349. </template>
  350. <script>
  351. import Add from './add'
  352. import colTol from './colTol.vue'
  353. import Refers from '@/components/Refers/refers.vue'
  354. import TreeRefers from '@/components/Refers/treeRefer.vue'
  355. import popDialog from '@/components/PopDialog/index.vue'
  356. import CollapseTransition from '@/components/MyCollapse/collapse.vue'
  357. // 用于物料参照框数据
  358. import {getRefer} from '@/api/purchase/basic.js'
  359. import {getSummaryList, auditSummary, cancelAudits, confirmSummary , cancelSummary , shutDownSummary, editSummaryList, exportList, exportItems } from '@/api/purchase/DemandSummary.js'
  360. export default {
  361. name: 'demandSummary',
  362. dicts: ['sys_row_status', 'predictive_classify', 'sys_period_unit', 'sys_business', 'sys_bill_source'],
  363. components: {
  364. Add,
  365. colTol,
  366. CollapseTransition,
  367. Refers,
  368. TreeRefers,
  369. popDialog
  370. },
  371. data() {
  372. return {
  373. loading: true,
  374. showColumn: {},
  375. arrs:[],
  376. tols: {
  377. open: false
  378. },
  379. hangStatus(row) {
  380. switch (row.status) {
  381. case '0':
  382. return '需补货'
  383. case '1':
  384. return '待计划确认'
  385. case '2':
  386. return '计划已确认'
  387. case '3':
  388. return '计划已审核'
  389. case '4':
  390. return '行关闭'
  391. case '5':
  392. return '总供应可满足'
  393. }
  394. },
  395. formatterBusinessType(row) {
  396. switch (row.businessType) {
  397. case 'ZQBH':
  398. return '周期备货'
  399. case 'FXXQ':
  400. return '分销需求'
  401. case 'TSXQ':
  402. return '特殊采购需求'
  403. case 'BDXQ':
  404. return '补单需求'
  405. case 'JJXQ':
  406. return '紧急需求单'
  407. case 'XPXQ':
  408. return '新品需求'
  409. case 'HZBM':
  410. return '合作部门需求'
  411. }
  412. },
  413. formatterSource(row) {
  414. switch (row.billSource) {
  415. case '1':
  416. return '手工导入'
  417. case '2':
  418. return '按客户计算'
  419. case '3':
  420. return '按仓库计算'
  421. case '4':
  422. return '手工新增'
  423. }
  424. },
  425. expanded: false,
  426. // 页面配置
  427. isList: true,
  428. // 页面状态
  429. page: '',
  430. queryParams: {
  431. rowStatus: ['1'],
  432. buyer: '',
  433. buyerName: '',
  434. materialClassifyFour: '',
  435. manufacturer: '',
  436. forecastClassification: '',
  437. periodUnit: '',
  438. departmentName: '',
  439. puManagerAuditor: '',
  440. // zqgdh: '',
  441. code: '',
  442. registrant: '',
  443. businessType: '',
  444. billSource: '',
  445. customer: '',
  446. lastWarehouse: '',
  447. lastAllocation: '',
  448. materialCodeList: [],
  449. names: '',
  450. purchaseOrg: '',
  451. demandDate: '',
  452. approverFinishTime: '',
  453. isCustomerSpecified: '',
  454. isUrgency: '',
  455. pageNum: 1,
  456. pageSize: 100
  457. },
  458. personOptions: [],
  459. classOptions: [],
  460. deptOptions: [],
  461. auditOptions: [],
  462. customerOptions: [],
  463. lastWarehouseOptions: [],
  464. lastAllocationOptions: [],
  465. orgOptions: [],
  466. options: [{
  467. value: 'Y', label: '是',
  468. }, {
  469. value: 'N', label: '否'
  470. }],
  471. referCondition: {
  472. type: '',
  473. isPage: true,
  474. title: ''
  475. },
  476. tableList: [],
  477. total: 0,
  478. rowDetail: {},
  479. disable: false,
  480. lineDisable: true,
  481. ids: [],
  482. allSelection: [],
  483. // 子表index
  484. tableIndex: null,
  485. // referConditionMx: {
  486. // type: '',
  487. // isPage: true,
  488. // title: ''
  489. // }
  490. // 用于保存临时记录修改行的数组
  491. record:[]
  492. }
  493. },
  494. created() {
  495. this.getList(this.queryParams)
  496. },
  497. methods: {
  498. reDraw() {
  499. this.$refs.table.doLayout();
  500. console.log(111)
  501. },
  502. // 指定列合计
  503. getSummaries(param) {
  504. const { columns, data } = param;
  505. const sums = [];
  506. columns.forEach((column, index) => {
  507. if (index === 0) {
  508. sums[index] = '合计';
  509. return;
  510. }
  511. const values = data.map(item => Number(item[column.property]));
  512. if (column.property === 'demandNum' || column.property === 'netDemandNum' || column.property === 'artificialAdjust' || column.property === 'suggestBuyQty' || column.property === 'finalBuyQty') {
  513. sums[index] = values.reduce((prev, curr) => {
  514. const value = Number(curr);
  515. if (!isNaN(value)) {
  516. return prev + curr;
  517. } else {
  518. return prev;
  519. }
  520. }, 0);
  521. sums[index];
  522. }
  523. });
  524. return sums
  525. },
  526. // 搜索
  527. search() {
  528. this.getList(this.queryParams)
  529. },
  530. reset() {
  531. this.queryParams = {
  532. rowStatus: ['1'],
  533. buyer: '',
  534. buyerName: '',
  535. materialClassifyFour: '',
  536. manufacturer: '',
  537. forecastClassification: '',
  538. periodUnit: '',
  539. departmentName: '',
  540. puManagerAuditor: '',
  541. // zqgdh: '',
  542. code: '',
  543. registrant: '',
  544. businessType: '',
  545. billSource: '',
  546. customer: '',
  547. lastWarehouse: '',
  548. lastAllocation: '',
  549. materialCodeList: [],
  550. names: '',
  551. purchaseOrg: '',
  552. demandDate: '',
  553. approverFinishTime: '',
  554. isCustomerSpecified: '',
  555. isUrgency: '',
  556. pageNum: 1,
  557. pageSize: 100
  558. }
  559. this.getList(this.queryParams)
  560. },
  561. getList(params){
  562. getSummaryList(params).then(res => {
  563. if (res.code === 200) {
  564. this.tableList = res.rows
  565. this.total = res.total
  566. let arrs = []
  567. this.$refs.table.$children.forEach(item => {
  568. if (item.label != undefined && item.prop != undefined) {
  569. arrs.push({
  570. label: item.label,
  571. prop: item.prop
  572. })
  573. }
  574. })
  575. this.arrs = arrs
  576. console.log('获取表头数据', arrs)
  577. }
  578. }).then(() => {
  579. // 合计不显示重绘
  580. this.$refs.table.doLayout()
  581. this.loading = false
  582. }).catch(err => {
  583. this.loading = false
  584. })
  585. },
  586. handleSelectionChange(selection) {
  587. console.log('选中', selection)
  588. this.allSelection = selection
  589. this.ids = selection.map(item => item.demandItemId)
  590. console.log('选中数组', this.ids.join())
  591. },
  592. handleCommand() {
  593. this.$modal.loading("正在导出数据,请稍后...");
  594. let param = this.queryParams
  595. exportItems(param).then(res => {
  596. this.$modal.closeLoading();
  597. const blob = new Blob([res], {
  598. type: "application/vnd.ms-excel;charset=UTF-8",
  599. });// 创建一个类文件对象:Blob对象表示一个不可变的、原始数据的类文件对象
  600. const downloadElement = document.createElement("a"); //创建a标签
  601. const href = window.URL.createObjectURL(blob); // 创建下载的链接
  602. // var temp = res.headers["content-disposition"];
  603. // var fileName = decodeURIComponent(temp.split("filename=")[1]); // 中文需要转码 (前端乱码)
  604. // var name = fileName.split(";")[0]; //切割成文件名
  605. downloadElement.href = href; //下载地址
  606. downloadElement.download = '采购需求处理导出'+ this.parseTime(new Date().getTime()) + ".xlsx"; // 下载后文件名
  607. document.body.appendChild(downloadElement);
  608. downloadElement.click(); // 点击下载
  609. document.body.removeChild(downloadElement); // 下载完成移除元素
  610. window.URL.revokeObjectURL(href); // 释放blob对象
  611. })
  612. },
  613. check(row) {
  614. this.isList = false
  615. this.page = 'check'
  616. this.rowDetail = row
  617. this.disable = true
  618. },
  619. doubleClick(row) {
  620. this.isList = false
  621. this.page = 'check'
  622. this.rowDetail = row
  623. this.disable = true
  624. },
  625. // 表格选中数据
  626. rowSelect(row) {
  627. this.$refs.table.toggleRowSelection(row);
  628. },
  629. handleSizeChange(val) {
  630. console.log(`每页 ${val} 条`);
  631. this.queryParams.pageSize = val
  632. this.getList(this.queryParams)
  633. },
  634. handleCurrentChange(val) {
  635. console.log(`当前页: ${val}`);
  636. this.queryParams.pageNum = val
  637. this.getList(this.queryParams)
  638. },
  639. drop() {
  640. this.expanded = !this.expanded
  641. },
  642. editList() {
  643. console.log('Lists`````',this.tableList)
  644. this.lineDisable = false
  645. },
  646. cancelEdit() {
  647. this.lineDisable = true
  648. this.getList(this.queryParams)
  649. },
  650. saveList() {
  651. // console.log('记录',this.record)
  652. // 对记录的数据进行去重
  653. let newRecord = Array.from(new Set(this.record))
  654. // console.log('去重后的', newRecord)
  655. let changeList = newRecord.map(i => {
  656. return this.tableList[i]
  657. })
  658. // console.log('shuzu', changeList)
  659. editSummaryList(changeList).then(res => {
  660. if (res.code === 200) {
  661. this.$modal.notifySuccess("保存成功");
  662. this.lineDisable = true
  663. this.getList(this.queryParams)
  664. }
  665. })
  666. },
  667. confirms() {
  668. if (this.ids.length == 0) {
  669. this.$modal.notifyWarning("请选中至少一条数据");
  670. } else {
  671. confirmSummary(this.allSelection).then(res => {
  672. if (res.code === 200) {
  673. this.$modal.notifySuccess("确认成功");
  674. this.getList(this.queryParams)
  675. }
  676. })
  677. }
  678. },
  679. cancels() {
  680. if (this.ids.length == 0) {
  681. this.$modal.notifyWarning("请选中至少一条数据");
  682. } else {
  683. let param = this.ids.join()
  684. cancelSummary(param).then(res => {
  685. if (res.code === 200) {
  686. this.$modal.notifySuccess("取消成功");
  687. this.getList(this.queryParams)
  688. }
  689. })
  690. }
  691. },
  692. cancelAudit() {
  693. if(this.ids.length == 0) {
  694. this.$modal.notifyWarning("请选中至少一条数据");
  695. } else {
  696. let param = this.ids.join()
  697. cancelAudits(param).then(res => {
  698. if (res.code === 200) {
  699. this.$modal.notifySuccess("审核成功");
  700. this.getList(this.queryParams)
  701. }
  702. })
  703. }
  704. },
  705. audits() {
  706. if(this.ids.length == 0) {
  707. this.$modal.notifyWarning("请选中至少一条数据");
  708. } else {
  709. let param = this.ids.join()
  710. auditSummary(param).then(res => {
  711. if (res.code === 200) {
  712. this.$modal.notifySuccess("审核成功");
  713. this.getList(this.queryParams)
  714. }
  715. })
  716. }
  717. },
  718. // 行关闭
  719. closeitem() {
  720. let param = this.ids.join()
  721. shutDownSummary(param).then(res => {
  722. if (res.code === 200) {
  723. this.$modal.notifySuccess("操作成功");
  724. this.getList(this.queryParams)
  725. }
  726. })
  727. },
  728. closeLine() {
  729. if (this.ids.length == 0) {
  730. this.$modal.notifyWarning("请选中至少一条数据");
  731. } else {
  732. console.log('选中数组', this.allSelection)
  733. let item = this.allSelection.some(item => {
  734. return item.demandNum >= 2
  735. })
  736. if (item) {
  737. this.$modal.confirm('选中项有多个需求单位,是否确定关闭?').then(function () {
  738. }).then(() => {
  739. this.closeitem()
  740. }).catch(() => {})
  741. } else {
  742. this.closeitem()
  743. }
  744. }
  745. },
  746. // 搜索区参照选择
  747. chooseRefer(type, isPage, title, stordocId) {
  748. this.referCondition.type = type
  749. this.referCondition.isPage = isPage
  750. this.referCondition.title = title
  751. this.referCondition.stordocId = stordocId
  752. this.$refs.refer.init(this.referCondition)
  753. },
  754. selectionsToInput(selection) {
  755. if (this.referCondition.title == '采购员') {
  756. this.personOptions = selection
  757. this.queryParams.buyer = selection[0].code
  758. this.queryParams.buyerName = selection[0].name
  759. }
  760. if (this.referCondition.title == '业务部门') {
  761. this.deptOptions = selection
  762. this.queryParams.departmentName = selection[0].id
  763. }
  764. if (this.referCondition.title == '审核人') {
  765. this.auditOptions = selection
  766. this.queryParams.puManagerAuditor = selection[0].code
  767. }
  768. if (this.referCondition.title == '需求客户') {
  769. this.customerOptions = selection
  770. this.queryParams.customer = selection[0].id
  771. }
  772. if (this.referCondition.title == '供应仓库') {
  773. this.lastWarehouseOptions = selection
  774. this.queryParams.lastWarehouse = selection[0].id
  775. }
  776. if (this.referCondition.title == '供应库位') {
  777. this.lastAllocationOptions = selection
  778. this.queryParams.lastAllocation = selection[0].id
  779. }
  780. if (this.referCondition.title == '默认采购组织') {
  781. this.orgOptions = selection
  782. this.queryParams.purchaseOrg = selection[0].id
  783. }
  784. if (this.referCondition.title == '明细采购员') {
  785. console.log('选择进了吗',this.tableList)
  786. this.record.push(this.tableIndex)
  787. this.tableList[this.tableIndex].buyer = selection[0].code
  788. this.tableList[this.tableIndex].buyerName = selection[0].name
  789. }
  790. // if (this.referCondition.title == '明细默认采购组织') {
  791. // console.log('选择进了吗',this.tableList)
  792. // this.tableList[this.tableIndex].purchaseOrg = selection[0].id
  793. // this.tableList[this.tableIndex].purchaseOrgName = selection[0].name
  794. // }
  795. },
  796. // 搜索区树形选择
  797. chooseTreeRefer(type, isPage, title) {
  798. this.referCondition.type = type
  799. this.referCondition.isPage = isPage
  800. this.referCondition.title = title
  801. this.$refs.tree.init(this.referCondition)
  802. },
  803. selectionsToInput2(selection) {
  804. this.classOptions.push(selection)
  805. this.queryParams.materialClassifyFour = selection.id
  806. },
  807. // 搜索区物料编码
  808. chooseMaterial() {
  809. this.$refs.materialRefer.init()
  810. },
  811. selectMaterial(selection) {
  812. console.log('选择的物料', selection)
  813. this.queryParams.materialCodeList = selection.map(item => {return item.code})
  814. console.log(this.queryParams.materialCodeList)
  815. this.queryParams.names = (selection.map(item => {return item.name})).join(',')
  816. },
  817. // 清空物料搜索框
  818. clearMaterial() {
  819. this.queryParams.names = ''
  820. this.queryParams.materialCodeList = []
  821. },
  822. // 粘贴来的数据
  823. async pasteMe(e) {
  824. this.$modal.loading("正在粘贴数据...");
  825. e.preventDefault() //阻止默认粘贴事件
  826. let source = e.clipboardData.getData("Text");
  827. // 首先对源头进行解析
  828. let rows = source.split("\r\n"); // 拆成一个数组
  829. // 数组去除空字符串
  830. rows = rows.filter(item => {
  831. return item && item.trim()
  832. })
  833. await getRefer({ type: 'MATERIAL_PARAM', materialCodeList: rows }).then(res => {
  834. this.$modal.closeLoading();
  835. if (res.code === 200) {
  836. let rowList = res.rows
  837. console.log('粘贴的', rowList)
  838. this.queryParams.materialCodeList = rowList.map(item => {return item.code})
  839. this.queryParams.names = (rowList.map(item => {return item.code})).join(',')
  840. }
  841. }).catch(err => {
  842. this.$modal.closeLoading();
  843. })
  844. },
  845. // 明细行选择业务部门参照带出业务部门数据
  846. chooseSon(index, type, isPage, title) {
  847. this.tableIndex = index
  848. this.referCondition.type = type
  849. this.referCondition.isPage = isPage
  850. this.referCondition.title = title
  851. this.$refs.refer.init(this.referCondition)
  852. },
  853. jilu(index) {
  854. this.record.push(index)
  855. },
  856. }
  857. }
  858. </script>
  859. <style lang="scss" scoped>
  860. #demandSummary {
  861. padding: 12px;
  862. box-sizing: border-box;
  863. overflow-y: scroll;
  864. }
  865. .btn_grooup {
  866. margin-bottom: 10px;
  867. display: flex;
  868. justify-content: flex-end;
  869. }
  870. .lines {
  871. margin-top: 0;
  872. }
  873. .hang {
  874. margin: auto;
  875. }
  876. .hang ::v-deep .el-form-item__content{
  877. margin-left: 0px !important;
  878. }
  879. .el-pagination {
  880. margin-top: 10px;
  881. text-align: right;
  882. }
  883. ::v-deep .el-table__row > td {
  884. border-right: none;
  885. }
  886. ::v-deep .el-card .el-form-item {
  887. margin-bottom: 3px;
  888. }
  889. </style>
  890. <style>
  891. .exporttable {
  892. border: solid 1px #c0c0c0;
  893. }
  894. </style>