进场出场记录 新加编辑和新加字段

src/views/boxManagement/enterRecord/index.vue

@@ -1,24 +1,36 @@
 <template>
   <div>
     <basic-container v-if="isShow">
-      <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" :search.sync="query"
-        v-model="form" id="out-table" :header-cell-class-name="headerClassName" ref="crud" @row-del="rowDel"
-        @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
-        @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange"
+      <avue-crud
+        :option="option"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        :search.sync="query"
+        v-model="form"
+        id="out-table"
+        :header-cell-class-name="headerClassName"
+        ref="crud"
+        @row-del="rowDel"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
         @resetColumn="resetColumn('crud', 'option', 'optionBack', 516)"
-        @saveColumn="saveColumn('crud', 'option', 'optionBack', 516)" @on-load="onLoad">
+        @saveColumn="saveColumn('crud', 'option', 'optionBack', 516)"
+        @on-load="onLoad"
+      >
         <template slot="menuLeft">
-          <el-button type="primary" size="small" icon="el-icon-upload" @click="allClick('excel导入')">excel导入
-          </el-button>
-          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('edi导入')">edi导入
-          </el-button>
-          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('ftp导入')">ftp导入
-          </el-button>
+          <el-button type="primary" size="small" icon="el-icon-upload" @click="allClick('excel导入')">excel导入 </el-button>
+          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('edi导入')">edi导入 </el-button>
+          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('ftp导入')">ftp导入 </el-button>
           <!-- <el-button type="warning" size="small"  disabled @click="outExport">导 出
           </el-button> -->
         </template>
         <template slot="menu" slot-scope="{ row, index }">
-          <el-button size="small" type="text" @click="rowEdit(row)">{{ row.$cellEdit ? '保存' : '编辑' }}</el-button>
+          <el-button size="small" type="text" @click="rowEdit(row)">{{ row.$cellEdit ? "保存" : "编辑" }}</el-button>
         </template>
         <template slot="fileType" slot-scope="{ row }">
           <span style="color: #1e9fff;cursor: pointer;" @click="inDetail(row)">{{ row.fileType }}</span>
@@ -26,19 +38,33 @@
       </avue-crud>
     </basic-container>
     <detailsPage v-if="!isShow" :detailData="detailData" @goBack="goBack"></detailsPage>
-    <el-dialog title="导入数据" append-to-body :visible.sync="excelBox" width="555px" :close-on-click-modal="false"
-      v-dialog-drag>
-      <avue-form v-if="excelBox" :option="excelOption" v-model="excelForm" :table-loading="excelLoading"
-        :upload-before="uploadBefore" :upload-after="onSuccess">
+    <el-dialog title="导入数据" append-to-body :visible.sync="excelBox" width="555px" :close-on-click-modal="false" v-dialog-drag>
+      <avue-form
+        v-if="excelBox"
+        :option="excelOption"
+        v-model="excelForm"
+        :table-loading="excelLoading"
+        :upload-before="uploadBefore"
+        :upload-after="onSuccess"
+      >
         <template slot="excelTemplate">
-          <el-button type="primary" @click="handleGet">
-            点击下载<i class="el-icon-download el-icon--right"></i>
-          </el-button>
+          <el-button type="primary" @click="handleGet"> 点击下载<i class="el-icon-download el-icon--right"></i> </el-button>
         </template>
         <template slot="corpCnName">
-          <dic-select v-model="excelForm.corpCnName" placeholder="场站" key="id" :slotRight="true" rightLabel="code"
-            label="shortName" res="records" url="/blade-los/bcorps/selectList?status=0&current=1&size=5&corpTypeName=场站"
-            :filterable="true" :remote="true" dataName="shortName" @selectChange="dicChange('corpCnName', $event)">
+          <dic-select
+            v-model="excelForm.corpCnName"
+            placeholder="场站"
+            key="id"
+            :slotRight="true"
+            rightLabel="code"
+            label="shortName"
+            res="records"
+            url="/blade-los/bcorps/selectList?status=0&current=1&size=5&corpTypeName=场站"
+            :filterable="true"
+            :remote="true"
+            dataName="shortName"
+            @selectChange="dicChange('corpCnName', $event)"
+          >
           </dic-select>
         </template>
       </avue-form>
