diff --git a/dist/css/app.3cb2d1e8.css b/dist/css/app.3cb2d1e8.css new file mode 100644 index 0000000..b4cbe60 --- /dev/null +++ b/dist/css/app.3cb2d1e8.css @@ -0,0 +1 @@ +*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html{font-size:16px}body{background:#fff}.main{width:100%}[data-v-3f4fb6b1] .HeaderCell{color:#dd5643;background:#ffefe7!important;border-top:2px solid #dd5643!important;border-bottom:1px solid #dd5643!important;border-left:1px solid #dd5643!important;border-right:1px solid #dd5643!important}[data-v-3f4fb6b1] .HeaderCell:first-child{border-left:2px solid #dd5643!important}[data-v-3f4fb6b1] .HeaderCell:last-child{border-right:3px solid #dd5643!important}[data-v-3f4fb6b1] .Cellname{color:#dd5643;border-top:0 solid #dd5643!important;border-bottom:2px solid #dd5643!important;border-left:1px solid #dd5643!important;border-right:1px solid #dd5643!important}[data-v-3f4fb6b1] .Cellname:first-child{border-left:2px solid #dd5643!important}[data-v-3f4fb6b1] .Cellname:last-child{border-right:3px solid #dd5643!important}[data-v-3f4fb6b1] .el-table__expanded-cell{border-left:2px solid #52a5fa!important;border-right:3px solid #52a5fa!important;padding:0}.main[data-v-3f4fb6b1]{width:60%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px;box-sizing:border-box}.main .CsTitle[data-v-3f4fb6b1]{font-size:22px;font-weight:bolder;margin:30px 0}.main .CsHint[data-v-3f4fb6b1]{color:red;font-weight:700;margin-bottom:30px}.main .CsTop[data-v-3f4fb6b1]{border:2px solid #479ffa;margin-bottom:20px}.main .CsTop .CsTopBox3>P[data-v-3f4fb6b1]{margin:0!important;padding-top:0}.main .CsTop .CsTopBox3>P[data-v-3f4fb6b1]:first-child{margin-top:6px}.main .CsTop>div[data-v-3f4fb6b1]:nth-child(){background:red}.main .CsTop div>p[data-v-3f4fb6b1]{padding:6px;box-sizing:border-box;font-size:14px}.main .CsTop div>p[data-v-3f4fb6b1]:first-child{font-weight:700}.main .CsTop div>p[data-v-3f4fb6b1]:nth-child(2){padding-top:0;margin-left:25px}.main .CsButtonBox[data-v-3f4fb6b1]{width:100%;display:flex;align-items:flex-start}.main .Csbottom[data-v-3f4fb6b1]{margin-top:20px;border:2px solid #479ffa}.main .Csbottom>div:nth-child(2) .CsBox p[data-v-3f4fb6b1]{margin-left:25px}.main .Csbottom>div:nth-child(2) .CsBox p[data-v-3f4fb6b1]:first-child{margin:0}.main .Csbottom>div[data-v-3f4fb6b1]:nth-child(3){padding:6px;box-sizing:border-box}.main .Csbottom>div:nth-child(3) p[data-v-3f4fb6b1]{font-weight:700}.main .Csbottom>div:nth-child(3) p span[data-v-3f4fb6b1]{font-weight:100;margin-left:16px}.flex[data-v-3f4fb6b1]{display:flex}.flex>.F1[data-v-3f4fb6b1]{flex:1}.flex>.F2[data-v-3f4fb6b1]{flex:2.06}.CsBox[data-v-3f4fb6b1]{padding:6px;box-sizing:border-box}.CsFCRed[data-v-3f4fb6b1]{color:red}.CsFW[data-v-3f4fb6b1]{font-weight:bolder}.CsMt[data-v-3f4fb6b1]{margin-top:12px}.column[data-v-3f4fb6b1]{flex-direction:column}.BL[data-v-3f4fb6b1]{border-left:2px solid #479ffa}.BR[data-v-3f4fb6b1]{border-right:2px solid #479ffa}.BT[data-v-3f4fb6b1]{border-top:2px solid #479ffa}.BB[data-v-3f4fb6b1]{border-bottom:2px solid #479ffa}.CsTableCheckbox[data-v-3f4fb6b1]{width:100%;display:flex;align-items:center;border-bottom:2px solid #52a5fa!important;background:#f2f7fd}.CsTableCheckbox[data-v-3f4fb6b1] .el-checkbox__input{margin:0 10px 0 1rem}.CsTableCheckbox[data-v-3f4fb6b1] .el-checkbox__label{border-left:3px solid #fff;width:100%;padding-left:0!important}.CsTableCheckbox[data-v-3f4fb6b1] .el-checkbox__label>div>div>div{padding:6px;box-sizing:border-box;border-left:3px solid #fff;border-bottom:3px solid #fff;overflow:hidden}.CsTableCheckbox[data-v-3f4fb6b1] .el-checkbox__label>div>div>div:first-child{border-left:none}.CsTableCheckbox[data-v-3f4fb6b1] .el-checkbox__label>div>div>div p{font-weight:700;margin-bottom:.5rem}.CsCheckboxButtonBox[data-v-3f4fb6b1]{padding:10px;box-sizing:border-box;border-bottom:2px solid #52a5fa!important}.CsBottom[data-v-3f4fb6b1]{width:100%;margin-top:16px}.CsBottom p[data-v-3f4fb6b1]:first-child{font-weight:700} \ No newline at end of file diff --git a/dist/css/app.9c38eabb.css b/dist/css/app.9c38eabb.css deleted file mode 100644 index 3062d69..0000000 --- a/dist/css/app.9c38eabb.css +++ /dev/null @@ -1 +0,0 @@ -*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html{font-size:16px}body{background:#fff}.main{width:100%}[data-v-7ef5871b] .HeaderCell{color:#dd5643;background:#ffefe7!important;border-top:2px solid #dd5643!important;border-bottom:1px solid #dd5643!important;border-left:1px solid #dd5643!important;border-right:1px solid #dd5643!important}[data-v-7ef5871b] .HeaderCell:first-child{border-left:2px solid #dd5643!important}[data-v-7ef5871b] .HeaderCell:last-child{border-right:3px solid #dd5643!important}[data-v-7ef5871b] .Cellname{color:#dd5643;border-top:0 solid #dd5643!important;border-bottom:2px solid #dd5643!important;border-left:1px solid #dd5643!important;border-right:1px solid #dd5643!important}[data-v-7ef5871b] .Cellname:first-child{border-left:2px solid #dd5643!important}[data-v-7ef5871b] .Cellname:last-child{border-right:3px solid #dd5643!important}[data-v-7ef5871b] .el-table__expanded-cell{border-left:2px solid #52a5fa!important;border-right:3px solid #52a5fa!important;padding:0}.main[data-v-7ef5871b]{width:60%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px;box-sizing:border-box}.main .CsTitle[data-v-7ef5871b]{font-size:22px;font-weight:bolder;margin:30px 0}.main .CsHint[data-v-7ef5871b]{color:red;font-weight:700;margin-bottom:30px}.main .CsTop[data-v-7ef5871b]{border:2px solid #479ffa;margin-bottom:20px}.main .CsTop .CsTopBox3>P[data-v-7ef5871b]{margin:0!important;padding-top:0}.main .CsTop .CsTopBox3>P[data-v-7ef5871b]:first-child{margin-top:6px}.main .CsTop>div[data-v-7ef5871b]:nth-child(){background:red}.main .CsTop div>p[data-v-7ef5871b]{padding:6px;box-sizing:border-box;font-size:14px}.main .CsTop div>p[data-v-7ef5871b]:first-child{font-weight:700}.main .CsTop div>p[data-v-7ef5871b]:nth-child(2){padding-top:0;margin-left:25px}.main .CsButtonBox[data-v-7ef5871b]{width:100%;display:flex;align-items:flex-start}.main .Csbottom[data-v-7ef5871b]{margin-top:20px;border:2px solid #479ffa}.main .Csbottom>div:nth-child(2) .CsBox p[data-v-7ef5871b]{margin-left:25px}.main .Csbottom>div:nth-child(2) .CsBox p[data-v-7ef5871b]:first-child{margin:0}.main .Csbottom>div[data-v-7ef5871b]:nth-child(3){padding:6px;box-sizing:border-box}.main .Csbottom>div:nth-child(3) p[data-v-7ef5871b]{font-weight:700}.main .Csbottom>div:nth-child(3) p span[data-v-7ef5871b]{font-weight:100;margin-left:16px}.flex[data-v-7ef5871b]{display:flex}.flex>.F1[data-v-7ef5871b]{flex:1}.flex>.F2[data-v-7ef5871b]{flex:2.06}.CsBox[data-v-7ef5871b]{padding:6px;box-sizing:border-box}.CsFCRed[data-v-7ef5871b]{color:red}.CsFW[data-v-7ef5871b]{font-weight:bolder}.CsMt[data-v-7ef5871b]{margin-top:12px}.column[data-v-7ef5871b]{flex-direction:column}.BL[data-v-7ef5871b]{border-left:2px solid #479ffa}.BR[data-v-7ef5871b]{border-right:2px solid #479ffa}.BT[data-v-7ef5871b]{border-top:2px solid #479ffa}.BB[data-v-7ef5871b]{border-bottom:2px solid #479ffa}.CsTableCheckbox[data-v-7ef5871b]{width:100%;display:flex;align-items:center;border-bottom:2px solid #52a5fa!important;background:#f2f7fd}.CsTableCheckbox[data-v-7ef5871b] .el-checkbox__input{margin:0 10px 0 1rem}.CsTableCheckbox[data-v-7ef5871b] .el-checkbox__label{border-left:3px solid #fff;width:100%;padding-left:0!important}.CsTableCheckbox[data-v-7ef5871b] .el-checkbox__label>div>div>div{padding:6px;box-sizing:border-box;border-left:3px solid #fff;border-bottom:3px solid #fff;overflow:hidden}.CsTableCheckbox[data-v-7ef5871b] .el-checkbox__label>div>div>div:first-child{border-left:none}.CsTableCheckbox[data-v-7ef5871b] .el-checkbox__label>div>div>div p{font-weight:700;margin-bottom:.5rem}.CsCheckboxButtonBox[data-v-7ef5871b]{padding:10px;box-sizing:border-box;border-bottom:2px solid #52a5fa!important}.CsBottom[data-v-7ef5871b]{width:100%;margin-top:16px}.CsBottom p[data-v-7ef5871b]:first-child{font-weight:700} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 394a7e4..cb30ba0 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1 @@ -vue
\ No newline at end of file +vue
\ No newline at end of file diff --git a/dist/js/app.58bf248f.js b/dist/js/app.58bf248f.js deleted file mode 100644 index 157e0ef..0000000 --- a/dist/js/app.58bf248f.js +++ /dev/null @@ -1,2 +0,0 @@ -(function(){var t={8583:function(t,e,n){var s={"./af":3953,"./af.js":3953,"./ar":8861,"./ar-dz":4218,"./ar-dz.js":4218,"./ar-kw":5296,"./ar-kw.js":5296,"./ar-ly":9177,"./ar-ly.js":9177,"./ar-ma":5659,"./ar-ma.js":5659,"./ar-sa":1159,"./ar-sa.js":1159,"./ar-tn":7392,"./ar-tn.js":7392,"./ar.js":8861,"./az":6978,"./az.js":6978,"./be":7734,"./be.js":7734,"./bg":6024,"./bg.js":6024,"./bm":8089,"./bm.js":8089,"./bn":4353,"./bn-bd":5432,"./bn-bd.js":5432,"./bn.js":4353,"./bo":6817,"./bo.js":6817,"./br":3422,"./br.js":3422,"./bs":9731,"./bs.js":9731,"./ca":4089,"./ca.js":4089,"./cs":77,"./cs.js":77,"./cv":3893,"./cv.js":3893,"./cy":4633,"./cy.js":4633,"./da":6768,"./da.js":6768,"./de":6378,"./de-at":2698,"./de-at.js":2698,"./de-ch":4364,"./de-ch.js":4364,"./de.js":6378,"./dv":9202,"./dv.js":9202,"./el":5187,"./el.js":5187,"./en-au":5759,"./en-au.js":5759,"./en-ca":7992,"./en-ca.js":7992,"./en-gb":6562,"./en-gb.js":6562,"./en-ie":5446,"./en-ie.js":5446,"./en-il":5204,"./en-il.js":5204,"./en-in":8251,"./en-in.js":8251,"./en-nz":2865,"./en-nz.js":2865,"./en-sg":990,"./en-sg.js":990,"./eo":2841,"./eo.js":2841,"./es":6502,"./es-do":3808,"./es-do.js":3808,"./es-mx":2557,"./es-mx.js":2557,"./es-us":1213,"./es-us.js":1213,"./es.js":6502,"./et":2933,"./et.js":2933,"./eu":2501,"./eu.js":2501,"./fa":4545,"./fa.js":4545,"./fi":9076,"./fi.js":9076,"./fil":2169,"./fil.js":2169,"./fo":2620,"./fo.js":2620,"./fr":6655,"./fr-ca":7574,"./fr-ca.js":7574,"./fr-ch":4016,"./fr-ch.js":4016,"./fr.js":6655,"./fy":1035,"./fy.js":1035,"./ga":1382,"./ga.js":1382,"./gd":4934,"./gd.js":4934,"./gl":3628,"./gl.js":3628,"./gom-deva":4800,"./gom-deva.js":4800,"./gom-latn":4710,"./gom-latn.js":4710,"./gu":481,"./gu.js":481,"./he":8427,"./he.js":8427,"./hi":6438,"./hi.js":6438,"./hr":5634,"./hr.js":5634,"./hu":5389,"./hu.js":5389,"./hy-am":801,"./hy-am.js":801,"./id":8482,"./id.js":8482,"./is":9530,"./is.js":9530,"./it":8117,"./it-ch":7839,"./it-ch.js":7839,"./it.js":8117,"./ja":1084,"./ja.js":1084,"./jv":5623,"./jv.js":5623,"./ka":3910,"./ka.js":3910,"./kk":9805,"./kk.js":9805,"./km":6010,"./km.js":6010,"./kn":1784,"./kn.js":1784,"./ko":163,"./ko.js":163,"./ku":3384,"./ku.js":3384,"./ky":8407,"./ky.js":8407,"./lb":9568,"./lb.js":9568,"./lo":8661,"./lo.js":8661,"./lt":9684,"./lt.js":9684,"./lv":7328,"./lv.js":7328,"./me":3668,"./me.js":3668,"./mi":749,"./mi.js":749,"./mk":2216,"./mk.js":2216,"./ml":1469,"./ml.js":1469,"./mn":5358,"./mn.js":5358,"./mr":343,"./mr.js":343,"./ms":9474,"./ms-my":395,"./ms-my.js":395,"./ms.js":9474,"./mt":5989,"./mt.js":5989,"./my":7428,"./my.js":7428,"./nb":1216,"./nb.js":1216,"./ne":2710,"./ne.js":2710,"./nl":5411,"./nl-be":8324,"./nl-be.js":8324,"./nl.js":5411,"./nn":1275,"./nn.js":1275,"./oc-lnc":1726,"./oc-lnc.js":1726,"./pa-in":9154,"./pa-in.js":9154,"./pl":3483,"./pl.js":3483,"./pt":2551,"./pt-br":111,"./pt-br.js":111,"./pt.js":2551,"./ro":9049,"./ro.js":9049,"./ru":9042,"./ru.js":9042,"./sd":2292,"./sd.js":2292,"./se":5215,"./se.js":5215,"./si":2951,"./si.js":2951,"./sk":7733,"./sk.js":7733,"./sl":9449,"./sl.js":9449,"./sq":5835,"./sq.js":5835,"./sr":274,"./sr-cyrl":9343,"./sr-cyrl.js":9343,"./sr.js":274,"./ss":6851,"./ss.js":6851,"./sv":9735,"./sv.js":9735,"./sw":3694,"./sw.js":3694,"./ta":2065,"./ta.js":2065,"./te":4798,"./te.js":4798,"./tet":2132,"./tet.js":2132,"./tg":7589,"./tg.js":7589,"./th":6418,"./th.js":6418,"./tk":525,"./tk.js":525,"./tl-ph":1545,"./tl-ph.js":1545,"./tlh":7016,"./tlh.js":7016,"./tr":4086,"./tr.js":4086,"./tzl":2802,"./tzl.js":2802,"./tzm":1458,"./tzm-latn":3041,"./tzm-latn.js":3041,"./tzm.js":1458,"./ug-cn":3598,"./ug-cn.js":3598,"./uk":4525,"./uk.js":4525,"./ur":9554,"./ur.js":9554,"./uz":2942,"./uz-latn":8093,"./uz-latn.js":8093,"./uz.js":2942,"./vi":3561,"./vi.js":3561,"./x-pseudo":5090,"./x-pseudo.js":5090,"./yo":9537,"./yo.js":9537,"./zh-cn":5274,"./zh-cn.js":5274,"./zh-hk":9818,"./zh-hk.js":9818,"./zh-mo":1104,"./zh-mo.js":1104,"./zh-tw":9288,"./zh-tw.js":9288};function a(t){var e=i(t);return n(e)}function i(t){if(!n.o(s,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return s[t]}a.keys=function(){return Object.keys(s)},a.resolve=i,t.exports=a,a.id=8583},7727:function(t,e,n){"use strict";var s=n(8641),a=function(){var t=this,e=t._self._c;return e("router-view")},i=[],l={name:"App"},o=l,r=n(2349),c=(0,r.Z)(o,a,i,!1,null,null,null),u=c.exports,p=n(7728),d=n.n(p),b=n(2298),C=n.n(b),v=n(7170),h=function(){var t=this,e=t._self._c;return e("div",{staticClass:"main"},[e("p",{staticClass:"CsTitle"},[t._v("MULTIMODAL DANGEROUS GOODS FORM")]),e("p",{staticClass:"CsHint"},[t._v(" This form may be used as a dangerous goods declaration as it meets the requirements of SOLAS 74, chapter VII, regulation 5; MARPOL 73/78,Annex III, regulation 4 and section 9 of the General Introduction to the IMDG Code. ")]),t._m(0),e("el-table",{ref:"tableRef",staticStyle:{width:"100%"},attrs:{data:t.tableData,border:"","header-cell-class-name":"HeaderCell","header-row-class-name":"HeaderRow","cell-class-name":"Cellname","row-class-name":"Rowname"},on:{"cell-dblclick":t.FnTableClick}},[e("el-table-column",{attrs:{type:"selection",align:"center"}}),e("el-table-column",{attrs:{type:"expand"},scopedSlots:t._u([{key:"default",fn:function(n){return[t._l(n.row.CheckboxData,(function(n,s){return e("el-checkbox",{key:s,staticClass:"CsTableCheckbox",model:{value:n.CheckboxType,callback:function(e){t.$set(n,"CheckboxType",e)},expression:"item.CheckboxType"}},[e("div",{staticClass:"flex column"},[e("div",{staticClass:"flex"},[e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("UN No")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"UN No"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F2",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Proper Shipping Name")]),n.Web_input_type?e("el-input",{style:{width:"95%"},attrs:{placeholder:"Proper Shipping Name"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Technical Name (if have)")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Technical Name (if have)"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1)]),e("div",{staticClass:"flex"},[e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Imo Class(Sub risk)")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Imo Class(Sub risk)"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Packing Group")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Packing Group"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Flash Point (if have )")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Flash Point (if have )"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Marine Pollutant(p or no)")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Marine Pollutant(p or no) "},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1)]),e("div",{staticClass:"flex"},[e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Boiling Point(if have)")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Boiling Point(if have) "},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Package Quantity and Type")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Package Quantity and Type"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Packing Code")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Packing Code"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Gross Weight")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Gross Weight "},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1)]),e("div",{staticClass:"flex"},[e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Net Weight")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Net Weight "},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Limited Quantity(if have)")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Limited Quantity(if have)"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Lighter's Brand and Factory(if have)")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Lighter's Brand and Factory(if have)"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1),e("div",{staticClass:"F1",on:{dblclick:function(e){return t.FnTableCheckboxClick(n,"input")}}},[e("p",[t._v("Inner Package")]),n.Web_input_type?e("el-input",{style:{width:"90%"},attrs:{placeholder:"Inner Package"},on:{blur:function(e){return t.FnTableCheckboxInputBlur(n,"input")}},model:{value:n.input,callback:function(e){t.$set(n,"input",e)},expression:"item.input"}}):e("p",{staticClass:"CsMt"},[t._v(t._s(n.input))])],1)])])])})),e("div",{staticClass:"CsCheckboxButtonBox"},[e("el-button",{attrs:{icon:"el-icon-plus",type:"primary",size:"mini"},on:{click:function(e){return t.FnAddCheckbox(n.row)}}},[t._v(" 新增 ")]),e("el-button",{attrs:{icon:"el-icon-delete",type:"primary",size:"mini",plain:""},on:{click:function(e){return t.FnDelCheckbox(n.row)}}},[t._v(" 删除 ")])],1)]}}])}),e("el-table-column",{attrs:{prop:"date",label:"15.Container number",width:"180"},scopedSlots:t._u([{key:"default",fn:function(n){return[n.row.Web_date_type?e("el-input",{attrs:{placeholder:"Container number"},on:{blur:function(e){return t.FnTableInputBlur(n.row,"date")}},model:{value:n.row.date,callback:function(e){t.$set(n.row,"date",e)},expression:"scope.row.date"}}):e("span",[t._v(t._s(n.row.date))])]}}])}),e("el-table-column",{attrs:{prop:"name",label:"16.Seal number(s)",width:"180"},scopedSlots:t._u([{key:"default",fn:function(n){return[n.row.Web_name_type?e("el-input",{attrs:{placeholder:"Seal number(s)"},on:{blur:function(e){return t.FnTableInputBlur(n.row,"name")}},model:{value:n.row.name,callback:function(e){t.$set(n.row,"name",e)},expression:"scope.row.name"}}):e("span",[t._v(t._s(n.row.name))])]}}])}),e("el-table-column",{attrs:{prop:"address",label:"17.Container Size & type"},scopedSlots:t._u([{key:"default",fn:function(n){return[n.row.Web_address_type?e("el-input",{attrs:{placeholder:"Container Size & type"},on:{blur:function(e){return t.FnTableInputBlur(n.row,"address")}},model:{value:n.row.address,callback:function(e){t.$set(n.row,"address",e)},expression:"scope.row.address"}}):e("span",[t._v(t._s(n.row.address))])]}}])}),e("el-table-column",{attrs:{prop:"address2",label:"18.Tare mass(kg)"},scopedSlots:t._u([{key:"default",fn:function(n){return[n.row.Web_address2_type?e("el-input",{attrs:{placeholder:"Tare mass(kg)"},on:{blur:function(e){return t.FnTableInputBlur(n.row,"address2")}},model:{value:n.row.address2,callback:function(e){t.$set(n.row,"address2",e)},expression:"scope.row.address2"}}):e("span",[t._v(t._s(n.row.address2))])]}}])})],1),e("div",{staticClass:"CsButtonBox"},[e("el-button",{attrs:{icon:"el-icon-plus",type:"text"},on:{click:t.FnAddRow}},[t._v(" 添加一行 ")]),e("el-button",{attrs:{icon:"el-icon-delete",type:"text"},on:{click:t.FnDelRow}},[t._v(" 删除一行 ")])],1),t._m(1),t._m(2)],1)},f=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"CsTop flex column"},[e("div",{staticClass:"flex BB"},[e("div",{staticClass:"F1 BR"},[e("p",[t._v("1.Shipper")]),e("p",[t._v(" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 ")])]),e("div",{staticClass:"F1"},[e("div",{staticClass:"BB"},[e("p",[t._v("2.Transport document number")]),e("p",[t._v("596854040")])]),e("div",{staticClass:"BB"},[e("p",[t._v("3.Page of pages")])]),e("div",{staticClass:"flex"},[e("div",{staticClass:"F1 BR"},[e("p",[t._v("4.Shipper's reference")])]),e("div",{staticClass:"F1"},[e("p",[t._v("5.Freight forwarder's reference")])])])])]),e("div",{staticClass:"flex BB"},[e("div",{staticClass:"flex column F1 BR"},[e("div",{staticClass:"F1 BB"},[e("p",[t._v("6.Consignee")]),e("p",[t._v(" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 ")])]),e("div",{staticClass:"F1"},[e("p",[t._v("7.Carrier (to be completed by the carrier)")]),e("p",[t._v("MAERSK LINE")])])]),e("div",{staticClass:"flex column F1"},[e("div",{staticClass:"flex BB"},[e("div",{staticClass:"F1 BR"},[e("p",[t._v("10.Vessel/flight no.and date")]),e("p",[t._v("MAERSK SALINA 225S")])]),e("div",{staticClass:"F1"},[e("p",[t._v("11.Port/place of loading")]),e("p",[t._v("QINGDAO,CHINA")])])]),e("div",{staticClass:"flex BB"},[e("div",{staticClass:"F1 BR"},[e("p",[t._v("12.Port/place of discharge")]),e("p",[t._v("GUAYAQUIL,ECUADOR")])]),e("div",{staticClass:"F1"},[e("p",[t._v("13.Destination")]),e("p",[t._v("GUAYAQUIL,ECUADOR")])])]),e("div",{staticClass:"F1"},[e("p",[t._v("9.Additional handling information")]),e("p",[t._v(" 24 hr Emergency contact person : MR "),e("br"),t._v(" 24 hr Emergency contact telephone: 123456 "),e("br"),t._v(" EMS : F-A,S-A ")])])])]),e("div",{staticClass:"CsTopBox3 BB"},[e("p",[t._v("SHIPPER'S DECLARATION")]),e("p",[t._v(" I hereby declare that the contents of this consignment are fully and accurately "),e("br"),t._v(" described below by the proper shipping name, and are classified, packaged, marked "),e("br"),t._v(" and labeled/placarded and are in all respects in proper condition for transport according to the applicable international and national government regu-"),e("br"),t._v("lations. ")]),e("p",{staticClass:"CsFCRed"},[t._v(" 8.This shipment is within the limitations prescribed for: (Delete non-applicable) ")])]),e("div",[e("p",[t._v(" 14.Shipment information Number and kind of packages; description of goods ( *see bottom) ")])])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"Csbottom flex column"},[e("div",{staticClass:"flex BB"},[e("div",{staticClass:"F1 CsBox BR CsFCRed"},[e("p",{staticClass:"CsFW"},[t._v("CONTAINER/VEHICLE PACKING CERTIFICATE")]),e("p",[t._v(" I hereby declare that the goods described above have been packed/loaded into the container/vehicle identified above in accordance with the applicable provisions.** MUST BE COMPLETED AND SIGNED FOR ALL CONTAINER/VEHICLE LOADS BY PERSON RESPONSIBLE FOR PACKING/LOADING ")])]),e("div",{staticClass:"F1 CsBox CsFCRed"},[e("p",{staticClass:"CsFW"},[t._v("21.RECEIVING ORGANIZATION RECEIPT")]),e("p",[t._v(" Received the above number of packages/containers/trailers in apparent good order and condition, unless stated hereon: RECEIVING ORGANISATION REMARKS: ")])])]),e("div",{staticClass:"flex BB"},[e("div",{staticClass:"F1 CsBox BR"},[e("p",{staticClass:"CsFW"},[t._v("20.Name of company")]),e("p",[t._v("SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.")]),e("p",{staticClass:"CsFW CsMt"},[t._v("Name/status of declarant")]),e("p",[t._v(" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-"),e("br"),t._v(" TRE,SHUNHUA ROAD 750,JINAN,SHAN-"),e("br"),t._v(" DONG,CHINA 250101 ")]),e("p",{staticClass:"CsFW CsMt"},[t._v("Place and date")]),e("p",[t._v("QINGDAO 2022/03/26")]),e("p",{staticClass:"CsFW CsMt"},[t._v("Signature of declarant")]),e("p",{staticClass:"CsFW"},[t._v("张明明")])]),e("div",{staticClass:"F1 CsBox"},[e("p",{staticClass:"CsFW"},[t._v("20.Name of company")]),e("p",[t._v("SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.")]),e("p",{staticClass:"CsFW CsMt"},[t._v("Name/status of declarant")]),e("p",[t._v(" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-"),e("br"),t._v(" TRE,SHUNHUA ROAD 750,JINAN,SHAN-"),e("br"),t._v(" DONG,CHINA 250101 ")]),e("p",{staticClass:"CsFW CsMt"},[t._v("Place and date")]),e("p",[t._v("QINGDAO 2022/03/26")]),e("p",{staticClass:"CsFW CsMt"},[t._v("Signature of declarant")]),e("p",{staticClass:"CsFW"},[t._v("张明明")])])]),e("div",{staticClass:"flex"},[e("div",{staticClass:"F1"},[e("p",[t._v("Signature and date"),e("span",[t._v("2022/03/26")])])]),e("div",{staticClass:"F2"},[e("p",[t._v("DRIVER'S SIGNATURE"),e("span",[t._v("李强")])])])])])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"CsBottom"},[e("p",[t._v("* DANGEROUS GOODS:")]),e("p",[t._v(" You must specify: UN No., proper shipping name/correct technical name, IMO hazard class (subrisk), Packaging group (where assigned), Marine ")])])}];n(7883),n(397);var _=n(7148),m=n.n(_),k={name:"ViewIndex",data(){return{moment:m(),tableData:[{id:0,date:"",Web_date_type:!0,name:"",Web_name_type:!0,address:"",Web_address_type:!0,address2:"",Web_address2_type:!0,CheckboxData:[{input:"",Web_input_type:!0,CheckboxType:!1}]}]}},mounted(){},methods:{FnAddCheckbox(t){t.CheckboxData.push({input:"",Web_input_type:!0,CheckboxType:!1})},FnDelCheckbox(t){t.CheckboxData.forEach(((e,n)=>{e.CheckboxType&&t.CheckboxData.splice(n,1)}))},FnAddRow(){this.tableData.push({id:this.tableData[this.tableData.length-1].id+1,date:"",Web_date_type:!0,name:"",Web_name_type:!0,address:"",Web_address_type:!0,address2:"",Web_address2_type:!0,CheckboxData:[{input:"",CheckboxType:!1}]})},FnDelRow(){this.$refs.tableRef.selection.forEach((t=>{this.tableData.forEach(((e,n)=>{t.id==e.id&&this.tableData.splice(n,1)}))}))},FnTableClick(t,e,n,s){t[`Web_${e.property}_type`]=!0},FnTableCheckboxClick(t,e){t[`Web_${e}_type`]=!0},FnTableInputBlur(t,e){t[`Web_${e}_type`]=!1},FnTableCheckboxInputBlur(t,e){t[`Web_${e}_type`]=!1}}},j=k,y=(0,r.Z)(j,h,f,!1,null,"7ef5871b",null),F=y.exports;const x=[{path:"/",component:F},{path:"*",redirect:"/"}];s["default"].use(v.ZP),s["default"].use(C()),s["default"].config.productionTip=!1,s["default"].prototype.$axios=d();const I=new v.ZP({routes:x,mode:"history"});new s["default"]({router:I,render:t=>t(u)}).$mount("#app")},46:function(){}},e={};function n(s){var a=e[s];if(void 0!==a)return a.exports;var i=e[s]={id:s,loaded:!1,exports:{}};return t[s].call(i.exports,i,i.exports,n),i.loaded=!0,i.exports}n.m=t,function(){var t=[];n.O=function(e,s,a,i){if(!s){var l=1/0;for(u=0;u=i)&&Object.keys(n.O).every((function(t){return n.O[t](s[r])}))?s.splice(r--,1):(o=!1,i0&&t[u-1][2]>i;u--)t[u]=t[u-1];t[u]=[s,a,i]}}(),function(){n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,{a:e}),e}}(),function(){n.d=function(t,e){for(var s in e)n.o(e,s)&&!n.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})}}(),function(){n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}()}(),function(){n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}}(),function(){n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){n.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t}}(),function(){var t={143:0};n.O.j=function(e){return 0===t[e]};var e=function(e,s){var a,i,l=s[0],o=s[1],r=s[2],c=0;if(l.some((function(e){return 0!==t[e]}))){for(a in o)n.o(o,a)&&(n.m[a]=o[a]);if(r)var u=r(n)}for(e&&e(s);c\r\n \r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7adf69d7&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=7adf69d7&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main\"},[_c('p',{staticClass:\"CsTitle\"},[_vm._v(\"MULTIMODAL DANGEROUS GOODS FORM\")]),_c('p',{staticClass:\"CsHint\"},[_vm._v(\" This form may be used as a dangerous goods declaration as it meets the requirements of SOLAS 74, chapter VII, regulation 5; MARPOL 73/78,Annex III, regulation 4 and section 9 of the General Introduction to the IMDG Code. \")]),_vm._m(0),_c('el-table',{ref:\"tableRef\",staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData,\"border\":\"\",\"header-cell-class-name\":\"HeaderCell\",\"header-row-class-name\":\"HeaderRow\",\"cell-class-name\":\"Cellname\",\"row-class-name\":\"Rowname\"},on:{\"cell-dblclick\":_vm.FnTableClick}},[_c('el-table-column',{attrs:{\"type\":\"selection\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"type\":\"expand\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._l((scope.row.CheckboxData),function(item,index){return _c('el-checkbox',{key:index,staticClass:\"CsTableCheckbox\",model:{value:(item.CheckboxType),callback:function ($$v) {_vm.$set(item, \"CheckboxType\", $$v)},expression:\"item.CheckboxType\"}},[_c('div',{staticClass:\"flex column\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"UN No\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"UN No\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F2\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Proper Shipping Name\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '95%' }),attrs:{\"placeholder\":\"Proper Shipping Name\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Technical Name (if have)\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Technical Name (if have)\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1)]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Imo Class(Sub risk)\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Imo Class(Sub risk)\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Packing Group\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Packing Group\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Flash Point (if have )\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Flash Point (if have )\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Marine Pollutant(p or no)\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Marine Pollutant(p or no) \"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1)]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Boiling Point(if have)\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Boiling Point(if have) \"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Package Quantity and Type\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Package Quantity and Type\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Packing Code\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Packing Code\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Gross Weight\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Gross Weight \"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1)]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Net Weight\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Net Weight \"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Limited Quantity(if have)\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Limited Quantity(if have)\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Lighter's Brand and Factory(if have)\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Lighter's Brand and Factory(if have)\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1),_c('div',{staticClass:\"F1\",on:{\"dblclick\":function($event){return _vm.FnTableCheckboxClick(item, 'input')}}},[_c('p',[_vm._v(\"Inner Package\")]),(item.Web_input_type)?_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Inner Package\"},on:{\"blur\":function($event){return _vm.FnTableCheckboxInputBlur(item, 'input')}},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}}):_c('p',{staticClass:\"CsMt\"},[_vm._v(_vm._s(item.input))])],1)])])])}),_c('div',{staticClass:\"CsCheckboxButtonBox\"},[_c('el-button',{attrs:{\"icon\":\"el-icon-plus\",\"type\":\"primary\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.FnAddCheckbox(scope.row)}}},[_vm._v(\" 新增 \")]),_c('el-button',{attrs:{\"icon\":\"el-icon-delete\",\"type\":\"primary\",\"size\":\"mini\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.FnDelCheckbox(scope.row)}}},[_vm._v(\" 删除 \")])],1)]}}])}),_c('el-table-column',{attrs:{\"prop\":\"date\",\"label\":\"15.Container number\",\"width\":\"180\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [(scope.row.Web_date_type)?_c('el-input',{attrs:{\"placeholder\":\"Container number\"},on:{\"blur\":function($event){return _vm.FnTableInputBlur(scope.row, 'date')}},model:{value:(scope.row.date),callback:function ($$v) {_vm.$set(scope.row, \"date\", $$v)},expression:\"scope.row.date\"}}):_c('span',[_vm._v(_vm._s(scope.row.date))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"name\",\"label\":\"16.Seal number(s)\",\"width\":\"180\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [(scope.row.Web_name_type)?_c('el-input',{attrs:{\"placeholder\":\"Seal number(s)\"},on:{\"blur\":function($event){return _vm.FnTableInputBlur(scope.row, 'name')}},model:{value:(scope.row.name),callback:function ($$v) {_vm.$set(scope.row, \"name\", $$v)},expression:\"scope.row.name\"}}):_c('span',[_vm._v(_vm._s(scope.row.name))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"address\",\"label\":\"17.Container Size & type\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [(scope.row.Web_address_type)?_c('el-input',{attrs:{\"placeholder\":\"Container Size & type\"},on:{\"blur\":function($event){return _vm.FnTableInputBlur(scope.row, 'address')}},model:{value:(scope.row.address),callback:function ($$v) {_vm.$set(scope.row, \"address\", $$v)},expression:\"scope.row.address\"}}):_c('span',[_vm._v(_vm._s(scope.row.address))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"address2\",\"label\":\"18.Tare mass(kg)\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [(scope.row.Web_address2_type)?_c('el-input',{attrs:{\"placeholder\":\"Tare mass(kg)\"},on:{\"blur\":function($event){return _vm.FnTableInputBlur(scope.row, 'address2')}},model:{value:(scope.row.address2),callback:function ($$v) {_vm.$set(scope.row, \"address2\", $$v)},expression:\"scope.row.address2\"}}):_c('span',[_vm._v(_vm._s(scope.row.address2))])]}}])})],1),_c('div',{staticClass:\"CsButtonBox\"},[_c('el-button',{attrs:{\"icon\":\"el-icon-plus\",\"type\":\"text\"},on:{\"click\":_vm.FnAddRow}},[_vm._v(\" 添加一行 \")]),_c('el-button',{attrs:{\"icon\":\"el-icon-delete\",\"type\":\"text\"},on:{\"click\":_vm.FnDelRow}},[_vm._v(\" 删除一行 \")])],1),_vm._m(1),_vm._m(2)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"CsTop flex column\"},[_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"1.Shipper\")]),_c('p',[_vm._v(\" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 \")])]),_c('div',{staticClass:\"F1\"},[_c('div',{staticClass:\"BB\"},[_c('p',[_vm._v(\"2.Transport document number\")]),_c('p',[_vm._v(\"596854040\")])]),_c('div',{staticClass:\"BB\"},[_c('p',[_vm._v(\"3.Page of pages\")])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"4.Shipper's reference\")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"5.Freight forwarder's reference\")])])])])]),_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"flex column F1 BR\"},[_c('div',{staticClass:\"F1 BB\"},[_c('p',[_vm._v(\"6.Consignee\")]),_c('p',[_vm._v(\" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 \")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"7.Carrier (to be completed by the carrier)\")]),_c('p',[_vm._v(\"MAERSK LINE\")])])]),_c('div',{staticClass:\"flex column F1\"},[_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"10.Vessel/flight no.and date\")]),_c('p',[_vm._v(\"MAERSK SALINA 225S\")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"11.Port/place of loading\")]),_c('p',[_vm._v(\"QINGDAO,CHINA\")])])]),_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"12.Port/place of discharge\")]),_c('p',[_vm._v(\"GUAYAQUIL,ECUADOR\")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"13.Destination\")]),_c('p',[_vm._v(\"GUAYAQUIL,ECUADOR\")])])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"9.Additional handling information\")]),_c('p',[_vm._v(\" 24 hr Emergency contact person : MR \"),_c('br'),_vm._v(\" 24 hr Emergency contact telephone: 123456 \"),_c('br'),_vm._v(\" EMS : F-A,S-A \")])])])]),_c('div',{staticClass:\"CsTopBox3 BB\"},[_c('p',[_vm._v(\"SHIPPER'S DECLARATION\")]),_c('p',[_vm._v(\" I hereby declare that the contents of this consignment are fully and accurately \"),_c('br'),_vm._v(\" described below by the proper shipping name, and are classified, packaged, marked \"),_c('br'),_vm._v(\" and labeled/placarded and are in all respects in proper condition for transport according to the applicable international and national government regu-\"),_c('br'),_vm._v(\"lations. \")]),_c('p',{staticClass:\"CsFCRed\"},[_vm._v(\" 8.This shipment is within the limitations prescribed for: (Delete non-applicable) \")])]),_c('div',[_c('p',[_vm._v(\" 14.Shipment information Number and kind of packages; description of goods ( *see bottom) \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Csbottom flex column\"},[_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 CsBox BR CsFCRed\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"CONTAINER/VEHICLE PACKING CERTIFICATE\")]),_c('p',[_vm._v(\" I hereby declare that the goods described above have been packed/loaded into the container/vehicle identified above in accordance with the applicable provisions.** MUST BE COMPLETED AND SIGNED FOR ALL CONTAINER/VEHICLE LOADS BY PERSON RESPONSIBLE FOR PACKING/LOADING \")])]),_c('div',{staticClass:\"F1 CsBox CsFCRed\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"21.RECEIVING ORGANIZATION RECEIPT\")]),_c('p',[_vm._v(\" Received the above number of packages/containers/trailers in apparent good order and condition, unless stated hereon: RECEIVING ORGANISATION REMARKS: \")])])]),_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 CsBox BR\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"20.Name of company\")]),_c('p',[_vm._v(\"SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Name/status of declarant\")]),_c('p',[_vm._v(\" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-\"),_c('br'),_vm._v(\" TRE,SHUNHUA ROAD 750,JINAN,SHAN-\"),_c('br'),_vm._v(\" DONG,CHINA 250101 \")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Place and date\")]),_c('p',[_vm._v(\"QINGDAO 2022/03/26\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Signature of declarant\")]),_c('p',{staticClass:\"CsFW\"},[_vm._v(\"张明明\")])]),_c('div',{staticClass:\"F1 CsBox\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"20.Name of company\")]),_c('p',[_vm._v(\"SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Name/status of declarant\")]),_c('p',[_vm._v(\" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-\"),_c('br'),_vm._v(\" TRE,SHUNHUA ROAD 750,JINAN,SHAN-\"),_c('br'),_vm._v(\" DONG,CHINA 250101 \")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Place and date\")]),_c('p',[_vm._v(\"QINGDAO 2022/03/26\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Signature of declarant\")]),_c('p',{staticClass:\"CsFW\"},[_vm._v(\"张明明\")])])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Signature and date\"),_c('span',[_vm._v(\"2022/03/26\")])])]),_c('div',{staticClass:\"F2\"},[_c('p',[_vm._v(\"DRIVER'S SIGNATURE\"),_c('span',[_vm._v(\"李强\")])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"CsBottom\"},[_c('p',[_vm._v(\"* DANGEROUS GOODS:\")]),_c('p',[_vm._v(\" You must specify: UN No., proper shipping name/correct technical name, IMO hazard class (subrisk), Packaging group (where assigned), Marine \")])])\n}]\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7ef5871b&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=7ef5871b&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7ef5871b\",\n null\n \n)\n\nexport default component.exports","import ViewIndex from \"../views/index.vue\";\r\nexport const routes = [\r\n { path: \"/\", component: ViewIndex },\r\n { path: \"*\", redirect: \"/\" },\r\n];\r\n","import Vue from \"vue\";\r\nimport App from \"./App.vue\";\r\nimport axios from \"axios\";\r\nimport ElementUI from \"element-ui\";\r\nimport VueRouter from \"vue-router\";\r\nimport \"element-ui/lib/theme-chalk/index.css\";\r\nimport { routes } from \"./utils/routes.js\";\r\nVue.use(VueRouter);\r\nVue.use(ElementUI);\r\nVue.config.productionTip = false;\r\nVue.prototype.$axios = axios;\r\nconst router = new VueRouter({\r\n routes: routes,\r\n mode: \"history\", //去掉#\r\n // mode: \"hash\",\r\n});\r\nnew Vue({\r\n router: router,\r\n render: (h) => h(App),\r\n}).$mount(\"#app\");\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = function(module) {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkvue\"] = self[\"webpackChunkvue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(7727); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","render","_vm","this","_c","_self","staticRenderFns","name","component","staticClass","_v","_m","ref","staticStyle","attrs","tableData","on","FnTableClick","scopedSlots","_u","key","fn","scope","_l","row","CheckboxData","item","index","model","value","CheckboxType","callback","$$v","$set","expression","$event","FnTableCheckboxClick","Web_input_type","style","width","FnTableCheckboxInputBlur","input","_s","FnAddCheckbox","FnDelCheckbox","Web_date_type","FnTableInputBlur","date","Web_name_type","Web_address_type","address","Web_address2_type","address2","FnAddRow","FnDelRow","data","moment","mounted","methods","routes","path","ViewIndex","redirect","Vue","VueRouter","ElementUI","axios","router","mode","h","App","$mount","__webpack_module_cache__","moduleId","cachedModule","undefined","loaded","__webpack_modules__","call","m","deferred","O","result","chunkIds","priority","notFulfilled","Infinity","i","length","fulfilled","j","every","splice","r","n","getter","__esModule","d","a","definition","defineProperty","enumerable","get","g","globalThis","Function","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","nmd","paths","children","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/js/app.c7bcfe55.js b/dist/js/app.c7bcfe55.js new file mode 100644 index 0000000..75008fa --- /dev/null +++ b/dist/js/app.c7bcfe55.js @@ -0,0 +1,2 @@ +(function(){var e={8583:function(e,t,s){var a={"./af":3953,"./af.js":3953,"./ar":8861,"./ar-dz":4218,"./ar-dz.js":4218,"./ar-kw":5296,"./ar-kw.js":5296,"./ar-ly":9177,"./ar-ly.js":9177,"./ar-ma":5659,"./ar-ma.js":5659,"./ar-sa":1159,"./ar-sa.js":1159,"./ar-tn":7392,"./ar-tn.js":7392,"./ar.js":8861,"./az":6978,"./az.js":6978,"./be":7734,"./be.js":7734,"./bg":6024,"./bg.js":6024,"./bm":8089,"./bm.js":8089,"./bn":4353,"./bn-bd":5432,"./bn-bd.js":5432,"./bn.js":4353,"./bo":6817,"./bo.js":6817,"./br":3422,"./br.js":3422,"./bs":9731,"./bs.js":9731,"./ca":4089,"./ca.js":4089,"./cs":77,"./cs.js":77,"./cv":3893,"./cv.js":3893,"./cy":4633,"./cy.js":4633,"./da":6768,"./da.js":6768,"./de":6378,"./de-at":2698,"./de-at.js":2698,"./de-ch":4364,"./de-ch.js":4364,"./de.js":6378,"./dv":9202,"./dv.js":9202,"./el":5187,"./el.js":5187,"./en-au":5759,"./en-au.js":5759,"./en-ca":7992,"./en-ca.js":7992,"./en-gb":6562,"./en-gb.js":6562,"./en-ie":5446,"./en-ie.js":5446,"./en-il":5204,"./en-il.js":5204,"./en-in":8251,"./en-in.js":8251,"./en-nz":2865,"./en-nz.js":2865,"./en-sg":990,"./en-sg.js":990,"./eo":2841,"./eo.js":2841,"./es":6502,"./es-do":3808,"./es-do.js":3808,"./es-mx":2557,"./es-mx.js":2557,"./es-us":1213,"./es-us.js":1213,"./es.js":6502,"./et":2933,"./et.js":2933,"./eu":2501,"./eu.js":2501,"./fa":4545,"./fa.js":4545,"./fi":9076,"./fi.js":9076,"./fil":2169,"./fil.js":2169,"./fo":2620,"./fo.js":2620,"./fr":6655,"./fr-ca":7574,"./fr-ca.js":7574,"./fr-ch":4016,"./fr-ch.js":4016,"./fr.js":6655,"./fy":1035,"./fy.js":1035,"./ga":1382,"./ga.js":1382,"./gd":4934,"./gd.js":4934,"./gl":3628,"./gl.js":3628,"./gom-deva":4800,"./gom-deva.js":4800,"./gom-latn":4710,"./gom-latn.js":4710,"./gu":481,"./gu.js":481,"./he":8427,"./he.js":8427,"./hi":6438,"./hi.js":6438,"./hr":5634,"./hr.js":5634,"./hu":5389,"./hu.js":5389,"./hy-am":801,"./hy-am.js":801,"./id":8482,"./id.js":8482,"./is":9530,"./is.js":9530,"./it":8117,"./it-ch":7839,"./it-ch.js":7839,"./it.js":8117,"./ja":1084,"./ja.js":1084,"./jv":5623,"./jv.js":5623,"./ka":3910,"./ka.js":3910,"./kk":9805,"./kk.js":9805,"./km":6010,"./km.js":6010,"./kn":1784,"./kn.js":1784,"./ko":163,"./ko.js":163,"./ku":3384,"./ku.js":3384,"./ky":8407,"./ky.js":8407,"./lb":9568,"./lb.js":9568,"./lo":8661,"./lo.js":8661,"./lt":9684,"./lt.js":9684,"./lv":7328,"./lv.js":7328,"./me":3668,"./me.js":3668,"./mi":749,"./mi.js":749,"./mk":2216,"./mk.js":2216,"./ml":1469,"./ml.js":1469,"./mn":5358,"./mn.js":5358,"./mr":343,"./mr.js":343,"./ms":9474,"./ms-my":395,"./ms-my.js":395,"./ms.js":9474,"./mt":5989,"./mt.js":5989,"./my":7428,"./my.js":7428,"./nb":1216,"./nb.js":1216,"./ne":2710,"./ne.js":2710,"./nl":5411,"./nl-be":8324,"./nl-be.js":8324,"./nl.js":5411,"./nn":1275,"./nn.js":1275,"./oc-lnc":1726,"./oc-lnc.js":1726,"./pa-in":9154,"./pa-in.js":9154,"./pl":3483,"./pl.js":3483,"./pt":2551,"./pt-br":111,"./pt-br.js":111,"./pt.js":2551,"./ro":9049,"./ro.js":9049,"./ru":9042,"./ru.js":9042,"./sd":2292,"./sd.js":2292,"./se":5215,"./se.js":5215,"./si":2951,"./si.js":2951,"./sk":7733,"./sk.js":7733,"./sl":9449,"./sl.js":9449,"./sq":5835,"./sq.js":5835,"./sr":274,"./sr-cyrl":9343,"./sr-cyrl.js":9343,"./sr.js":274,"./ss":6851,"./ss.js":6851,"./sv":9735,"./sv.js":9735,"./sw":3694,"./sw.js":3694,"./ta":2065,"./ta.js":2065,"./te":4798,"./te.js":4798,"./tet":2132,"./tet.js":2132,"./tg":7589,"./tg.js":7589,"./th":6418,"./th.js":6418,"./tk":525,"./tk.js":525,"./tl-ph":1545,"./tl-ph.js":1545,"./tlh":7016,"./tlh.js":7016,"./tr":4086,"./tr.js":4086,"./tzl":2802,"./tzl.js":2802,"./tzm":1458,"./tzm-latn":3041,"./tzm-latn.js":3041,"./tzm.js":1458,"./ug-cn":3598,"./ug-cn.js":3598,"./uk":4525,"./uk.js":4525,"./ur":9554,"./ur.js":9554,"./uz":2942,"./uz-latn":8093,"./uz-latn.js":8093,"./uz.js":2942,"./vi":3561,"./vi.js":3561,"./x-pseudo":5090,"./x-pseudo.js":5090,"./yo":9537,"./yo.js":9537,"./zh-cn":5274,"./zh-cn.js":5274,"./zh-hk":9818,"./zh-hk.js":9818,"./zh-mo":1104,"./zh-mo.js":1104,"./zh-tw":9288,"./zh-tw.js":9288};function n(e){var t=i(e);return s(t)}function i(e){if(!s.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}n.keys=function(){return Object.keys(a)},n.resolve=i,e.exports=n,n.id=8583},4317:function(e,t,s){"use strict";var a=s(8641),n=function(){var e=this,t=e._self._c;return t("router-view")},i=[],l={name:"App"},o=l,r=s(2349),p=(0,r.Z)(o,n,i,!1,null,null,null),c=p.exports,u=s(7728),d=s.n(u),v=s(2298),b=s.n(v),h=s(7170),f=function(){var e=this,t=e._self._c;return t("div",{staticClass:"main"},[t("p",{staticClass:"CsTitle"},[e._v("MULTIMODAL DANGEROUS GOODS FORM")]),t("p",{staticClass:"CsHint"},[e._v(" This form may be used as a dangerous goods declaration as it meets the requirements of SOLAS 74, chapter VII, regulation 5; MARPOL 73/78,Annex III, regulation 4 and section 9 of the General Introduction to the IMDG Code. ")]),e._m(0),t("el-table",{ref:"tableRef",staticStyle:{width:"100%"},attrs:{data:e.tableData,border:"","header-cell-class-name":"HeaderCell","header-row-class-name":"HeaderRow","cell-class-name":"Cellname","row-class-name":"Rowname"}},[t("el-table-column",{attrs:{type:"selection",align:"center"}}),t("el-table-column",{attrs:{type:"expand"},scopedSlots:e._u([{key:"default",fn:function(s){return[e._l(s.row.CheckboxData,(function(s,a){return t("el-checkbox",{key:a,staticClass:"CsTableCheckbox",model:{value:s.CheckboxType,callback:function(t){e.$set(s,"CheckboxType",t)},expression:"item.CheckboxType"}},[t("div",{staticClass:"flex column"},[t("div",{staticClass:"flex"},[t("div",{staticClass:"F1"},[t("p",[e._v("UN No")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"UN No"},model:{value:s.input,callback:function(t){e.$set(s,"input",t)},expression:"item.input"}})],1),t("div",{staticClass:"F2"},[t("p",[e._v("Proper Shipping Name")]),t("el-input",{style:{width:"95%"},attrs:{placeholder:"Proper Shipping Name"},model:{value:s.input1,callback:function(t){e.$set(s,"input1",t)},expression:"item.input1"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Technical Name (if have)")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Technical Name (if have)"},model:{value:s.input2,callback:function(t){e.$set(s,"input2",t)},expression:"item.input2"}})],1)]),t("div",{staticClass:"flex"},[t("div",{staticClass:"F1"},[t("p",[e._v("Imo Class(Sub risk)")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Imo Class(Sub risk)"},model:{value:s.input3,callback:function(t){e.$set(s,"input3",t)},expression:"item.input3"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Packing Group")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Packing Group"},model:{value:s.input4,callback:function(t){e.$set(s,"input4",t)},expression:"item.input4"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Flash Point (if have )")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Flash Point (if have )"},model:{value:s.input5,callback:function(t){e.$set(s,"input5",t)},expression:"item.input5"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Marine Pollutant(p or no)")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Marine Pollutant(p or no) "},model:{value:s.input6,callback:function(t){e.$set(s,"input6",t)},expression:"item.input6"}})],1)]),t("div",{staticClass:"flex"},[t("div",{staticClass:"F1"},[t("p",[e._v("Boiling Point(if have)")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Boiling Point(if have) "},model:{value:s.input7,callback:function(t){e.$set(s,"input7",t)},expression:"item.input7"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Package Quantity and Type")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Package Quantity and Type"},model:{value:s.input8,callback:function(t){e.$set(s,"input8",t)},expression:"item.input8"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Packing Code")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Packing Code"},model:{value:s.input9,callback:function(t){e.$set(s,"input9",t)},expression:"item.input9"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Gross Weight")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Gross Weight "},model:{value:s.input10,callback:function(t){e.$set(s,"input10",t)},expression:"item.input10"}})],1)]),t("div",{staticClass:"flex"},[t("div",{staticClass:"F1"},[t("p",[e._v("Net Weight")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Net Weight "},model:{value:s.input11,callback:function(t){e.$set(s,"input11",t)},expression:"item.input11"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Limited Quantity(if have)")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Limited Quantity(if have)"},model:{value:s.input12,callback:function(t){e.$set(s,"input12",t)},expression:"item.input12"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Lighter's Brand and Factory(if have)")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Lighter's Brand and Factory(if have)"},model:{value:s.input13,callback:function(t){e.$set(s,"input13",t)},expression:"item.input13"}})],1),t("div",{staticClass:"F1"},[t("p",[e._v("Inner Package")]),t("el-input",{style:{width:"90%"},attrs:{placeholder:"Inner Package"},model:{value:s.input14,callback:function(t){e.$set(s,"input14",t)},expression:"item.input14"}})],1)])])])})),t("div",{staticClass:"CsCheckboxButtonBox"},[t("el-button",{attrs:{icon:"el-icon-plus",type:"primary",size:"mini"},on:{click:function(t){return e.FnAddCheckbox(s.row)}}},[e._v(" 新增 ")]),t("el-button",{attrs:{icon:"el-icon-delete",type:"primary",size:"mini",plain:""},on:{click:function(t){return e.FnDelCheckbox(s.row)}}},[e._v(" 删除 ")])],1)]}}])}),t("el-table-column",{attrs:{prop:"date",label:"15.Container number",width:"180"},scopedSlots:e._u([{key:"default",fn:function(s){return[t("el-input",{attrs:{placeholder:"Container number"},model:{value:s.row.date,callback:function(t){e.$set(s.row,"date",t)},expression:"scope.row.date"}})]}}])}),t("el-table-column",{attrs:{prop:"name",label:"16.Seal number(s)",width:"180"},scopedSlots:e._u([{key:"default",fn:function(s){return[t("el-input",{attrs:{placeholder:"Seal number(s)"},model:{value:s.row.name,callback:function(t){e.$set(s.row,"name",t)},expression:"scope.row.name"}})]}}])}),t("el-table-column",{attrs:{prop:"address",label:"17.Container Size & type"},scopedSlots:e._u([{key:"default",fn:function(s){return[t("el-input",{attrs:{placeholder:"Container Size & type"},model:{value:s.row.address,callback:function(t){e.$set(s.row,"address",t)},expression:"scope.row.address"}})]}}])}),t("el-table-column",{attrs:{prop:"address2",label:"18.Tare mass(kg)"},scopedSlots:e._u([{key:"default",fn:function(s){return[t("el-input",{attrs:{placeholder:"Tare mass(kg)"},model:{value:s.row.address2,callback:function(t){e.$set(s.row,"address2",t)},expression:"scope.row.address2"}})]}}])})],1),t("div",{staticClass:"CsButtonBox"},[t("el-button",{attrs:{icon:"el-icon-plus",type:"text"},on:{click:e.FnAddRow}},[e._v(" 添加一行 ")]),t("el-button",{attrs:{icon:"el-icon-delete",type:"text"},on:{click:e.FnDelRow}},[e._v(" 删除一行 ")])],1),e._m(1),e._m(2)],1)},_=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"CsTop flex column"},[t("div",{staticClass:"flex BB"},[t("div",{staticClass:"F1 BR"},[t("p",[e._v("1.Shipper")]),t("p",[e._v(" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 ")])]),t("div",{staticClass:"F1"},[t("div",{staticClass:"BB"},[t("p",[e._v("2.Transport document number")]),t("p",[e._v("596854040")])]),t("div",{staticClass:"BB"},[t("p",[e._v("3.Page of pages")])]),t("div",{staticClass:"flex"},[t("div",{staticClass:"F1 BR"},[t("p",[e._v("4.Shipper's reference")])]),t("div",{staticClass:"F1"},[t("p",[e._v("5.Freight forwarder's reference")])])])])]),t("div",{staticClass:"flex BB"},[t("div",{staticClass:"flex column F1 BR"},[t("div",{staticClass:"F1 BB"},[t("p",[e._v("6.Consignee")]),t("p",[e._v(" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 ")])]),t("div",{staticClass:"F1"},[t("p",[e._v("7.Carrier (to be completed by the carrier)")]),t("p",[e._v("MAERSK LINE")])])]),t("div",{staticClass:"flex column F1"},[t("div",{staticClass:"flex BB"},[t("div",{staticClass:"F1 BR"},[t("p",[e._v("10.Vessel/flight no.and date")]),t("p",[e._v("MAERSK SALINA 225S")])]),t("div",{staticClass:"F1"},[t("p",[e._v("11.Port/place of loading")]),t("p",[e._v("QINGDAO,CHINA")])])]),t("div",{staticClass:"flex BB"},[t("div",{staticClass:"F1 BR"},[t("p",[e._v("12.Port/place of discharge")]),t("p",[e._v("GUAYAQUIL,ECUADOR")])]),t("div",{staticClass:"F1"},[t("p",[e._v("13.Destination")]),t("p",[e._v("GUAYAQUIL,ECUADOR")])])]),t("div",{staticClass:"F1"},[t("p",[e._v("9.Additional handling information")]),t("p",[e._v(" 24 hr Emergency contact person : MR "),t("br"),e._v(" 24 hr Emergency contact telephone: 123456 "),t("br"),e._v(" EMS : F-A,S-A ")])])])]),t("div",{staticClass:"CsTopBox3 BB"},[t("p",[e._v("SHIPPER'S DECLARATION")]),t("p",[e._v(" I hereby declare that the contents of this consignment are fully and accurately "),t("br"),e._v(" described below by the proper shipping name, and are classified, packaged, marked "),t("br"),e._v(" and labeled/placarded and are in all respects in proper condition for transport according to the applicable international and national government regu-"),t("br"),e._v("lations. ")]),t("p",{staticClass:"CsFCRed"},[e._v(" 8.This shipment is within the limitations prescribed for: (Delete non-applicable) ")])]),t("div",[t("p",[e._v(" 14.Shipment information Number and kind of packages; description of goods ( *see bottom) ")])])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"Csbottom flex column"},[t("div",{staticClass:"flex BB"},[t("div",{staticClass:"F1 CsBox BR CsFCRed"},[t("p",{staticClass:"CsFW"},[e._v("CONTAINER/VEHICLE PACKING CERTIFICATE")]),t("p",[e._v(" I hereby declare that the goods described above have been packed/loaded into the container/vehicle identified above in accordance with the applicable provisions.** MUST BE COMPLETED AND SIGNED FOR ALL CONTAINER/VEHICLE LOADS BY PERSON RESPONSIBLE FOR PACKING/LOADING ")])]),t("div",{staticClass:"F1 CsBox CsFCRed"},[t("p",{staticClass:"CsFW"},[e._v("21.RECEIVING ORGANIZATION RECEIPT")]),t("p",[e._v(" Received the above number of packages/containers/trailers in apparent good order and condition, unless stated hereon: RECEIVING ORGANISATION REMARKS: ")])])]),t("div",{staticClass:"flex BB"},[t("div",{staticClass:"F1 CsBox BR"},[t("p",{staticClass:"CsFW"},[e._v("20.Name of company")]),t("p",[e._v("SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.")]),t("p",{staticClass:"CsFW CsMt"},[e._v("Name/status of declarant")]),t("p",[e._v(" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-"),t("br"),e._v(" TRE,SHUNHUA ROAD 750,JINAN,SHAN-"),t("br"),e._v(" DONG,CHINA 250101 ")]),t("p",{staticClass:"CsFW CsMt"},[e._v("Place and date")]),t("p",[e._v("QINGDAO 2022/03/26")]),t("p",{staticClass:"CsFW CsMt"},[e._v("Signature of declarant")]),t("p",{staticClass:"CsFW"},[e._v("张明明")])]),t("div",{staticClass:"F1 CsBox"},[t("p",{staticClass:"CsFW"},[e._v("20.Name of company")]),t("p",[e._v("SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.")]),t("p",{staticClass:"CsFW CsMt"},[e._v("Name/status of declarant")]),t("p",[e._v(" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-"),t("br"),e._v(" TRE,SHUNHUA ROAD 750,JINAN,SHAN-"),t("br"),e._v(" DONG,CHINA 250101 ")]),t("p",{staticClass:"CsFW CsMt"},[e._v("Place and date")]),t("p",[e._v("QINGDAO 2022/03/26")]),t("p",{staticClass:"CsFW CsMt"},[e._v("Signature of declarant")]),t("p",{staticClass:"CsFW"},[e._v("张明明")])])]),t("div",{staticClass:"flex"},[t("div",{staticClass:"F1"},[t("p",[e._v("Signature and date"),t("span",[e._v("2022/03/26")])])]),t("div",{staticClass:"F2"},[t("p",[e._v("DRIVER'S SIGNATURE"),t("span",[e._v("李强")])])])])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"CsBottom"},[t("p",[e._v("* DANGEROUS GOODS:")]),t("p",[e._v(" You must specify: UN No., proper shipping name/correct technical name, IMO hazard class (subrisk), Packaging group (where assigned), Marine ")])])}];s(7883),s(397);var C=s(7148),m=s.n(C),j={name:"ViewIndex",data(){return{moment:m(),tableData:[{id:0,date:"",Web_date_type:!0,name:"",Web_name_type:!0,address:"",Web_address_type:!0,address2:"",Web_address2_type:!0,CheckboxData:[{input:"",Web_input_type:!0,input1:"",Web_input1_type:!0,input2:"",Web_input2_type:!0,input3:"",Web_input3_type:!0,input4:"",Web_input4_type:!0,input5:"",Web_input5_type:!0,input6:"",Web_input6_type:!0,input7:"",Web_input7_type:!0,input8:"",Web_input8_type:!0,input9:"",Web_input9_type:!0,input10:"",Web_input10_type:!0,input11:"",Web_input11_type:!0,input12:"",Web_input12_type:!0,input13:"",Web_input13_type:!0,input14:"",Web_input14_type:!0,CheckboxType:!1}]}]}},mounted(){},methods:{FnAddCheckbox(e){e.CheckboxData.push({input:"",Web_input_type:!0,CheckboxType:!1})},FnDelCheckbox(e){e.CheckboxData.forEach(((t,s)=>{t.CheckboxType&&e.CheckboxData.splice(s,1)}))},FnAddRow(){this.tableData.push({id:this.tableData[this.tableData.length-1].id+1,date:"",Web_date_type:!0,name:"",Web_name_type:!0,address:"",Web_address_type:!0,address2:"",Web_address2_type:!0,CheckboxData:[{input:"",Web_input_type:!0,input1:"",Web_input1_type:!0,input2:"",Web_input2_type:!0,input3:"",Web_input3_type:!0,input4:"",Web_input4_type:!0,input5:"",Web_input5_type:!0,input6:"",Web_input6_type:!0,input7:"",Web_input7_type:!0,input8:"",Web_input8_type:!0,input9:"",Web_input9_type:!0,input10:"",Web_input10_type:!0,input11:"",Web_input11_type:!0,input12:"",Web_input12_type:!0,input13:"",Web_input13_type:!0,input14:"",Web_input14_type:!0,CheckboxType:!1}]})},FnDelRow(){this.$refs.tableRef.selection.forEach((e=>{this.tableData.forEach(((t,s)=>{e.id==t.id&&this.tableData.splice(s,1)}))}))},FnTableClick(e,t,s,a){e[`Web_${t.property}_type`]=!0},FnTableCheckboxClick(e,t){e[`Web_${t}_type`]=!0},FnTableInputBlur(e,t){e[`Web_${t}_type`]=!1},FnTableCheckboxInputBlur(e,t){e[`Web_${t}_type`]=!1}}},y=j,k=(0,r.Z)(y,f,_,!1,null,"3f4fb6b1",null),N=k.exports;const g=[{path:"/",component:N},{path:"*",redirect:"/"}];a["default"].use(h.ZP),a["default"].use(b()),a["default"].config.productionTip=!1,a["default"].prototype.$axios=d();const A=new h.ZP({routes:g,mode:"history"});new a["default"]({router:A,render:e=>e(c)}).$mount("#app")},46:function(){}},t={};function s(a){var n=t[a];if(void 0!==n)return n.exports;var i=t[a]={id:a,loaded:!1,exports:{}};return e[a].call(i.exports,i,i.exports,s),i.loaded=!0,i.exports}s.m=e,function(){var e=[];s.O=function(t,a,n,i){if(!a){var l=1/0;for(c=0;c=i)&&Object.keys(s.O).every((function(e){return s.O[e](a[r])}))?a.splice(r--,1):(o=!1,i0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[a,n,i]}}(),function(){s.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return s.d(t,{a:t}),t}}(),function(){s.d=function(e,t){for(var a in t)s.o(t,a)&&!s.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}}(),function(){s.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}()}(),function(){s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){s.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){s.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e}}(),function(){var e={143:0};s.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,i,l=a[0],o=a[1],r=a[2],p=0;if(l.some((function(t){return 0!==e[t]}))){for(n in o)s.o(o,n)&&(s.m[n]=o[n]);if(r)var c=r(s)}for(t&&t(a);p\r\n \r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7adf69d7&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=7adf69d7&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main\"},[_c('p',{staticClass:\"CsTitle\"},[_vm._v(\"MULTIMODAL DANGEROUS GOODS FORM\")]),_c('p',{staticClass:\"CsHint\"},[_vm._v(\" This form may be used as a dangerous goods declaration as it meets the requirements of SOLAS 74, chapter VII, regulation 5; MARPOL 73/78,Annex III, regulation 4 and section 9 of the General Introduction to the IMDG Code. \")]),_vm._m(0),_c('el-table',{ref:\"tableRef\",staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData,\"border\":\"\",\"header-cell-class-name\":\"HeaderCell\",\"header-row-class-name\":\"HeaderRow\",\"cell-class-name\":\"Cellname\",\"row-class-name\":\"Rowname\"}},[_c('el-table-column',{attrs:{\"type\":\"selection\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"type\":\"expand\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._l((scope.row.CheckboxData),function(item,index){return _c('el-checkbox',{key:index,staticClass:\"CsTableCheckbox\",model:{value:(item.CheckboxType),callback:function ($$v) {_vm.$set(item, \"CheckboxType\", $$v)},expression:\"item.CheckboxType\"}},[_c('div',{staticClass:\"flex column\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"UN No\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"UN No\"},model:{value:(item.input),callback:function ($$v) {_vm.$set(item, \"input\", $$v)},expression:\"item.input\"}})],1),_c('div',{staticClass:\"F2\"},[_c('p',[_vm._v(\"Proper Shipping Name\")]),_c('el-input',{style:({ width: '95%' }),attrs:{\"placeholder\":\"Proper Shipping Name\"},model:{value:(item.input1),callback:function ($$v) {_vm.$set(item, \"input1\", $$v)},expression:\"item.input1\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Technical Name (if have)\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Technical Name (if have)\"},model:{value:(item.input2),callback:function ($$v) {_vm.$set(item, \"input2\", $$v)},expression:\"item.input2\"}})],1)]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Imo Class(Sub risk)\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Imo Class(Sub risk)\"},model:{value:(item.input3),callback:function ($$v) {_vm.$set(item, \"input3\", $$v)},expression:\"item.input3\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Packing Group\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Packing Group\"},model:{value:(item.input4),callback:function ($$v) {_vm.$set(item, \"input4\", $$v)},expression:\"item.input4\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Flash Point (if have )\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Flash Point (if have )\"},model:{value:(item.input5),callback:function ($$v) {_vm.$set(item, \"input5\", $$v)},expression:\"item.input5\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Marine Pollutant(p or no)\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Marine Pollutant(p or no) \"},model:{value:(item.input6),callback:function ($$v) {_vm.$set(item, \"input6\", $$v)},expression:\"item.input6\"}})],1)]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Boiling Point(if have)\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Boiling Point(if have) \"},model:{value:(item.input7),callback:function ($$v) {_vm.$set(item, \"input7\", $$v)},expression:\"item.input7\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Package Quantity and Type\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Package Quantity and Type\"},model:{value:(item.input8),callback:function ($$v) {_vm.$set(item, \"input8\", $$v)},expression:\"item.input8\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Packing Code\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Packing Code\"},model:{value:(item.input9),callback:function ($$v) {_vm.$set(item, \"input9\", $$v)},expression:\"item.input9\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Gross Weight\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Gross Weight \"},model:{value:(item.input10),callback:function ($$v) {_vm.$set(item, \"input10\", $$v)},expression:\"item.input10\"}})],1)]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Net Weight\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Net Weight \"},model:{value:(item.input11),callback:function ($$v) {_vm.$set(item, \"input11\", $$v)},expression:\"item.input11\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Limited Quantity(if have)\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Limited Quantity(if have)\"},model:{value:(item.input12),callback:function ($$v) {_vm.$set(item, \"input12\", $$v)},expression:\"item.input12\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Lighter's Brand and Factory(if have)\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Lighter's Brand and Factory(if have)\"},model:{value:(item.input13),callback:function ($$v) {_vm.$set(item, \"input13\", $$v)},expression:\"item.input13\"}})],1),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Inner Package\")]),_c('el-input',{style:({ width: '90%' }),attrs:{\"placeholder\":\"Inner Package\"},model:{value:(item.input14),callback:function ($$v) {_vm.$set(item, \"input14\", $$v)},expression:\"item.input14\"}})],1)])])])}),_c('div',{staticClass:\"CsCheckboxButtonBox\"},[_c('el-button',{attrs:{\"icon\":\"el-icon-plus\",\"type\":\"primary\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.FnAddCheckbox(scope.row)}}},[_vm._v(\" 新增 \")]),_c('el-button',{attrs:{\"icon\":\"el-icon-delete\",\"type\":\"primary\",\"size\":\"mini\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.FnDelCheckbox(scope.row)}}},[_vm._v(\" 删除 \")])],1)]}}])}),_c('el-table-column',{attrs:{\"prop\":\"date\",\"label\":\"15.Container number\",\"width\":\"180\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-input',{attrs:{\"placeholder\":\"Container number\"},model:{value:(scope.row.date),callback:function ($$v) {_vm.$set(scope.row, \"date\", $$v)},expression:\"scope.row.date\"}})]}}])}),_c('el-table-column',{attrs:{\"prop\":\"name\",\"label\":\"16.Seal number(s)\",\"width\":\"180\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-input',{attrs:{\"placeholder\":\"Seal number(s)\"},model:{value:(scope.row.name),callback:function ($$v) {_vm.$set(scope.row, \"name\", $$v)},expression:\"scope.row.name\"}})]}}])}),_c('el-table-column',{attrs:{\"prop\":\"address\",\"label\":\"17.Container Size & type\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-input',{attrs:{\"placeholder\":\"Container Size & type\"},model:{value:(scope.row.address),callback:function ($$v) {_vm.$set(scope.row, \"address\", $$v)},expression:\"scope.row.address\"}})]}}])}),_c('el-table-column',{attrs:{\"prop\":\"address2\",\"label\":\"18.Tare mass(kg)\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-input',{attrs:{\"placeholder\":\"Tare mass(kg)\"},model:{value:(scope.row.address2),callback:function ($$v) {_vm.$set(scope.row, \"address2\", $$v)},expression:\"scope.row.address2\"}})]}}])})],1),_c('div',{staticClass:\"CsButtonBox\"},[_c('el-button',{attrs:{\"icon\":\"el-icon-plus\",\"type\":\"text\"},on:{\"click\":_vm.FnAddRow}},[_vm._v(\" 添加一行 \")]),_c('el-button',{attrs:{\"icon\":\"el-icon-delete\",\"type\":\"text\"},on:{\"click\":_vm.FnDelRow}},[_vm._v(\" 删除一行 \")])],1),_vm._m(1),_vm._m(2)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"CsTop flex column\"},[_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"1.Shipper\")]),_c('p',[_vm._v(\" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 \")])]),_c('div',{staticClass:\"F1\"},[_c('div',{staticClass:\"BB\"},[_c('p',[_vm._v(\"2.Transport document number\")]),_c('p',[_vm._v(\"596854040\")])]),_c('div',{staticClass:\"BB\"},[_c('p',[_vm._v(\"3.Page of pages\")])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"4.Shipper's reference\")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"5.Freight forwarder's reference\")])])])])]),_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"flex column F1 BR\"},[_c('div',{staticClass:\"F1 BB\"},[_c('p',[_vm._v(\"6.Consignee\")]),_c('p',[_vm._v(\" SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500 \")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"7.Carrier (to be completed by the carrier)\")]),_c('p',[_vm._v(\"MAERSK LINE\")])])]),_c('div',{staticClass:\"flex column F1\"},[_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"10.Vessel/flight no.and date\")]),_c('p',[_vm._v(\"MAERSK SALINA 225S\")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"11.Port/place of loading\")]),_c('p',[_vm._v(\"QINGDAO,CHINA\")])])]),_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 BR\"},[_c('p',[_vm._v(\"12.Port/place of discharge\")]),_c('p',[_vm._v(\"GUAYAQUIL,ECUADOR\")])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"13.Destination\")]),_c('p',[_vm._v(\"GUAYAQUIL,ECUADOR\")])])]),_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"9.Additional handling information\")]),_c('p',[_vm._v(\" 24 hr Emergency contact person : MR \"),_c('br'),_vm._v(\" 24 hr Emergency contact telephone: 123456 \"),_c('br'),_vm._v(\" EMS : F-A,S-A \")])])])]),_c('div',{staticClass:\"CsTopBox3 BB\"},[_c('p',[_vm._v(\"SHIPPER'S DECLARATION\")]),_c('p',[_vm._v(\" I hereby declare that the contents of this consignment are fully and accurately \"),_c('br'),_vm._v(\" described below by the proper shipping name, and are classified, packaged, marked \"),_c('br'),_vm._v(\" and labeled/placarded and are in all respects in proper condition for transport according to the applicable international and national government regu-\"),_c('br'),_vm._v(\"lations. \")]),_c('p',{staticClass:\"CsFCRed\"},[_vm._v(\" 8.This shipment is within the limitations prescribed for: (Delete non-applicable) \")])]),_c('div',[_c('p',[_vm._v(\" 14.Shipment information Number and kind of packages; description of goods ( *see bottom) \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Csbottom flex column\"},[_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 CsBox BR CsFCRed\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"CONTAINER/VEHICLE PACKING CERTIFICATE\")]),_c('p',[_vm._v(\" I hereby declare that the goods described above have been packed/loaded into the container/vehicle identified above in accordance with the applicable provisions.** MUST BE COMPLETED AND SIGNED FOR ALL CONTAINER/VEHICLE LOADS BY PERSON RESPONSIBLE FOR PACKING/LOADING \")])]),_c('div',{staticClass:\"F1 CsBox CsFCRed\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"21.RECEIVING ORGANIZATION RECEIPT\")]),_c('p',[_vm._v(\" Received the above number of packages/containers/trailers in apparent good order and condition, unless stated hereon: RECEIVING ORGANISATION REMARKS: \")])])]),_c('div',{staticClass:\"flex BB\"},[_c('div',{staticClass:\"F1 CsBox BR\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"20.Name of company\")]),_c('p',[_vm._v(\"SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Name/status of declarant\")]),_c('p',[_vm._v(\" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-\"),_c('br'),_vm._v(\" TRE,SHUNHUA ROAD 750,JINAN,SHAN-\"),_c('br'),_vm._v(\" DONG,CHINA 250101 \")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Place and date\")]),_c('p',[_vm._v(\"QINGDAO 2022/03/26\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Signature of declarant\")]),_c('p',{staticClass:\"CsFW\"},[_vm._v(\"张明明\")])]),_c('div',{staticClass:\"F1 CsBox\"},[_c('p',{staticClass:\"CsFW\"},[_vm._v(\"20.Name of company\")]),_c('p',[_vm._v(\"SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Name/status of declarant\")]),_c('p',[_vm._v(\" 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-\"),_c('br'),_vm._v(\" TRE,SHUNHUA ROAD 750,JINAN,SHAN-\"),_c('br'),_vm._v(\" DONG,CHINA 250101 \")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Place and date\")]),_c('p',[_vm._v(\"QINGDAO 2022/03/26\")]),_c('p',{staticClass:\"CsFW CsMt\"},[_vm._v(\"Signature of declarant\")]),_c('p',{staticClass:\"CsFW\"},[_vm._v(\"张明明\")])])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"F1\"},[_c('p',[_vm._v(\"Signature and date\"),_c('span',[_vm._v(\"2022/03/26\")])])]),_c('div',{staticClass:\"F2\"},[_c('p',[_vm._v(\"DRIVER'S SIGNATURE\"),_c('span',[_vm._v(\"李强\")])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"CsBottom\"},[_c('p',[_vm._v(\"* DANGEROUS GOODS:\")]),_c('p',[_vm._v(\" You must specify: UN No., proper shipping name/correct technical name, IMO hazard class (subrisk), Packaging group (where assigned), Marine \")])])\n}]\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=3f4fb6b1&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=3f4fb6b1&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3f4fb6b1\",\n null\n \n)\n\nexport default component.exports","import ViewIndex from \"../views/index.vue\";\r\nexport const routes = [\r\n { path: \"/\", component: ViewIndex },\r\n { path: \"*\", redirect: \"/\" },\r\n];\r\n","import Vue from \"vue\";\r\nimport App from \"./App.vue\";\r\nimport axios from \"axios\";\r\nimport ElementUI from \"element-ui\";\r\nimport VueRouter from \"vue-router\";\r\nimport \"element-ui/lib/theme-chalk/index.css\";\r\nimport { routes } from \"./utils/routes.js\";\r\nVue.use(VueRouter);\r\nVue.use(ElementUI);\r\nVue.config.productionTip = false;\r\nVue.prototype.$axios = axios;\r\nconst router = new VueRouter({\r\n routes: routes,\r\n mode: \"history\", //去掉#\r\n // mode: \"hash\",\r\n});\r\nnew Vue({\r\n router: router,\r\n render: (h) => h(App),\r\n}).$mount(\"#app\");\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = function(module) {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkvue\"] = self[\"webpackChunkvue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(4317); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","render","_vm","this","_c","_self","staticRenderFns","name","component","staticClass","_v","_m","ref","staticStyle","attrs","tableData","scopedSlots","_u","key","fn","scope","_l","row","CheckboxData","item","index","model","value","CheckboxType","callback","$$v","$set","expression","style","width","input","input1","input2","input3","input4","input5","input6","input7","input8","input9","input10","input11","input12","input13","input14","on","$event","FnAddCheckbox","FnDelCheckbox","date","address","address2","FnAddRow","FnDelRow","data","moment","Web_date_type","Web_name_type","Web_address_type","Web_address2_type","Web_input_type","Web_input1_type","Web_input2_type","Web_input3_type","Web_input4_type","Web_input5_type","Web_input6_type","Web_input7_type","Web_input8_type","Web_input9_type","Web_input10_type","Web_input11_type","Web_input12_type","Web_input13_type","Web_input14_type","mounted","methods","FnTableClick","FnTableCheckboxClick","FnTableInputBlur","FnTableCheckboxInputBlur","routes","path","ViewIndex","redirect","Vue","VueRouter","ElementUI","axios","router","mode","h","App","$mount","__webpack_module_cache__","moduleId","cachedModule","undefined","loaded","__webpack_modules__","call","m","deferred","O","result","chunkIds","priority","notFulfilled","Infinity","i","length","fulfilled","j","every","splice","r","n","getter","__esModule","d","a","definition","defineProperty","enumerable","get","g","globalThis","Function","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","nmd","paths","children","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""} \ No newline at end of file diff --git a/src/assets/file.png b/src/assets/file.png deleted file mode 100644 index 4a2db81..0000000 Binary files a/src/assets/file.png and /dev/null differ diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index e77096a..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/src/assets/ykp.png b/src/assets/ykp.png deleted file mode 100644 index d481340..0000000 Binary files a/src/assets/ykp.png and /dev/null differ diff --git a/src/views/index.vue b/src/views/index.vue index 72a67f8..75e541e 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -70,9 +70,20 @@

9.Additional handling information

- 24 hr Emergency contact person : MR
- 24 hr Emergency contact telephone: 123456
- EMS : F-A,S-A + 24 hr Emergency contact person : + +
+ 24 hr Emergency contact telephone: + +

@@ -101,11 +112,11 @@

+
+
+

UN No

+ +
+
+

Proper Shipping Name

+ +
+
+

Technical Name (if have)

+ +
+
+
+
+

Imo Class(Sub risk)

+ +
+
+

Packing Group

+ + + + + + +
+
+

Flash Point (if have )

+ + +
+
+

Marine Pollutant(p or no)

+ + + + + +
+
+
+
+

Boiling Point(if have)

+ +
+
+

Package Quantity and Type

+ +
+
+

Packing Code

+ +
+
+

Gross Weight

+ + + +
+
+
+
+

Net Weight

+ + + +
+
+

Reportable/Excepted/Limited Quantifu

+ + + + + + +
+
+

Lighter's Brand and Factory(if have)

+ +
+
+

Inner Package

+ + + + + + + + + + +
+
+
@@ -319,6 +507,38 @@ + + + + + + + + + + + +
@@ -392,7 +612,7 @@

-
+

20.Name of company

SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.

@@ -405,10 +625,10 @@

Place and date

QINGDAO 2022/03/26

Signature of declarant

-

张明明

+

 

-

20.Name of company

+

22.Name of company

SHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.

Name/status of declarant

@@ -419,17 +639,17 @@

Place and date

QINGDAO 2022/03/26

Signature of declarant

-

张明明

+

 

-
+

* DANGEROUS GOODS:

@@ -460,7 +680,39 @@ export default { address2: "", Web_address2_type: true, CheckboxData: [ - { input: "", Web_input_type: true, CheckboxType: false }, + { + input: "", + Web_input_type: true, + input1: "", + Web_input1_type: true, + input2: "", + Web_input2_type: true, + input3: "", + Web_input3_type: true, + input4: "", + Web_input4_type: true, + input5: "", + Web_input5_type: true, + input6: "", + Web_input6_type: true, + input7: "", + Web_input7_type: true, + input8: "", + Web_input8_type: true, + input9: "", + Web_input9_type: true, + input10: "", + Web_input10_type: true, + input11: "", + Web_input11_type: true, + input12: "", + Web_input12_type: true, + input13: "", + Web_input13_type: true, + input14: "", + Web_input14_type: true, + CheckboxType: false, + }, ], }, ], @@ -493,7 +745,41 @@ export default { Web_address_type: true, address2: "", Web_address2_type: true, - CheckboxData: [{ input: "", CheckboxType: false }], + CheckboxData: [ + { + input: "", + Web_input_type: true, + input1: "", + Web_input1_type: true, + input2: "", + Web_input2_type: true, + input3: "", + Web_input3_type: true, + input4: "", + Web_input4_type: true, + input5: "", + Web_input5_type: true, + input6: "", + Web_input6_type: true, + input7: "", + Web_input7_type: true, + input8: "", + Web_input8_type: true, + input9: "", + Web_input9_type: true, + input10: "", + Web_input10_type: true, + input11: "", + Web_input11_type: true, + input12: "", + Web_input12_type: true, + input13: "", + Web_input13_type: true, + input14: "", + Web_input14_type: true, + CheckboxType: false, + }, + ], }); }, FnDelRow() { @@ -605,7 +891,7 @@ export default { } &:nth-child(2) { padding-top: 0; - margin-left: 25px; + // margin-left: 25px; } } } @@ -621,7 +907,7 @@ export default { > div:nth-child(2) { .CsBox { p { - margin-left: 25px; + // margin-left: 25px; &:first-child { margin: 0; } @@ -728,4 +1014,9 @@ export default { } } } +/deep/ .el-icon-arrow-right { + font-weight: bolder; + color: #dd5643; + // font-size: 1rem; +}