tb-supplement-add.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>入境登记-添加/修改</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <!-- 所有的 css js 资源 -->
  9. <link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
  10. <link rel="stylesheet" href="../../static/sa.css">
  11. <script src="../../static/kj/vue.min.js"></script>
  12. <script src="../../static/kj/element-ui/index.js"></script>
  13. <script src="../../static/kj/httpVueLoader.js"></script>
  14. <script src="../../static/kj/jquery.min.js"></script>
  15. <script src="../../static/kj/layer/layer.js"></script>
  16. <script src="../../static/sa.js"></script>
  17. <script src="../../static/kj/upload-util.js"></script>
  18. <style type="text/css">
  19. .c-panel .el-form .c-label {
  20. width: 7em !important;
  21. }
  22. .c-panel .el-form .c-panel .el-form {
  23. width: 180px;
  24. }
  25. .item-num .el-input__inner {
  26. width: 130px;
  27. }
  28. .xj {
  29. display: inline;
  30. color: red;
  31. margin-left: 9px;
  32. font-weight: bold;
  33. }
  34. .hj {
  35. color: red;
  36. margin-left: 9px;
  37. font-weight: bold;
  38. }
  39. .china-car-size .el-input__inner {
  40. width: 130px;
  41. }
  42. .car-time .el-input__inner {
  43. width: 170px;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <div class="vue-box sbot" style="display: none;" :style="'display: block;'">
  49. <!-- ------- 内容部分 ------- -->
  50. <div class="s-body">
  51. <div class="c-panel">
  52. <div class="c-title">数据添加</div>
  53. <el-form v-if="m" label-position="left">
  54. <el-row>
  55. <el-card class="box-card">
  56. <div slot="header" class="clearfix">
  57. <span>基本资料</span>
  58. </div>
  59. <div>
  60. <el-row>
  61. <el-col span=8>
  62. <div class="c-item">
  63. <label class="c-label"><span style="color: red;">*</span>业务项目:</label>
  64. <el-select v-model="m.goodsId" placeholder="请选择" @change="goodsChange">
  65. <el-option v-for="item in goodsList" :key="item.id"
  66. :label="item.name" :value="item.id">
  67. </el-option>
  68. </el-select>
  69. </div>
  70. <div class="c-item" v-if="goods.needDeclare==1">
  71. <label class="c-label">
  72. <span style="color: red;">*</span>
  73. 申报单号:</label>
  74. <el-input v-model="m.declareNo" placeholder="选择申报单"
  75. :readonly="goods.needDeclare==1" clearable>
  76. </el-input>
  77. <div style="cursor: pointer;color: blue;display: inline;"
  78. @click="handlerDeclare">
  79. <i class="el-icon-folder-add"></i>
  80. </div>
  81. </div>
  82. <div class="c-item">
  83. <label class="c-label"><span style="color: red;">*</span>补录原因:</label>
  84. <el-input v-model="m.supplementReason" placeholder="补录原因" clearable>
  85. </el-input>
  86. </div>
  87. </el-col>
  88. <el-col span=8>
  89. <div class="c-item">
  90. <label class="c-label">支付状态:</label>
  91. <el-select v-model="m.payStatus" placeholder="请选择" >
  92. <el-option label="未支付" :value="1">
  93. </el-option>
  94. <el-option label="已支付" :value="3">
  95. </el-option>
  96. </el-select>
  97. </div>
  98. <div class="c-item" v-if="goods.needCustomer">
  99. <label class="c-label"><span style="color: red;">*</span>客户:</label>
  100. <el-select
  101. :disabled="goods.needDeclare||m.declareNo"
  102. v-model="m.customerId" placeholder="请选择">
  103. <el-option v-for="item in customerList" :key="item.id"
  104. :label="item.name" :value="item.id">
  105. </el-option>
  106. </el-select>
  107. </div>
  108. <div class="c-item" v-if="goods.needOwner==1">
  109. <label class="c-label">
  110. <span style="color: red;">*</span>
  111. 货主:</label>
  112. <el-input v-model="m.owner" placeholder="填写货主" clearable>
  113. </el-input>
  114. </div>
  115. </el-col>
  116. <el-col span=8>
  117. <div class="c-item" v-if="m.payStatus===3">
  118. <label class="c-label">支付时间:</label>
  119. <el-date-picker type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
  120. v-model="m.payTime"></el-date-picker>
  121. </div>
  122. <div class="c-item">
  123. <label class="c-label">作业人员:</label>
  124. <el-input v-model="m.operator" placeholder="作业人员" clearable>
  125. </el-input>
  126. </div>
  127. <div class="c-item">
  128. <label class="c-label"><span style="color: red;"
  129. v-if="goods.needOperateTime==1">*</span>作业时间:</label>
  130. <el-date-picker type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
  131. v-model="m.operateTime"></el-date-picker>
  132. </div>
  133. </el-col>
  134. </el-row>
  135. </div>
  136. </el-card>
  137. </el-row>
  138. <el-row>
  139. <el-card class="box-card">
  140. <div slot="header" class="clearfix">
  141. <span>车辆</span>
  142. <el-button style="float: right;" icon="el-icon-plus" type="primary"
  143. @click="showAddModal" v-if="goods.mulCar==1||car.list.length==0">添加
  144. </el-button>
  145. </div>
  146. <el-table :data="car.list">
  147. <el-table-column prop="carNo" label="车牌号" width="90">
  148. </el-table-column>
  149. <el-table-column prop="carSize" label="规格" width="80">
  150. </el-table-column>
  151. <el-table-column prop="carType" label="类型" width="80">
  152. </el-table-column>
  153. <el-table-column prop="netWeight" label="载重" width="80">
  154. </el-table-column>
  155. <el-table-column prop="realInTime" label="入场时间" align="center">
  156. <template slot-scope="s">
  157. <el-date-picker class="car-time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
  158. v-model="s.row.realInTime"></el-date-picker>
  159. </template>
  160. </el-table-column>
  161. <el-table-column prop="realOutTime" label="离场时间" align="center" >
  162. <template slot-scope="s">
  163. <el-date-picker class="car-time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
  164. v-model="s.row.realOutTime"></el-date-picker>
  165. </template>
  166. </el-table-column>
  167. <el-table-column prop="payType" label="支付" align="center" >
  168. <template slot-scope="s">
  169. <el-select class="car-time" v-model="s.row.payType" placeholder="请选择" >
  170. <el-option label="未支付" value="未支付">
  171. </el-option>
  172. <el-option label="已支付" value="已支付">
  173. </el-option>
  174. <el-option label="免费" value="免费">
  175. </el-option>
  176. </el-select>
  177. </template>
  178. </el-table-column>
  179. <el-table-column prop="payTime" label="支付时间" align="center" >
  180. <template slot-scope="s">
  181. <el-date-picker class="car-time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" :disabled="s.row.payType!=='已支付'"
  182. v-model="s.row.payTime"></el-date-picker>
  183. </template>
  184. </el-table-column>
  185. <el-table-column label="操作" width="120">
  186. <template slot-scope="s">
  187. <el-button class="c-btn" type="info" @click="editFn(s.row)">修改</el-button>
  188. <el-button class="c-btn" type="danger" @click="deleteFn(s.row)">删除
  189. </el-button>
  190. </template>
  191. </el-table-column>
  192. </el-table>
  193. </el-card>
  194. </el-row>
  195. <el-row>
  196. <el-card class="box-card">
  197. <div slot="header" class="clearfix">
  198. <span>收费项</span>
  199. </div>
  200. <div>
  201. <el-form-item v-for="(type,index) in itemTypeList">
  202. <el-row justify="center">
  203. <el-col span="9">
  204. <label style="color: red;"
  205. v-if="type.need==1">*</label><label>{{type.name}}:</label>
  206. <el-select v-model="type.itemId" style="width: 120px;"
  207. @change="itemChange(type)" placeholder="请选择">
  208. <el-option v-for="item in type.items" :key="item.id"
  209. :label="item.itemName" :value="item.id">
  210. </el-option>
  211. </el-select>
  212. </el-col>
  213. <el-col span="7">
  214. <el-input-number style="margin-left: 60px;" class="item-num"
  215. v-model="type.num" :min="1" :max="10" size="mini"
  216. :disabled="type.inc==0"></el-input-number>
  217. <div class="xj" v-if="type.itemId">
  218. {{type.price*type.num}}元
  219. <label @click="cleanItem(type)"
  220. style="margin-left: 5px;cursor: pointer">(<i
  221. class="el-icon-delete"></i>)</label>
  222. </div>
  223. </el-col>
  224. <el-col span="8">
  225. <label class="c-label">
  226. 备注:</label>
  227. <el-input v-model="type.remark" placeholder="请输入备注" clearable>
  228. </el-input>
  229. </el-col>
  230. </el-row>
  231. <el-divider></el-divider>
  232. </el-form-item>
  233. <div class="hj" v-if="totalPrice>0">
  234. 合计费用:{{totalPrice}}<label>元</label>
  235. </div>
  236. </div>
  237. </el-card>
  238. </el-row>
  239. </el-form>
  240. </div>
  241. </div>
  242. <!-- ------- 底部按钮 ------- -->
  243. <div class="s-foot">
  244. <el-button type="primary" @click="ok()">确定</el-button>
  245. <el-button @click="closeFn()">取消</el-button>
  246. </div>
  247. <el-dialog title="车辆录入" :visible.sync="car.visible" width="300">
  248. <span>
  249. <el-form label-position="left">
  250. <div class="c-item">
  251. <label class="c-label"><span style="color: red;">*</span>车牌号:</label>
  252. <el-autocomplete v-model="car.form.carNo" placeholder="请输入车牌号" value-key='carNo'
  253. :fetch-suggestions="queryCarAsync">
  254. </el-autocomplete>
  255. </div>
  256. <div class="c-item">
  257. <label class="c-label">车辆类型:</label>
  258. <el-select v-model="car.form.carType" placeholder="请选择" @change="carTypeChange">
  259. <el-option :label="item.name" :value="item.name" v-for="(item,index) in carTypeList">
  260. </el-option>
  261. </el-select>
  262. </div>
  263. <div class="c-item">
  264. <label class="c-label">
  265. <span style="color: red;" v-if="goods.needCarSize==1">*</span>
  266. 规格(米):</label>
  267. <el-input-number class="item-num" v-model="car.form.carSize" :min="1" :max="50">
  268. </el-input-number>
  269. </div>
  270. <div class="c-item" v-if="car.form.carType.indexOf('空')==-1">
  271. <label class="c-label">
  272. <span style="color: red;" v-if="goods.needCarSize==1">*</span>
  273. 载重(kg):</label>
  274. <el-input-number class="item-num" v-model="car.form.netWeight" :min="1" :max="999999">
  275. </el-input-number>
  276. </div>
  277. </el-form>
  278. </span>
  279. <span slot="footer" class="dialog-footer">
  280. <el-button @click="car.visible = false">取 消</el-button>
  281. <el-button type="primary" @click="confirmAdd">确 定</el-button>
  282. </span>
  283. </el-dialog>
  284. <el-dialog title="申报单" :visible.sync="declare.visible" width="90%">
  285. <div class="delect-search">
  286. 申报人:
  287. <el-input style="width: 140px;" v-model="declare.p.declarePeople" placeholder="申报人">
  288. </el-input>
  289. <el-button type="primary" @click="getDeclareList">搜索</el-button>
  290. <el-button type="info" @click="resetDclare">重置</el-button>
  291. </div>
  292. <el-card class="box-card" style="margin-top: 20px;">
  293. <div slot="header">
  294. <span>列表</span>
  295. </div>
  296. <el-table :data="declare.list" ref="declareTable">
  297. <el-table-column type="selection">
  298. </el-table-column>
  299. <el-table-column prop="declarePeople" label="申报人">
  300. </el-table-column>
  301. <el-table-column prop="customerName" label="申报公司" width=200>
  302. </el-table-column>
  303. <el-table-column prop="sendUnit" label="货主" width=200>
  304. </el-table-column>
  305. <el-table-column prop="createTime" width="140" label="申报时间">
  306. </el-table-column>
  307. <el-table-column prop="declareNo" width="180" label="申报单号">
  308. </el-table-column>
  309. <el-table-column prop="goodsName" label="产品学名">
  310. </el-table-column>
  311. <el-table-column prop="carNo" label="越南车牌">
  312. </el-table-column>
  313. <el-table-column prop="grossWeight" label="毛重(kg)">
  314. </el-table-column>
  315. </el-table>
  316. <div class="block">
  317. <el-pagination layout="prev, pager, next" @current-change="currentPageChange"
  318. :page-size="declare.p.pageSize" :total="declare.p.dataCount"
  319. :current-page="declare.p.pageNo">
  320. </el-pagination>
  321. </div>
  322. </el-card>
  323. <span slot="footer" class="dialog-footer">
  324. <el-button @click="declare.visible = false">取 消</el-button>
  325. <el-button type="primary" @click="confirmSelectDeclare">确 定</el-button>
  326. </span>
  327. </el-dialog>
  328. </div>
  329. <script>
  330. var app = new Vue({
  331. components: {
  332. "sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue'),
  333. "sa-td": httpVueLoader('../../sa-frame/com/sa-td.vue')
  334. },
  335. el: '.vue-box',
  336. data: {
  337. m: {
  338. id: '', // 主键
  339. customerId: '', // 客户id
  340. customerName: '', // 客户名称
  341. operateTime: '',
  342. payStatus:1,
  343. supplementReason:'',
  344. no: '', // 编号
  345. goodsId: '',
  346. goodsName: '', // 商品
  347. }, // 实体对象
  348. customerList: [],
  349. carList: [],
  350. currentCustomerId: 1,
  351. itemTypeList: [],
  352. filterTypeList: [],
  353. goodsList: [],
  354. tableData: [],
  355. car: {
  356. visible: false,
  357. list: [],
  358. form: {
  359. carNo: '',
  360. carType: '',
  361. netWeight: '',
  362. carSize: ''
  363. }
  364. },
  365. declare: {
  366. visible: false,
  367. list: [],
  368. p: {
  369. pageNo: 1,
  370. pageSize: 8,
  371. dataCount: 0,
  372. declarePeople: '',
  373. production: '',
  374. declareNo: '1'
  375. }
  376. },
  377. goods: {
  378. id: '',
  379. name: '',
  380. needWeight: 1,
  381. needCarSize: 1,
  382. needDeclare: 1,
  383. needOperateTime: 1,
  384. chinaCarPay: 1,
  385. vietnamCarPay: 1,
  386. mulCar:0,
  387. },
  388. carTypeList: []
  389. },
  390. computed: {
  391. totalPrice() {
  392. let itemList = this.itemTypeList.filter(obj => obj.itemId);
  393. let price = 0;
  394. for (let i in itemList) {
  395. let type = itemList[i];
  396. let num = type.num;
  397. let items = type.items;
  398. for (let j in items) {
  399. let item = items[j];
  400. if (item.id == type.itemId) {
  401. price += num * item.price;
  402. break;
  403. }
  404. }
  405. }
  406. return price;
  407. }
  408. },
  409. methods: {
  410. resetDclare() {
  411. this.declare.p.pageNo = 1;
  412. this.declare.p.pageSize = 8;
  413. this.declare.p.production = '';
  414. this.declare.p.declarePeople = '';
  415. this.getDeclareList();
  416. },
  417. handlerDeclare() {
  418. this.declare.visible = true;
  419. this.getDeclareList();
  420. },
  421. currentPageChange(page) {
  422. this.declare.p.pageNo = page;
  423. this.getDeclareList();
  424. },
  425. getDeclareList() {
  426. let declareNo = this.m.declareNo;
  427. if (declareNo) {
  428. this.declare.p.declareNo = declareNo;
  429. }
  430. sa.ajax('/TbDeclare/getNotBindList', sa.removeNull(this.declare.p), function(resp) {
  431. let list = resp.data;
  432. this.declare.list = list;
  433. this.declare.p.pageNo = resp.pageNo;
  434. this.declare.p.dataCount = resp.dataCount;
  435. list.forEach(row => {
  436. if (row.declareNo == this.m.declareNo && this.m.declareNo) {
  437. this.$nextTick(() => {
  438. this.$refs['declareTable'].toggleRowSelection(row, true)
  439. })
  440. }
  441. })
  442. }.bind(this))
  443. },
  444. confirmSelectDeclare() {
  445. // 获取选中元素的id列表
  446. let selection = this.$refs['declareTable'].selection;
  447. let declareNo = sa.getArrayField(selection, 'declareNo');
  448. if (selection.length == 0) {
  449. return sa.msg('请至少选择一条数据')
  450. }
  451. if (selection.length > 1) {
  452. return sa.msg('只能选择一条数据')
  453. }
  454. let declare = selection[0];
  455. let oldNo = this.m.declareNo;
  456. if (oldNo && oldNo !== declare.declareNo) {
  457. this.car.list = [];
  458. }
  459. if (oldNo !== declare.declareNo) {
  460. this.m.payStatus=1;
  461. this.m.declareNo = declare.declareNo;
  462. this.m.customerId = declare.customerId;
  463. this.m.customerName = declare.customerName;
  464. this.m.owner = declare.sendUnit;
  465. let carNo = declare.carNo;
  466. let grossWeight = declare.grossWeight;
  467. let carList = this.car.list;
  468. let exit = carList.filter(obj => obj.carNo == carNo).pop();
  469. if (!exit) {
  470. let car = {
  471. carNo: carNo,
  472. netWeight: grossWeight,
  473. carType: '载重'
  474. }
  475. this.car.list.push(car)
  476. }
  477. this.m.cardNo = declare.carNo;
  478. this.m.chinaCarNo = declare.chinaCarNo;
  479. this.m.netWeight = declare.grossWeight;
  480. let chinaCarNo = declare.chinaCarNo;
  481. if (chinaCarNo) {
  482. let list = [];
  483. chinaCarNo.replace(",", ",").split(",").forEach(carNo => {
  484. let exit = carList.filter(obj => obj.carNo == carNo).pop();
  485. if (!exit) {
  486. let car = {
  487. carNo: carNo,
  488. carType: '空车'
  489. }
  490. this.car.list.push(car)
  491. }
  492. })
  493. }
  494. this.filterItems();
  495. }
  496. this.declare.visible = false;
  497. },
  498. cleanItem(type) {
  499. type.itemId = '';
  500. type.itemName = '';
  501. type.price = '';
  502. },
  503. itemChange(type) {
  504. let itemId = type.itemId;
  505. let item = type.items.filter(obj => obj.id == itemId).pop();
  506. if (item) {
  507. type.inc = item.inc;
  508. type.price = item.price;
  509. type.needRemark = item.needRemark
  510. }
  511. this.validBefore();
  512. },
  513. confirmAdd() {
  514. let list = this.car.list;
  515. let carNo = this.car.form.carNo;
  516. let netWeight = this.car.form.netWeight;
  517. let goods = this.goods;
  518. let form = this.car.form;
  519. let carType = form.carType;
  520. if (!carNo) {
  521. sa.error('请录入车牌号')
  522. return false;
  523. }
  524. if (!form.carSize && goods.needCarSize == 1) {
  525. sa.error('请填入车辆规格')
  526. return false;
  527. }
  528. if (carType.indexOf('空') !== -1) {
  529. netWeight = 0;
  530. }
  531. let index = list.map(obj => obj.carNo).indexOf(carNo);
  532. if (index > -1) {
  533. list.splice(index, 1);
  534. }
  535. let carSize = form.carSize;
  536. let car = {
  537. id: form.id,
  538. carNo: form.carNo.toUpperCase(),
  539. carType: carType,
  540. carSize: carSize,
  541. netWeight: netWeight,
  542. realInTime:form.realInTime,
  543. realOutTime:form.realOutTime,
  544. payTime:form.payTime,
  545. payType:form.payType?form.payType:'未支付'
  546. }
  547. this.car.list.push(car);
  548. this.car.visible = false;
  549. this.filterItems();
  550. },
  551. filterItems() {
  552. let carList = this.car.list;
  553. let filterTypeList = JSON.parse(JSON.stringify(this.filterTypeList));
  554. if (carList.length == 0) {
  555. this.itemTypeList = filterTypeList;
  556. return;
  557. }
  558. let car = this.car.form;
  559. if (car == null) {
  560. let checkList = carList.filter(obj => obj.carType.indexOf('空') === -1);
  561. if (checkList.length > 0) {
  562. car = checkList[0];
  563. }
  564. }
  565. let carSize = car.carSize;
  566. let carType = car.carType;
  567. if (carType.indexOf('空') !== -1 && carList.length > 1) {
  568. return;
  569. }
  570. let netWeight = car.netWeight;
  571. let tempList = [];
  572. for (let i in filterTypeList) {
  573. let type = filterTypeList[i];
  574. let items = type.items;
  575. if (carType) {
  576. items = items.filter(item => item.itemType && item.itemType.indexOf(carType) !== -1);
  577. }
  578. if (carSize && carSize > 1) {
  579. items = items.filter(item => item.minLength <= carSize && item.carLength >= carSize);
  580. }
  581. if (netWeight && netWeight > 1 && carType.indexOf('空') == -1) {
  582. items = items.filter(item => item.minWeight <= netWeight && item.maxWeight >= netWeight);
  583. }
  584. let itemIds = items.map(item => item.id);
  585. if (itemIds.indexOf(type.itemId) == -1) {
  586. this.cleanItem(type);
  587. }
  588. type.items = items;
  589. tempList.push(type);
  590. }
  591. this.itemTypeList = tempList;
  592. },
  593. showAddModal() {
  594. this.car.visible = true;
  595. this.car.form.carNo = '';
  596. this.car.form.carSize = '';
  597. this.car.form.netWeight = '';
  598. },
  599. editFn(data) {
  600. Object.assign(this.car, {
  601. visible: true,
  602. form: JSON.parse(JSON.stringify(data))
  603. })
  604. },
  605. deleteFn(data) {
  606. this.car.list.splice(this.car.list.indexOf(data), 1);
  607. this.filterItems();
  608. },
  609. getGoods() {
  610. sa.ajax('/TbGoods/getList', {
  611. pageNo: 1,
  612. pageSize: 10
  613. }, function(resp) {
  614. let list = resp.data;
  615. if (list.length >= 1) {
  616. let initGoods = list[0];
  617. this.goods = initGoods
  618. this.m.goodsId = initGoods.id;
  619. this.m.goodsName = initGoods.name;
  620. this.getTypeByGoodsId();
  621. }
  622. this.goodsList = list;
  623. }.bind(this))
  624. },
  625. goodsChange(v) {
  626. let goodsList = this.goodsList;
  627. let goods = goodsList.filter(goods => goods.id == v).pop();
  628. this.goods = goods;
  629. this.m.goodsName = goods.name;
  630. this.getTypeByGoodsId();
  631. },
  632. getTypeByGoodsId() {
  633. sa.ajax('/TbItemType/getTypeByGoodsId', {
  634. goodsId: this.m.goodsId
  635. }, function(resp) {
  636. let list = resp.data;
  637. this.itemTypeList = list;
  638. this.filterTypeList = JSON.parse(JSON.stringify(this.itemTypeList));
  639. this.filterItems();
  640. }.bind(this))
  641. },
  642. getItemType() {
  643. sa.ajax('/TbItem/getItemType', function(resp) {
  644. let list = resp.data;
  645. if (list.length > 0) {
  646. this.car.form.carType = list[0].name;
  647. }
  648. this.carTypeList = list;
  649. }.bind(this))
  650. },
  651. carTypeChange(v) {
  652. },
  653. getCustomerList() {
  654. sa.ajax('/TbCostomer/getList', {
  655. pageNo: 1,
  656. pageSize: 30,
  657. sortType: 20,
  658. judgeStatus: 2
  659. }, function(res) {
  660. let list = res.data;
  661. this.customerList = list;
  662. }.bind(this));
  663. },
  664. queryCarAsync(queryStr, cb) {
  665. sa.ajaxNoLoading('/TbBusinessCar/searchByNo', {
  666. carNo: queryStr
  667. }, function(resp) {
  668. cb(resp.data)
  669. }.bind(this))
  670. },
  671. closeFn() {
  672. parent.app.f5();
  673. sa.closeCurrIframe();
  674. },
  675. validBefore(){
  676. let goods = this.goods;
  677. let needCustomer=goods.needCustomer;
  678. let m = this.m;
  679. if (goods.needDeclare == 1 && !m.declareNo) {
  680. sa.error('请选择申报单');
  681. return false;
  682. }
  683. if (needCustomer == 1 && !m.customerId) {
  684. sa.error('请选择客户');
  685. return false;
  686. }
  687. if (goods.needOperateTime == 1 && !m.operateTime) {
  688. sa.error('请选择作业时间');
  689. return false;
  690. }
  691. if (!m.owner && goods.needOwner == 1) {
  692. sa.error('请填写货主');
  693. return false;
  694. }
  695. if (this.car.list.length == 0) {
  696. sa.error('请录入车辆');
  697. return false;
  698. }
  699. let needCarSize = goods.needCarSize;
  700. let carList = this.car.list;
  701. for (let i in carList) {
  702. let car = carList[i];
  703. if (needCarSize == 1 && !car.carSize) {
  704. sa.error('请补充' + car.carNo + '规格');
  705. return;
  706. }
  707. }
  708. },
  709. // 提交数据
  710. ok: function() {
  711. let goods = this.goods;
  712. let needCustomer=goods.needCustomer;
  713. let m = this.m;
  714. if (goods.needDeclare == 1 && !m.declareNo) {
  715. sa.error('请选择申报单');
  716. return false;
  717. }
  718. if (needCustomer == 1 && !m.customerId) {
  719. sa.error('请选择客户');
  720. return false;
  721. }
  722. if (!m.supplementReason) {
  723. sa.error('请填写补录原因');
  724. return false;
  725. }
  726. if (goods.needOperateTime == 1 && !m.operateTime) {
  727. sa.error('请选择作业时间');
  728. return false;
  729. }
  730. if (!m.owner && goods.needOwner == 1) {
  731. sa.error('请填写货主');
  732. return false;
  733. }
  734. if (this.car.list.length == 0) {
  735. sa.error('请录入车辆');
  736. return false;
  737. }
  738. let needCarSize = goods.needCarSize;
  739. let carList = this.car.list;
  740. for (let i in carList) {
  741. let car = carList[i];
  742. if (needCarSize == 1 && !car.carSize) {
  743. sa.error('请补充' + car.carNo + '规格');
  744. return;
  745. }
  746. if(!car.realInTime){
  747. sa.error('请填写入场时间')
  748. return;
  749. }
  750. if(!car.realOutTime){
  751. sa.error('请填写离场时间')
  752. return;
  753. }
  754. }
  755. let typeList = this.itemTypeList;
  756. let selectList = [];
  757. for (let i in typeList) {
  758. let type = typeList[i];
  759. if (type.need == 1 && !type.itemId) {
  760. sa.error('【' + type.name + '】必选');
  761. return false;
  762. }
  763. if (type.needRemark == 1 && !type.remark) {
  764. sa.error('请输入【' + type.name + '】的备注');
  765. return false;
  766. }
  767. if (type.itemId) {
  768. let obj = {
  769. typeId: type.id,
  770. typeName: type.name,
  771. id: type.itemId,
  772. num: type.num,
  773. price: type.price,
  774. remark: type.remark
  775. }
  776. selectList.push(obj);
  777. }
  778. }
  779. if (needCustomer != 1) {
  780. m.customerId='';
  781. }
  782. m.itemJson = JSON.stringify(selectList);
  783. m.carJson = JSON.stringify(carList);
  784. let chinaCarNo = carList
  785. .filter(car => sa.isCarNo(car.carNo.toUpperCase()))
  786. .map(car => car.carNo.toUpperCase())
  787. .join("、");
  788. let yueCarNo = carList
  789. .filter(car => !sa.isCarNo(car.carNo.toUpperCase()))
  790. .map(car => car.carNo.toUpperCase())
  791. .join("、");
  792. m.cardNo = yueCarNo;
  793. m.chinaCarNo = chinaCarNo;
  794. sa.ajax('/TbBusiness/addErrorBusiness', sa.removeNull(m), function(res) {
  795. sa.alert('增加成功', this.clean);
  796. }.bind(this));
  797. },
  798. // 添加/修改 完成后的动作
  799. clean: function() {
  800. parent.app.f5(); // 刷新父页面列表
  801. sa.closeCurrIframe(); // 关闭本页
  802. },
  803. getCurrentCustomer() {
  804. sa.ajax('/TbCostomer/getCurrentCustomerId', function(resp) {
  805. let id = resp.data;
  806. this.currentCustomerId = id;
  807. }.bind(this));
  808. },
  809. },
  810. mounted: function() {
  811. this.getCurrentCustomer();
  812. this.getGoods();
  813. this.getItemType();
  814. this.getCustomerList();
  815. }
  816. })
  817. </script>
  818. </body>
  819. </html>