tb-import-order-add.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>进口申报单-添加/修改</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <!-- 所有的 css js 资源 -->
  8. <link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
  9. <link rel="stylesheet" href="../../static/sa.css">
  10. <script src="../../static/kj/vue.min.js"></script>
  11. <script src="../../static/kj/element-ui/index.js"></script>
  12. <script src="../../static/kj/httpVueLoader.js"></script>
  13. <script src="../../static/kj/jquery.min.js"></script>
  14. <script src="../../static/kj/layer/layer.js"></script>
  15. <script src="../../static/sa.js"></script>
  16. <style type="text/css">
  17. .c-panel .el-form .c-label{width: 7em !important;}
  18. .c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner{width: 250px;}
  19. </style>
  20. </head>
  21. <body>
  22. <div class="vue-box" :class="{sbot: id}" style="display: none;" :style="'display: block;'">
  23. <!-- ------- 内容部分 ------- -->
  24. <div class="s-body">
  25. <div class="c-panel">
  26. <div class="c-title" v-if="id == 0">数据添加</div>
  27. <div class="c-title" v-else>数据修改</div>
  28. <el-form v-if="m">
  29. <sa-item type="text" name="主键" v-model="m.id" br></sa-item>
  30. <sa-item type="text" name="地方平台的内部业务编号,每次申请都是新编号" v-model="m.platSeqNo" br></sa-item>
  31. <sa-item type="text" name="预录入编号" v-model="m.preNo" br></sa-item>
  32. <sa-item type="text" name="关联进出境申报单编号" v-model="m.itrdclDeclareId" br></sa-item>
  33. <sa-item type="text" name="进出口申报单编号变更、撤销类型时必填" v-model="m.declareId" br></sa-item>
  34. <sa-item type="text" name="1-边民,2-商铺业主或其代理人,3-合作社代表,4-互助组代表" v-model="m.declareType" br></sa-item>
  35. <sa-item type="text" name="申报人姓名" v-model="m.declareName" br></sa-item>
  36. <sa-item type="text" name="申报人身份证号" v-model="m.ciphertextIdno" br></sa-item>
  37. <sa-item type="text" name="申报人类别为2时商铺编码必填" v-model="m.shopNo" br></sa-item>
  38. <sa-item type="text" name="申报人类别为2时商铺名称必填" v-model="m.shopName" br></sa-item>
  39. <sa-item type="text" name="申报人类别为3、4时互助组/合作社备案编号" v-model="m.orgPutrecNo" br></sa-item>
  40. <sa-item type="text" name="申报人类别为3、4时互助组/合租社名称" v-model="m.orgName" br></sa-item>
  41. <sa-item type="text" name="申报人类别为4时边民合作社社会统一信用代码" v-model="m.orgScc" br></sa-item>
  42. <sa-item type="text" name="车牌号" v-model="m.veNo" br></sa-item>
  43. <sa-item type="text" name="运输工具类型:1-三轮车;2-货车;3-电动车;4-拖拉机;5-其他;6-轻型货车;7-微型货车;" v-model="m.vehicleType" br></sa-item>
  44. <sa-item type="text" name="业务模式:进出口标志为进口时,01区内交易、02落地加工、03原装提离。进出口标志为出口时,04:直接出口,05:出口销售" v-model="m.btrnbBizModecd" br></sa-item>
  45. <sa-item type="text" name="商品流向:进出口标志为进口时,必填,01-二次销售;02-生活自用;03-落地加工" v-model="m.gFlow" br></sa-item>
  46. <sa-item type="text" name="进出口标志:I进口E出口" v-model="m.iEFlag" br></sa-item>
  47. <sa-item type="text" name="监管场所编号" v-model="m.fieldCode" br></sa-item>
  48. <sa-item type="text" name="监管场所名称" v-model="m.fieldName" br></sa-item>
  49. <sa-item type="text" name="申报口岸代码" v-model="m.customsCode" br></sa-item>
  50. <sa-item type="text" name="是否拼车:1-是、0-否" v-model="m.carPool" br></sa-item>
  51. <sa-item type="text" name="备注" v-model="m.note" br></sa-item>
  52. <sa-item type="text" name="总金额" v-model="m.sumAmt" br></sa-item>
  53. <sa-item type="text" name="总毛重" v-model="m.sumGrossWt" br></sa-item>
  54. <sa-item type="text" name="总净重" v-model="m.sumNetWt" br></sa-item>
  55. <sa-item type="text" name="运输方式" v-model="m.trafMode" br></sa-item>
  56. <sa-item type="text" name="币制" v-model="m.currCode" br></sa-item>
  57. <sa-item type="text" name="件数,正整数" v-model="m.packNo" br></sa-item>
  58. <sa-item type="text" name="贸易国别" v-model="m.tradeCountry" br></sa-item>
  59. <sa-item type="text" name="落地加工企业名称" v-model="m.mName" br></sa-item>
  60. <sa-item type="text" name="落地加工企业社会统一信用代码" v-model="m.mScc" br></sa-item>
  61. <sa-item type="text" name="是否均摊:0否1是" v-model="m.shareFlag" br></sa-item>
  62. <sa-item type="text" name="申报单类型" v-model="m.dclType" br></sa-item>
  63. <sa-item type="text" name="改单/撤销原因,撤销时必填" v-model="m.mdfblRvkRsn" br></sa-item>
  64. <sa-item type="text" name="边民备案编号标记:值为true,则borderList信息border_putrec_no字段必填;值不为true,则边民身份证号等信息必填" v-model="m.borderFlag" br></sa-item>
  65. <sa-item type="text" name="数据状态" v-model="m.delStatus" br></sa-item>
  66. <sa-item type="text" name="申报状态" v-model="m.declStatus" br></sa-item>
  67. <sa-item type="text" name="申报时间" v-model="m.declTime" br></sa-item>
  68. <sa-item type="text" name="回执时间" v-model="m.rcptTime" br></sa-item>
  69. <sa-item type="text" name="审核备注" v-model="m.auditRemark" br></sa-item>
  70. <sa-item type="text" name="运输工具代理企业代码" v-model="m.agentCode" br></sa-item>
  71. <sa-item type="text" name="运输工具批次号" v-model="m.manifestId" br></sa-item>
  72. <sa-item type="text" name="商铺备案编号" v-model="m.shopPutrecNo" br></sa-item>
  73. <sa-item type="text" name="边民id" v-model="m.borderId" br></sa-item>
  74. <sa-item type="text" name="" v-model="m.msgId" br></sa-item>
  75. <sa-item type="text" name="企业编码" v-model="m.entCode" br></sa-item>
  76. <sa-item type="text" name="企业名称" v-model="m.entName" br></sa-item>
  77. <sa-item type="text" name="委托边民体信息对象" v-model="m.borderPeopleList" br></sa-item>
  78. <sa-item type="text" name="委托边民额度体对象" v-model="m.borderPeopleLimitList" br></sa-item>
  79. <sa-item type="text" name="申报单商品体信息对象" v-model="m.goodsList" br></sa-item>
  80. <sa-item name="" class="s-ok" br>
  81. <el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
  82. </sa-item>
  83. </el-form>
  84. </div>
  85. </div>
  86. <!-- ------- 底部按钮 ------- -->
  87. <div class="s-foot">
  88. <el-button type="primary" @click="ok()">确定</el-button>
  89. <el-button @click="sa.closeCurrIframe()">取消</el-button>
  90. </div>
  91. </div>
  92. <script>
  93. var app = new Vue({
  94. components: {
  95. "sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue')
  96. },
  97. el: '.vue-box',
  98. data: {
  99. id: sa.p('id', 0), // 获取超链接中的id参数(0=添加,非0=修改)
  100. m: null, // 实体对象
  101. },
  102. methods: {
  103. // 创建一个 默认Model
  104. createModel: function() {
  105. return {
  106. id: '', // 主键
  107. platSeqNo: '', // 地方平台的内部业务编号,每次申请都是新编号
  108. preNo: '', // 预录入编号
  109. itrdclDeclareId: '', // 关联进出境申报单编号
  110. declareId: '', // 进出口申报单编号变更、撤销类型时必填
  111. declareType: '', // 1-边民,2-商铺业主或其代理人,3-合作社代表,4-互助组代表
  112. declareName: '', // 申报人姓名
  113. ciphertextIdno: '', // 申报人身份证号
  114. shopNo: '', // 申报人类别为 2时商铺编码必填
  115. shopName: '', // 申报人类别为 2时商铺名称必填
  116. orgPutrecNo: '', // 申报人类别为3、4 时互助组/合作社备案编号
  117. orgName: '', // 申报人类别为3、4 时互助组/合租社名称
  118. orgScc: '', // 申报人类别为 4时边民合作社社会统一信用代码
  119. veNo: '', // 车牌号
  120. vehicleType: '', // 运输工具类型:1-三轮车;2-货车;3-电动车;4-拖拉机;5-其他 ; 6- 轻 型 货车 ; 7- 微 型 货车;
  121. btrnbBizModecd: '', // 业务模式:进出口标志为进口时,01 区内交易、02 落地加工、03 原装提离。进出口标志为出口时,04:直接出口,05:出口销售
  122. gFlow: '', // 商品流向:进出口标志为进口时,必填,01- 二次销售;02- 生活自用;03- 落地加工
  123. iEFlag: '', // 进出口标志:I进口 E出口
  124. fieldCode: '', // 监管场所编号
  125. fieldName: '', // 监管场所名称
  126. customsCode: '', // 申报口岸代码
  127. carPool: '', // 是否拼车:1- 是、0-否
  128. note: '', // 备注
  129. sumAmt: '', // 总金额
  130. sumGrossWt: '', // 总毛重
  131. sumNetWt: '', // 总净重
  132. trafMode: '', // 运输方式
  133. currCode: '', // 币制
  134. packNo: '', // 件数,正整数
  135. tradeCountry: '', // 贸易国别
  136. mName: '', // 落地加工企业名称
  137. mScc: '', // 落地加工企业社会统一信用代码
  138. shareFlag: '', // 是否均摊:0否 1是
  139. dclType: '', // 申报单类型
  140. mdfblRvkRsn: '', // 改单/撤销原因,撤销时必填
  141. borderFlag: '', // 边民备案编号标记:值为true,则borderList信息border_putrec_no字段必填;值不为true,则边民身份证号等信息必填
  142. delStatus: '', // 数据状态
  143. declStatus: '', // 申报状态
  144. declTime: '', // 申报时间
  145. rcptTime: '', // 回执时间
  146. auditRemark: '', // 审核备注
  147. agentCode: '', // 运输工具代理企业代码
  148. manifestId: '', // 运输工具批次号
  149. shopPutrecNo: '', // 商铺备案编号
  150. borderId: '', // 边民id
  151. msgId: '', //
  152. entCode: '', // 企业编码
  153. entName: '', // 企业名称
  154. borderPeopleList: '', // 委托边民体信息对象
  155. borderPeopleLimitList: '', // 委托边民额度体对象
  156. goodsList: '', // 申报单商品体信息对象
  157. }
  158. },
  159. // 提交数据
  160. ok: function(){
  161. // 表单校验
  162. let m = this.m;
  163. /* sa.checkNull(m.id, '请输入 [主键]');
  164. sa.checkNull(m.platSeqNo, '请输入 [地方平台的内部业务编号,每次申请都是新编号]');
  165. sa.checkNull(m.preNo, '请输入 [预录入编号]');
  166. sa.checkNull(m.itrdclDeclareId, '请输入 [关联进出境申报单编号]');
  167. sa.checkNull(m.declareId, '请输入 [进出口申报单编号变更、撤销类型时必填]');
  168. sa.checkNull(m.declareType, '请输入 [1-边民,2-商铺业主或其代理人,3-合作社代表,4-互助组代表]');
  169. sa.checkNull(m.declareName, '请输入 [申报人姓名]');
  170. sa.checkNull(m.ciphertextIdno, '请输入 [申报人身份证号]');
  171. sa.checkNull(m.shopNo, '请输入 [申报人类别为2时商铺编码必填]');
  172. sa.checkNull(m.shopName, '请输入 [申报人类别为2时商铺名称必填]');
  173. sa.checkNull(m.orgPutrecNo, '请输入 [申报人类别为3、4时互助组/合作社备案编号]');
  174. sa.checkNull(m.orgName, '请输入 [申报人类别为3、4时互助组/合租社名称]');
  175. sa.checkNull(m.orgScc, '请输入 [申报人类别为4时边民合作社社会统一信用代码]');
  176. sa.checkNull(m.veNo, '请输入 [车牌号]');
  177. sa.checkNull(m.vehicleType, '请输入 [运输工具类型:1-三轮车;2-货车;3-电动车;4-拖拉机;5-其他;6-轻型货车;7-微型货车;]');
  178. sa.checkNull(m.btrnbBizModecd, '请输入 [业务模式:进出口标志为进口时,01区内交易、02落地加工、03原装提离。进出口标志为出口时,04:直接出口,05:出口销售]');
  179. sa.checkNull(m.gFlow, '请输入 [商品流向:进出口标志为进口时,必填,01-二次销售;02-生活自用;03-落地加工]');
  180. sa.checkNull(m.iEFlag, '请输入 [进出口标志:I进口E出口]');
  181. sa.checkNull(m.fieldCode, '请输入 [监管场所编号]');
  182. sa.checkNull(m.fieldName, '请输入 [监管场所名称]');
  183. sa.checkNull(m.customsCode, '请输入 [申报口岸代码]');
  184. sa.checkNull(m.carPool, '请输入 [是否拼车:1-是、0-否]');
  185. sa.checkNull(m.note, '请输入 [备注]');
  186. sa.checkNull(m.sumAmt, '请输入 [总金额]');
  187. sa.checkNull(m.sumGrossWt, '请输入 [总毛重]');
  188. sa.checkNull(m.sumNetWt, '请输入 [总净重]');
  189. sa.checkNull(m.trafMode, '请输入 [运输方式]');
  190. sa.checkNull(m.currCode, '请输入 [币制]');
  191. sa.checkNull(m.packNo, '请输入 [件数,正整数]');
  192. sa.checkNull(m.tradeCountry, '请输入 [贸易国别]');
  193. sa.checkNull(m.mName, '请输入 [落地加工企业名称]');
  194. sa.checkNull(m.mScc, '请输入 [落地加工企业社会统一信用代码]');
  195. sa.checkNull(m.shareFlag, '请输入 [是否均摊:0否1是]');
  196. sa.checkNull(m.dclType, '请输入 [申报单类型]');
  197. sa.checkNull(m.mdfblRvkRsn, '请输入 [改单/撤销原因,撤销时必填]');
  198. sa.checkNull(m.borderFlag, '请输入 [边民备案编号标记:值为true,则borderList信息border_putrec_no字段必填;值不为true,则边民身份证号等信息必填]');
  199. sa.checkNull(m.delStatus, '请输入 [数据状态]');
  200. sa.checkNull(m.declStatus, '请输入 [申报状态]');
  201. sa.checkNull(m.declTime, '请输入 [申报时间]');
  202. sa.checkNull(m.rcptTime, '请输入 [回执时间]');
  203. sa.checkNull(m.auditRemark, '请输入 [审核备注]');
  204. sa.checkNull(m.agentCode, '请输入 [运输工具代理企业代码]');
  205. sa.checkNull(m.manifestId, '请输入 [运输工具批次号]');
  206. sa.checkNull(m.shopPutrecNo, '请输入 [商铺备案编号]');
  207. sa.checkNull(m.borderId, '请输入 [边民id]');
  208. sa.checkNull(m.msgId, '请输入 []');
  209. sa.checkNull(m.entCode, '请输入 [企业编码]');
  210. sa.checkNull(m.entName, '请输入 [企业名称]');
  211. sa.checkNull(m.borderPeopleList, '请输入 [委托边民体信息对象]');
  212. sa.checkNull(m.borderPeopleLimitList, '请输入 [委托边民额度体对象]');
  213. sa.checkNull(m.goodsList, '请输入 [申报单商品体信息对象]');
  214. */
  215. // 开始增加或修改
  216. if(this.id <= 0) { // 添加
  217. sa.ajax('/level-one-server/TbImportOrder/add', m, function(res){
  218. sa.alert('增加成功', this.clean);
  219. }.bind(this));
  220. } else { // 修改
  221. sa.ajax('/level-one-server/TbImportOrder/update', m, function(res){
  222. sa.alert('修改成功', this.clean);
  223. }.bind(this));
  224. }
  225. },
  226. // 添加/修改 完成后的动作
  227. clean: function() {
  228. if(this.id == 0) {
  229. this.m = this.createModel();
  230. } else {
  231. parent.app.f5(); // 刷新父页面列表
  232. sa.closeCurrIframe(); // 关闭本页
  233. }
  234. }
  235. },
  236. mounted: function(){
  237. // 初始化数据
  238. if(this.id <= 0) {
  239. this.m = this.createModel();
  240. } else {
  241. sa.ajax('/level-one-server/TbImportOrder/getById?id=' + this.id, function(res) {
  242. this.m = res.data;
  243. if(res.data == null) {
  244. sa.alert('未能查找到 id=' + this.id + " 详细数据");
  245. }
  246. }.bind(this))
  247. }
  248. }
  249. })
  250. </script>
  251. </body>
  252. </html>