@@ -71,19 +97,21 @@ export default {
             label: "场站",
             span: 24,
             prop: "corpCnName",
-            rules: [{
-              required: true,
-              message: "选择场站",
-              trigger: "blur",
-            }],
-            display: false,
+            rules: [
+              {
+                required: true,
+                message: "选择场站",
+                trigger: "blur"
+              }
+            ],
+            display: false
           },
           {
             label: "模板下载",
             prop: "excelTemplate",
             formslot: true,
             span: 24,
-            display: true,
+            display: true
           },
           {
             label: "模板上传",
@@ -104,7 +132,7 @@ export default {
       form: {},
       query: {
         approachExit: "JC",
-        description:'接收成功'
+        description: "接收成功"
       },
       loading: false,
       page: {
@@ -115,12 +143,12 @@ export default {
       selectionList: [],
       option: {},
       optionBack: {
-        height: 'auto',
+        height: "auto",
         calcHeight: 30,
         menuWidth: 60,
         tip: false,
         searchShow: true,
-        searchMenuSpan: 12,
+        searchMenuSpan: 6,
         border: true,
         index: true,
         addBtn: false,
@@ -129,22 +157,22 @@ export default {
         delBtn: false,
         selection: true,
         searchIcon: true,
-        align: 'center',
+        align: "center",
         searchIndex: 3,
         column: [
           {
-            label: '文件类型',
-            prop: 'fileType',
-            overHidden: true,
+            label: "文件类型",
+            prop: "fileType",
+            overHidden: true
           },
           {
-            label: '导入时间',
-            prop: 'importDate',
-            overHidden: true,
+            label: "导入时间",
+            prop: "importDate",
+            overHidden: true
           },
           {
-            label: '港口',
-            prop: 'portCname',
+            label: "港口",
+            prop: "portCname",
             overHidden: true,
             search: true,
             type: "select",
@@ -154,13 +182,13 @@ export default {
             props: {
               label: "cnName",
               value: "cnName",
-              desc: 'code',
+              desc: "code",
               res: "data.records"
-            },
+            }
           },
           {
-            label: '场站',
-            prop: 'stationCname',
+            label: "场站",
+            prop: "stationCname",
             overHidden: true,
             search: true,
             type: "select",
@@ -170,70 +198,98 @@ export default {
             props: {
               label: "cnName",
               value: "cnName",
-              desc: 'code',
+              desc: "code",
               res: "data.records"
-            },
+            }
           },
           {
-            label: '放箱号',
-            prop: 'containerNumber',
+            label: "放箱号",
+            prop: "containerNumber",
             search: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '提单号',
-            prop: 'mblno',
+            label: "提单号",
+            prop: "mblno",
             search: true,
             hide: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '箱号',
-            prop: 'boxCode',
+            label: "箱号",
+            prop: "boxCode",
             search: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '状态',
-            prop: 'boxDynamics',
+            label: "状态",
+            prop: "boxDynamics",
             // search: true,
-            overHidden: true,
+            overHidden: true
           },
-           {
-            label: '接口状态',
-            prop: 'description',
+          {
+            label: "接口状态",
+            prop: "description",
             search: true,
             overHidden: true,
-            type: 'select',
-            dicData:[{
-              label:'接收成功',
-              value:'接收成功'
-            },{
-              label:'接收失败',
-              value:'接收失败'
-            }]
+            cell: true,
+            type: "select",
+            dicData: [
+              {
+                label: "接收成功",
+                value: "接收成功"
+              },
+              {
+                label: "接收失败",
+                value: "接收失败"
+              }
+            ]
           },
-          
           {
-            label: '请求内容',
-            prop: 'requestContent',
+            label: "同步状态",
+            prop: "synchronizationStatus",
+            search: true,
             overHidden: true,
+            cell: true,
+            type: "select",
+            dicData: [
+              {
+                label: "未同步",
+                value: "未同步"
+              },
+              {
+                label: "部分同步",
+                value: "部分同步"
+              },
+              {
+                label: "同步成功",
+                value: "同步成功"
+              },
+              {
+                label: "同步失败",
+                value: "同步失败"
+              }
+            ]
           },
-          
           {
-            label: '失败原因',
-            prop: 'reason',
-            overHidden: true,
+            label: "请求内容",
+            prop: "requestContent",
+            overHidden: true
+          },
+          {
+            label: "失败原因",
+            prop: "reason",
+            overHidden: true
           },
           {
-            label: '备注',
-            prop: 'remarks',
+            label: "备注",
+            prop: "remarks",
             cell: true,
-            overHidden: true,
+            overHidden: true
           }
         ]
       },
-      data: [],
+      data: []
     };
   },
   components: {
@@ -245,111 +301,112 @@ export default {
     this.option = await this.getColumnData(this.getColumnName(516), this.optionBack);
   },
   activated() {
-    setTimeout(() => {
-    }, 100);
+    setTimeout(() => {}, 100);
   },
   methods: {
     dicChange(name, row) {
-      if (name == 'corpCnName') {
+      if (name == "corpCnName") {
         if (row) {
           this.excelOption.column.forEach(item => {
-            if (item.prop == 'excelFile') {
-              item.action = "/api/blade-los/ftp/ftpFileImport?type=IN&corpId=" + row.id
+            if (item.prop == "excelFile") {
+              item.action = "/api/blade-los/ftp/ftpFileImport?type=IN&corpId=" + row.id;
             }
-          })
+          });
         } else {
-          this.excelForm.corpCnName = null
+          this.excelForm.corpCnName = null;
           this.excelOption.column.forEach(item => {
-            if (item.prop == 'excelFile') {
-              item.action = "/api/blade-los/ftp/ftpFileImport?type=IN"
+            if (item.prop == "excelFile") {
+              item.action = "/api/blade-los/ftp/ftpFileImport?type=IN";
             }
-          })
+          });
         }
       }
     },
     refreshData() {
-      this.refreshChange()
+      this.refreshChange();
     },
     allClick(name) {
-      if (name == 'excel导入') {
-        this.excelForm = {}
+      if (name == "excel导入") {
+        this.excelForm = {};
         this.excelOption.column.forEach(item => {
-          if (item.prop == 'corpCnName') {
-            item.display = false
+          if (item.prop == "corpCnName") {
+            item.display = false;
           }
-          if (item.prop == 'excelTemplate') {
-            item.display = true
+          if (item.prop == "excelTemplate") {
+            item.display = true;
           }
-          if (item.prop == 'excelFile') {
-            item.action = "/api/blade-los/boxdynamicsrecord/importExcel?type=JC"
+          if (item.prop == "excelFile") {
+            item.action = "/api/blade-los/boxdynamicsrecord/importExcel?type=JC";
           }
-        })
+        });
         this.excelBox = true;
       }
-      if (name == 'edi导入') {
+      if (name == "edi导入") {
         this.$DialogForm.show({
-          title: '进场导入',
-          width: '30%',
+          title: "进场导入",
+          width: "30%",
           // data: this.assemblyForm.hmmEdi,
-          menuPosition: 'right',
+          menuPosition: "right",
           option: {
-            submitText: '确定',
-            emptyText: '取消',
+            submitText: "确定",
+            emptyText: "取消",
             // labelWidth: 130,
             column: [
               {
                 label: "场站",
                 span: 24,
                 prop: "corpId",
-                type: 'select',
+                type: "select",
                 filterable: true,
                 remote: true,
                 dicUrl: "/api/blade-los/bcorps/selectList?status=0&corpTypeName=场站&size=5&current=1&shortName={{key}}",
                 props: {
                   label: "shortName",
                   value: "id",
-                  desc: 'code',
+                  desc: "code",
                   res: "data.records"
                 },
-                rules: [{
-                  required: true,
-                  message: "选择场站",
-                  trigger: "blur",
-                }],
-              },
+                rules: [
+                  {
+                    required: true,
+                    message: "选择场站",
+                    trigger: "blur"
+                  }
+                ]
+              }
             ]
           },
-          beforeClose: (done) => {
-            done()
+          beforeClose: done => {
+            done();
           },
-          callback: (res) => {
-            res.done()
+          callback: res => {
+            res.done();
             let obj = {
               corpId: res.data.corpId,
-              type: 'IN'
-            }
+              type: "IN"
+            };
             emptyContainerEntryFtp(obj).then(res => {
               this.$message.success("操作成功！");
               // this.refreshChange()
-              this.$refs.importModule.openDialog(5, res.data.data)
-            })
-            res.close()
+              this.$refs.importModule.openDialog(5, res.data.data);
+            });
+            res.close();
           }
-        })
+        });
       }
-      if (name == 'ftp导入') {
-        this.excelForm = {}
+      if (name == "ftp导入") {
+        this.excelForm = {};
         this.excelOption.column.forEach(item => {
-          if (item.prop == 'corpCnName') {
-            item.display = true
+          if (item.prop == "corpCnName") {
+            item.display = true;
           }
-          if (item.prop == 'excelTemplate') {
-            item.display = false
+          if (item.prop == "excelTemplate") {
+            item.display = false;
           }
-          if (item.prop == 'excelFile') {
-            item.action = "/api/blade-los/ftp/ftpFileImport?type=IN"
+          if (item.prop == "excelFile") {
+            item.action = "/api/blade-los/ftp/ftpFileImport?type=IN";
           }
-        })
+        });
         this.excelBox = true;
       }
     },
@@ -359,7 +416,7 @@ export default {
     },
     // 上传成功
     onSuccess(res, done, loading, column) {
-      if (res == '操作成功' || res.msg == '操作成功') {
+      if (res == "操作成功" || res.msg == "操作成功") {
         this.$message.success("上传成功！");
       }
       this.excelBox = false;
@@ -370,16 +427,13 @@ export default {
     },
     // 下载模板
     handleGet() {
-      window.open(
-        `/api/blade-los/boxdynamicsrecord/exportTemplate?${this.website.tokenHeader
-        }=${getToken()}`
-      );
+      window.open(`/api/blade-los/boxdynamicsrecord/exportTemplate?${this.website.tokenHeader}=${getToken()}`);
     },
     inDetail(row) {
       this.detailData = {
         id: row.id
       };
-      this.isShow = false
+      this.isShow = false;
     },
     rowEdit(row) {
       if (row.$cellEdit == true) {
@@ -387,7 +441,7 @@ export default {
           this.$message.success("保存成功！");
           this.$set(row, "$cellEdit", false);
           this.onLoad(this.page, this.query);
-        })
+        });
       } else {
         this.$set(row, "$cellEdit", true);
       }
@@ -415,53 +469,55 @@ export default {
       this.onLoad(this.page, this.query);
     },
     onLoad(page, params = {}) {
-      let obj = {}
+      let obj = {};
       obj = {
-        ...Object.assign(params, this.query),
-      }
+        ...Object.assign(params, this.query)
+      };
       this.loading = true;
-      getList(page.currentPage, page.pageSize, obj).then(res => {
-        this.data = res.data.data.records;
-        this.page.total = res.data.data.total;
-        this.$nextTick(() => {
-          this.$refs.crud.doLayout();
-          this.$refs.crud.dicInit();
+      getList(page.currentPage, page.pageSize, obj)
+        .then(res => {
+          this.data = res.data.data.records;
+          this.page.total = res.data.data.total;
+          this.$nextTick(() => {
+            this.$refs.crud.doLayout();
+            this.$refs.crud.dicInit();
+          });
+        })
+        .finally(() => {
+          this.loading = false;
         });
-      }).finally(() => {
-        this.loading = false;
-      })
     },
     // 详情的返回列表
     goBack() {
       // 初始化数据
-      this.detailData = {}
+      this.detailData = {};
       this.isShow = true;
       this.onLoad(this.page, this.query);
     },
     outExport() {
-      let config = { params: { ...this.query } }
+      let config = { params: { ...this.query } };
       if (config.params) {
         for (const propName of Object.keys(config.params)) {
           const value = config.params[propName];
-          if (value !== null && typeof (value) !== "undefined") {
+          if (value !== null && typeof value !== "undefined") {
             if (value instanceof Array) {
               for (const key of Object.keys(value)) {
-                let params = propName + '[' + key + ']';
-                config.params[params] = value[key]
+                let params = propName + "[" + key + "]";
+                config.params[params] = value[key];
               }
-              delete config.params[propName]
+              delete config.params[propName];
             }
           }
         }
       }
       const routeData = this.$router.resolve({
-        path: '/api/blade-los/routecost/exportRouteCost',      //跳转目标窗口的地址
+        path: "/api/blade-los/routecost/exportRouteCost", //跳转目标窗口的地址
         query: {
-          ...config.params,    //括号内是要传递给新窗口的参数
+          ...config.params, //括号内是要传递给新窗口的参数
           identification: this.url
         }
-      })
-      window.open(routeData.href.slice(1, routeData.href.length) + '&' + `${this.website.tokenHeader}=${getToken()}`);
+      });
+      window.open(routeData.href.slice(1, routeData.href.length) + "&" + `${this.website.tokenHeader}=${getToken()}`);
     },
     //自定义列保存
     async saveColumn(ref, option, optionBack, code) {
@@ -475,8 +531,8 @@ export default {
         this.$message.success("保存成功");
         //关闭窗口
         this.$refs[ref].$refs.dialogColumn.columnBox = false;
-        this.selectionList = []
-        this.searchReset()
+        this.selectionList = [];
+        this.searchReset();
       }
     },
     //自定义列重置
@@ -486,27 +542,25 @@ export default {
       if (inSave) {
         this.$message.success("重置成功");
         this.$refs[ref].$refs.dialogColumn.columnBox = false;
-        this.selectionList = []
-        this.searchReset()
+        this.selectionList = [];
+        this.searchReset();
       }
     },
     // 更改表格颜色
     headerClassName(tab) {
       //颜色间隔
-      let back = ""
+      let back = "";
       if (tab.columnIndex >= 0 && tab.column.level === 1) {
         if (tab.columnIndex % 2 === 0) {
-          back = "back-one"
+          back = "back-one";
         } else if (tab.columnIndex % 2 === 1) {
-          back = "back-two"
+          back = "back-two";
         }
       }
       return back;
-    },
-
+    }
   }
-}
-
+};
 </script>
 
 <style lang="scss" scoped>
@@ -528,4 +582,4 @@ export default {
 ::v-deep .el-col-md-8 {
   width: 24.33333%;
 }
-</style>
+</style>

src/views/boxManagement/exitRecord/index.vue

@@ -1,24 +1,36 @@
 <template>
   <div>
     <basic-container v-if="isShow">
-      <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" :search.sync="query"
-        v-model="form" id="out-table" :header-cell-class-name="headerClassName" ref="crud" @row-del="rowDel"
-        @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
-        @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange"
+      <avue-crud
+        :option="option"
+        :table-loading="loading"
+        :data="data"
+        :page.sync="page"
+        :search.sync="query"
+        v-model="form"
+        id="out-table"
+        :header-cell-class-name="headerClassName"
+        ref="crud"
+        @row-del="rowDel"
+        @search-change="searchChange"
+        @search-reset="searchReset"
+        @selection-change="selectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
         @resetColumn="resetColumn('crud', 'option', 'optionBack', 514)"
-        @saveColumn="saveColumn('crud', 'option', 'optionBack', 514)" @on-load="onLoad">
+        @saveColumn="saveColumn('crud', 'option', 'optionBack', 514)"
+        @on-load="onLoad"
+      >
         <template slot="menuLeft">
-          <el-button type="primary" size="small" icon="el-icon-upload" @click="allClick('excel导入')">excel导入
-          </el-button>
-          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('edi导入')">edi导入
-          </el-button>
-          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('ftp导入')">ftp导入
-          </el-button>
+          <el-button type="primary" size="small" icon="el-icon-upload" @click="allClick('excel导入')">excel导入 </el-button>
+          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('edi导入')">edi导入 </el-button>
+          <el-button type="success" size="small" icon="el-icon-upload" @click="allClick('ftp导入')">ftp导入 </el-button>
           <!-- <el-button type="warning" size="small"  disabled @click="outExport">导 出
           </el-button> -->
         </template>
         <template slot="menu" slot-scope="{ row, index }">
-          <el-button size="small" type="text" @click="rowEdit(row)">{{ row.$cellEdit ? '保存' : '编辑' }}</el-button>
+          <el-button size="small" type="text" @click="rowEdit(row)">{{ row.$cellEdit ? "保存" : "编辑" }}</el-button>
         </template>
         <template slot="fileType" slot-scope="{ row }">
           <span style="color: #1e9fff;cursor: pointer;" @click="inDetail(row)">{{ row.fileType }}</span>
@@ -26,22 +38,35 @@
       </avue-crud>
     </basic-container>
     <detailsPage v-if="!isShow" :detailData="detailData" @goBack="goBack"></detailsPage>
-    <el-dialog title="导入数据" append-to-body :visible.sync="excelBox" width="555px" :close-on-click-modal="false"
-      v-dialog-drag>
-      <avue-form v-if="excelBox" :option="excelOption" v-model="excelForm" :table-loading="excelLoading"
-        :upload-before="uploadBefore" :upload-after="onSuccess">
+    <el-dialog title="导入数据" append-to-body :visible.sync="excelBox" width="555px" :close-on-click-modal="false" v-dialog-drag>
+      <avue-form
+        v-if="excelBox"
+        :option="excelOption"
+        v-model="excelForm"
+        :table-loading="excelLoading"
+        :upload-before="uploadBefore"
+        :upload-after="onSuccess"
+      >
         <template slot="excelTemplate">
-          <el-button type="primary" @click="handleGet">
-            点击下载<i class="el-icon-download el-icon--right"></i>
-          </el-button>
+          <el-button type="primary" @click="handleGet"> 点击下载<i class="el-icon-download el-icon--right"></i> </el-button>
         </template>
         <template slot="corpCnName">
-          <dic-select v-model="excelForm.corpCnName" placeholder="场站" key="id" :slotRight="true" rightLabel="code"
-            label="shortName" res="records" url="/blade-los/bcorps/selectList?status=0&current=1&size=5&corpTypeName=场站"
-            :filterable="true" :remote="true" dataName="shortName" @selectChange="dicChange('corpCnName', $event)">
+          <dic-select
+            v-model="excelForm.corpCnName"
+            placeholder="场站"
+            key="id"
+            :slotRight="true"
+            rightLabel="code"
+            label="shortName"
+            res="records"
+            url="/blade-los/bcorps/selectList?status=0&current=1&size=5&corpTypeName=场站"
+            :filterable="true"
+            :remote="true"
+            dataName="shortName"
+            @selectChange="dicChange('corpCnName', $event)"
+          >
           </dic-select>
         </template>
-
       </avue-form>
       <p style="text-align: center;color: #DC0505">
         温馨提示 第一次导入时请先下载模板
@@ -83,19 +108,21 @@ export default {
             //   desc: 'code',
             //   res: "data.records"
             // },
-            rules: [{
-              required: true,
-              message: "选择场站",
-              trigger: "blur",
-            }],
-            display: false,
+            rules: [
+              {
+                required: true,
+                message: "选择场站",
+                trigger: "blur"
+              }
+            ],
+            display: false
           },
           {
             label: "模板下载",
             prop: "excelTemplate",
             formslot: true,
             span: 24,
-            display: true,
+            display: true
           },
           {
             label: "模板上传",
@@ -116,7 +143,7 @@ export default {
       form: {},
       query: {
         approachExit: "CC",
-        description:'接收成功'
+        description: "接收成功"
       },
       loading: false,
       page: {
@@ -127,12 +154,12 @@ export default {
       selectionList: [],
       option: {},
       optionBack: {
-        height: 'auto',
+        height: "auto",
         calcHeight: 30,
         menuWidth: 60,
         tip: false,
         searchShow: true,
-        searchMenuSpan: 12,
+        searchMenuSpan: 6,
         border: true,
         index: true,
         addBtn: false,
@@ -141,22 +168,22 @@ export default {
         delBtn: false,
         selection: true,
         searchIcon: true,
-        align: 'center',
+        align: "center",
         searchIndex: 3,
         column: [
           {
-            label: '文件类型',
-            prop: 'fileType',
-            overHidden: true,
+            label: "文件类型",
+            prop: "fileType",
+            overHidden: true
           },
           {
-            label: '导入时间',
-            prop: 'importDate',
-            overHidden: true,
+            label: "导入时间",
+            prop: "importDate",
+            overHidden: true
           },
           {
-            label: '港口',
-            prop: 'portCname',
+            label: "港口",
+            prop: "portCname",
             overHidden: true,
             search: true,
             type: "select",
@@ -166,13 +193,13 @@ export default {
             props: {
               label: "cnName",
               value: "cnName",
-              desc: 'code',
+              desc: "code",
               res: "data.records"
-            },
+            }
           },
           {
-            label: '场站',
-            prop: 'stationCname',
+            label: "场站",
+            prop: "stationCname",
             overHidden: true,
             search: true,
             type: "select",
@@ -182,69 +209,98 @@ export default {
             props: {
               label: "cnName",
               value: "cnName",
-              desc: 'code',
+              desc: "code",
               res: "data.records"
-            },
+            }
           },
           {
-            label: '放箱号',
-            prop: 'containerNumber',
+            label: "放箱号",
+            prop: "containerNumber",
             search: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '提单号',
-            prop: 'mblno',
+            label: "提单号",
+            prop: "mblno",
             search: true,
             hide: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '箱号',
-            prop: 'boxCode',
+            label: "箱号",
+            prop: "boxCode",
             search: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '状态',
-            prop: 'boxDynamics',
+            label: "状态",
+            prop: "boxDynamics",
             // search: true,
-            overHidden: true,
+            overHidden: true
           },
           {
-            label: '接口状态',
-            prop: 'description',
+            label: "接口状态",
+            prop: "description",
             search: true,
             overHidden: true,
-            type: 'select',
-            dicData:[{
-              label:'接收成功',
-              value:'接收成功'
-            },{
-              label:'接收失败',
-              value:'接收失败'
-            }]
+            cell: true,
+            type: "select",
+            dicData: [
+              {
+                label: "接收成功",
+                value: "接收成功"
+              },
+              {
+                label: "接收失败",
+                value: "接收失败"
+              }
+            ]
           },
-          
           {
-            label: '请求内容',
-            prop: 'requestContent',
+            label: "同步状态",
+            prop: "synchronizationStatus",
+            search: true,
             overHidden: true,
+            cell: true,
+            type: "select",
+            dicData: [
+              {
+                label: "未同步",
+                value: "未同步"
+              },
+              {
+                label: "部分同步",
+                value: "部分同步"
+              },
+              {
+                label: "同步成功",
+                value: "同步成功"
+              },
+              {
+                label: "同步失败",
+                value: "同步失败"
+              }
+            ]
           },
           {
-            label: '失败原因',
-            prop: 'reason',
-            overHidden: true,
+            label: "请求内容",
+            prop: "requestContent",
+            overHidden: true
+          },
+          {
+            label: "失败原因",
+            prop: "reason",
+            overHidden: true
           },
           {
-            label: '备注',
-            prop: 'remarks',
+            label: "备注",
+            prop: "remarks",
             cell: true,
-            overHidden: true,
+            overHidden: true
           }
         ]
       },
-      data: [],
+      data: []
     };
   },
   components: {
@@ -256,109 +312,110 @@ export default {
     this.option = await this.getColumnData(this.getColumnName(514), this.optionBack);
   },
   activated() {
-    setTimeout(() => {
-    }, 100);
+    setTimeout(() => {}, 100);
   },
   methods: {
     dicChange(name, row) {
-      if (name == 'corpCnName') {
+      if (name == "corpCnName") {
         if (row) {
           this.excelOption.column.forEach(item => {
-            if (item.prop == 'excelFile') {
-              item.action = "/api/blade-los/ftp/ftpFileImport?type=OUT&corpId=" + row.id
+            if (item.prop == "excelFile") {
+              item.action = "/api/blade-los/ftp/ftpFileImport?type=OUT&corpId=" + row.id;
             }
-          })
+          });
         } else {
-          this.excelForm.corpCnName = null
+          this.excelForm.corpCnName = null;
           this.excelOption.column.forEach(item => {
-            if (item.prop == 'excelFile') {
-              item.action = "/api/blade-los/ftp/ftpFileImport?type=OUT"
+            if (item.prop == "excelFile") {
+              item.action = "/api/blade-los/ftp/ftpFileImport?type=OUT";
             }
-          })
+          });
         }
       }
     },
     refreshData() {
-      this.refreshChange()
+      this.refreshChange();
     },
     allClick(name) {
-      if (name == 'excel导入') {
-        this.excelForm = {}
+      if (name == "excel导入") {
+        this.excelForm = {};
         this.excelOption.column.forEach(item => {
-          if (item.prop == 'corpCnName') {
-            item.display = false
+          if (item.prop == "corpCnName") {
+            item.display = false;
           }
-          if (item.prop == 'excelTemplate') {
-            item.display = true
+          if (item.prop == "excelTemplate") {
+            item.display = true;
           }
-          if (item.prop == 'excelFile') {
-            item.action = "/api/blade-los/boxdynamicsrecord/importExcel?type=CC"
+          if (item.prop == "excelFile") {
+            item.action = "/api/blade-los/boxdynamicsrecord/importExcel?type=CC";
           }
-        })
+        });
         this.excelBox = true;
       }
-      if (name == 'edi导入') {
+      if (name == "edi导入") {
         this.$DialogForm.show({
-          title: '出场导入',
-          width: '30%',
-          menuPosition: 'right',
+          title: "出场导入",
+          width: "30%",
+          menuPosition: "right",
           option: {
-            submitText: '确定',
-            emptyText: '取消',
+            submitText: "确定",
+            emptyText: "取消",
             column: [
               {
                 label: "场站",
                 span: 24,
                 prop: "corpId",
-                type: 'select',
+                type: "select",
                 filterable: true,
                 remote: true,
                 dicUrl: "/api/blade-los/bcorps/selectList?status=0&corpTypeName=场站&size=5&current=1&shortName={{key}}",
                 props: {
                   label: "shortName",
                   value: "id",
-                  desc: 'code',
+                  desc: "code",
                   res: "data.records"
                 },
-                rules: [{
-                  required: true,
-                  message: "选择场站",
-                  trigger: "blur",
-                }],
-              },
+                rules: [
+                  {
+                    required: true,
+                    message: "选择场站",
+                    trigger: "blur"
+                  }
+                ]
+              }
             ]
           },
-          beforeClose: (done) => {
-            done()
+          beforeClose: done => {
+            done();
           },
-          callback: (res) => {
-            res.done()
-            console.log(res)
+          callback: res => {
+            res.done();
+            console.log(res);
             let obj = {
               corpId: res.data.corpId,
-              type: 'OUT'
-            }
+              type: "OUT"
+            };
             emptyContainerEntryFtp(obj).then(res => {
               this.$message.success("操作成功！");
-              this.$refs.importModule.openDialog(6, res.data.data)
-            })
-            res.close()
+              this.$refs.importModule.openDialog(6, res.data.data);
+            });
+            res.close();
           }
-        })
+        });
       }
-      if (name == 'ftp导入') {
-        this.excelForm = {}
+      if (name == "ftp导入") {
+        this.excelForm = {};
         this.excelOption.column.forEach(item => {
-          if (item.prop == 'corpCnName') {
-            item.display = true
+          if (item.prop == "corpCnName") {
+            item.display = true;
           }
-          if (item.prop == 'excelTemplate') {
-            item.display = false
+          if (item.prop == "excelTemplate") {
+            item.display = false;
           }
-          if (item.prop == 'excelFile') {
-            item.action = "/api/blade-los/ftp/ftpFileImport?type=OUT"
+          if (item.prop == "excelFile") {
+            item.action = "/api/blade-los/ftp/ftpFileImport?type=OUT";
           }
-        })
+        });
         this.excelBox = true;
       }
     },
@@ -368,7 +425,7 @@ export default {
     },
     // 上传成功
     onSuccess(res, done, loading, column) {
-      if (res == '操作成功'||res.msg=='操作成功') {
+      if (res == "操作成功" || res.msg == "操作成功") {
         this.$message.success("上传成功！");
       }
       this.excelBox = false;
@@ -379,16 +436,13 @@ export default {
     },
     // 下载模板
     handleGet() {
-      window.open(
-        `/api/blade-los/boxdynamicsrecord/exportTemplate?${this.website.tokenHeader
-        }=${getToken()}`
-      );
+      window.open(`/api/blade-los/boxdynamicsrecord/exportTemplate?${this.website.tokenHeader}=${getToken()}`);
     },
     inDetail(row) {
       this.detailData = {
         id: row.id
       };
-      this.isShow = false
+      this.isShow = false;
     },
     rowEdit(row) {
       if (row.$cellEdit == true) {
@@ -396,7 +450,7 @@ export default {
           this.$message.success("保存成功！");
           this.$set(row, "$cellEdit", false);
           this.onLoad(this.page, this.query);
-        })
+        });
       } else {
         this.$set(row, "$cellEdit", true);
       }
@@ -424,53 +478,55 @@ export default {
       this.onLoad(this.page, this.query);
     },
     onLoad(page, params = {}) {
-      let obj = {}
+      let obj = {};
       obj = {
-        ...Object.assign(params, this.query),
-      }
+        ...Object.assign(params, this.query)
+      };
       this.loading = true;
-      getList(page.currentPage, page.pageSize, obj).then(res => {
-        this.data = res.data.data.records;
-        this.page.total = res.data.data.total;
-        this.$nextTick(() => {
-          this.$refs.crud.doLayout();
-          this.$refs.crud.dicInit();
+      getList(page.currentPage, page.pageSize, obj)
+        .then(res => {
+          this.data = res.data.data.records;
+          this.page.total = res.data.data.total;
+          this.$nextTick(() => {
+            this.$refs.crud.doLayout();
+            this.$refs.crud.dicInit();
+          });
+        })
+        .finally(() => {
+          this.loading = false;
         });
-      }).finally(() => {
-        this.loading = false;
-      })
     },
     // 详情的返回列表
     goBack() {
       // 初始化数据
-      this.detailData = {}
+      this.detailData = {};
       this.isShow = true;
       this.onLoad(this.page, this.query);
     },
     outExport() {
-      let config = { params: { ...this.query } }
+      let config = { params: { ...this.query } };
       if (config.params) {
         for (const propName of Object.keys(config.params)) {
           const value = config.params[propName];
-          if (value !== null && typeof (value) !== "undefined") {
+          if (value !== null && typeof value !== "undefined") {
             if (value instanceof Array) {
               for (const key of Object.keys(value)) {
-                let params = propName + '[' + key + ']';
-                config.params[params] = value[key]
+                let params = propName + "[" + key + "]";
+                config.params[params] = value[key];
               }
-              delete config.params[propName]
+              delete config.params[propName];
             }
           }
         }
       }
       const routeData = this.$router.resolve({
-        path: '/api/blade-los/routecost/exportRouteCost',      //跳转目标窗口的地址
+        path: "/api/blade-los/routecost/exportRouteCost", //跳转目标窗口的地址
         query: {
-          ...config.params,    //括号内是要传递给新窗口的参数
+          ...config.params, //括号内是要传递给新窗口的参数
           identification: this.url
         }
-      })
-      window.open(routeData.href.slice(1, routeData.href.length) + '&' + `${this.website.tokenHeader}=${getToken()}`);
+      });
+      window.open(routeData.href.slice(1, routeData.href.length) + "&" + `${this.website.tokenHeader}=${getToken()}`);
     },
     //自定义列保存
     async saveColumn(ref, option, optionBack, code) {
@@ -484,8 +540,8 @@ export default {
         this.$message.success("保存成功");
         //关闭窗口
         this.$refs[ref].$refs.dialogColumn.columnBox = false;
-        this.selectionList = []
-        this.searchReset()
+        this.selectionList = [];
+        this.searchReset();
       }
     },
     //自定义列重置
@@ -495,27 +551,25 @@ export default {
       if (inSave) {
         this.$message.success("重置成功");
         this.$refs[ref].$refs.dialogColumn.columnBox = false;
-        this.selectionList = []
-        this.searchReset()
+        this.selectionList = [];
+        this.searchReset();
       }
     },
     // 更改表格颜色
     headerClassName(tab) {
       //颜色间隔
-      let back = ""
+      let back = "";
       if (tab.columnIndex >= 0 && tab.column.level === 1) {
         if (tab.columnIndex % 2 === 0) {
-          back = "back-one"
+          back = "back-one";
         } else if (tab.columnIndex % 2 === 1) {
-          back = "back-two"
+          back = "back-two";
         }
       }
       return back;
-    },
-
+    }
   }
-}
-
+};
 </script>
 
 <style lang="scss" scoped>
@@ -537,4 +591,4 @@ export default {
 ::v-deep .el-col-md-8 {
   width: 24.33333%;
 }
-</style>
+</style>