You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2368 lines
85 KiB

11 months ago
10 months ago
11 months ago
10 months ago
10 months ago
10 months ago
11 months ago
8 months ago
8 months ago
9 months ago
11 months ago
10 months ago
11 months ago
8 months ago
9 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
10 months ago
10 months ago
8 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
8 months ago
10 months ago
10 months ago
10 months ago
8 months ago
10 months ago
8 months ago
10 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
10 months ago
10 months ago
8 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
10 months ago
10 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
10 months ago
8 months ago
8 months ago
8 months ago
11 months ago
8 months ago
11 months ago
10 months ago
8 months ago
11 months ago
  1. <template>
  2. <div class="mod-config">
  3. <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
  4. <el-form-item :label="'工厂编码:'">
  5. <el-input v-model="searchData.site" style="width: 120px"></el-input>
  6. </el-form-item>
  7. <el-form-item :label="'报关单号:'">
  8. <el-input v-model="searchData.declarationNo" style="width: 120px"></el-input>
  9. </el-form-item>
  10. <el-form-item :label="'发货通知单:'">
  11. <el-input v-model="searchData.delNo" style="width: 120px"></el-input>
  12. </el-form-item>
  13. <el-form-item :label="'CMC Invoice:'">
  14. <el-input v-model="searchData.cmcInvoice" style="width: 120px"></el-input>
  15. </el-form-item>
  16. <el-form-item :label="'出口日期'" >
  17. <el-date-picker
  18. style="width: 120px"
  19. v-model="searchData.startDate"
  20. type="date"
  21. format="yyyy-MM-dd"
  22. value-format="yyyy-MM-dd"
  23. placeholder="选择日期">
  24. </el-date-picker>
  25. </el-form-item>
  26. <el-form-item :label="'To'" >
  27. <el-date-picker
  28. style="width: 120px"
  29. v-model="searchData.endDate"
  30. type="date"
  31. format="yyyy-MM-dd"
  32. value-format="yyyy-MM-dd"
  33. placeholder="选择日期">
  34. </el-date-picker>
  35. </el-form-item>
  36. <el-form-item label=" ">
  37. <el-button @click="searchTable()" type="primary" style="margin-left: 2px">{{'查询'}}</el-button>
  38. </el-form-item><br>
  39. <el-form-item label=" ">
  40. <el-button @click="chooseBrandType()" type="primary" style="margin-left: 2px">{{'导出报关要素'}}</el-button>
  41. </el-form-item>
  42. <el-form-item label=" ">
  43. <el-button @click="chooseHsCodeDescType" type="primary" style="margin-left: 2px">{{'导出报关单'}}</el-button>
  44. </el-form-item>
  45. <el-form-item label=" ">
  46. <el-button @click="exportInvoiceList()" type="primary" style="margin-left: 2px">{{'导出发票'}}</el-button>
  47. </el-form-item>
  48. <el-form-item label=" ">
  49. <el-button @click="exportPakingList()" type="primary" style="margin-left: 2px">{{'导出箱单'}}</el-button>
  50. </el-form-item>
  51. <el-form-item label=" ">
  52. <el-button @click="exportGoodsList()" type="primary" style="margin-left: 2px">{{'导出出口货物委托书'}}</el-button>
  53. </el-form-item>
  54. <!-- <el-form-item label=" ">
  55. <el-button @click="exportContract()" type="primary" style="margin-left: 2px">{{'导出合同'}}</el-button>
  56. </el-form-item>-->
  57. <el-form-item label=" ">
  58. <el-button @click="exportAllOpen()" type="primary" style="margin-left: 2px">{{'一键导出'}}</el-button>
  59. </el-form-item>
  60. </el-form>
  61. <el-table
  62. @row-click="changeData"
  63. highlight-current-row
  64. @current-change="handleCurrentChange"
  65. :height="height"
  66. :data="dataList"
  67. ref="mainTable"
  68. border
  69. v-loading="dataListLoading"
  70. style="width: 100%;">
  71. <el-table-column
  72. header-align="center"
  73. align="center"
  74. width="150"
  75. label="操作">
  76. <template slot-scope="scope">
  77. <a type="text" size="small" @click="deleteBG(scope.row)">删除报关单</a>
  78. </template>
  79. </el-table-column>
  80. <el-table-column
  81. v-for="(item,index) in columnList" :key="index"
  82. :sortable="item.columnSortable"
  83. :prop="item.columnProp"
  84. :header-align="item.headerAlign"
  85. :show-overflow-tooltip="item.showOverflowTooltip"
  86. :align="item.align"
  87. :fixed="item.fixed==''?false:item.fixed"
  88. :min-width="item.columnWidth"
  89. :label="item.columnLabel">
  90. <template slot-scope="scope">
  91. <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
  92. <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
  93. style="width: 100px; height: 80px"/></span>
  94. </template>
  95. </el-table-column>
  96. </el-table>
  97. <el-pagination
  98. @size-change="sizeChangeHandle"
  99. @current-change="currentChangeHandle"
  100. :current-page="pageIndex"
  101. :page-sizes="[20, 50, 100, 1000]"
  102. :page-size="pageSize"
  103. :total="totalPage"
  104. layout="total, sizes, prev, pager, next, jumper">
  105. </el-pagination>
  106. <el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick" >
  107. <el-tab-pane label="明细" name="detail">
  108. <el-table
  109. :height="height"
  110. :data="dataList2"
  111. border
  112. style="width: 100%;">
  113. <el-table-column
  114. v-for="(item,index) in columnList2" :key="index"
  115. :sortable="item.columnSortable"
  116. :prop="item.columnProp"
  117. :header-align="item.headerAlign"
  118. :show-overflow-tooltip="item.showOverflowTooltip"
  119. :align="item.align"
  120. :fixed="item.fixed==''?false:item.fixed"
  121. :min-width="item.columnWidth"
  122. :label="item.columnLabel">
  123. <template slot-scope="scope">
  124. <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
  125. <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
  126. </template>
  127. </el-table-column>
  128. </el-table>
  129. </el-tab-pane>
  130. </el-tabs>
  131. <el-dialog title="一键导出" :close-on-click-modal="false" v-drag :visible.sync="exportAllFlag" :width="'740px'">
  132. <el-form label-position="top" style="margin-left: 7px;margin-top: 10px;margin-bottom: 20px">
  133. <el-row :gutter="20">
  134. <div class="custom-divider"><span class="text" style="left: 22%">报关要素</span></div>
  135. <!-- 报关要素-->
  136. <el-col :span="8">
  137. <el-form-item :label="'品牌'" >
  138. <el-radio v-model="brandType" label="境外品牌(其他)">境外品牌其他</el-radio>
  139. <el-radio v-model="brandType" label="无品牌">无品牌</el-radio>
  140. </el-form-item>
  141. </el-col>
  142. <el-col :span="8">
  143. <el-form-item :label="'品名类型'" >
  144. <el-radio v-model="hsCodeDescType" label="Y">中文</el-radio>
  145. <el-radio style="margin-left: 50px;" v-model="hsCodeDescType" label="N">英文</el-radio>
  146. </el-form-item>
  147. </el-col>
  148. </el-row>
  149. <el-row :gutter="20">
  150. <div class="custom-divider"><span class="text">发票</span></div>
  151. <!-- 发票-->
  152. <el-col :span="8" >
  153. <el-form-item :label="''" >
  154. <el-checkbox v-model="exportInvoice.hsCodeDesc">品名</el-checkbox>
  155. </el-form-item>
  156. </el-col>
  157. <el-col :span="8" >
  158. <el-form-item :label="''" >
  159. <el-checkbox v-model="exportInvoice.contractFlag">合同</el-checkbox>
  160. </el-form-item>
  161. </el-col>
  162. <!-- 箱单-->
  163. </el-row>
  164. <el-row :gutter="20">
  165. <div class="custom-divider"><span class="text">箱单</span></div>
  166. <el-col :span="8" >
  167. <el-form-item :label="''" >
  168. <el-checkbox v-model="exportPaking.goodsLabel">货物明细</el-checkbox>
  169. </el-form-item>
  170. </el-col>
  171. <el-col :span="8" v-show="currentRow.buNo==='03-RFID'">
  172. <el-form-item :label="''" >
  173. <el-checkbox v-model="exportPaking.upc">UPC</el-checkbox>
  174. </el-form-item>
  175. </el-col>
  176. <el-col :span="8" v-show="currentRow.buNo==='03-RFID'">
  177. <el-form-item :label="''" >
  178. <el-checkbox v-model="exportPaking.so">SO</el-checkbox>
  179. </el-form-item>
  180. </el-col>
  181. <el-col :span="8">
  182. <el-form-item :label="'序号类型'" >
  183. <el-radio v-model="exportPaking.itemNo" label="Y">序号</el-radio>
  184. <el-radio v-model="exportPaking.itemNo" label="N">栈板号</el-radio>
  185. </el-form-item>
  186. </el-col>
  187. <el-col :span="8">
  188. <el-form-item :label="'Shipping Mark'" >
  189. <el-input v-model="exportPaking.shippingMark"></el-input>
  190. </el-form-item>
  191. </el-col>
  192. <el-col :span="8" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
  193. <el-form-item :label="'栈板重量参数'" >
  194. <el-input v-model="exportPaking.palletWeight"></el-input>
  195. </el-form-item>
  196. </el-col>
  197. <el-col :span="8">
  198. <el-form-item :label="'RFID Base Material'" >
  199. <el-checkbox v-model="exportPaking.material"></el-checkbox>
  200. </el-form-item>
  201. </el-col>
  202. <el-col :span="8">
  203. <el-form-item :label="'HS Code'" >
  204. <el-input :disabled="!exportPaking.material" v-model="exportPaking.hsCode"></el-input>
  205. </el-form-item>
  206. </el-col>
  207. <el-col :span="8" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
  208. <el-form-item :label="'制造地'" >
  209. <el-input v-model="exportPaking.origin"></el-input>
  210. </el-form-item>
  211. </el-col>
  212. <el-col :span="8">
  213. <el-form-item :label="'Non-reusable plastic packaging'" >
  214. <el-checkbox v-model="exportPaking.packaging"></el-checkbox>
  215. </el-form-item>
  216. </el-col>
  217. <el-col :span="8">
  218. <el-form-item :label="'plastic packaging'" >
  219. <el-input :disabled="!exportPaking.packaging" v-model="exportPaking.kgs"></el-input>
  220. </el-form-item>
  221. </el-col>
  222. </el-row>
  223. <el-row :gutter="20">
  224. <!-- 出口货物委托书-->
  225. <div class="custom-divider"><span class="text" style="left: 25%">出口货物委托书</span></div>
  226. <el-col :span="8">
  227. <el-form-item :label="'贸易方式'" >
  228. <el-input v-model="exportGoods.salesMethod"></el-input>
  229. </el-form-item>
  230. </el-col>
  231. <el-col :span="8">
  232. <el-form-item :label="'币制'" >
  233. <el-input v-model="exportGoods.currency"></el-input>
  234. </el-form-item>
  235. </el-col>
  236. <el-col :span="8">
  237. <el-form-item :label="'货物产地'" >
  238. <el-input v-model="exportGoods.madeArea"></el-input>
  239. </el-form-item>
  240. </el-col>
  241. <el-col :span="8">
  242. <el-form-item :label="'发货港'" >
  243. <el-input v-model="exportGoods.sendPort"></el-input>
  244. </el-form-item>
  245. </el-col>
  246. <el-col :span="8">
  247. <el-form-item :label="'唛头'" >
  248. <el-input v-model="exportGoods.voyage"></el-input>
  249. </el-form-item>
  250. </el-col>
  251. <el-col :span="8">
  252. <el-form-item :label="'提/送货日期'" >
  253. <el-input v-model="exportGoods.deliveryGoodsDate"></el-input>
  254. </el-form-item>
  255. </el-col>
  256. <el-col :span="8">
  257. <el-form-item :label="'船期'" >
  258. <el-input v-model="exportGoods.shippingDate"></el-input>
  259. </el-form-item>
  260. </el-col>
  261. <el-col :span="16">
  262. <el-form-item :label="'发货人'" >
  263. <el-input type="textarea"
  264. :rows="4" v-model="exportGoods.shipper"></el-input>
  265. </el-form-item>
  266. </el-col>
  267. </el-row>
  268. </el-form>
  269. <el-table v-show="currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM'"
  270. :height="240"
  271. :data="propertiesList"
  272. stripe
  273. highlight-current-row
  274. border :row-style="{ height: '30px' }"
  275. style="width: 100%;">
  276. <el-table-column
  277. prop="hsCode"
  278. header-align="center"
  279. align="center"
  280. label="HS Code">
  281. </el-table-column>
  282. <el-table-column
  283. prop="hsCodeDesc"
  284. header-align="center"
  285. align="center"
  286. label="品名">
  287. </el-table-column>
  288. <el-table-column
  289. prop="ehundred"
  290. header-align="center"
  291. align="center"
  292. label="品牌">
  293. <template slot-scope="scope">
  294. <el-select v-model="scope.row.brand" placeholder="请选择" style="width: 150px">
  295. <el-option :value="i.availableValue" :label="i.availableValue" v-for="(i,key) in scope.row.availableList" :key="key"></el-option>
  296. </el-select>
  297. </template>
  298. </el-table-column>
  299. </el-table>
  300. <el-table v-show="currentRow.buNo==='03-RFID'"
  301. :height="180"
  302. :data="notifyPartDetailList"
  303. stripe
  304. highlight-current-row
  305. border :row-style="{ height: '30px' }"
  306. style="width: 100%;margin-top: 70px">
  307. <el-table-column
  308. prop="partNo"
  309. header-align="center"
  310. align="center"
  311. label="PN">
  312. </el-table-column>
  313. <el-table-column
  314. prop="ehundred"
  315. header-align="center"
  316. align="center"
  317. label="E100">
  318. <template slot-scope="scope">
  319. <el-input v-model="scope.row.ehundred" style="width: 100px;"></el-input>
  320. </template>
  321. </el-table-column>
  322. <el-table-column
  323. prop="lossratio"
  324. header-align="center"
  325. align="center"
  326. label="纯FSC纸重量损耗">
  327. <template slot-scope="scope">
  328. <el-input v-model="scope.row.lossratio" style="width: 100px;"></el-input>
  329. </template>
  330. </el-table-column>
  331. </el-table>
  332. <el-footer style="height:40px;margin-top: 10px;text-align:center">
  333. <el-button type="primary" @click="exportAll()">确定</el-button>
  334. <el-button type="primary" @click="exportAllFlag=false">关闭</el-button>
  335. </el-footer>
  336. </el-dialog>
  337. <el-dialog title="导出报关要素" :close-on-click-modal="false" v-drag :visible.sync="brandTypeFlag"
  338. :width="(currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM')?'600px':'300px'">
  339. <el-form label-position="top" style="margin-left: 7px;margin-top: 10px;margin-bottom: 20px">
  340. <el-row :gutter="20">
  341. <el-col :span="(currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM')?12:24">
  342. <el-form-item :label="'品牌'" >
  343. <el-radio v-model="brandType" label="境外品牌(其他)">境外品牌其他</el-radio>
  344. <el-radio v-model="brandType" label="无品牌">无品牌</el-radio>
  345. </el-form-item>
  346. </el-col>
  347. <el-col :span="(currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM')?12:24">
  348. <el-form-item :label="'品名类型'" >
  349. <el-radio v-model="hsCodeDescType" label="Y">中文</el-radio>
  350. <el-radio style="margin-left: 102px;" v-model="hsCodeDescType" label="N">英文</el-radio>
  351. </el-form-item>
  352. </el-col>
  353. </el-row>
  354. </el-form>
  355. <el-table v-show="currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM'"
  356. :height="240"
  357. :data="propertiesList"
  358. stripe
  359. highlight-current-row
  360. border :row-style="{ height: '30px' }"
  361. style="width: 100%;">
  362. <el-table-column
  363. prop="hsCode"
  364. header-align="center"
  365. align="center"
  366. label="HS Code">
  367. </el-table-column>
  368. <el-table-column
  369. prop="hsCodeDesc"
  370. header-align="center"
  371. align="center"
  372. label="品名">
  373. </el-table-column>
  374. <el-table-column
  375. prop="ehundred"
  376. header-align="center"
  377. align="center"
  378. label="品牌">
  379. <template slot-scope="scope">
  380. <el-select v-model="scope.row.brand" placeholder="请选择" style="width: 150px">
  381. <el-option :value="i.availableValue" :label="i.availableValue" v-for="(i,key) in scope.row.availableList" :key="key"></el-option>
  382. </el-select>
  383. </template>
  384. </el-table-column>
  385. </el-table>
  386. <el-footer style="height:40px;margin-top: 10px;text-align:center">
  387. <el-button type="primary" @click="downloadDeclarationElements()">确定</el-button>
  388. <el-button type="primary" @click="brandTypeFlag=false">关闭</el-button>
  389. </el-footer>
  390. </el-dialog>
  391. <el-dialog title="导出报关单" :close-on-click-modal="false" v-drag :visible.sync="declarationFlag" width="300px">
  392. <el-form label-position="top" style="margin-left: 7px;margin-top: 10px;">
  393. <el-row :gutter="20">
  394. <el-col :span="24">
  395. <el-form-item :label="'品名类型'" >
  396. <el-radio v-model="hsCodeDescType" label="Y">中文</el-radio>
  397. <el-radio v-model="hsCodeDescType" label="N">英文</el-radio>
  398. </el-form-item>
  399. </el-col>
  400. </el-row>
  401. </el-form>
  402. <el-footer style="height:40px;margin-top: 10px;text-align:center">
  403. <el-button type="primary" @click="downloadDeclaration()()">确定</el-button>
  404. <el-button type="primary" @click="declarationFlag=false">关闭</el-button>
  405. </el-footer>
  406. </el-dialog>
  407. <el-dialog title="导出发票" :close-on-click-modal="false" v-drag :visible.sync="exportInvoiceFlag" width="450px">
  408. <el-form label-position="top" style="margin-left: 2px;margin-top: 10px;">
  409. <el-row :gutter="20">
  410. <el-col :span="24">
  411. <el-form-item :label="''" >
  412. <template #label>
  413. <span slot="label" style="" class="big-label">
  414. <a href="#" @click="openTemplate('发票')">发票模版</a>
  415. </span>
  416. </template>
  417. <el-input v-model="exportInvoice.templateName" disabled ></el-input>
  418. </el-form-item>
  419. </el-col>
  420. <el-col :span="12" >
  421. <el-form-item :label="''" >
  422. <el-checkbox v-model="exportInvoice.hsCodeDesc">品名</el-checkbox>
  423. </el-form-item>
  424. </el-col>
  425. <el-col :span="12">
  426. <el-form-item :label="'品名类型'" >
  427. <el-radio v-model="exportInvoice.hsCodeDescType" label="Y">中文</el-radio>
  428. <el-radio v-model="exportInvoice.hsCodeDescType" label="N">英文</el-radio>
  429. </el-form-item>
  430. </el-col>
  431. <el-col :span="12" >
  432. <el-form-item :label="''" >
  433. <el-checkbox v-model="exportInvoice.contractFlag">合同</el-checkbox>
  434. </el-form-item>
  435. </el-col>
  436. <el-col :span="12" >
  437. <el-form-item :label="''" >
  438. <el-checkbox v-model="exportInvoice.goodsLabel">货物明细</el-checkbox>
  439. </el-form-item>
  440. </el-col>
  441. <el-col :span="12">
  442. <el-form-item :label="'RFID Base Material'" >
  443. <el-checkbox v-model="exportInvoice.material"></el-checkbox>
  444. </el-form-item>
  445. </el-col>
  446. <el-col :span="12">
  447. <el-form-item :label="'HS Code'" >
  448. <el-input :disabled="!exportInvoice.material" v-model="exportInvoice.hsCode"></el-input>
  449. </el-form-item>
  450. </el-col>
  451. <el-col :span="12">
  452. <el-form-item :label="'Non-reusable plastic packaging'" >
  453. <el-checkbox v-model="exportInvoice.packaging"></el-checkbox>
  454. </el-form-item>
  455. </el-col>
  456. <el-col :span="12">
  457. <el-form-item :label="'plastic packaging'" >
  458. <el-input :disabled="!exportInvoice.packaging" v-model="exportInvoice.kgs"></el-input>
  459. </el-form-item>
  460. </el-col>
  461. <el-col :span="12" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
  462. <el-form-item :label="'制造地'" >
  463. <el-input v-model="exportInvoice.origin"></el-input>
  464. </el-form-item>
  465. </el-col>
  466. </el-row>
  467. </el-form>
  468. <el-table v-show="currentRow.buNo==='03-RFID'"
  469. :height="240"
  470. :data="notifyPartDetailList"
  471. stripe
  472. highlight-current-row
  473. border :row-style="{ height: '30px' }"
  474. style="width: 100%;">
  475. <el-table-column
  476. prop="partNo"
  477. header-align="center"
  478. align="center"
  479. label="PN">
  480. </el-table-column>
  481. <el-table-column
  482. prop="ehundred"
  483. header-align="center"
  484. align="center"
  485. label="E100">
  486. <template slot-scope="scope">
  487. <el-input v-model="scope.row.ehundred" style="width: 100px;"></el-input>
  488. </template>
  489. </el-table-column>
  490. <el-table-column
  491. prop="lossratio"
  492. header-align="center"
  493. align="center"
  494. label="纯FSC纸重量损耗">
  495. <template slot-scope="scope">
  496. <el-input v-model="scope.row.lossratio" style="width: 100px;"></el-input>
  497. </template>
  498. </el-table-column>
  499. </el-table>
  500. <el-footer style="height:40px;margin-top: 10px;text-align:center">
  501. <el-button type="primary" @click="downloadInvoice()">确定</el-button>
  502. <el-button type="primary" @click="exportInvoiceFlag=false">关闭</el-button>
  503. </el-footer>
  504. </el-dialog>
  505. <el-dialog title="导出箱单" :close-on-click-modal="false" v-drag :visible.sync="exportPakingFlag" width="450px">
  506. <el-form label-position="top" style="margin-left: 2px;margin-top: 10px;">
  507. <el-row :gutter="20">
  508. <el-col :span="24">
  509. <el-form-item :label="''" >
  510. <template #label>
  511. <span slot="label" style="" class="big-label">
  512. <a href="#" @click="openTemplate('箱单')">箱单模版</a>
  513. </span>
  514. </template>
  515. <el-input v-model="exportPaking.templateName" disabled ></el-input>
  516. </el-form-item>
  517. </el-col>
  518. <el-col :span="12" v-show="currentRow.buNo==='03-RFID'">
  519. <el-form-item :label="''" >
  520. <el-checkbox v-model="exportPaking.upc">UPC</el-checkbox>
  521. </el-form-item>
  522. </el-col>
  523. <el-col :span="12" v-show="currentRow.buNo==='03-RFID'">
  524. <el-form-item :label="''" >
  525. <el-checkbox v-model="exportPaking.so">SO</el-checkbox>
  526. </el-form-item>
  527. </el-col>
  528. <el-col :span="12">
  529. <el-form-item :label="'序号类型'" >
  530. <el-radio v-model="exportPaking.itemNo" label="Y">序号</el-radio>
  531. <el-radio v-model="exportPaking.itemNo" label="N">栈板号</el-radio>
  532. </el-form-item>
  533. </el-col>
  534. <el-col :span="12" v-show="currentRow.buNo==='04-MHM'">
  535. <el-form-item :label="'品名类型'" >
  536. <el-radio v-model="exportPaking.hsCodeDescType" label="Y">中文</el-radio>
  537. <el-radio v-model="exportPaking.hsCodeDescType" label="N">英文</el-radio>
  538. </el-form-item>
  539. </el-col>
  540. <!-- <el-col :span="12" >
  541. <el-form-item :label="''" >
  542. <el-checkbox v-model="exportPaking.boxChange">显示箱数零头</el-checkbox>
  543. </el-form-item>
  544. </el-col>-->
  545. <el-col :span="12" >
  546. <el-form-item :label="''" >
  547. <el-checkbox v-model="exportPaking.goodsLabel">货物明细</el-checkbox>
  548. </el-form-item>
  549. </el-col>
  550. <el-col :span="12">
  551. <el-form-item :label="'Shipping Mark'" >
  552. <el-input v-model="exportPaking.shippingMark"></el-input>
  553. </el-form-item>
  554. </el-col>
  555. <el-col :span="12" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
  556. <el-form-item :label="'制造地'" >
  557. <el-input v-model="exportPaking.origin"></el-input>
  558. </el-form-item>
  559. </el-col>
  560. <el-col :span="12" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
  561. <el-form-item :label="'栈板重量参数'" >
  562. <el-input v-model="exportPaking.palletWeight"></el-input>
  563. </el-form-item>
  564. </el-col>
  565. <el-col :span="12">
  566. <el-form-item :label="'RFID Base Material'" >
  567. <el-checkbox v-model="exportPaking.material"></el-checkbox>
  568. </el-form-item>
  569. </el-col>
  570. <el-col :span="12">
  571. <el-form-item :label="'HS Code'" >
  572. <el-input :disabled="!exportPaking.material" v-model="exportPaking.hsCode"></el-input>
  573. </el-form-item>
  574. </el-col>
  575. <el-col :span="12">
  576. <el-form-item :label="'Non-reusable plastic packaging'" >
  577. <el-checkbox v-model="exportPaking.packaging"></el-checkbox>
  578. </el-form-item>
  579. </el-col>
  580. <el-col :span="12">
  581. <el-form-item :label="'plastic packaging'" >
  582. <el-input :disabled="!exportPaking.packaging" v-model="exportPaking.kgs"></el-input>
  583. </el-form-item>
  584. </el-col>
  585. </el-row>
  586. </el-form>
  587. <el-table v-show="currentRow.buNo==='03-RFID'"
  588. :height="240"
  589. :data="notifyPartDetailList"
  590. stripe
  591. highlight-current-row
  592. border :row-style="{ height: '30px' }"
  593. style="width: 100%;">
  594. <el-table-column
  595. prop="partNo"
  596. header-align="center"
  597. align="center"
  598. label="PN">
  599. </el-table-column>
  600. <el-table-column
  601. prop="ehundred"
  602. header-align="center"
  603. align="center"
  604. label="E100">
  605. <template slot-scope="scope">
  606. <el-input v-model="scope.row.ehundred" style="width: 100px;"></el-input>
  607. </template>
  608. </el-table-column>
  609. <el-table-column
  610. prop="lossratio"
  611. header-align="center"
  612. align="center"
  613. label="纯FSC纸重量损耗">
  614. <template slot-scope="scope">
  615. <el-input v-model="scope.row.lossratio" style="width: 100px;"></el-input>
  616. </template>
  617. </el-table-column>
  618. </el-table>
  619. <el-footer style="height:40px;margin-top: 10px;text-align:center">
  620. <el-button type="primary" @click="downloadPackingList()">确定</el-button>
  621. <el-button type="primary" @click="exportPakingFlag=false">关闭</el-button>
  622. </el-footer>
  623. </el-dialog>
  624. <el-dialog title="导出出口货物委托书" :close-on-click-modal="false" v-drag :visible.sync="exportGoodsFlag" width="500px">
  625. <el-form label-position="top" style="margin-left: 7px;margin-top: 10px;">
  626. <el-row :gutter="20">
  627. <el-col :span="12">
  628. <el-form-item :label="'品名类型'" >
  629. <el-radio v-model="exportGoods.hsCodeDescType" label="Y">中文</el-radio>
  630. <el-radio v-model="exportGoods.hsCodeDescType" label="N">英文</el-radio>
  631. </el-form-item>
  632. </el-col>
  633. <el-col :span="12">
  634. <el-form-item :label="'贸易方式'" >
  635. <el-input v-model="exportGoods.salesMethod"></el-input>
  636. </el-form-item>
  637. </el-col>
  638. <el-col :span="12">
  639. <el-form-item :label="'币制'" >
  640. <el-input v-model="exportGoods.currency"></el-input>
  641. </el-form-item>
  642. </el-col>
  643. <el-col :span="12">
  644. <el-form-item :label="'货物产地'" >
  645. <el-input v-model="exportGoods.madeArea"></el-input>
  646. </el-form-item>
  647. </el-col>
  648. <el-col :span="12">
  649. <el-form-item :label="'发货港'" >
  650. <el-input v-model="exportGoods.sendPort"></el-input>
  651. </el-form-item>
  652. </el-col>
  653. <el-col :span="12">
  654. <el-form-item :label="'唛头'" >
  655. <el-input v-model="exportGoods.voyage"></el-input>
  656. </el-form-item>
  657. </el-col>
  658. <el-col :span="12">
  659. <el-form-item :label="'提/送货日期'" >
  660. <el-input v-model="exportGoods.deliveryGoodsDate"></el-input>
  661. </el-form-item>
  662. </el-col>
  663. <el-col :span="12">
  664. <el-form-item :label="'船期'" >
  665. <el-input v-model="exportGoods.shippingDate"></el-input>
  666. </el-form-item>
  667. </el-col>
  668. <el-col :span="24">
  669. <el-form-item :label="'发货人'" >
  670. <el-input type="textarea"
  671. :rows="4" v-model="exportGoods.shipper"></el-input>
  672. </el-form-item>
  673. </el-col>
  674. </el-row>
  675. </el-form>
  676. <el-footer style="height:40px;margin-top: 80px;text-align:center">
  677. <el-button type="primary" @click="downloadExportGoods()">确定</el-button>
  678. <el-button type="primary" @click="exportGoodsFlag=false">关闭</el-button>
  679. </el-footer>
  680. </el-dialog>
  681. <el-dialog title="模版" @close="closeTemplateDialog" @open="openTemplateDialog" :visible.sync="templateFlag" width="559px" v-drag>
  682. <el-form inline="inline" label-position="top" :model="templateData" style="margin-left: 7px;margin-top: -5px;">
  683. <el-form-item label="模版名称">
  684. <el-input v-model="templateData.name" clearable style="width: 110px"></el-input>
  685. </el-form-item>
  686. <el-form-item label=" ">
  687. <el-button type="primary" style="padding: 3px 12px" @click="searchTemplateList()">查询</el-button>
  688. </el-form-item>
  689. </el-form>
  690. <el-table
  691. :height="height + 110"
  692. :data="templateList"
  693. stripe
  694. highlight-current-row
  695. border
  696. @row-dblclick="templateRowDblclick"
  697. style="width: 100%;">
  698. <el-table-column
  699. prop="buNo"
  700. header-align="center"
  701. align="center"
  702. label="BuNo">
  703. </el-table-column>
  704. <el-table-column
  705. prop="name"
  706. header-align="center"
  707. align="center"
  708. label="模版名称">
  709. </el-table-column>
  710. </el-table>
  711. <el-footer style="height:40px;margin-top: 10px;text-align:center">
  712. <el-button @click="templateFlag = false">关闭</el-button>
  713. </el-footer>
  714. </el-dialog>
  715. </div>
  716. </template>
  717. <script>
  718. import {} from "@/api/sysLanguage.js"
  719. import {
  720. searchDeclarationHeader,
  721. searchDeclarationDetail,
  722. deleteDeclaration,
  723. downloadDeclarationElements,
  724. getNotifyPartDetail,
  725. getCustomerInfo,
  726. searchTemplateList,
  727. getPropertiesListByDeclaration
  728. }from "@/api/ecss/ecss.js"
  729. import {EventBus} from "../../../main";
  730. import ExportUtil from "@/utils/export";
  731. export default {
  732. name: "declaration",
  733. components:{
  734. },
  735. data() {
  736. return {
  737. exportAllFlag:false,
  738. templateFlag:false,
  739. templateData:{},
  740. templateList:[],
  741. customerInfoList:[],
  742. notifyPartDetailList:[],
  743. propertiesList:[],
  744. currentRow:{},
  745. exportGoodsFlag:false,
  746. exportGoods:{
  747. salesMethod:'EXW',
  748. currency: 'USD',
  749. madeArea: 'Shanghai, China',
  750. sendPort:'Shanghai, China',
  751. deliveryGoodsDate:'',
  752. voyage :'',
  753. shippingDate:'',
  754. hsCodeDescType:'Y',
  755. shipper:'Checkpoint Commercial (Shanghai) Co., Ltd. 保点贸易(上海)有限公司\t\t\t\t\t\t\n' +
  756. 'Room 1411, No. 31, Lane 2419, Hunan Road, Pudong New Area, Shanghai\t\t\t\t\t\t\n' +
  757. '电话/Tel: (86-21)38112888 传真/Fax: (86-21)38112990\t\t\t\t\t\t\n' +
  758. '上海市浦东新区沪南路2419弄31号1411室\t\t\t\t\t\t\n'
  759. },
  760. brandTypeFlag:false,
  761. declarationFlag:false,
  762. exportInvoiceFlag:false,
  763. exportInvoice:{
  764. origin:"made in china",
  765. templateName:'',
  766. hsCodeDesc:'',
  767. contractFlag:'',
  768. packaging:'',
  769. kgs:'',
  770. hsCode:'',
  771. material:'',
  772. hsCodeDescType:'',
  773. goodsLabel:true,
  774. },
  775. exportPakingFlag:false,
  776. exportPaking:{
  777. origin:"made in china",
  778. itemNo:'',
  779. upc:'',
  780. so:'',
  781. shippingMark:'',
  782. palletWeight:'',
  783. templateName:'',
  784. hsCodeDesc:'',
  785. contractFlag:'',
  786. packaging:'',
  787. kgs:'',
  788. hsCode:'',
  789. material:'',
  790. hsCodeDescType:'',
  791. goodsLabel:true,
  792. boxChange:''
  793. },
  794. brandType:'',
  795. hsCodeDescType:'Y',
  796. exportParam: {},
  797. pageIndex: 1,
  798. pageSize: 100,
  799. totalPage: 0,
  800. height: 200,
  801. dataList:[],
  802. dataList2:[],
  803. dataListLoading: false,
  804. searchData: {
  805. page: 1,
  806. limit: 100,
  807. site:"",
  808. declarationNo:'',
  809. delNo:'',
  810. cmcInvoice:'',
  811. startDate:'',
  812. endDate:'',
  813. },
  814. buttons:{
  815. search:'查询',
  816. },
  817. activeName:'detail',
  818. columnList: [
  819. {
  820. userId: this.$store.state.user.name,
  821. functionId: 801006,
  822. serialNumber: '801006Table1Site',
  823. tableId: "801006Table1",
  824. tableName: "报关单主记录",
  825. columnProp: "site",
  826. headerAlign: "center",
  827. align: "left",
  828. columnLabel: "工厂编号",
  829. columnHidden: false,
  830. columnImage: false,
  831. columnSortable: false,
  832. sortLv: 0,
  833. status: true,
  834. fixed: '',
  835. columnWidth: 80
  836. },
  837. {
  838. userId: this.$store.state.user.name,
  839. functionId: 801006,
  840. serialNumber: '801006Table1DeclarationNo',
  841. tableId: "801006Table1",
  842. tableName: "报关单主记录",
  843. columnProp: "declarationNo",
  844. headerAlign: "center",
  845. align: "left",
  846. columnLabel: "报关单号",
  847. columnHidden: false,
  848. columnImage: false,
  849. columnSortable: false,
  850. sortLv: 0,
  851. status: true,
  852. fixed: '',
  853. columnWidth: 100
  854. },
  855. {
  856. userId: this.$store.state.user.name,
  857. functionId: 801006,
  858. serialNumber: '801006Table1CustomsOfficeCode',
  859. tableId: "801006Table1",
  860. tableName: "报关单主记录",
  861. columnProp: "customsOfficeCode",
  862. headerAlign: "center",
  863. align: "left",
  864. columnLabel: "海关编号",
  865. columnHidden: false,
  866. columnImage: false,
  867. columnSortable: false,
  868. sortLv: 0,
  869. status: true,
  870. fixed: '',
  871. columnWidth: 80
  872. },
  873. {
  874. userId: this.$store.state.user.name,
  875. functionId: 801006,
  876. serialNumber: '801006Table1InputCode',
  877. tableId: "801006Table1",
  878. tableName: "报关单主记录",
  879. columnProp: "inputCode",
  880. headerAlign: "center",
  881. align: "left",
  882. columnLabel: "录入编号",
  883. columnHidden: false,
  884. columnImage: false,
  885. columnSortable: false,
  886. sortLv: 0,
  887. status: true,
  888. fixed: '',
  889. columnWidth: 80
  890. },
  891. {
  892. userId: this.$store.state.user.name,
  893. functionId: 801006,
  894. serialNumber: '801006Table2Levy',
  895. tableId: "801006Table2",
  896. tableName: "报关单子记录",
  897. columnProp: "dutyStatus",
  898. headerAlign: "center",
  899. align: "left",
  900. columnLabel: "征免性质",
  901. columnHidden: false,
  902. columnImage: false,
  903. columnSortable: false,
  904. sortLv: 0,
  905. status: true,
  906. fixed: '',
  907. columnWidth: 80
  908. },
  909. {
  910. userId: this.$store.state.user.name,
  911. functionId: 801006,
  912. serialNumber: '801006Table1LocalShipper',
  913. tableId: "801006Table1",
  914. tableName: "报关单主记录",
  915. columnProp: "localShipper",
  916. headerAlign: "center",
  917. align: "left",
  918. columnLabel: "境内发货人",
  919. columnHidden: false,
  920. columnImage: false,
  921. columnSortable: false,
  922. sortLv: 0,
  923. status: true,
  924. fixed: '',
  925. columnWidth: 130
  926. },
  927. {
  928. userId: this.$store.state.user.name,
  929. functionId: 801006,
  930. serialNumber: '801006Table1LocalShipAddress',
  931. tableId: "801006Table1",
  932. tableName: "报关单主记录",
  933. columnProp: "localShipAddress",
  934. headerAlign: "center",
  935. align: "left",
  936. columnLabel: "境内发货人地址",
  937. columnHidden: false,
  938. columnImage: false,
  939. columnSortable: false,
  940. sortLv: 0,
  941. status: true,
  942. fixed: '',
  943. columnWidth: 180
  944. },
  945. {
  946. userId: this.$store.state.user.name,
  947. functionId: 801006,
  948. serialNumber: '801006Table1ShipType',
  949. tableId: "801006Table1",
  950. tableName: "报关单主记录",
  951. columnProp: "shipType",
  952. headerAlign: "center",
  953. align: "left",
  954. columnLabel: "出境关别",
  955. columnHidden: false,
  956. columnImage: false,
  957. columnSortable: false,
  958. sortLv: 0,
  959. status: true,
  960. fixed: '',
  961. columnWidth: 80
  962. },
  963. {
  964. userId: this.$store.state.user.name,
  965. functionId: 801006,
  966. serialNumber: '801006Table1ShipDate',
  967. tableId: "801006Table1",
  968. tableName: "报关单主记录",
  969. columnProp: "shipDate",
  970. headerAlign: "center",
  971. align: "left",
  972. columnLabel: "出口日期",
  973. columnHidden: false,
  974. columnImage: false,
  975. columnSortable: false,
  976. sortLv: 0,
  977. status: true,
  978. fixed: '',
  979. columnWidth: 100
  980. },
  981. {
  982. userId: this.$store.state.user.name,
  983. functionId: 801006,
  984. serialNumber: '801006Table1SubmitDate',
  985. tableId: "801006Table1",
  986. tableName: "报关单主记录",
  987. columnProp: "submitDate",
  988. headerAlign: "center",
  989. align: "left",
  990. columnLabel: "申报日期",
  991. columnHidden: false,
  992. columnImage: false,
  993. columnSortable: false,
  994. sortLv: 0,
  995. status: true,
  996. fixed: '',
  997. columnWidth: 100
  998. },
  999. {
  1000. userId: this.$store.state.user.name,
  1001. functionId: 801006,
  1002. serialNumber: '801006Table1FilingNo',
  1003. tableId: "801006Table1",
  1004. tableName: "报关单主记录",
  1005. columnProp: "filingNo",
  1006. headerAlign: "center",
  1007. align: "left",
  1008. columnLabel: "备案号",
  1009. columnHidden: false,
  1010. columnImage: false,
  1011. columnSortable: false,
  1012. sortLv: 0,
  1013. status: true,
  1014. fixed: '',
  1015. columnWidth: 100
  1016. },
  1017. {
  1018. userId: this.$store.state.user.name,
  1019. functionId: 801006,
  1020. serialNumber: '801006Table1OverseasShipper',
  1021. tableId: "801006Table1",
  1022. tableName: "报关单主记录",
  1023. columnProp: "overseasShipper",
  1024. headerAlign: "center",
  1025. align: "left",
  1026. columnLabel: "境外收货人",
  1027. columnHidden: false,
  1028. columnImage: false,
  1029. columnSortable: false,
  1030. sortLv: 0,
  1031. status: true,
  1032. fixed: '',
  1033. columnWidth: 80
  1034. },
  1035. {
  1036. userId: this.$store.state.user.name,
  1037. functionId: 801006,
  1038. serialNumber: '801006Table1ShippingMode',
  1039. tableId: "801006Table1",
  1040. tableName: "报关单主记录",
  1041. columnProp: "shippingMode",
  1042. headerAlign: "center",
  1043. align: "left",
  1044. columnLabel: "运输方式",
  1045. columnHidden: false,
  1046. columnImage: false,
  1047. columnSortable: false,
  1048. sortLv: 0,
  1049. status: true,
  1050. fixed: '',
  1051. columnWidth: 80
  1052. },
  1053. {
  1054. userId: this.$store.state.user.name,
  1055. functionId: 801006,
  1056. serialNumber: '801006Table1ShippingData',
  1057. tableId: "801006Table1",
  1058. tableName: "报关单主记录",
  1059. columnProp: "shippingData",
  1060. headerAlign: "center",
  1061. align: "left",
  1062. columnLabel: "运输工具以及航次号",
  1063. columnHidden: false,
  1064. columnImage: false,
  1065. columnSortable: false,
  1066. sortLv: 0,
  1067. status: true,
  1068. fixed: '',
  1069. columnWidth: 120
  1070. },
  1071. {
  1072. userId: this.$store.state.user.name,
  1073. functionId: 801006,
  1074. serialNumber: '801006Table1DeliverNo',
  1075. tableId: "801006Table1",
  1076. tableName: "报关单主记录",
  1077. columnProp: "deliverNo",
  1078. headerAlign: "center",
  1079. align: "left",
  1080. columnLabel: "提运单号",
  1081. columnHidden: false,
  1082. columnImage: false,
  1083. columnSortable: false,
  1084. sortLv: 0,
  1085. status: true,
  1086. fixed: '',
  1087. columnWidth: 100
  1088. },
  1089. {
  1090. userId: this.$store.state.user.name,
  1091. functionId: 801006,
  1092. serialNumber: '801006Table1SalesPartner',
  1093. tableId: "801006Table1",
  1094. tableName: "报关单主记录",
  1095. columnProp: "salesPartner",
  1096. headerAlign: "center",
  1097. align: "left",
  1098. columnLabel: "生产销售单位",
  1099. columnHidden: false,
  1100. columnImage: false,
  1101. columnSortable: false,
  1102. sortLv: 0,
  1103. status: true,
  1104. fixed: '',
  1105. columnWidth: 180
  1106. },
  1107. {
  1108. userId: this.$store.state.user.name,
  1109. functionId: 801006,
  1110. serialNumber: '801006Table1RegulatoryMethod',
  1111. tableId: "801006Table1",
  1112. tableName: "报关单主记录",
  1113. columnProp: "regulatoryMethod",
  1114. headerAlign: "center",
  1115. align: "left",
  1116. columnLabel: "监管方式",
  1117. columnHidden: false,
  1118. columnImage: false,
  1119. columnSortable: false,
  1120. sortLv: 0,
  1121. status: true,
  1122. fixed: '',
  1123. columnWidth: 80
  1124. },
  1125. {
  1126. userId: this.$store.state.user.name,
  1127. functionId: 801006,
  1128. serialNumber: '801006Table1DutyStatus',
  1129. tableId: "801006Table1",
  1130. tableName: "报关单主记录",
  1131. columnProp: "dutyStatus",
  1132. headerAlign: "center",
  1133. align: "left",
  1134. columnLabel: "征免性质",
  1135. columnHidden: false,
  1136. columnImage: false,
  1137. columnSortable: false,
  1138. sortLv: 0,
  1139. status: true,
  1140. fixed: '',
  1141. columnWidth: 80
  1142. },
  1143. {
  1144. userId: this.$store.state.user.name,
  1145. functionId: 801006,
  1146. serialNumber: '801006Table1PermitNumber',
  1147. tableId: "801006Table1",
  1148. tableName: "报关单主记录",
  1149. columnProp: "permitNumber",
  1150. headerAlign: "center",
  1151. align: "left",
  1152. columnLabel: "许可证号",
  1153. columnHidden: false,
  1154. columnImage: false,
  1155. columnSortable: false,
  1156. sortLv: 0,
  1157. status: true,
  1158. fixed: '',
  1159. columnWidth: 80
  1160. },
  1161. {
  1162. userId: this.$store.state.user.name,
  1163. functionId: 801006,
  1164. serialNumber: '801006Table1CmcInvoice',
  1165. tableId: "801006Table1",
  1166. tableName: "报关单主记录",
  1167. columnProp: "cmcInvoice",
  1168. headerAlign: "center",
  1169. align: "left",
  1170. columnLabel: "合同协议号",
  1171. columnHidden: false,
  1172. columnImage: false,
  1173. columnSortable: false,
  1174. sortLv: 0,
  1175. status: true,
  1176. fixed: '',
  1177. columnWidth: 80
  1178. },
  1179. {
  1180. userId: this.$store.state.user.name,
  1181. functionId: 801006,
  1182. serialNumber: '801006Table1SalesArea',
  1183. tableId: "801006Table1",
  1184. tableName: "报关单主记录",
  1185. columnProp: "salesArea",
  1186. headerAlign: "center",
  1187. align: "left",
  1188. columnLabel: "贸易国(地区)",
  1189. columnHidden: false,
  1190. columnImage: false,
  1191. columnSortable: false,
  1192. sortLv: 0,
  1193. status: true,
  1194. fixed: '',
  1195. columnWidth: 80
  1196. },
  1197. {
  1198. userId: this.$store.state.user.name,
  1199. functionId: 801006,
  1200. serialNumber: '801006Table1ReceiveArea',
  1201. tableId: "801006Table1",
  1202. tableName: "报关单主记录",
  1203. columnProp: "receiveArea",
  1204. headerAlign: "center",
  1205. align: "left",
  1206. columnLabel: "运抵国(地区)",
  1207. columnHidden: false,
  1208. columnImage: false,
  1209. columnSortable: false,
  1210. sortLv: 0,
  1211. status: true,
  1212. fixed: '',
  1213. columnWidth: 80
  1214. },
  1215. {
  1216. userId: this.$store.state.user.name,
  1217. functionId: 801006,
  1218. serialNumber: '801006Table1ShippingPort',
  1219. tableId: "801006Table1",
  1220. tableName: "报关单主记录",
  1221. columnProp: "shippingPort",
  1222. headerAlign: "center",
  1223. align: "left",
  1224. columnLabel: "运港",
  1225. columnHidden: false,
  1226. columnImage: false,
  1227. columnSortable: false,
  1228. sortLv: 0,
  1229. status: true,
  1230. fixed: '',
  1231. columnWidth: 80
  1232. },
  1233. {
  1234. userId: this.$store.state.user.name,
  1235. functionId: 801006,
  1236. serialNumber: '801006Table1ExitPort',
  1237. tableId: "801006Table1",
  1238. tableName: "报关单主记录",
  1239. columnProp: "exitPort",
  1240. headerAlign: "center",
  1241. align: "left",
  1242. columnLabel: "离境口岸",
  1243. columnHidden: false,
  1244. columnImage: false,
  1245. columnSortable: false,
  1246. sortLv: 0,
  1247. status: true,
  1248. fixed: '',
  1249. columnWidth: 80
  1250. },
  1251. {
  1252. userId: this.$store.state.user.name,
  1253. functionId: 801006,
  1254. serialNumber: '801006Table1Documents',
  1255. tableId: "801006Table1",
  1256. tableName: "报关单主记录",
  1257. columnProp: "documents",
  1258. headerAlign: "center",
  1259. align: "left",
  1260. columnLabel: "随附单证及编号",
  1261. columnHidden: false,
  1262. columnImage: false,
  1263. columnSortable: false,
  1264. sortLv: 0,
  1265. status: true,
  1266. fixed: '',
  1267. columnWidth: 120
  1268. },
  1269. {
  1270. userId: this.$store.state.user.name,
  1271. functionId: 801006,
  1272. serialNumber: '801006Table1Remark',
  1273. tableId: "801006Table1",
  1274. tableName: "报关单主记录",
  1275. columnProp: "remark",
  1276. headerAlign: "center",
  1277. align: "left",
  1278. columnLabel: "标记唛码及备注",
  1279. columnHidden: false,
  1280. columnImage: false,
  1281. columnSortable: false,
  1282. sortLv: 0,
  1283. status: true,
  1284. fixed: '',
  1285. columnWidth: 120
  1286. },
  1287. {
  1288. userId: this.$store.state.user.name,
  1289. functionId: 801006,
  1290. serialNumber: '801006Table1PackageType',
  1291. tableId: "801006Table1",
  1292. tableName: "报关单主记录",
  1293. columnProp: "packageType",
  1294. headerAlign: "center",
  1295. align: "left",
  1296. columnLabel: "包装种类",
  1297. columnHidden: false,
  1298. columnImage: false,
  1299. columnSortable: false,
  1300. sortLv: 0,
  1301. status: true,
  1302. fixed: '',
  1303. columnWidth: 80
  1304. },
  1305. {
  1306. userId: this.$store.state.user.name,
  1307. functionId: 801006,
  1308. serialNumber: '801006Table1PackageQty',
  1309. tableId: "801006Table1",
  1310. tableName: "报关单主记录",
  1311. columnProp: "packageQty",
  1312. headerAlign: "center",
  1313. align: "right",
  1314. columnLabel: "件数",
  1315. columnHidden: false,
  1316. columnImage: false,
  1317. columnSortable: false,
  1318. sortLv: 0,
  1319. status: true,
  1320. fixed: '',
  1321. columnWidth: 60
  1322. },
  1323. {
  1324. userId: this.$store.state.user.name,
  1325. functionId: 801006,
  1326. serialNumber: '801006Table1GrossWeight',
  1327. tableId: "801006Table1",
  1328. tableName: "报关单主记录",
  1329. columnProp: "grossWeight",
  1330. headerAlign: "center",
  1331. align: "right",
  1332. columnLabel: "毛重(KG)",
  1333. columnHidden: false,
  1334. columnImage: false,
  1335. columnSortable: false,
  1336. sortLv: 0,
  1337. status: true,
  1338. fixed: '',
  1339. columnWidth: 80
  1340. },
  1341. {
  1342. userId: this.$store.state.user.name,
  1343. functionId: 801006,
  1344. serialNumber: '801006Table1NetWeight',
  1345. tableId: "801006Table1",
  1346. tableName: "报关单主记录",
  1347. columnProp: "netWeight",
  1348. headerAlign: "center",
  1349. align: "right",
  1350. columnLabel: "毛重(KG)",
  1351. columnHidden: false,
  1352. columnImage: false,
  1353. columnSortable: false,
  1354. sortLv: 0,
  1355. status: true,
  1356. fixed: '',
  1357. columnWidth: 80
  1358. },
  1359. {
  1360. userId: this.$store.state.user.name,
  1361. functionId: 801006,
  1362. serialNumber: '801006Table1PaymentType',
  1363. tableId: "801006Table1",
  1364. tableName: "报关单主记录",
  1365. columnProp: "paymentType",
  1366. headerAlign: "center",
  1367. align: "left",
  1368. columnLabel: "成交方式",
  1369. columnHidden: false,
  1370. columnImage: false,
  1371. columnSortable: false,
  1372. sortLv: 0,
  1373. status: true,
  1374. fixed: '',
  1375. columnWidth: 80
  1376. },
  1377. {
  1378. userId: this.$store.state.user.name,
  1379. functionId: 801006,
  1380. serialNumber: '801006Table1ShipPrice',
  1381. tableId: "801006Table1",
  1382. tableName: "报关单主记录",
  1383. columnProp: "shipPrice",
  1384. headerAlign: "center",
  1385. align: "right",
  1386. columnLabel: "运费",
  1387. columnHidden: false,
  1388. columnImage: false,
  1389. columnSortable: false,
  1390. sortLv: 0,
  1391. status: true,
  1392. fixed: '',
  1393. columnWidth: 60
  1394. },
  1395. {
  1396. userId: this.$store.state.user.name,
  1397. functionId: 801006,
  1398. serialNumber: '801006Table1Premium',
  1399. tableId: "801006Table1",
  1400. tableName: "报关单主记录",
  1401. columnProp: "premium",
  1402. headerAlign: "center",
  1403. align: "right",
  1404. columnLabel: "保费",
  1405. columnHidden: false,
  1406. columnImage: false,
  1407. columnSortable: false,
  1408. sortLv: 0,
  1409. status: true,
  1410. fixed: '',
  1411. columnWidth: 60
  1412. },
  1413. {
  1414. userId: this.$store.state.user.name,
  1415. functionId: 801006,
  1416. serialNumber: '801006Table1OtherPrice',
  1417. tableId: "801006Table1",
  1418. tableName: "报关单主记录",
  1419. columnProp: "otherPrice",
  1420. headerAlign: "center",
  1421. align: "right",
  1422. columnLabel: "杂费",
  1423. columnHidden: false,
  1424. columnImage: false,
  1425. columnSortable: false,
  1426. sortLv: 0,
  1427. status: true,
  1428. fixed: '',
  1429. columnWidth: 60
  1430. },
  1431. {
  1432. userId: this.$store.state.user.name,
  1433. functionId: 801006,
  1434. serialNumber: '801006Table1SpecialRelationshipComfirm',
  1435. tableId: "801006Table1",
  1436. tableName: "报关单主记录",
  1437. columnProp: "specialRelationshipComfirm",
  1438. headerAlign: "center",
  1439. align: "left",
  1440. columnLabel: "特殊关系确认",
  1441. columnHidden: false,
  1442. columnImage: false,
  1443. columnSortable: false,
  1444. sortLv: 0,
  1445. status: true,
  1446. fixed: '',
  1447. columnWidth: 60
  1448. },
  1449. {
  1450. userId: this.$store.state.user.name,
  1451. functionId: 801006,
  1452. serialNumber: '801006Table1PriceInfluenceConfirm',
  1453. tableId: "801006Table1",
  1454. tableName: "报关单主记录",
  1455. columnProp: "priceInfluenceConfirm",
  1456. headerAlign: "center",
  1457. align: "left",
  1458. columnLabel: "价格影响确认",
  1459. columnHidden: false,
  1460. columnImage: false,
  1461. columnSortable: false,
  1462. sortLv: 0,
  1463. status: true,
  1464. fixed: '',
  1465. columnWidth: 60
  1466. },
  1467. {
  1468. userId: this.$store.state.user.name,
  1469. functionId: 801006,
  1470. serialNumber: '801006Table1RoyaltyPaymentsConfirm',
  1471. tableId: "801006Table1",
  1472. tableName: "报关单主记录",
  1473. columnProp: "royaltyPaymentsConfirm",
  1474. headerAlign: "center",
  1475. align: "left",
  1476. columnLabel: "支付特许使用费确认",
  1477. columnHidden: false,
  1478. columnImage: false,
  1479. columnSortable: false,
  1480. sortLv: 0,
  1481. status: true,
  1482. fixed: '',
  1483. columnWidth: 60
  1484. },
  1485. {
  1486. userId: this.$store.state.user.name,
  1487. functionId: 801006,
  1488. serialNumber: '801006Table1DelNo',
  1489. tableId: "801006Table1",
  1490. tableName: "报关单主记录",
  1491. columnProp: "delNo",
  1492. headerAlign: "center",
  1493. align: "left",
  1494. columnLabel: "发货通知单号",
  1495. columnHidden: false,
  1496. columnImage: false,
  1497. columnSortable: false,
  1498. sortLv: 0,
  1499. status: true,
  1500. fixed: '',
  1501. columnWidth: 90
  1502. },
  1503. ],
  1504. columnList2: [
  1505. {
  1506. userId: this.$store.state.user.name,
  1507. functionId: 801006,
  1508. serialNumber: '801006Table2ItemNo',
  1509. tableId: "801006Table2",
  1510. tableName: "报关单子记录",
  1511. columnProp: "itemNo",
  1512. headerAlign: "center",
  1513. align: "right",
  1514. columnLabel: "序号",
  1515. columnHidden: false,
  1516. columnImage: false,
  1517. columnSortable: false,
  1518. sortLv: 0,
  1519. status: true,
  1520. fixed: '',
  1521. columnWidth: 50
  1522. },
  1523. {
  1524. userId: this.$store.state.user.name,
  1525. functionId: 801006,
  1526. serialNumber: '801006Table2HsCode',
  1527. tableId: "801006Table2",
  1528. tableName: "报关单子记录",
  1529. columnProp: "hsCode",
  1530. headerAlign: "center",
  1531. align: "left",
  1532. columnLabel: "HS Code",
  1533. columnHidden: false,
  1534. columnImage: false,
  1535. columnSortable: false,
  1536. sortLv: 0,
  1537. status: true,
  1538. fixed: '',
  1539. columnWidth: 100
  1540. },
  1541. {
  1542. userId: this.$store.state.user.name,
  1543. functionId: 801006,
  1544. serialNumber: '801006Table2HsCodeDesc',
  1545. tableId: "801006Table2",
  1546. tableName: "报关单子记录",
  1547. columnProp: "hsCodeDesc",
  1548. headerAlign: "center",
  1549. align: "left",
  1550. columnLabel: "品名",
  1551. columnHidden: false,
  1552. columnImage: false,
  1553. columnSortable: false,
  1554. sortLv: 0,
  1555. status: true,
  1556. fixed: '',
  1557. columnWidth: 100
  1558. },
  1559. {
  1560. userId: this.$store.state.user.name,
  1561. functionId: 801006,
  1562. serialNumber: '801006Table2Qty',
  1563. tableId: "801006Table2",
  1564. tableName: "报关单子记录",
  1565. columnProp: "qty",
  1566. headerAlign: "center",
  1567. align: "right",
  1568. columnLabel: "数量",
  1569. columnHidden: false,
  1570. columnImage: false,
  1571. columnSortable: false,
  1572. sortLv: 0,
  1573. status: true,
  1574. fixed: '',
  1575. columnWidth: 60
  1576. },
  1577. {
  1578. userId: this.$store.state.user.name,
  1579. functionId: 801006,
  1580. serialNumber: '801006Table2NetWeight',
  1581. tableId: "801006Table2",
  1582. tableName: "报关单子记录",
  1583. columnProp: "netWeight",
  1584. headerAlign: "center",
  1585. align: "right",
  1586. columnLabel: "净重",
  1587. columnHidden: false,
  1588. columnImage: false,
  1589. columnSortable: false,
  1590. sortLv: 0,
  1591. status: true,
  1592. fixed: '',
  1593. columnWidth: 60
  1594. },
  1595. {
  1596. userId: this.$store.state.user.name,
  1597. functionId: 801006,
  1598. serialNumber: '801006Table2UnitPrice',
  1599. tableId: "801006Table2",
  1600. tableName: "报关单子记录",
  1601. columnProp: "unitPrice",
  1602. headerAlign: "center",
  1603. align: "right",
  1604. columnLabel: "单价",
  1605. columnHidden: false,
  1606. columnImage: false,
  1607. columnSortable: false,
  1608. sortLv: 0,
  1609. status: true,
  1610. fixed: '',
  1611. columnWidth: 60
  1612. },
  1613. {
  1614. userId: this.$store.state.user.name,
  1615. functionId: 801006,
  1616. serialNumber: '801006Table2TotalPrice',
  1617. tableId: "801006Table2",
  1618. tableName: "报关单子记录",
  1619. columnProp: "totalPrice",
  1620. headerAlign: "center",
  1621. align: "right",
  1622. columnLabel: "总价",
  1623. columnHidden: false,
  1624. columnImage: false,
  1625. columnSortable: false,
  1626. sortLv: 0,
  1627. status: true,
  1628. fixed: '',
  1629. columnWidth: 60
  1630. },
  1631. {
  1632. userId: this.$store.state.user.name,
  1633. functionId: 801006,
  1634. serialNumber: '801006Table2Currency',
  1635. tableId: "801006Table2",
  1636. tableName: "报关单子记录",
  1637. columnProp: "currency",
  1638. headerAlign: "center",
  1639. align: "left",
  1640. columnLabel: "币制",
  1641. columnHidden: false,
  1642. columnImage: false,
  1643. columnSortable: false,
  1644. sortLv: 0,
  1645. status: true,
  1646. fixed: '',
  1647. columnWidth: 60
  1648. },
  1649. {
  1650. userId: this.$store.state.user.name,
  1651. functionId: 801006,
  1652. serialNumber: '801006Table2MadeArea',
  1653. tableId: "801006Table2",
  1654. tableName: "报关单子记录",
  1655. columnProp: "madeArea",
  1656. headerAlign: "center",
  1657. align: "left",
  1658. columnLabel: "原产国(地区)",
  1659. columnHidden: false,
  1660. columnImage: false,
  1661. columnSortable: false,
  1662. sortLv: 0,
  1663. status: true,
  1664. fixed: '',
  1665. columnWidth: 80
  1666. },
  1667. {
  1668. userId: this.$store.state.user.name,
  1669. functionId: 801006,
  1670. serialNumber: '801006Table2Destination',
  1671. tableId: "801006Table2",
  1672. tableName: "报关单子记录",
  1673. columnProp: "destination",
  1674. headerAlign: "center",
  1675. align: "left",
  1676. columnLabel: "最终目的国(地区)",
  1677. columnHidden: false,
  1678. columnImage: false,
  1679. columnSortable: false,
  1680. sortLv: 0,
  1681. status: true,
  1682. fixed: '',
  1683. columnWidth: 100
  1684. },
  1685. {
  1686. userId: this.$store.state.user.name,
  1687. functionId: 801006,
  1688. serialNumber: '801006Table2SourceArea',
  1689. tableId: "801006Table2",
  1690. tableName: "报关单子记录",
  1691. columnProp: "sourceArea",
  1692. headerAlign: "center",
  1693. align: "left",
  1694. columnLabel: "境内货源地",
  1695. columnHidden: false,
  1696. columnImage: false,
  1697. columnSortable: false,
  1698. sortLv: 0,
  1699. status: true,
  1700. fixed: '',
  1701. columnWidth: 80
  1702. },
  1703. ],
  1704. }
  1705. },
  1706. mounted() {
  1707. this.$nextTick(() => {
  1708. this.height = (window.innerHeight - 240)/2;
  1709. })
  1710. },
  1711. methods: {
  1712. // 每页数
  1713. sizeChangeHandle (val) {
  1714. this.pageSize = val
  1715. this.pageIndex = 1
  1716. this.searchTable()
  1717. },
  1718. // 当前页
  1719. currentChangeHandle (val) {
  1720. this.pageIndex = val
  1721. this.searchTable()
  1722. },
  1723. changeData(row){
  1724. this.currentRow = JSON.parse(JSON.stringify(row));
  1725. this.refreshCurrentTabTable ();
  1726. },
  1727. searchTable(){
  1728. this.searchData.limit = this.pageSize
  1729. this.searchData.page = this.pageIndex
  1730. searchDeclarationHeader(this.searchData).then(({data}) => {
  1731. //区分请求成功和失败的状况
  1732. if (data && data.code == 0) {
  1733. this.dataList = data.page.list
  1734. this.pageIndex = data.page.currPage
  1735. this.pageSize = data.page.pageSize
  1736. this.totalPage = data.page.totalCount
  1737. if(this.dataList.length>0){
  1738. this.$refs.mainTable.setCurrentRow(this.dataList[0]);
  1739. this.changeData(this.dataList[0])
  1740. }else {
  1741. this.changeData(null)
  1742. }
  1743. } else {
  1744. this.dataList = [];
  1745. }
  1746. });
  1747. },
  1748. tabClick (tab, event) {
  1749. // 刷新列表数据
  1750. this.refreshCurrentTabTable()
  1751. },
  1752. refreshCurrentTabTable(){
  1753. if(this.currentRow===''||this.currentRow===null){
  1754. this.currentRow={site:'',declarationNo:''}
  1755. }
  1756. if(this.activeName==='detail'){
  1757. searchDeclarationDetail(this.currentRow).then(({data}) => {
  1758. //区分请求成功和失败的状况
  1759. if (data && data.code == 0) {
  1760. this.dataList2 = data.rows
  1761. } else {
  1762. this.dataList2 = [];
  1763. }
  1764. });
  1765. }
  1766. },
  1767. deleteBG(row){
  1768. this.$confirm('是否删除此条数据?', '提示', {
  1769. confirmButtonText: '确定',
  1770. cancelButtonText: '取消',
  1771. type: 'warning'
  1772. }).then(() => {
  1773. deleteDeclaration(row).then(({data}) => {
  1774. if (data && data.code === 0) {
  1775. this.searchTable()
  1776. this.$message({
  1777. message: '操作成功',
  1778. type: 'success',
  1779. duration: 1500,
  1780. onClose: () => {}
  1781. })
  1782. } else {
  1783. this.$alert(data.msg, '错误', {
  1784. confirmButtonText: '确定'
  1785. })
  1786. }
  1787. })
  1788. }).catch(() => {
  1789. this.$message({
  1790. type: 'info',
  1791. message: '已取消删除'
  1792. });
  1793. });
  1794. },
  1795. handleCurrentChange(val) {
  1796. this.currentRow = val;
  1797. },
  1798. chooseBrandType() {
  1799. if (!this.currentRow || !this.currentRow.buNo) {
  1800. this.$message.warning('请选择报关单!')
  1801. return
  1802. }
  1803. this.brandType='境外品牌(其他)'
  1804. this.brandTypeFlag = true
  1805. if (this.currentRow.buNo==='02-Hardtag' || this.currentRow.buNo==='04-MHM') {
  1806. this.currentRow.brand='品牌'
  1807. getPropertiesListByDeclaration(this.currentRow).then(({data}) => {
  1808. if (data && data.code == 0) {
  1809. this.propertiesList = data.rows
  1810. } else {
  1811. this.propertiesList = [];
  1812. }
  1813. });
  1814. }
  1815. },
  1816. chooseHsCodeDescType() {
  1817. if (!this.currentRow || !this.currentRow.buNo) {
  1818. this.$message.warning('请选择报关单!')
  1819. return
  1820. }
  1821. //this.hsCodeDescType=''
  1822. this.declarationFlag = true
  1823. },
  1824. searchTemplateOne() {
  1825. this.templateData.buNo = this.currentRow.buNo
  1826. this.templateData.customName = this.currentRow.customName
  1827. searchTemplateList(this.templateData).then(({data}) => {
  1828. if (data && data.code === 0){
  1829. if (data.rows && data.rows.length > 0) {
  1830. this.templateRowDblclick(data.rows[0]);
  1831. }
  1832. }
  1833. })
  1834. },
  1835. exportInvoiceList() {
  1836. if (!this.currentRow || !this.currentRow.buNo) {
  1837. this.$message.warning('请选择报关单!')
  1838. return
  1839. }
  1840. this.exportInvoice.templateName=''
  1841. this.exportInvoice.hsCodeDesc=this.currentRow.hsCodeDesc
  1842. this.exportInvoice.contractFlag=this.currentRow.contractFlag
  1843. this.exportInvoice.packaging=this.currentRow.packaging
  1844. this.exportInvoice.kgs=this.currentRow.kgs
  1845. this.exportInvoice.hsCode=this.currentRow.hsCode
  1846. this.exportInvoice.material=this.currentRow.material
  1847. this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType
  1848. this.exportInvoice.goodsLabel=this.currentRow.goodsLabel
  1849. this.exportInvoice.origin="made in china"
  1850. //this.exportInvoice = this.currentRow
  1851. if (!this.exportInvoice.origin) {
  1852. this.exportInvoice.origin = 'made in china'
  1853. }
  1854. if (!this.exportInvoice.itemNo) {
  1855. this.exportInvoice.itemNo = 'Y'
  1856. }
  1857. this.notifyPartDetailList = [];
  1858. this.exportInvoiceFlag = true
  1859. if (this.currentRow.buNo==='03-RFID') {
  1860. getNotifyPartDetail(this.currentRow).then(({data}) => {
  1861. //区分请求成功和失败的状况
  1862. if (data && data.code == 0) {
  1863. this.notifyPartDetailList = data.rows
  1864. this.notifyPartDetailList.forEach(o => {
  1865. if (!o.lossratio) {
  1866. o.lossratio = '1.2';
  1867. }
  1868. });
  1869. } else {
  1870. this.notifyPartDetailList = [];
  1871. }
  1872. });
  1873. }
  1874. this.templateData.type='发票'
  1875. this.searchTemplateOne();
  1876. },
  1877. exportPakingList() {
  1878. if (!this.currentRow || !this.currentRow.buNo) {
  1879. this.$message.warning('请选择报关单!')
  1880. return
  1881. }
  1882. this.exportPaking.origin='made in china'
  1883. this.exportPaking.itemNo=this.currentRow.itemNo
  1884. this.exportPaking.upc=this.currentRow.upc
  1885. this.exportPaking.so=this.currentRow.so
  1886. this.exportPaking.shippingMark=this.currentRow.shippingMark
  1887. this.exportPaking.palletWeight=this.currentRow.palletWeight
  1888. this.exportPaking.hsCodeDesc=this.currentRow.hsCodeDesc
  1889. this.exportPaking.contractFlag=this.currentRow.contractFlag
  1890. this.exportPaking.packaging=this.currentRow.packaging
  1891. this.exportPaking.kgs=this.currentRow.kgs
  1892. this.exportPaking.hsCode=this.currentRow.hsCode
  1893. this.exportPaking.material=this.currentRow.material
  1894. this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType
  1895. this.exportPaking.goodsLabel=this.currentRow.goodsLabel
  1896. this.exportPaking.boxChange=this.currentRow.boxChange
  1897. //this.exportPaking = this.currentRow
  1898. if (!this.exportPaking.origin) {
  1899. this.exportPaking.origin = 'made in china'
  1900. }
  1901. if (!this.exportPaking.itemNo) {
  1902. this.exportPaking.itemNo = 'Y'
  1903. }
  1904. this.notifyPartDetailList = [];
  1905. this.exportPaking.templateName=''
  1906. this.exportPakingFlag = true
  1907. if (this.currentRow.buNo==='03-RFID') {
  1908. getNotifyPartDetail(this.currentRow).then(({data}) => {
  1909. //区分请求成功和失败的状况
  1910. if (data && data.code == 0) {
  1911. this.notifyPartDetailList = data.rows
  1912. this.notifyPartDetailList.forEach(o => {
  1913. if (!o.lossratio) {
  1914. o.lossratio = '1.2';
  1915. }
  1916. });
  1917. } else {
  1918. this.notifyPartDetailList = [];
  1919. }
  1920. });
  1921. }
  1922. this.templateData.type='箱单'
  1923. this.searchTemplateOne();
  1924. },
  1925. exportGoodsList() {
  1926. if (!this.currentRow || !this.currentRow.buNo) {
  1927. this.$message.warning('请选择报关单!')
  1928. return
  1929. }
  1930. this.exportGoods.salesMethod = 'EXW'
  1931. this.exportGoods.currency = 'USD'
  1932. this.exportGoods.madeArea = 'Shanghai, China'
  1933. this.exportGoods.sendPort = 'Shanghai, China'
  1934. this.exportGoods.deliveryGoodsDate = ''
  1935. this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:''
  1936. this.exportGoods.shippingDate = ''
  1937. this.exportGoodsFlag = true
  1938. },
  1939. // 导出
  1940. downloadDeclarationElements() {
  1941. if (!this.currentRow || !this.currentRow.buNo) {
  1942. this.$message.warning('请选择报关单!')
  1943. return
  1944. }
  1945. let exportParam={}
  1946. exportParam.declarationNo = this.currentRow.declarationNo
  1947. exportParam.site = this.currentRow.site
  1948. exportParam.delNo = this.currentRow.delNo
  1949. exportParam.brandType = this.brandType
  1950. exportParam.hsCodeDescType=this.hsCodeDescType
  1951. if (this.propertiesList.length>0) {
  1952. this.currentRow.brand='品牌'
  1953. exportParam.brand = '品牌'
  1954. exportParam.propertiesList = this.propertiesList
  1955. }
  1956. let error;
  1957. ExportUtil.export(
  1958. "/ecss/coDel/downloadDeclarationElements",
  1959. exportParam, this.currentRow.declarationNo+"报关要素.xlsx"
  1960. );
  1961. this.brandTypeFlag = false
  1962. },
  1963. downloadDeclaration() {
  1964. if (!this.currentRow || !this.currentRow.buNo) {
  1965. this.$message.warning('请选择报关单!')
  1966. return
  1967. }
  1968. let exportParam={}
  1969. exportParam.declarationNo = this.currentRow.declarationNo
  1970. exportParam.site = this.currentRow.site
  1971. exportParam.delNo = this.currentRow.delNo
  1972. exportParam.hsCodeDescType=this.hsCodeDescType
  1973. ExportUtil.export(
  1974. "/ecss/coDel/downloadDeclaration",
  1975. exportParam, this.currentRow.declarationNo+"报关单.xlsx"
  1976. );
  1977. this.declarationFlag = false
  1978. },
  1979. downloadInvoice() {
  1980. if (!this.currentRow || !this.currentRow.buNo) {
  1981. this.$message.warning('请选择报关单!')
  1982. return
  1983. }
  1984. let exportParam=this.exportInvoice
  1985. exportParam.declarationNo = this.currentRow.declarationNo
  1986. exportParam.site = this.currentRow.site
  1987. exportParam.delNo = this.currentRow.delNo
  1988. exportParam.notifyPartDetailList = this.notifyPartDetailList
  1989. ExportUtil.export(
  1990. "/ecss/coDel/downloadInvoice",
  1991. exportParam, this.currentRow.declarationNo+"发票.xlsx"
  1992. );
  1993. this.exportInvoiceFlag=false
  1994. this.searchTable()
  1995. },
  1996. downloadPackingList() {
  1997. if (!this.currentRow || !this.currentRow.buNo) {
  1998. this.$message.warning('请选择报关单!')
  1999. return
  2000. }
  2001. if ((this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID')
  2002. && !this.exportPaking.origin) {
  2003. this.$message.warning('请填写制造地!')
  2004. return
  2005. }
  2006. if ((this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID')
  2007. && !this.exportPaking.palletWeight) {
  2008. this.$message.warning('请填写栈板重量!')
  2009. return
  2010. }
  2011. if (this.exportPaking.material && !this.exportPaking.hsCode) {
  2012. this.$message.warning('请填写hsCode!')
  2013. return
  2014. }
  2015. if (this.exportPaking.packaging && !this.exportPaking.kgs) {
  2016. this.$message.warning('请填写plastic packaging!')
  2017. return
  2018. }
  2019. let exportParam=this.exportPaking
  2020. exportParam.declarationNo = this.currentRow.declarationNo
  2021. exportParam.site = this.currentRow.site
  2022. exportParam.delNo = this.currentRow.delNo
  2023. exportParam.notifyPartDetailList = this.notifyPartDetailList
  2024. ExportUtil.export(
  2025. "/ecss/coDel/downloadPackingList",
  2026. exportParam, this.currentRow.declarationNo+"箱单.xlsx"
  2027. );
  2028. this.exportPakingFlag = false;
  2029. this.searchTable()
  2030. },
  2031. downloadExportGoods() {
  2032. if (!this.currentRow || !this.currentRow.buNo) {
  2033. this.$message.warning('请选择报关单!')
  2034. return
  2035. }
  2036. let exportParam=this.exportGoods
  2037. exportParam.declarationNo = this.currentRow.declarationNo
  2038. exportParam.site = this.currentRow.site
  2039. exportParam.delNo = this.currentRow.delNo
  2040. ExportUtil.export(
  2041. "/ecss/coDel/downloadExportGoods",
  2042. exportParam, this.currentRow.declarationNo+"出口货物委托书.xlsx"
  2043. );
  2044. this.exportGoodsFlag = false;
  2045. this.searchTable()
  2046. },
  2047. exportContract(){
  2048. if (!this.currentRow || !this.currentRow.buNo) {
  2049. this.$message.warning('请选择报关单!')
  2050. return
  2051. }
  2052. let exportParam=this.exportGoods
  2053. exportParam.declarationNo = this.currentRow.declarationNo
  2054. exportParam.site = this.currentRow.site
  2055. exportParam.delNo = this.currentRow.delNo
  2056. ExportUtil.export(
  2057. "/ecss/coDel/downloadContract",
  2058. exportParam, this.currentRow.declarationNo+"合同.xlsx"
  2059. );
  2060. this.searchTable()
  2061. },
  2062. exportAll(){
  2063. if (!this.currentRow || !this.currentRow.buNo) {
  2064. this.$message.warning('请选择报关单!')
  2065. return
  2066. }
  2067. let exportParam=this.exportPaking
  2068. exportParam.salesMethod=this.exportGoods.salesMethod
  2069. exportParam.currency=this.exportGoods.currency
  2070. exportParam.madeArea=this.exportGoods.madeArea
  2071. exportParam.sendPort=this.exportGoods.sendPort
  2072. exportParam.deliveryGoodsDate=this.exportGoods.deliveryGoodsDate
  2073. exportParam.voyage=this.exportGoods.voyage
  2074. exportParam.shippingDate=this.exportGoods.shippingDate
  2075. exportParam.hsCodeDescType=this.exportGoods.hsCodeDescType
  2076. exportParam.shipper=this.exportGoods.shipper
  2077. exportParam.brandType = this.brandType
  2078. exportParam.hsCodeDescType=this.hsCodeDescType
  2079. if (this.propertiesList.length>0) {
  2080. this.currentRow.brand='品牌'
  2081. exportParam.brand = '品牌'
  2082. exportParam.propertiesList = this.propertiesList
  2083. }
  2084. exportParam.hsCodeDesc = this.exportInvoice.hsCodeDesc
  2085. exportParam.contractFlag = this.exportInvoice.contractFlag
  2086. exportParam.declarationNo = this.currentRow.declarationNo
  2087. exportParam.site = this.currentRow.site
  2088. exportParam.delNo = this.currentRow.delNo
  2089. exportParam.notifyPartDetailList = this.notifyPartDetailList
  2090. ExportUtil.export(
  2091. "/ecss/coDel/downloadAll",
  2092. exportParam, this.currentRow.declarationNo+"单证信息.xlsx"
  2093. );
  2094. this.exportAllFlag = false
  2095. this.searchTable()
  2096. },
  2097. async exportAllOpen() {
  2098. if (!this.currentRow || !this.currentRow.buNo) {
  2099. this.$message.warning('请选择报关单!')
  2100. return
  2101. }
  2102. // 报关要素
  2103. this.brandType='境外品牌(其他)'
  2104. this.exportAllFlag = true
  2105. if (this.currentRow.buNo==='02-Hardtag' || this.currentRow.buNo==='04-MHM') {
  2106. this.currentRow.brand='品牌'
  2107. getPropertiesListByDeclaration(this.currentRow).then(({data}) => {
  2108. if (data && data.code == 0) {
  2109. this.propertiesList = data.rows
  2110. } else {
  2111. this.propertiesList = [];
  2112. }
  2113. });
  2114. }
  2115. // 发票
  2116. this.exportInvoice.templateName=''
  2117. this.exportInvoice.hsCodeDesc=this.currentRow.hsCodeDesc
  2118. this.exportInvoice.contractFlag=this.currentRow.contractFlag
  2119. this.exportInvoice.packaging=this.currentRow.packaging
  2120. this.exportInvoice.kgs=this.currentRow.kgs
  2121. this.exportInvoice.hsCode=this.currentRow.hsCode
  2122. this.exportInvoice.material=this.currentRow.material
  2123. this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType
  2124. this.exportInvoice.goodsLabel=this.currentRow.goodsLabel
  2125. this.exportInvoice.origin="made in china"
  2126. if (!this.exportInvoice.origin) {
  2127. this.exportInvoice.origin = 'made in china'
  2128. }
  2129. if (!this.exportInvoice.itemNo) {
  2130. this.exportInvoice.itemNo = 'Y'
  2131. }
  2132. this.notifyPartDetailList = [];
  2133. this.templateData.type='发票'
  2134. await this.searchTemplateOne();
  2135. // 箱单
  2136. //this.exportPaking.origin='made in china'
  2137. this.exportPaking.itemNo=this.currentRow.itemNo
  2138. this.exportPaking.upc=this.currentRow.upc
  2139. this.exportPaking.so=this.currentRow.so
  2140. this.exportPaking.shippingMark=this.currentRow.shippingMark
  2141. this.exportPaking.palletWeight=this.currentRow.palletWeight
  2142. this.exportPaking.hsCodeDesc=this.currentRow.hsCodeDesc
  2143. this.exportPaking.contractFlag=this.currentRow.contractFlag
  2144. this.exportPaking.packaging=this.currentRow.packaging
  2145. this.exportPaking.kgs=this.currentRow.kgs
  2146. this.exportPaking.hsCode=this.currentRow.hsCode
  2147. this.exportPaking.material=this.currentRow.material
  2148. this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType
  2149. this.exportPaking.goodsLabel=this.currentRow.goodsLabel
  2150. this.exportPaking.boxChange=this.currentRow.boxChange
  2151. if (!this.exportPaking.origin) {
  2152. this.exportPaking.origin = 'made in china'
  2153. }
  2154. if (!this.exportPaking.itemNo) {
  2155. this.exportPaking.itemNo = 'Y'
  2156. }
  2157. this.notifyPartDetailList = [];
  2158. this.exportPaking.templateName=''
  2159. if (this.currentRow.buNo==='03-RFID') {
  2160. await getNotifyPartDetail(this.currentRow).then(({data}) => {
  2161. //区分请求成功和失败的状况
  2162. if (data && data.code == 0) {
  2163. this.notifyPartDetailList = data.rows
  2164. this.notifyPartDetailList.forEach(o => {
  2165. if (!o.lossratio) {
  2166. o.lossratio = '1.2';
  2167. }
  2168. });
  2169. } else {
  2170. this.notifyPartDetailList = [];
  2171. }
  2172. });
  2173. }
  2174. this.templateData.type='箱单'
  2175. await searchTemplateList(this.templateData).then(({data}) => {
  2176. if (data && data.code === 0){
  2177. if (data.rows && data.rows.length > 0) {
  2178. let row = data.rows[0];
  2179. this.exportPaking.templateName=row.name
  2180. this.exportPaking.upc=row.upc
  2181. this.exportPaking.so=row.so
  2182. this.exportPaking.shippingMark=row.shippingMark
  2183. this.exportPaking.palletWeight=row.palletWeight
  2184. this.exportPaking.boxChange=row.boxChange
  2185. this.exportPaking.itemNo=row.itemNo
  2186. this.exportPaking.origin=this.currentRow.origin?this.currentRow.origin:row.origin
  2187. this.exportPaking.packaging=this.currentRow.packaging?this.currentRow.packaging:row.packaging
  2188. this.exportPaking.kgs=this.currentRow.kgs?this.currentRow.kgs:row.kgs
  2189. this.exportPaking.hsCode=this.currentRow.hsCode?this.currentRow.hsCode:row.hsCode
  2190. this.exportPaking.material=this.currentRow.material?this.currentRow.material:row.material
  2191. this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
  2192. this.exportPaking.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
  2193. this.notifyPartDetailList.forEach(o => {
  2194. // 开启fsc损耗则给默认值
  2195. if (o.lossratio) {
  2196. if (row.fscWeight) {
  2197. o.lossratio = o.lossratio;
  2198. } else {
  2199. o.lossratio = '';
  2200. }
  2201. } else {
  2202. if (row.fscWeight) {
  2203. o.lossratio = '1.2';
  2204. } else {
  2205. o.lossratio = '';
  2206. }
  2207. }
  2208. });
  2209. }
  2210. }
  2211. })
  2212. this.exportGoods.salesMethod = 'EXW'
  2213. this.exportGoods.currency = 'USD'
  2214. this.exportGoods.madeArea = 'Shanghai, China'
  2215. this.exportGoods.sendPort = 'Shanghai, China'
  2216. this.exportGoods.deliveryGoodsDate = ''
  2217. this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:''
  2218. this.exportGoods.shippingDate = '';
  2219. this.templateData.type='出口货物委托书'
  2220. await this.searchTemplateOne();
  2221. },
  2222. getCustomerInfo() {
  2223. getCustomerInfo(this.currentRow).then(({data}) => {
  2224. //区分请求成功和失败的状况
  2225. if (data && data.code == 0) {
  2226. this.customerInfoList = data.rows
  2227. } else {
  2228. this.customerInfoList = [];
  2229. }
  2230. });
  2231. },
  2232. openTemplate (type) {
  2233. this.templateData.type=type;
  2234. this.templateFlag = true;
  2235. },
  2236. openTemplateDialog () {
  2237. //请求
  2238. this.searchTemplateList();
  2239. },
  2240. closeTemplateDialog () {
  2241. this.templateList = []
  2242. this.templateFlag = false
  2243. },
  2244. searchTemplateList () {
  2245. this.templateData.buNo = this.currentRow.buNo
  2246. this.templateData.customName = ''
  2247. searchTemplateList(this.templateData).then(({data}) => {
  2248. if (data && data.code === 0){
  2249. this.templateList = data.rows;
  2250. }
  2251. })
  2252. },
  2253. templateRowDblclick (row) {
  2254. if (this.templateData.type=='发票') {
  2255. this.exportInvoice.templateName=row.name
  2256. this.exportInvoice.hsCodeDesc=row.hsCodeDesc
  2257. this.exportInvoice.contractFlag=row.contractFlag
  2258. this.exportInvoice.origin=this.currentRow.origin?this.currentRow.origin:row.origin
  2259. this.exportInvoice.packaging=this.currentRow.packaging?this.currentRow.packaging:row.packaging
  2260. this.exportInvoice.kgs=this.currentRow.kgs?this.currentRow.kgs:row.kgs
  2261. this.exportInvoice.hsCode=this.currentRow.hsCode?this.currentRow.hsCode:row.hsCode
  2262. this.exportInvoice.material=this.currentRow.material?this.currentRow.material:row.material
  2263. this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
  2264. this.exportInvoice.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
  2265. } else if (this.templateData.type=='箱单'){
  2266. this.exportPaking.templateName=row.name
  2267. this.exportPaking.upc=row.upc
  2268. this.exportPaking.so=row.so
  2269. this.exportPaking.shippingMark=row.shippingMark
  2270. this.exportPaking.palletWeight=row.palletWeight
  2271. this.exportPaking.boxChange=row.boxChange
  2272. this.exportPaking.itemNo=row.itemNo
  2273. this.exportPaking.origin=this.currentRow.origin?this.currentRow.origin:row.origin
  2274. this.exportPaking.packaging=this.currentRow.packaging?this.currentRow.packaging:row.packaging
  2275. this.exportPaking.kgs=this.currentRow.kgs?this.currentRow.kgs:row.kgs
  2276. this.exportPaking.hsCode=this.currentRow.hsCode?this.currentRow.hsCode:row.hsCode
  2277. this.exportPaking.material=this.currentRow.material?this.currentRow.material:row.material
  2278. this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
  2279. this.exportPaking.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
  2280. } else if (this.templateData.type=='出口货物委托书'){
  2281. this.exportGoods.salesMethod = row.salesMethod
  2282. this.exportGoods.currency = row.currency
  2283. this.exportGoods.madeArea = row.madeArea
  2284. this.exportGoods.sendPort = row.sendPort
  2285. this.exportGoods.deliveryGoodsDate = row.deliveryGoodsDate
  2286. this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:row.voyage
  2287. this.exportGoods.shippingDate = row.shippingDate;
  2288. this.exportGoods.shipper=row.shipper
  2289. }
  2290. if (this.templateData.type!=='出口货物委托书') {
  2291. this.notifyPartDetailList.forEach(o => {
  2292. // 开启fsc损耗则给默认值
  2293. if (o.lossratio) {
  2294. if (row.fscWeight) {
  2295. o.lossratio = o.lossratio;
  2296. } else {
  2297. o.lossratio = '';
  2298. }
  2299. } else {
  2300. if (row.fscWeight) {
  2301. o.lossratio = '1.2';
  2302. } else {
  2303. o.lossratio = '';
  2304. }
  2305. }
  2306. });
  2307. }
  2308. this.templateFlag = false
  2309. },
  2310. },
  2311. activated() {
  2312. this.searchTable()
  2313. },
  2314. created() {
  2315. }
  2316. }
  2317. </script>
  2318. <style scoped>
  2319. /deep/ .el-table .cell {
  2320. line-height: 24px;
  2321. font-size: 12px;
  2322. height: 24px;
  2323. }
  2324. .custom-divider {
  2325. position: relative;
  2326. height: 1px;
  2327. background: #ebeef5;
  2328. margin: 10px 0;
  2329. width: 720px;
  2330. }
  2331. .custom-divider .text {
  2332. position: absolute;
  2333. left: 20%;
  2334. top: -10px;
  2335. transform: translateX(-50%);
  2336. padding: 0 15px;
  2337. background: white;
  2338. color: #909399;
  2339. }
  2340. </style>