index.vue 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462
  1. <template>
  2. <div class="app-container">
  3. <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
  4. <el-form-item label="货权方" prop="fCorpid">
  5. <el-select
  6. v-model="queryParams.fCorpid"
  7. filterable
  8. remote
  9. clearable
  10. size="small"
  11. @keyup.enter.native="handleQuery"
  12. :remote-method="corpsRemoteMethod"
  13. placeholder="请选择货权方"
  14. >
  15. <el-option
  16. v-for="(dict, index) in fMblnoOptions"
  17. :key="index.fId"
  18. :label="dict.fName"
  19. :value="dict.fId"
  20. ></el-option>
  21. </el-select>
  22. </el-form-item>
  23. <el-form-item label="提单号" prop="fMblno">
  24. <el-input
  25. v-model="queryParams.fMblno"
  26. placeholder="请输入提单号"
  27. clearable
  28. size="small"
  29. @keyup.enter.native="handleQuery"
  30. />
  31. </el-form-item>
  32. <el-form-item label="审核日期" prop="timeExamine">
  33. <el-date-picker
  34. v-model="queryParams.timeExamine"
  35. type="daterange"
  36. value-format="yyyy-MM-dd"
  37. clearable
  38. range-separator="至"
  39. start-placeholder="开始日期"
  40. end-placeholder="结束日期"
  41. @keyup.enter.native="handleQuery">
  42. </el-date-picker>
  43. </el-form-item>
  44. <el-form-item label="结算单位" prop="fToCorpid">
  45. <el-select
  46. v-model="queryParams.fToCorpid"
  47. placeholder="请选择结算单位"
  48. filterable
  49. remote
  50. clearable
  51. style="width: 200px"
  52. @keyup.enter.native="handleQuery"
  53. :remote-method="corpsRemoteMethod"
  54. >
  55. <el-option
  56. v-for="(dict, index) in fMblnoOptions"
  57. :key="index.fId"
  58. :label="dict.fName"
  59. :value="dict.fId"
  60. ></el-option>
  61. </el-select>
  62. </el-form-item>
  63. <el-form-item label="货物名称" prop="fProductName">
  64. <el-select
  65. v-model="queryParams.fProductName"
  66. filterable
  67. remote
  68. clearable
  69. size="small"
  70. :remote-method="goodsRemoteMethod"
  71. @keyup.enter.native="handleQuery"
  72. placeholder="请选择货物名称"
  73. >
  74. <el-option
  75. v-for="(dict, index) in goodsOptions"
  76. :key="index.fId"
  77. :label="dict.fName"
  78. :value="dict.fId"
  79. ></el-option>
  80. </el-select>
  81. </el-form-item>
  82. <el-form-item label="品牌" prop="fMarks">
  83. <el-input
  84. v-model="queryParams.fMarks"
  85. placeholder="请输入品牌"
  86. clearable
  87. size="small"
  88. @keyup.enter.native="handleQuery"/>
  89. </el-form-item>
  90. <el-form-item label="结算状态" prop="fReconciliation">
  91. <el-select
  92. v-model="queryParams.fReconciliation"
  93. clearable
  94. size="small"
  95. @keyup.enter.native="handleQuery"
  96. >
  97. <el-option label="未收" value="0"/>
  98. <el-option label="全部" value="1"/>
  99. </el-select>
  100. </el-form-item>
  101. <el-form-item label="费用状态" prop="fBillstatus">
  102. <el-select
  103. v-model="queryParams.fBillstatus"
  104. clearable
  105. size="small"
  106. @keyup.enter.native="handleQuery"
  107. >
  108. <el-option label="录入" value="0"/>
  109. <el-option label="审核通过" value="1"/>
  110. </el-select>
  111. </el-form-item>
  112. <el-form-item>
  113. <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  114. <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  115. </el-form-item>
  116. </el-form>
  117. <el-row :gutter="10" class="mb8">
  118. <el-col :span="1.5">
  119. <el-button
  120. type="warning"
  121. icon="el-icon-download"
  122. size="mini"
  123. @click="handleExport"
  124. v-hasPermi="['warehouseBusiness:whgenleg:export']"
  125. >导出</el-button>
  126. </el-col>
  127. <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  128. </el-row>
  129. <el-table v-loading="loading" :data="receivableList">
  130. <!-- <el-table-column type="selection" width="55" align="center" /> -->
  131. <el-table-column type="index" label="行号" align="center" />
  132. <el-table-column label="货权方" align="center" prop="fName" show-overflow-tooltip />
  133. <el-table-column label="结算单位" align="center" prop="fFeesName" show-overflow-tooltip />
  134. <el-table-column label="提单号" align="center" prop="fMblno" show-overflow-tooltip />
  135. <el-table-column label="货物名称" align="center" prop="fProductName" show-overflow-tooltip/>
  136. <el-table-column label="品牌" align="center" prop="fMarks" width="120"/>
  137. <el-table-column label="审核日期" align="center" prop="fReviewDate">
  138. <template slot-scope="scope">
  139. <span>{{ parseTime(scope.row.fReviewDate, "{y}-{m}-{d}") }}</span>
  140. </template>
  141. </el-table-column>
  142. <el-table-column label="应收金额" align="center" prop="fAmount" />
  143. <el-table-column label="实收金额" align="center" prop="fStlamount"/>
  144. <el-table-column label="未收金额" align="center" prop=""/>
  145. </el-table>
  146. <pagination
  147. v-show="total>0"
  148. :total="total"
  149. :page.sync="queryParams.pageNum"
  150. :limit.sync="queryParams.pageSize"
  151. @pagination="getList"
  152. />
  153. <!-- 添加或修改库存总账对话框 -->
  154. <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
  155. <!-- <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
  156. <!-- <el-form-item label="原始入库业务编号" prop="fOriginalbillno">-->
  157. <!-- <el-input v-model="form.fOriginalbillno" placeholder="请输入原始入库业务编号" />-->
  158. <!-- </el-form-item>-->
  159. <!-- <el-form-item label="上期件数" prop="fPreqty">-->
  160. <!-- <el-input v-model="form.fPreqty" placeholder="请输入上期件数" />-->
  161. <!-- </el-form-item>-->
  162. <!-- <el-form-item label="上期毛重,单位为吨,保留6位小数" prop="fPregrossweight">-->
  163. <!-- <el-input v-model="form.fPregrossweight" placeholder="请输入上期毛重,单位为吨,保留6位小数" />-->
  164. <!-- </el-form-item>-->
  165. <!-- <el-form-item label="上期净重," prop="fPrenetweight">-->
  166. <!-- <el-input v-model="form.fPrenetweight" placeholder="请输入上期净重," />-->
  167. <!-- </el-form-item>-->
  168. <!-- <el-form-item label="入库件数" prop="fQtyd">-->
  169. <!-- <el-input v-model="form.fQtyd" placeholder="请输入入库件数" />-->
  170. <!-- </el-form-item>-->
  171. <!-- <el-form-item label="入库尺码" prop="fVolumnd">-->
  172. <!-- <el-input v-model="form.fVolumnd" placeholder="请输入入库尺码" />-->
  173. <!-- </el-form-item>-->
  174. <!-- <el-form-item label="入库毛重" prop="fGrossweightd">-->
  175. <!-- <el-input v-model="form.fGrossweightd" placeholder="请输入入库毛重" />-->
  176. <!-- </el-form-item>-->
  177. <!-- <el-form-item label="入库净重" prop="fNetweightd">-->
  178. <!-- <el-input v-model="form.fNetweightd" placeholder="请输入入库净重" />-->
  179. <!-- </el-form-item>-->
  180. <!-- <el-form-item label="出口尺码" prop="fVolumnc">-->
  181. <!-- <el-input v-model="form.fVolumnc" placeholder="请输入出口尺码" />-->
  182. <!-- </el-form-item>-->
  183. <!-- <el-form-item label="出库件数" prop="fQtyc">-->
  184. <!-- <el-input v-model="form.fQtyc" placeholder="请输入出库件数" />-->
  185. <!-- </el-form-item>-->
  186. <!-- <el-form-item label="结余件数" prop="fQtyblc">-->
  187. <!-- <el-input v-model="form.fQtyblc" placeholder="请输入结余件数" />-->
  188. <!-- </el-form-item>-->
  189. <!-- <el-form-item label="出库毛重,单位为吨" prop="fGrossweightc">-->
  190. <!-- <el-input v-model="form.fGrossweightc" placeholder="请输入出库毛重,单位为吨" />-->
  191. <!-- </el-form-item>-->
  192. <!-- <el-form-item label="出库净重" prop="fNetweightc">-->
  193. <!-- <el-input v-model="form.fNetweightc" placeholder="请输入出库净重" />-->
  194. <!-- </el-form-item>-->
  195. <!-- <el-form-item label="结余毛重" prop="fGrossweightblc">-->
  196. <!-- <el-input v-model="form.fGrossweightblc" placeholder="请输入结余毛重" />-->
  197. <!-- </el-form-item>-->
  198. <!-- <el-form-item label="结余净重" prop="fNetweightblc">-->
  199. <!-- <el-input v-model="form.fNetweightblc" placeholder="请输入结余净重" />-->
  200. <!-- </el-form-item>-->
  201. <!-- <el-form-item label="箱号" prop="fCntrno">-->
  202. <!-- <el-input v-model="form.fCntrno" placeholder="请输入箱号" />-->
  203. <!-- </el-form-item>-->
  204. <!-- <el-form-item label="状态,默认 T ,正常T 停用F 下拉选择">-->
  205. <!-- <el-radio-group v-model="form.fStatus">-->
  206. <!-- <el-radio label="1">请选择字典生成</el-radio>-->
  207. <!-- </el-radio-group>-->
  208. <!-- </el-form-item>-->
  209. <!-- <el-form-item label="删除状态" prop="delFlag">-->
  210. <!-- <el-input v-model="form.delFlag" placeholder="请输入删除状态" />-->
  211. <!-- </el-form-item>-->
  212. <!-- <el-form-item label="唛头" prop="fMarks">-->
  213. <!-- <el-input v-model="form.fMarks" placeholder="请输入唛头" />-->
  214. <!-- </el-form-item>-->
  215. <!-- <el-form-item label="备注" prop="remark">-->
  216. <!-- <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />-->
  217. <!-- </el-form-item>-->
  218. <!-- </el-form>-->
  219. <!-- <div slot="footer" class="dialog-footer">-->
  220. <!-- <el-button type="primary" @click="submitForm">确 定</el-button>-->
  221. <!-- <el-button @click="cancel">取 消</el-button>-->
  222. <!-- </div>-->
  223. <!-- </el-dialog>-->
  224. </div>
  225. </template>
  226. <script>
  227. import { listWhgenleg, getWhgenleg, delWhgenleg, addWhgenleg, updateWhgenleg, exportWhgenleg } from "@/api/reportManagement/receivable";
  228. import {listWarehouse} from "@/api/basicdata/warehouse";
  229. import {listArea} from "@/api/basicdata/area";
  230. import {listGoods} from "@/api/basicdata/goods";
  231. import {listCorps} from "@/api/basicdata/corps";
  232. export default {
  233. name: "generalLedgerDr",
  234. components: {
  235. },
  236. data() {
  237. return {
  238. // 货权方(客户数据)
  239. fMblnoOptions: [],
  240. // 贸易方式(数据字典),对应t_trademodels 字典
  241. fTrademodeidOptions: [],
  242. // 货物
  243. goodsOptions: [],
  244. // 仓库(仓库数据)
  245. warehouseOptions: [],
  246. kqhouseOptions: [],
  247. // 遮罩层
  248. loading: true,
  249. // 显示搜索条件
  250. showSearch: true,
  251. // 总条数
  252. total: 0,
  253. // 库存总账表格数据
  254. receivableList: [],
  255. // 弹出层标题
  256. title: "",
  257. // 是否显示弹出层
  258. open: false,
  259. // 查询参数
  260. queryParams: {
  261. pageNum: 1,
  262. pageSize: 10,
  263. fCorpid: null,
  264. fMblno: null,
  265. timeExamine: null,
  266. fToCorpid: null,
  267. fProductName: null,
  268. fMarks: null,
  269. fReconciliation: null,
  270. fBillstatus: null,
  271. },
  272. // 表单参数
  273. form: {},
  274. // 表单校验
  275. rules: {
  276. fMarks: [
  277. { required: true, message: "唛头不能为空", trigger: "blur" }
  278. ],
  279. }
  280. };
  281. },
  282. created() {
  283. this.getList();
  284. this.getDicts("data_trademodes").then((response) => {
  285. this.fTrademodeidOptions = response.data;
  286. });
  287. },
  288. methods: {
  289. // 贸易方式(数据字典),对���t_trademodels 字典翻译
  290. fTrademodeidFormat(row, column) {
  291. return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid);
  292. },
  293. /* 远程模糊查询仓库 */
  294. warehouseRemoteMethod(name) {
  295. if (name == null || name === "") {
  296. return false;
  297. }
  298. let queryParams = { pageNum: 1, pageSize: 10, fName: name };
  299. listWarehouse(queryParams).then((response) => {
  300. this.warehouseOptions = response.rows;
  301. });
  302. },
  303. /* 远程模糊查询库区 */
  304. kqhouseRemoteMethod(name) {
  305. if (name == null || name === "") {
  306. return false;
  307. }
  308. if (!this.queryParams.fWarehouseid) {
  309. this.$message.error("请输入仓库!");
  310. return false;
  311. }
  312. let queryParams = {
  313. pageNum: 1,
  314. pageSize: 10,
  315. fWarehouseid: this.queryParams.fWarehouseid,
  316. fName: name,
  317. };
  318. listArea(queryParams).then((response) => {
  319. this.kqhouseOptions = response.rows;
  320. });
  321. },
  322. /* 远程模糊查询商品 */
  323. goodsRemoteMethod(name) {
  324. if (name == null || name === "") {
  325. return false;
  326. }
  327. let queryParams = { pageNum: 1, pageSize: 10, fName: name };
  328. listGoods(queryParams).then((response) => {
  329. this.goodsOptions = response.rows;
  330. });
  331. },
  332. /* 远程模糊查询用户 */
  333. corpsRemoteMethod(name) {
  334. if (name == null || name === "") {
  335. return false;
  336. }
  337. let queryParams = { pageNum: 1, pageSize: 10, fName: name };
  338. listCorps(queryParams).then((response) => {
  339. this.fMblnoOptions = response.rows;
  340. this.KHblnoOptions = response.rows;
  341. });
  342. },
  343. /** 查询库存总账列表 */
  344. getList() {
  345. this.loading = true;
  346. this.getDicts('approval_process').then((response) => {
  347. this.options = response.data
  348. })
  349. listWhgenleg(this.queryParams).then(response => {
  350. this.receivableList = response.rows;
  351. this.total = response.total;
  352. this.loading = false;
  353. });
  354. },
  355. // 取消按钮
  356. cancel() {
  357. this.open = false;
  358. this.reset();
  359. },
  360. // 表单重置
  361. reset() {
  362. this.form = {
  363. fAccyear: null,
  364. fId: null,
  365. fAccmonth: null,
  366. fCorpid: null,
  367. fMblno: null,
  368. fOriginalbillno: null,
  369. fWarehouseLocationid: null,
  370. fGoodsid: null,
  371. fTrademodeid: null,
  372. fPreqty: null,
  373. fPregrossweight: null,
  374. fPrenetweight: null,
  375. fQtyd: null,
  376. fVolumnd: null,
  377. fGrossweightd: null,
  378. fNetweightd: null,
  379. fVolumnc: null,
  380. fQtyc: null,
  381. fQtyblc: null,
  382. fGrossweightc: null,
  383. fNetweightc: null,
  384. fGrossweightblc: null,
  385. fNetweightblc: null,
  386. fCntrno: null,
  387. fStatus: "0",
  388. delFlag: null,
  389. createBy: null,
  390. fMarks: null,
  391. createTime: null,
  392. updateBy: null,
  393. updateTime: null,
  394. remark: null
  395. };
  396. this.resetForm("form");
  397. },
  398. /** 搜索按钮操作 */
  399. handleQuery() {
  400. this.queryParams.pageNum = 1;
  401. this.getList();
  402. },
  403. /** 重置按钮操作 */
  404. resetQuery() {
  405. this.resetForm("queryForm");
  406. this.handleQuery();
  407. },
  408. /** 新增按钮操作 */
  409. handleAdd() {
  410. this.reset();
  411. this.open = true;
  412. this.title = "添加库存总账";
  413. },
  414. /** 提交按钮 */
  415. submitForm() {
  416. this.$refs["form"].validate(valid => {
  417. if (valid) {
  418. if (this.form.fAccyear != null) {
  419. updateWhgenleg(this.form).then(response => {
  420. this.msgSuccess("修改成功");
  421. this.open = false;
  422. this.getList();
  423. });
  424. } else {
  425. addWhgenleg(this.form).then(response => {
  426. this.msgSuccess("新增成功");
  427. this.open = false;
  428. this.getList();
  429. });
  430. }
  431. }
  432. });
  433. },
  434. /** 导出按钮操作 */
  435. handleExport() {
  436. const queryParams = this.queryParams;
  437. this.$confirm('是否确认导出所有库存总账数据项?', "警告", {
  438. confirmButtonText: "确定",
  439. cancelButtonText: "取消",
  440. type: "warning"
  441. }).then(function() {
  442. return exportWhgenleg(queryParams);
  443. }).then(response => {
  444. this.download(response.msg);
  445. })
  446. }
  447. }
  448. };
  449. </script>