AddOrUpdate.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730
  1. <template>
  2. <el-dialog
  3. :title="title"
  4. :visible.sync="showDialog"
  5. width="80%"
  6. @close="handleClose"
  7. :close-on-click-modal="false"
  8. >
  9. <span>
  10. <el-form ref="form" :model="form" :rules="rules" label-width="80px">
  11. <el-row>
  12. <el-col :span="6">
  13. <el-form-item label="客户名称" prop="corpId">
  14. <el-input
  15. v-model="form.fCorpIds"
  16. placeholder="客户名称"
  17. :disabled="true"
  18. size="mini"
  19. style="width: 180px"
  20. />
  21. </el-form-item>
  22. </el-col>
  23. <el-col :span="6">
  24. <el-form-item label="业务类型" prop="billType">
  25. <el-select
  26. v-model="form.billType"
  27. placeholder="请选择业务类型"
  28. :disabled="true"
  29. size="mini"
  30. style="width: 180px"
  31. >
  32. <el-option
  33. v-for="(dict, index) in billTypeList"
  34. :key="index.dictSort"
  35. :label="dict.dictLabel"
  36. :value="dict.dictSort"
  37. />
  38. </el-select>
  39. </el-form-item>
  40. </el-col>
  41. <el-col :span="6">
  42. <el-form-item label="运输方式" prop="transType">
  43. <el-select
  44. v-model="form.transType"
  45. placeholder="请选择运输方式"
  46. :disabled="true"
  47. size="mini"
  48. style="width: 180px"
  49. >
  50. <el-option
  51. v-for="(dict, index) in transTypeList"
  52. :key="index.dictValue"
  53. :label="dict.dictLabel"
  54. :value="dict.dictValue"
  55. />
  56. </el-select>
  57. </el-form-item>
  58. </el-col>
  59. <el-col :span="6">
  60. <el-form-item label="运输性质" prop="transProp">
  61. <el-select
  62. v-model="form.transProp"
  63. placeholder="请选择运输方式"
  64. :disabled="true"
  65. size="mini"
  66. style="width: 180px"
  67. >
  68. <el-option
  69. v-for="(dict, index) in transPropList"
  70. :key="index.dictValue"
  71. :label="dict.dictLabel"
  72. :value="dict.dictValue"
  73. />
  74. </el-select>
  75. </el-form-item>
  76. </el-col>
  77. </el-row>
  78. <el-row>
  79. <el-col :span="6">
  80. <el-form-item label="提箱地点" prop="tLoadAddr">
  81. <el-input
  82. v-model="form.tLoadAddr"
  83. placeholder="请输入提箱地点"
  84. :disabled="true"
  85. size="mini"
  86. style="width: 180px"
  87. />
  88. </el-form-item>
  89. </el-col>
  90. <el-col :span="6">
  91. <el-form-item label="提箱时间" prop="loadDate">
  92. <el-date-picker
  93. clearable
  94. size="mini"
  95. style="width: 180px"
  96. v-model="form.tLoadDate"
  97. type="date"
  98. :disabled="true"
  99. value-format="yyyy-MM-dd"
  100. placeholder="选择卸箱时间"
  101. >
  102. </el-date-picker>
  103. </el-form-item>
  104. </el-col>
  105. <el-col :span="6">
  106. <el-form-item label="装货地点" prop="mdLoadAddr">
  107. <el-input
  108. v-model="form.tMdLoadAddr"
  109. placeholder="装货地点"
  110. :disabled="true"
  111. size="mini"
  112. style="width: 180px"
  113. />
  114. </el-form-item>
  115. </el-col>
  116. <el-col :span="6">
  117. <el-form-item label="装货时间" prop="mdLoadDate">
  118. <el-date-picker
  119. clearable
  120. size="mini"
  121. style="width: 180px"
  122. v-model="form.mdLoadDate"
  123. type="date"
  124. :disabled="true"
  125. value-format="yyyy-MM-dd"
  126. placeholder="选择装货时间"
  127. >
  128. </el-date-picker>
  129. </el-form-item>
  130. </el-col>
  131. <el-col :span="6">
  132. <el-form-item label="卸箱地点" prop="unLoadAddr">
  133. <el-input
  134. v-model="form.unLoadAddr"
  135. placeholder="请输入装卸箱地点"
  136. :disabled="true"
  137. size="mini"
  138. style="width: 180px"
  139. />
  140. </el-form-item>
  141. </el-col>
  142. <el-col :span="6">
  143. <el-form-item label="卸箱时间" prop="unLoadDate">
  144. <el-date-picker
  145. clearable
  146. size="mini"
  147. style="width: 180px"
  148. v-model="form.unLoadDate"
  149. type="date"
  150. :disabled="true"
  151. value-format="yyyy-MM-dd"
  152. placeholder="选择卸箱时间"
  153. >
  154. </el-date-picker>
  155. </el-form-item>
  156. </el-col>
  157. </el-row>
  158. <el-row>
  159. <el-col :span="6">
  160. <el-form-item label="提单号" prop="mblno">
  161. <el-input
  162. v-model="form.mblno"
  163. placeholder="请输入提单号"
  164. :disabled="true"
  165. size="mini"
  166. style="width: 180px"
  167. />
  168. </el-form-item>
  169. </el-col>
  170. <el-col :span="6">
  171. <el-form-item label="货品名称" prop="goodsId">
  172. <el-select
  173. v-model="form.goodsId"
  174. placeholder="请输入货品名称"
  175. :disabled="true"
  176. clearable
  177. filterable
  178. size="mini"
  179. style="width: 180px"
  180. >
  181. <el-option
  182. v-for="(dict, index) in goodsOptions"
  183. :key="index.fId"
  184. :label="dict.fName"
  185. :value="dict.fId"
  186. />
  187. </el-select>
  188. </el-form-item>
  189. </el-col>
  190. <el-col :span="6">
  191. <el-form-item label="计划件数" prop="qtyPlan">
  192. <el-input
  193. v-model="form.qtyPlan"
  194. placeholder="请输入计划件数"
  195. :disabled="true"
  196. v-input-limit="2"
  197. size="mini"
  198. style="width: 180px"
  199. />
  200. </el-form-item>
  201. </el-col>
  202. <el-col :span="6">
  203. <el-form-item label="重量(吨)" prop="weightPlan">
  204. <el-input
  205. v-model="form.weightPlan"
  206. placeholder="请输入计划重量"
  207. :disabled="true"
  208. v-input-limit="2"
  209. size="mini"
  210. style="width: 180px"
  211. />
  212. </el-form-item>
  213. </el-col>
  214. </el-row>
  215. <el-row>
  216. <el-col :span="6">
  217. <el-form-item label="船名" prop="ysl">
  218. <el-input
  219. v-model="form.ysl"
  220. placeholder="请输入船名"
  221. :disabled="true"
  222. size="mini"
  223. style="width: 180px"
  224. />
  225. </el-form-item>
  226. </el-col>
  227. <el-col :span="6">
  228. <el-form-item label="航次" prop="voy">
  229. <el-input
  230. v-model="form.voy"
  231. placeholder="请输入航次"
  232. :disabled="true"
  233. size="mini"
  234. style="width: 180px"
  235. />
  236. </el-form-item>
  237. </el-col>
  238. <el-col :span="6">
  239. <el-form-item label="起运港" prop="polId">
  240. <el-input
  241. v-model="form.polId"
  242. placeholder="请输入起运港"
  243. :disabled="true"
  244. size="mini"
  245. style="width: 180px"
  246. />
  247. </el-form-item>
  248. </el-col>
  249. <el-col :span="6">
  250. <el-form-item label="目的港" prop="podId">
  251. <el-input
  252. v-model="form.podId"
  253. placeholder="请输入目的港"
  254. :disabled="true"
  255. size="mini"
  256. style="width: 180px"
  257. />
  258. </el-form-item>
  259. </el-col>
  260. </el-row>
  261. </el-form>
  262. <template slot="title">
  263. <i class="header-icon el-icon-circle-plus" style="font-size: 16px"
  264. ><span
  265. style="font-size: 16px; font-weight: bolder; margin-left: 5px"
  266. >添加费用明细</span
  267. >
  268. </i>
  269. </template>
  270. <div>
  271. <div
  272. style="display: flex; justify-content: space-between;margin: 10px 0;">
  273. <div>
  274. <el-button
  275. type="primary"
  276. icon="el-icon-plus"
  277. size="mini"
  278. @click="addRelevt"
  279. :disabled="disabled"
  280. >添加费用</el-button>
  281. </div>
  282. </div>
  283. </div>
  284. <el-table
  285. :data="feesList"
  286. style="width: 100%"
  287. >
  288. <el-table-column
  289. prop="fCorpid"
  290. label="结算单位"
  291. align="center"
  292. width="180"
  293. >
  294. <template slot-scope="scope">
  295. <el-select
  296. v-model="scope.row.fCorpid"
  297. placeholder="请输入客户名称"
  298. :clearable="true"
  299. filterable
  300. size="mini"
  301. style="width: 160px"
  302. :disabled="scope.row.actId != '1090' ? true : false || disabled"
  303. >
  304. <el-option
  305. v-for="(dict, index) in fMblnoOptions"
  306. :key="index.fId"
  307. :label="dict.fName"
  308. :value="dict.fId"
  309. />
  310. </el-select>
  311. </template>
  312. </el-table-column>
  313. <el-table-column
  314. prop="fFeeid"
  315. label="费用名称"
  316. width="180"
  317. >
  318. <template slot-scope="scope">
  319. <el-select
  320. v-model="scope.row.fFeeid"
  321. filterable
  322. :disabled="scope.row.actId != '1090' ? true : false || disabled"
  323. remote
  324. placeholder="费用名称"
  325. >
  326. <el-option
  327. v-for="(dict, index) in fCNameOptions"
  328. :key="index.fId"
  329. :label="dict.fName"
  330. :value="dict.fId"
  331. ></el-option>
  332. </el-select>
  333. </template>
  334. </el-table-column>
  335. <el-table-column
  336. prop="fDc"
  337. label="收付"
  338. width="180"
  339. >
  340. <template slot-scope="scope">
  341. <el-select v-model="scope.row.fDc" placeholder="请选择" :disabled="scope.row.actId != '1090' ? true : false || disabled">
  342. <el-option label="收" value="D"></el-option>
  343. <el-option label="付" value="C"></el-option>
  344. </el-select>
  345. </template>
  346. </el-table-column>
  347. <el-table-column
  348. prop="fFeeunitid"
  349. label="计费单位"
  350. width="180"
  351. >
  352. <template slot-scope="scope">
  353. <el-select
  354. v-model="scope.row.fFeeunitid"
  355. placeholder="请选择计费单位"
  356. :disabled="scope.row.actId != '1090' ? true : false || disabled"
  357. clearable
  358. >
  359. <el-option
  360. v-for="dict in jFeetunitOptions"
  361. :key="dict.dictValue"
  362. :label="dict.dictLabel"
  363. :value="dict.dictValue"
  364. />
  365. </el-select>
  366. </template>
  367. </el-table-column>
  368. <el-table-column
  369. prop="fBillingQty"
  370. label="计费数量"
  371. width="180"
  372. >
  373. <template slot-scope="scope">
  374. <el-input v-model="scope.row.fBillingQty" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  375. </template>
  376. </el-table-column>
  377. <el-table-column
  378. prop="fUnitprice"
  379. label="单价"
  380. width="180"
  381. >
  382. <template slot-scope="scope">
  383. <el-input v-model="scope.row.fUnitprice" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  384. </template>
  385. </el-table-column>
  386. <el-table-column
  387. prop="fCurrency"
  388. label="币种"
  389. width="180"
  390. >
  391. <template slot-scope="scope">
  392. <el-input v-model="scope.row.fCurrency" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  393. </template>
  394. </el-table-column>
  395. <el-table-column
  396. prop="fTaxrate"
  397. label="税率"
  398. width="180"
  399. >
  400. <template slot-scope="scope">
  401. <el-input v-model="scope.row.fTaxrate" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  402. </template>
  403. </el-table-column>
  404. <el-table-column
  405. prop="fAmount"
  406. label="金额"
  407. width="180"
  408. >
  409. <template slot-scope="scope">
  410. <el-input v-model="scope.row.fAmount" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  411. </template>
  412. </el-table-column>
  413. <el-table-column
  414. prop="fExrate"
  415. label="汇率"
  416. width="180"
  417. >
  418. <template slot-scope="scope">
  419. <el-input v-model="scope.row.fExrate" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  420. </template>
  421. </el-table-column>
  422. <el-table-column
  423. prop="remarks"
  424. label="备注"
  425. width="180"
  426. >
  427. <template slot-scope="scope">
  428. <el-input v-model="scope.row.remarks" :disabled="scope.row.actId != '1090' ? true : false || disabled" placeholder="请输入内容"></el-input>
  429. </template>
  430. </el-table-column>
  431. <el-table-column
  432. label="操作"
  433. align="center"
  434. class-name="small-padding fixed-width"
  435. fixed="right"
  436. width="150px"
  437. >
  438. <template slot-scope="scope">
  439. <el-button
  440. size="mini"
  441. type="text"
  442. icon="el-icon-delete"
  443. :disabled="scope.row.actId != '1090' ? true : false || disabled"
  444. @click.native.prevent="deleteRow(scope.$index)"
  445. >删除</el-button
  446. >
  447. </template>
  448. </el-table-column>
  449. </el-table>
  450. </span>
  451. <span slot="footer" class="dialog-footer">
  452. <el-button type="primary" @click="submitForm">提交</el-button>
  453. <el-button type="success" @click="submitAllowChanges">修改</el-button>
  454. <el-button type="info" @click="submitSave">保 存</el-button>
  455. <el-button type="warning" @click="submitRetreat">撤 回</el-button>
  456. <el-button @click="showDialog = false">取 消</el-button>
  457. </span>
  458. </el-dialog>
  459. </template>
  460. <script>
  461. import { removeFtmsorderbillscars } from '@/api/fleet/ftmsorderbillscars'
  462. import { query,submit} from '@/api/track/singleCost'
  463. import { listGoods } from '@/api/basicdata/goods'
  464. import { listCorps } from '@/api/basicdata/corps'
  465. import { listFees } from '@/api/basicdata/fees'
  466. import UploadFile from '@/components/Uploadfile'
  467. import Cookies from 'js-cookie'
  468. export default {
  469. name: 'plans',
  470. props: {
  471. addOrUpdateVisible: {
  472. type: Boolean,
  473. default: false
  474. },
  475. title: {
  476. type: String,
  477. required: ''
  478. },
  479. fname: Object
  480. },
  481. components: {
  482. UploadFile
  483. },
  484. data() {
  485. return {
  486. jFeetunitOptions:[],
  487. form: {},
  488. feesList:[],
  489. // 控制弹出框显示隐藏
  490. showDialog: false,
  491. disabled: true,
  492. // 表单校验
  493. rules: {
  494. corpId: [
  495. { required: true, message: '请输入客户名称', trigger: 'blur' }
  496. ],
  497. billType: [
  498. { required: true, message: '请选择业务类型', trigger: 'blur' }
  499. ],
  500. transType: [
  501. { required: true, message: '请选择运输方式', trigger: 'blur' }
  502. ],
  503. loadAddr: [
  504. { required: true, message: '请输入提箱地点', trigger: 'blur' }
  505. ],
  506. loadAttntel: [
  507. {
  508. pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
  509. message: '请正确输入手机号',
  510. trigger: 'blur'
  511. }
  512. ],
  513. mdLoadAttnTel: [
  514. {
  515. pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
  516. message: '请正确输入手机号',
  517. trigger: 'blur'
  518. }
  519. ],
  520. unLoadAttnTel: [
  521. {
  522. pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/,
  523. message: '请正确输入手机号',
  524. trigger: 'blur'
  525. }
  526. ]
  527. },
  528. billTypeList: [],
  529. transTypeList: [],
  530. transPropList: [],
  531. goodsLossTypeList: [],
  532. relevantAttachments: [],
  533. cntrIdList: [],
  534. priceTypeList: [],
  535. userType: null,
  536. username: null,
  537. collapses: [],
  538. fMblnoOptions: [],
  539. cntrId2List: [],
  540. goodsOptions: [],
  541. fWbuOptions: []
  542. }
  543. },
  544. created() {
  545. this.getDicts("data_unitfees").then((response) => {
  546. if (response.data){
  547. this.jFeetunitOptions = response.data;
  548. }
  549. });
  550. listFees().then((response) => {
  551. this.fCNameOptions = response.rows;
  552. });
  553. this.getDicts('data_billType').then((response) => {
  554. this.billTypeList = response.data
  555. })
  556. this.getDicts('data_transType').then((response) => {
  557. this.transTypeList = response.data
  558. })
  559. this.getDicts('data_transProp').then((response) => {
  560. this.transPropList = response.data
  561. })
  562. this.getDicts('data_goodsLossType').then((response) => {
  563. this.goodsLossTypeList = response.data
  564. })
  565. this.getDicts('data_cntrId').then((response) => {
  566. if (response.data) {
  567. response.data.map((e) => (e.noOption = false))
  568. this.cntrIdList = response.data
  569. }
  570. })
  571. this.getDicts('data_priceType').then((response) => {
  572. this.priceTypeList = response.data
  573. })
  574. listCorps().then((response) => {
  575. this.fMblnoOptions = response.rows
  576. })
  577. listGoods().then((response) => {
  578. this.goodsOptions = response.rows
  579. })
  580. listFees().then((response) => {
  581. this.fWbuOptions = response.rows
  582. })
  583. this.userType = Cookies.get('userType')
  584. this.username = Cookies.get('userName')
  585. },
  586. methods: {
  587. deleteRow(index) {
  588. this.feesList.splice(index, 1);
  589. },
  590. init() {
  591. this.showDialog = true
  592. query(this.fname.id).then(data => {
  593. this.form = data.data
  594. this.feesList = data.data.ftmsorderbillsfees
  595. for (let item in this.feesList){
  596. this.feesList[item].fFeeunitid = this.feesList[item].fFeeunitid + ""
  597. }
  598. })
  599. },
  600. //选中时赋值pid
  601. checkPid(row) {
  602. let arr = this.schedulingList
  603. let arr2 = arr.filter((e) => e.cntrId == row.cntrId)
  604. row['pid'] = arr2[0].id
  605. },
  606. noMorecntrId(e) {
  607. this.cntrIdList.forEach((item) => (item.noOption = false))
  608. let arrIds = e.map((item) => item.cntrId)
  609. this.cntrIdList
  610. .filter((item) => arrIds.indexOf(item.dictValue) > -1)
  611. .forEach((item) => (item.noOption = true))
  612. },
  613. showSure(val) {
  614. let pidList = val.filter((e) => e.pid != null)
  615. let arr1 = pidList
  616. let arr1Ids = arr1.map((item) => item.cntrId)
  617. arr1Ids = [...new Set(arr1Ids)]
  618. let arr2 = this.cntrIdList
  619. this.cntrId2List = arr2.filter(
  620. (item) => arr1Ids.indexOf(item.dictValue) > -1
  621. )
  622. },
  623. // 新增附件上传
  624. addRelevt() {
  625. this.feesList.push({
  626. actId:'1090',
  627. fPid:this.feesList[0].fPid,
  628. fCorpid:'',
  629. fFeeid:'',
  630. fDc:'',
  631. fFeeunitid:"1",
  632. fBillingQty:'',
  633. fUnitprice:'',
  634. fCurrency:'',
  635. fTaxrate:'',
  636. fAmount:'',
  637. fExrate:'',
  638. remarks:''
  639. })
  640. },
  641. deleteplansRow(index, rows, row) {
  642. let arr = this.schedulingList
  643. let arr2 = arr.filter((e) => e.cntrId == row.cntrId && e.cntrId != null)
  644. if (arr2.length != 0) {
  645. this.msgSuccess('调度安排已插入此箱型数据,不能删除')
  646. } else {
  647. this.cntrIdList
  648. .filter((item) => item.dictValue == row.cntrId)
  649. .forEach((item) => (item.noOption = false))
  650. rows.splice(index, 1)
  651. }
  652. },
  653. // 上传成功返回数据
  654. showFile(row) {
  655. for (let list in this.relevantAttachments) {
  656. this.$set(this.relevantAttachments[list], 'attachUrl', row.url)
  657. this.$set(this.relevantAttachments[list], 'attachName', row.fileName)
  658. }
  659. },
  660. // 弹出框关闭后触发
  661. handleClose() {
  662. // 子组件调用父组件方法,并传递参数
  663. this.$emit('changeShow', 'false')
  664. this.cntrIdList.forEach((item) => (item.noOption = false))
  665. this.collapses = []
  666. },
  667. /** 提交按钮 */
  668. submitForm() {
  669. this.$refs['form'].validate((valid) => {
  670. if (valid) {
  671. }
  672. })
  673. },
  674. //修改
  675. submitFix() {
  676. this.$refs['form'].validate((valid) => {
  677. if (valid) {
  678. }
  679. })
  680. },
  681. //保存
  682. submitSave() {
  683. let formDatae = new window.FormData()
  684. formDatae.append('ftmsorderbillsfees', JSON.stringify(this.feesList))
  685. submit(formDatae).then(data=>{
  686. this.feesList = data.data.ftmsorderbillsfeesList
  687. for (let item in this.feesList){
  688. this.feesList[item].fFeeunitid = this.feesList[item].fFeeunitid + ""
  689. }
  690. this.$message.success('保存成功');
  691. })
  692. },
  693. //撤回
  694. submitRetreat() {
  695. },
  696. //修改
  697. submitAllowChanges() {
  698. this.disabled = !this.disabled
  699. },
  700. //单条订单调度提交
  701. addscarsRow(row) {
  702. },
  703. delscarsRow(index, rows, row) {
  704. if (row.billStatus != 6 && row.id != null) {
  705. removeFtmsorderbillscars(row).then((response) => {
  706. if (response.code == 200) {
  707. rows.splice(index, 1)
  708. this.msgSuccess('成功删除')
  709. }
  710. })
  711. } else {
  712. rows.splice(index, 1)
  713. }
  714. },
  715. revokescarsRow(index, rows, row) {
  716. },
  717. changescarsRow(row) {
  718. }
  719. },
  720. watch: {
  721. // 监听 addOrUpdateVisible 改变
  722. addOrUpdateVisible(oldVal, newVal) {
  723. this.showDialog = this.addOrUpdateVisible
  724. }
  725. }
  726. }
  727. </script>