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 @@ -
MULTIMODAL DANGEROUS GOODS FORM
\r\n\r\n This form may be used as a dangerous goods declaration as it meets the\r\n requirements of SOLAS 74, chapter VII, regulation 5; MARPOL 73/78,Annex\r\n III, regulation 4 and section 9 of the General Introduction to the IMDG\r\n Code.\r\n
\r\n1.Shipper
\r\n\r\n SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU\r\n BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500\r\n
\r\n2.Transport document number
\r\n596854040
\r\n3.Page of pages
\r\n4.Shipper's reference
5.Freight forwarder's reference
\r\n6.Consignee
\r\n\r\n SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU\r\n BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500\r\n
\r\n7.Carrier (to be completed by the carrier)
\r\nMAERSK LINE
\r\n10.Vessel/flight no.and date
\r\nMAERSK SALINA 225S
\r\n11.Port/place of loading
\r\nQINGDAO,CHINA
\r\n12.Port/place of discharge
\r\nGUAYAQUIL,ECUADOR
\r\n13.Destination
\r\nGUAYAQUIL,ECUADOR
\r\n9.Additional handling information
\r\n\r\n 24 hr Emergency contact person : MR
\r\n 24 hr Emergency contact telephone: 123456
\r\n EMS : F-A,S-A\r\n
SHIPPER'S DECLARATION
\r\n\r\n I hereby declare that the contents of this consignment are fully and\r\n accurately
\r\n described below by the proper shipping name, and are classified,\r\n packaged, marked\r\n
\r\n and labeled/placarded and are in all respects in proper condition for\r\n transport according to the applicable international and national\r\n government regu-
lations.\r\n
\r\n 8.This shipment is within the limitations prescribed for: (Delete\r\n non-applicable)\r\n
\r\n\r\n 14.Shipment information Number and kind of packages; description of\r\n goods ( *see bottom)\r\n
\r\nUN No
\r\n{{ item.input }}
\r\nProper Shipping Name
\r\n{{ item.input }}
\r\nTechnical Name (if have)
\r\n{{ item.input }}
\r\nImo Class(Sub risk)
\r\n{{ item.input }}
\r\nPacking Group
\r\n{{ item.input }}
\r\nFlash Point (if have )
\r\n{{ item.input }}
\r\nMarine Pollutant(p or no)
\r\n{{ item.input }}
\r\nBoiling Point(if have)
\r\n{{ item.input }}
\r\nPackage Quantity and Type
\r\n{{ item.input }}
\r\nPacking Code
\r\n{{ item.input }}
\r\nGross Weight
\r\n{{ item.input }}
\r\nNet Weight
\r\n{{ item.input }}
\r\nLimited Quantity(if have)
\r\n{{ item.input }}
\r\nLighter's Brand and Factory(if have)
\r\n{{ item.input }}
\r\nInner Package
\r\n{{ item.input }}
\r\nCONTAINER/VEHICLE PACKING CERTIFICATE
\r\n\r\n I hereby declare that the goods described above have been\r\n packed/loaded into the container/vehicle identified above in\r\n accordance with the applicable provisions.** MUST BE COMPLETED AND\r\n SIGNED FOR ALL CONTAINER/VEHICLE LOADS BY PERSON RESPONSIBLE FOR\r\n PACKING/LOADING\r\n
\r\n21.RECEIVING ORGANIZATION RECEIPT
\r\n\r\n Received the above number of packages/containers/trailers in\r\n apparent good order and condition, unless stated hereon: RECEIVING\r\n ORGANISATION REMARKS:\r\n
\r\n20.Name of company
\r\nSHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.
\r\nName/status of declarant
\r\n\r\n 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-
\r\n TRE,SHUNHUA ROAD 750,JINAN,SHAN-
\r\n DONG,CHINA 250101\r\n
Place and date
\r\nQINGDAO 2022/03/26
\r\nSignature of declarant
\r\n张明明
\r\n20.Name of company
\r\nSHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.
\r\nName/status of declarant
\r\n\r\n 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-
\r\n TRE,SHUNHUA ROAD 750,JINAN,SHAN-
\r\n DONG,CHINA 250101\r\n
Place and date
\r\nQINGDAO 2022/03/26
\r\nSignature of declarant
\r\n张明明
\r\nSignature and date2022/03/26
\r\nDRIVER'S SIGNATURE李强
\r\n* DANGEROUS GOODS:
\r\n\r\n You must specify: UN No., proper shipping name/correct technical name,\r\n IMO hazard class (subrisk), Packaging group (where assigned), Marine\r\n
\r\nMULTIMODAL DANGEROUS GOODS FORM
\r\n\r\n This form may be used as a dangerous goods declaration as it meets the\r\n requirements of SOLAS 74, chapter VII, regulation 5; MARPOL 73/78,Annex\r\n III, regulation 4 and section 9 of the General Introduction to the IMDG\r\n Code.\r\n
\r\n1.Shipper
\r\n\r\n SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU\r\n BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500\r\n
\r\n2.Transport document number
\r\n596854040
\r\n3.Page of pages
\r\n4.Shipper's reference
5.Freight forwarder's reference
\r\n6.Consignee
\r\n\r\n SHANDONG SMART INTERNATIONAL LOGISTICS CO LTD FLOOR 12-13, FUDU\r\n BLDG, NO.8 NANJING ROAD, QINGDAO CHINA QINGDAO, 266500\r\n
\r\n7.Carrier (to be completed by the carrier)
\r\nMAERSK LINE
\r\n10.Vessel/flight no.and date
\r\nMAERSK SALINA 225S
\r\n11.Port/place of loading
\r\nQINGDAO,CHINA
\r\n12.Port/place of discharge
\r\nGUAYAQUIL,ECUADOR
\r\n13.Destination
\r\nGUAYAQUIL,ECUADOR
\r\n9.Additional handling information
\r\n\r\n 24 hr Emergency contact person : MR
\r\n 24 hr Emergency contact telephone: 123456
\r\n EMS : F-A,S-A\r\n
SHIPPER'S DECLARATION
\r\n\r\n I hereby declare that the contents of this consignment are fully and\r\n accurately
\r\n described below by the proper shipping name, and are classified,\r\n packaged, marked\r\n
\r\n and labeled/placarded and are in all respects in proper condition for\r\n transport according to the applicable international and national\r\n government regu-
lations.\r\n
\r\n 8.This shipment is within the limitations prescribed for: (Delete\r\n non-applicable)\r\n
\r\n\r\n 14.Shipment information Number and kind of packages; description of\r\n goods ( *see bottom)\r\n
\r\nUN No
\r\nProper Shipping Name
\r\nTechnical Name (if have)
\r\nImo Class(Sub risk)
\r\nPacking Group
\r\nFlash Point (if have )
\r\nMarine Pollutant(p or no)
\r\nBoiling Point(if have)
\r\nPackage Quantity and Type
\r\nPacking Code
\r\nGross Weight
\r\nNet Weight
\r\nLimited Quantity(if have)
\r\nLighter's Brand and Factory(if have)
\r\nInner Package
\r\nCONTAINER/VEHICLE PACKING CERTIFICATE
\r\n\r\n I hereby declare that the goods described above have been\r\n packed/loaded into the container/vehicle identified above in\r\n accordance with the applicable provisions.** MUST BE COMPLETED AND\r\n SIGNED FOR ALL CONTAINER/VEHICLE LOADS BY PERSON RESPONSIBLE FOR\r\n PACKING/LOADING\r\n
\r\n21.RECEIVING ORGANIZATION RECEIPT
\r\n\r\n Received the above number of packages/containers/trailers in\r\n apparent good order and condition, unless stated hereon: RECEIVING\r\n ORGANISATION REMARKS:\r\n
\r\n20.Name of company
\r\nSHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.
\r\nName/status of declarant
\r\n\r\n 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-
\r\n TRE,SHUNHUA ROAD 750,JINAN,SHAN-
\r\n DONG,CHINA 250101\r\n
Place and date
\r\nQINGDAO 2022/03/26
\r\nSignature of declarant
\r\n张明明
\r\n20.Name of company
\r\nSHANDONG WEIFANG RAINBOW CHEMICAL CO.,LTD.
\r\nName/status of declarant
\r\n\r\n 6TH.FLOOR,GAOXINJISHUCHUANGYECEN-
\r\n TRE,SHUNHUA ROAD 750,JINAN,SHAN-
\r\n DONG,CHINA 250101\r\n
Place and date
\r\nQINGDAO 2022/03/26
\r\nSignature of declarant
\r\n张明明
\r\nSignature and date2022/03/26
\r\nDRIVER'S SIGNATURE李强
\r\n* DANGEROUS GOODS:
\r\n\r\n You must specify: UN No., proper shipping name/correct technical name,\r\n IMO hazard class (subrisk), Packaging group (where assigned), Marine\r\n
\r\n9.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:
+
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
+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; +}