tb-supplement-edit.html 35 KB

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