修改 之前 接口 没有 接受数据问题

README.md

@@ -0,0 +1,2 @@
+/home/nginx-vue/content/jiefeng_dg
+http://60.209.125.238:25810/

dist/css/app.67adac03.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-3d796b87] .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-3d796b87] .HeaderCell:first-child{border-left:2px solid #dd5643!important}[data-v-3d796b87] .HeaderCell:last-child{border-right:3px solid #dd5643!important}[data-v-3d796b87] .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-3d796b87] .Cellname:first-child{border-left:2px solid #dd5643!important}[data-v-3d796b87] .Cellname:last-child{border-right:3px solid #dd5643!important}[data-v-3d796b87] .el-table__expanded-cell{border-left:2px solid #52a5fa!important;border-right:3px solid #52a5fa!important;padding:0}.main[data-v-3d796b87]{width:70%;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-3d796b87]{font-size:22px;font-weight:bolder;margin:30px 0}.main .CsHint[data-v-3d796b87]{color:red;font-weight:700;margin-bottom:30px}.main .CsTop[data-v-3d796b87]{border:2px solid #479ffa;margin-bottom:20px}.main .CsTop .CsTopBox3>P[data-v-3d796b87]{margin:0!important;padding-top:0}.main .CsTop .CsTopBox3>P[data-v-3d796b87]:first-child{margin-top:6px}.main .CsTop>div[data-v-3d796b87]:nth-child(){background:red}.main .CsTop div>p[data-v-3d796b87]{padding:6px;box-sizing:border-box;font-size:14px}.main .CsTop div>p[data-v-3d796b87]:first-child{font-weight:700}.main .CsTop div>p[data-v-3d796b87]:nth-child(2){padding-top:0}.main .CsButtonBox[data-v-3d796b87]{width:100%;display:flex;align-items:flex-start}.main .Csbottom[data-v-3d796b87]{margin-top:20px;border:2px solid #479ffa}.main .Csbottom>div:nth-child(2) .CsBox p[data-v-3d796b87]:first-child{margin:0}.main .Csbottom>div[data-v-3d796b87]:nth-child(3){padding:6px;box-sizing:border-box}.main .Csbottom>div:nth-child(3) p[data-v-3d796b87]{font-weight:700}.main .Csbottom>div:nth-child(3) p span[data-v-3d796b87]{font-weight:100;margin-left:16px}.flex[data-v-3d796b87]{display:flex}.flex>.F1[data-v-3d796b87]{flex:1}.flex>.F2[data-v-3d796b87]{flex:2.06}.CsBox[data-v-3d796b87]{padding:6px;box-sizing:border-box}.CsFCRed[data-v-3d796b87]{color:red}.CsFW[data-v-3d796b87]{font-weight:bolder}.CsMt[data-v-3d796b87]{margin-top:12px}.column[data-v-3d796b87]{flex-direction:column}.BL[data-v-3d796b87]{border-left:2px solid #479ffa}.BR[data-v-3d796b87]{border-right:2px solid #479ffa}.BT[data-v-3d796b87]{border-top:2px solid #479ffa}.BB[data-v-3d796b87]{border-bottom:2px solid #479ffa}.CsTableCheckbox[data-v-3d796b87]{width:100%;display:flex;align-items:center;border-bottom:2px solid #52a5fa!important;background:#f2f7fd}.CsTableCheckbox[data-v-3d796b87] .el-checkbox__input{margin:0 10px 0 1rem}.CsTableCheckbox[data-v-3d796b87] .el-checkbox__label{border-left:3px solid #fff;width:100%;padding-left:0!important}.CsTableCheckbox[data-v-3d796b87] .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-3d796b87] .el-checkbox__label>div>div>div:first-child{border-left:none}.CsTableCheckbox[data-v-3d796b87] .el-checkbox__label>div>div>div p{font-weight:700;margin-bottom:.5rem}.CsCheckboxButtonBox[data-v-3d796b87]{padding:10px;box-sizing:border-box;border-bottom:2px solid #52a5fa!important}.CsBottom[data-v-3d796b87]{width:100%;margin-top:16px}.CsBottom p[data-v-3d796b87]:first-child{font-weight:700}[data-v-3d796b87] .el-icon-arrow-right{font-weight:bolder;color:#dd5643}.RXing[data-v-3d796b87]{color:red;margin-right:2px}.Csone[data-v-3d796b87]{padding:6px!important}

dist/css/app.77fe0bc9.css

@@ -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-36647a20] .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-36647a20] .HeaderCell:first-child{border-left:2px solid #dd5643!important}[data-v-36647a20] .HeaderCell:last-child{border-right:3px solid #dd5643!important}[data-v-36647a20] .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-36647a20] .Cellname:first-child{border-left:2px solid #dd5643!important}[data-v-36647a20] .Cellname:last-child{border-right:3px solid #dd5643!important}[data-v-36647a20] .el-table__expanded-cell{border-left:2px solid #52a5fa!important;border-right:3px solid #52a5fa!important;padding:0}.main[data-v-36647a20]{width:70%;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-36647a20]{font-size:22px;font-weight:bolder;margin:30px 0}.main .CsHint[data-v-36647a20]{color:red;font-weight:700;margin-bottom:30px}.main .CsTop[data-v-36647a20]{border:2px solid #479ffa;margin-bottom:20px}.main .CsTop .CsTopBox3>P[data-v-36647a20]{margin:0!important;padding-top:0}.main .CsTop .CsTopBox3>P[data-v-36647a20]:first-child{margin-top:6px}.main .CsTop>div[data-v-36647a20]:nth-child(){background:red}.main .CsTop div>p[data-v-36647a20]{padding:6px;box-sizing:border-box;font-size:14px}.main .CsTop div>p[data-v-36647a20]:first-child{font-weight:700}.main .CsTop div>p[data-v-36647a20]:nth-child(2){padding-top:0}.main .CsButtonBox[data-v-36647a20]{width:100%;display:flex;align-items:flex-start}.main .Csbottom[data-v-36647a20]{margin-top:20px;border:2px solid #479ffa}.main .Csbottom>div:nth-child(2) .CsBox p[data-v-36647a20]:first-child{margin:0}.main .Csbottom>div[data-v-36647a20]:nth-child(3){padding:6px;box-sizing:border-box}.main .Csbottom>div:nth-child(3) p[data-v-36647a20]{font-weight:700}.main .Csbottom>div:nth-child(3) p span[data-v-36647a20]{font-weight:100;margin-left:16px}.flex[data-v-36647a20]{display:flex}.flex>.F1[data-v-36647a20]{flex:1}.flex>.F2[data-v-36647a20]{flex:2.06}.CsBox[data-v-36647a20]{padding:6px;box-sizing:border-box}.CsFCRed[data-v-36647a20]{color:red}.CsFW[data-v-36647a20]{font-weight:bolder}.CsMt[data-v-36647a20]{margin-top:12px}.column[data-v-36647a20]{flex-direction:column}.BL[data-v-36647a20]{border-left:2px solid #479ffa}.BR[data-v-36647a20]{border-right:2px solid #479ffa}.BT[data-v-36647a20]{border-top:2px solid #479ffa}.BB[data-v-36647a20]{border-bottom:2px solid #479ffa}.CsTableCheckbox[data-v-36647a20]{width:100%;display:flex;align-items:center;border-bottom:2px solid #52a5fa!important;background:#f2f7fd}.CsTableCheckbox[data-v-36647a20] .el-checkbox__input{margin:0 10px 0 1rem}.CsTableCheckbox[data-v-36647a20] .el-checkbox__label{border-left:3px solid #fff;width:100%;padding-left:0!important}.CsTableCheckbox[data-v-36647a20] .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-36647a20] .el-checkbox__label>div>div>div:first-child{border-left:none}.CsTableCheckbox[data-v-36647a20] .el-checkbox__label>div>div>div p{font-weight:700;margin-bottom:.5rem}.CsCheckboxButtonBox[data-v-36647a20]{padding:10px;box-sizing:border-box;border-bottom:2px solid #52a5fa!important}.CsBottom[data-v-36647a20]{width:100%;margin-top:16px}.CsBottom p[data-v-36647a20]:first-child{font-weight:700}[data-v-36647a20] .el-icon-arrow-right{font-weight:bolder;color:#dd5643}.RXing[data-v-36647a20]{color:red;margin-right:2px}.Csone[data-v-36647a20]{padding:6px!important}

dist/index.html

@@ -1 +1 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>vue</title><script defer="defer" src="/js/chunk-vendors.6379e6de.js"></script><script defer="defer" src="/js/app.a3dc0e63.js"></script><link href="/css/chunk-vendors.e7270478.css" rel="stylesheet"><link href="/css/app.77fe0bc9.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>vue</title><script defer="defer" src="/js/chunk-vendors.6379e6de.js"></script><script defer="defer" src="/js/app.26647702.js"></script><link href="/css/chunk-vendors.e7270478.css" rel="stylesheet"><link href="/css/app.67adac03.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

src/views/index.vue

@@ -167,7 +167,7 @@
                     v-model="item.imoClass"
                     :style="{ width: '90%' }"
                     placeholder="Imo Class(Sub risk)"
-                    @change="
+                    @input="
                       (e) => {
                         FnChangeimoClass(e, item);
                       }
@@ -201,7 +201,10 @@
                   ></el-input>
                 </div>
                 <div class="F2">
-                  <p>Technical Name (if have)</p>
+                  <p>
+                    <span class="RXing" v-show="item.technicalNameType">*</span>
+                    Technical Name (if have)
+                  </p>
                   <el-input
                     v-model="item.technicalName"
                     :style="{ width: '90%' }"
@@ -255,6 +258,11 @@
                     v-model="item.flashPoint"
                     :style="{ width: '90%' }"
                     placeholder="Flash Point (if have )"
+                    @blur="
+                      (e) => {
+                        FnBlurFlashPoint(e, item);
+                      }
+                    "
                   >
                     <template slot="append">℃</template></el-input
                   >
@@ -298,8 +306,16 @@
               <div class="flex">
                 <div class="F1">
                   <p>Inner Package</p>
-                  <el-select
+                  <el-input
                     v-model="item.innerPackage"
+                    :style="{ width: '90%' }"
+                    placeholder="Inner Package Type"
+                  ></el-input>
+                </div>
+                <div class="F1">
+                  <p>Inner Package Type</p>
+                  <el-select
+                    v-model="item.innerPackageType"
                     placeholder="Inner Package"
                     :style="{ width: '90%' }"
                   >
@@ -325,14 +341,6 @@
                     </el-option>
                   </el-select>
                 </div>
-                <div class="F1">
-                  <p>Inner Package Type</p>
-                  <el-input
-                    v-model="item.innerPackageType"
-                    :style="{ width: '90%' }"
-                    placeholder="Inner Package Type"
-                  ></el-input>
-                </div>
                 <div class="F1">
                   <p><span class="RXing">*</span>Gross Weight</p>
                   <el-input
@@ -635,6 +643,7 @@ export default {
   data() {
     return {
       tableData: {
+        pageOfPages: "1-1",
         jFSubDtos: [
           {
             containerNumber: "",
@@ -653,6 +662,7 @@ export default {
                 marinePollutant: "",
                 flashPoint: "",
                 technicalName: "",
+                technicalNameType: false,
                 Limittype: false,
               },
             ],
@@ -684,6 +694,33 @@ export default {
     this.Init();
   },
   methods: {
+    FnBlurFlashPoint(e, item) {
+      let data = e.target.value;
+      let Negative = data > 0 ? false : true;
+      data = Math.abs(data).toString();
+      if (data.split(".").length == 2) {
+        let num = 0;
+        num = data.split(".")[0].length + data.split(".")[1].length;
+        if (num == 2) {
+          item.flashPoint = `0${data.split(".")[0]}.${data.split(".")[1]}`;
+        }
+      } else {
+        switch (data.length) {
+          case 1:
+            data = `00${data}`;
+            break;
+          case 2:
+            data = `0${data}`;
+            break;
+          default:
+            break;
+        }
+        item.flashPoint = data;
+      }
+      if (Negative) {
+        item.flashPoint = `-${item.flashPoint}`;
+      }
+    },
     FnChangeUNNO(e, data) {
       this.UNNOData.forEach((item) => {
         if (item.unno == e) {
@@ -696,7 +733,11 @@ export default {
           data.ems = item.ems;
           data.marinePollutant = item.marinE_POLLUTANT;
           data.flashPoint = item.flasH_POINT;
-          data.technicalName = item.technicaL_NAME;
+          if (item.technicaL_NAME == "*") {
+            data.technicalNameType = true;
+          } else {
+            data.technicalNameType = false;
+          }
         }
       });
       this.FnCheckData(data);
@@ -749,6 +790,7 @@ export default {
         marinePollutant: "",
         flashPoint: "",
         technicalName: "",
+        technicalNameType: false,
         Limittype: false,
       });
     },
@@ -792,6 +834,9 @@ export default {
           } else {
             Arr2 = Arr;
           }
+          if (item2.technicalNameType) {
+            Arr2 = [...Arr2, "technicalName"];
+          }
           Arr2.forEach((i) => {
             if (!item2[i]) {
               type = false;
@@ -799,8 +844,14 @@ export default {
           });
         });
       });
+      let Arr2 = ["contactTelephone", "contactPerson"];
+      Arr2.forEach((item) => {
+        if (!this.tableData[item]) {
+          type = false;
+        }
+      });
       if (type) {
-        SaveDetail(this.tableData.jFSubDtos).then((res) => {
+        SaveDetail(this.tableData).then((res) => {
           this.$message({
             message: `保存${res.data.status == 0 ? "成功" : "失败"}`,
             type: res.data.status == 0 ? "success" : "warning",
@@ -845,7 +896,16 @@ export default {
       this.$refs.tableRef.selection.forEach((item) => {
         this.tableData.jFSubDtos.forEach((item2, index2) => {
           if (item.gId == item2.gId) {
-            this.tableData.jFSubDtos.push(item2);
+            let { containerNumber, sealNumber, containerSize, tareMass, gson } =
+              item2;
+
+            this.tableData.jFSubDtos.push({
+              containerNumber,
+              sealNumber,
+              containerSize,
+              tareMass,
+              gson,
+            });
           }
         });
       });
@@ -880,9 +940,9 @@ export default {
     border-right: 3px solid #dd5643 !important;
   }
 }
-/deep/.HeaderRow {
+// /deep/.HeaderRow {
-  // background: #ffefe7 !important;
+//   // background: #ffefe7 !important;
-}
+// }
 /deep/.Cellname {
   color: #dd5643;
   border-top: 0px solid #dd5643 !important;
@@ -896,8 +956,8 @@ export default {
     border-right: 3px solid #dd5643 !important;
   }
 }
-/deep/.Rowname {
+// /deep/.Rowname {
-}
+// }
 /deep/.el-table__expanded-cell {
   border-left: 2px solid #52a5fa !important;
   border-right: 3px solid #52a5fa !important;