箱分布

src/views/kaihe/containerNews/historyBoxNews/index.vue

@@ -12,26 +12,26 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-          <el-form-item label="地点" prop="fUpdateaddress">
-            <el-select
-              style="width: 200px"
-              v-model="queryParams.fUpdateaddress"
-              placeholder="请输入地点"
-              clearable
-              size="small"
-              filterable
-              :remote-method="addressMethod"
-            >
-              <el-option
-                v-for="item in this.addressOptions"
-                :key="item.fId"
-                :label="item.fName"
-                :value="item.fId">
-                <span style="float: left; color: #8492a6; font-size: 13px">{{ item.typesName }}</span>
-                <span style="float: right;">{{ item.fName }}</span>
-              </el-option>
-            </el-select>
-          </el-form-item>
+        <el-form-item label="地点" prop="fUpdateaddress">
+          <el-select
+            style="width: 200px"
+            v-model="queryParams.fUpdateaddress"
+            placeholder="请输入地点"
+            clearable
+            size="small"
+            filterable
+            :remote-method="addressMethod"
+          >
+            <el-option
+              v-for="item in this.addressOptions"
+              :key="item.fId"
+              :label="item.fName"
+              :value="item.fId">
+              <span style="float: left; color: #8492a6; font-size: 13px">{{ item.typesName }}</span>
+              <span style="float: right;">{{ item.fName }}</span>
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="空重" prop="fUpdateef">
           <el-select
             v-model="queryParams.fUpdateef"
@@ -172,6 +172,7 @@
           <span v-if="item.label == 'opctnstatusName'">{{scope.row.opctnstatusName}}</span>
           <span v-if="item.label == 'fMblno'">{{scope.row.fMblno}}</span>
           <span v-if="item.label == 'fNo'">{{scope.row.fNo}}</span>
+          <span v-if="item.label == 'fSealno'">{{scope.row.fSealno}}</span>
           <span v-if="item.label == 'typeidName'">{{scope.row.typeidName}}</span>
           <span v-if="item.label == 'cntrsizeName'">{{scope.row.cntrsizeName}}</span>
           <span v-if="item.label == 'ownerName'">{{scope.row.ownerName}}</span>
@@ -184,19 +185,19 @@
 
         </template>
       </el-table-column>
-        <!--      <el-table-column :show-overflow-tooltip="true" label="调箱动态" align="center" prop="opctnstatusName" width="120px"/>-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="提单号" align="center" prop="fMblno" width="120px"/>-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="箱号" align="center" prop="fNo" width="120px"/>-->
-<!--      <el-table-column label="铅封号" align="center" prop="" width="120px"/>-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="箱型" align="center" prop="typeidName" width="100px"/>-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="尺寸" align="center" width="100px" prop="cntrsizeName" />-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="箱主" align="center" prop="ownerName" />-->
-<!--      <el-table-column :show-overflow-tooltip="true" label="船名" align="center" prop="fVsl" />-->
-<!--      <el-table-column label="航次" align="center" prop="fVoy" />-->
-<!--      <el-table-column label="最新时间" align="center" prop="fUpdatetime" width="100"/>-->
-<!--      <el-table-column label="地点" align="center" prop="addressName" width="100px"/>-->
-<!--      <el-table-column label="空重" align="center" prop="updateEFName" width="100px"/>-->
-<!--      <el-table-column label="箱状态" align="center" prop="cntrstatusName" width="100px"/>-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="调箱动态" align="center" prop="opctnstatusName" width="120px"/>-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="提单号" align="center" prop="fMblno" width="120px"/>-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="箱号" align="center" prop="fNo" width="120px"/>-->
+      <!--      <el-table-column label="铅封号" align="center" prop="" width="120px"/>-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="箱型" align="center" prop="typeidName" width="100px"/>-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="尺寸" align="center" width="100px" prop="cntrsizeName" />-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="箱主" align="center" prop="ownerName" />-->
+      <!--      <el-table-column :show-overflow-tooltip="true" label="船名" align="center" prop="fVsl" />-->
+      <!--      <el-table-column label="航次" align="center" prop="fVoy" />-->
+      <!--      <el-table-column label="最新时间" align="center" prop="fUpdatetime" width="100"/>-->
+      <!--      <el-table-column label="地点" align="center" prop="addressName" width="100px"/>-->
+      <!--      <el-table-column label="空重" align="center" prop="updateEFName" width="100px"/>-->
+      <!--      <el-table-column label="箱状态" align="center" prop="cntrstatusName" width="100px"/>-->
 
       <el-table-column label="附件" align="center" width="100px">
         <template slot-scope="scope">
@@ -228,38 +229,38 @@
         style="width: 100%"
         height="150"
       >
-      <el-table-column label="序号" type="index" width="80">
-      </el-table-column>
-      <el-table-column
-        prop="fName"
-        header-align="center"
-        align="center"
-        width="250px"
-        label="附件名称"
-      >
-        <template slot-scope="scope">
-          <el-input
-            v-model="scope.row.fName"
-            placeholder="附件名称"
-            show-word-limit
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="createTime"
-        header-align="center"
-        align="center"
-        width="250px"
-        label="上传时间"
-      >
-        <template slot-scope="scope">
-          <el-input
-            v-model="scope.row.createTime"
-            disabled
-            placeholder="上传时间"
-          ></el-input>
-        </template>
-      </el-table-column>
+        <el-table-column label="序号" type="index" width="80">
+        </el-table-column>
+        <el-table-column
+          prop="fName"
+          header-align="center"
+          align="center"
+          width="250px"
+          label="附件名称"
+        >
+          <template slot-scope="scope">
+            <el-input
+              v-model="scope.row.fName"
+              placeholder="附件名称"
+              show-word-limit
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          header-align="center"
+          align="center"
+          width="250px"
+          label="上传时间"
+        >
+          <template slot-scope="scope">
+            <el-input
+              v-model="scope.row.createTime"
+              disabled
+              placeholder="上传时间"
+            ></el-input>
+          </template>
+        </el-table-column>
         <el-table-column
           prop="createBy"
           header-align="center"
@@ -276,29 +277,29 @@
             />
           </template>
         </el-table-column>
-      <el-table-column
-        prop="fUrl"
-        header-align="center"
-        align="center"
-        width="150px"
-        label="操作"
-      >
-        <template slot-scope="scope">
-<!--          <el-upload-->
-<!--            class="upload-demo"-->
-<!--            :action="uploadImgUrl"-->
-<!--            :on-success="(res,file)=>{handleSucces(scope,res,file)}"-->
-<!--            :headers="headers"-->
-<!--            style="width:25%;float: left"-->
-<!--            :show-file-list="false"-->
-<!--            :limit="1"-->
-<!--          >-->
-<!--            <el-button size="small" type="primary" style="margin-left:20px">点击上传</el-button>-->
-<!--          </el-upload>-->
-          <el-button size="small" type="primary" @click="checkFile(scope)">查看</el-button>
-<!--          <el-button size="small" type="primary" @click="deleteFile(scope)">删除</el-button>-->
-        </template>
-      </el-table-column>
+        <el-table-column
+          prop="fUrl"
+          header-align="center"
+          align="center"
+          width="150px"
+          label="操作"
+        >
+          <template slot-scope="scope">
+            <!--          <el-upload-->
+            <!--            class="upload-demo"-->
+            <!--            :action="uploadImgUrl"-->
+            <!--            :on-success="(res,file)=>{handleSucces(scope,res,file)}"-->
+            <!--            :headers="headers"-->
+            <!--            style="width:25%;float: left"-->
+            <!--            :show-file-list="false"-->
+            <!--            :limit="1"-->
+            <!--          >-->
+            <!--            <el-button size="small" type="primary" style="margin-left:20px">点击上传</el-button>-->
+            <!--          </el-upload>-->
+            <el-button size="small" type="primary" @click="checkFile(scope)">查看</el-button>
+            <!--          <el-button size="small" type="primary" @click="deleteFile(scope)">删除</el-button>-->
+          </template>
+        </el-table-column>
       </el-table>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
@@ -317,368 +318,376 @@
 </template>
 
 <script>
-  import { listCorps, getaddress, delCorps, getFile} from "@/api/kaihe/containerNews/historyBoxNews";
-  import Cookies from 'js-cookie'
-  import { addSet, resetModule, select } from '@/api/system/set'
-  import draggable from "vuedraggable";
-  import Vue from 'vue'
-  Vue.directive('dialogDrag', {
-    bind(el, binding, vnode, oldVnode) {
-      const dialogHeaderEl = el.querySelector('.el-dialog__header')
-      const dragDom = el.querySelector('.el-dialog')
-      const enlarge = el.querySelector('.enlarge')
-      dialogHeaderEl.style.cursor = 'move'
+import { listCorps, getaddress, delCorps, getFile} from "@/api/kaihe/containerNews/historyBoxNews";
+import Cookies from 'js-cookie'
+import { addSet, resetModule, select } from '@/api/system/set'
+import draggable from "vuedraggable";
+import Vue from 'vue'
+Vue.directive('dialogDrag', {
+  bind(el, binding, vnode, oldVnode) {
+    const dialogHeaderEl = el.querySelector('.el-dialog__header')
+    const dragDom = el.querySelector('.el-dialog')
+    const enlarge = el.querySelector('.enlarge')
+    dialogHeaderEl.style.cursor = 'move'
 
-      // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-      const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
-      if(enlarge){
-        enlarge.onclick = (e) => {
-          dragDom.style.top = '0px'
-          dragDom.style.left = '0px'
-        }
+    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+    const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
+    if(enlarge){
+      enlarge.onclick = (e) => {
+        dragDom.style.top = '0px'
+        dragDom.style.left = '0px'
       }
-      dialogHeaderEl.onmousedown = (e) => {
-        // 鼠标按下，计算当前元素距离可视区的距离
-        const disX = e.clientX - dialogHeaderEl.offsetLeft
-        const disY = e.clientY - dialogHeaderEl.offsetTop
+    }
+    dialogHeaderEl.onmousedown = (e) => {
+      // 鼠标按下，计算当前元素距离可视区的距离
+      const disX = e.clientX - dialogHeaderEl.offsetLeft
+      const disY = e.clientY - dialogHeaderEl.offsetTop
 
-        // 获取到的值带px 正则匹配替换
-        let styL, styT
+      // 获取到的值带px 正则匹配替换
+      let styL, styT
 
-        // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
-        if (sty.left.includes('%')) {
-          styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
-          styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
-        } else {
-          styL = +sty.left.replace(/\px/g, '')
-          styT = +sty.top.replace(/\px/g, '')
-        }
+      // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+      if (sty.left.includes('%')) {
+        styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
+        styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
+      } else {
+        styL = +sty.left.replace(/\px/g, '')
+        styT = +sty.top.replace(/\px/g, '')
+      }
 
-        document.onmousemove = function(e) {
-          // 通过事件委托，计算移动的距离
-          const l = e.clientX - disX
-          const t = e.clientY - disY
+      document.onmousemove = function(e) {
+        // 通过事件委托，计算移动的距离
+        const l = e.clientX - disX
+        const t = e.clientY - disY
 
-          // 移动当前元素
+        // 移动当前元素
 
-          if ((t + styT) >= 0){
-            dragDom.style.top = `${t + styT}px`
-          }
-          dragDom.style.left = `${l + styL}px`
-          // 将此时的位置传出去
-          // binding.value({x:e.pageX,y:e.pageY})
+        if ((t + styT) >= 0){
+          dragDom.style.top = `${t + styT}px`
         }
+        dragDom.style.left = `${l + styL}px`
+        // 将此时的位置传出去
+        // binding.value({x:e.pageX,y:e.pageY})
+      }
 
-        document.onmouseup = function(e) {
-          document.onmousemove = null
-          document.onmouseup = null
-        }
+      document.onmouseup = function(e) {
+        document.onmousemove = null
+        document.onmouseup = null
       }
     }
-  })
-  export default {
-    name: "historyBoxNews",
-    components: {
-      draggable
-    },
-    data() {
-      return {
-        relevantAttachments:[],
-        setRowList: [],
-        getRowList: [],
-        tableDate: [
-          {
-            surface: "1",
-            label: "opctnstatusName",
-            name: "调箱动态",
-            fixed:"left",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "2",
-            label: "fMblno",
-            name: "提单号",
-            fixed:"left",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "3",
-            label: "fNo",
-            name: "箱号",
-            fixed:"left",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "4",
-            label: "typeidName",
-            name: "箱型",
-            fixed:"left",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "5",
-            label: "cntrsizeName",
-            name: "尺寸",
-            fixed:"left",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "6",
-            label: "ownerName",
-            name: "箱主",
-            fixed:"left",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "7",
-            label: "fVsl",
-            name: "船名",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "8",
-            label: "fVoy",
-            name: "航次",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "9",
-            label: "fUpdatetime",
-            name: "最新时间",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "10",
-            label: "addressName",
-            name: "地点",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "11",
-            label: "updateEFName",
-            name: "空重",
-            checked: 0,
-            width: 120,
-          },
-          {
-            surface: "12",
-            label: "cntrstatusName",
-            name: "箱状态",
-            checked: 0,
-            width: 120,
-          },
-        ],
-        //自定义列宽
-        allCheck: false,
-        showSetting:false,
-        dialogVisible:false,
-        //状态字典表
-        cntrstatusOptions:[],
-        //空重字典表
-        updateEFOptions:[],
-        //默认显示第一行
-        queryParamsHidden:false,
-        //模糊下拉查询地点
-        addressOptions:[],
-
-        //全屏放大
-        dialogFull:false,
-        contactList:[],
-        // 遮罩层
-        loading: true,
-        // 选中数组
-        ids: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
-        // 总条数
-        total: 0,
-        // 客户详情表格数据
-        corpsList:[],
-        // 查询参数
-        queryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          fNo:null,
-          fUpdateaddress:null,
-          cLoadDate:null,
-          fUpdateef:null,
-          fCntrstatus:null
+  }
+})
+export default {
+  name: "historyBoxNews",
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      relevantAttachments:[],
+      setRowList: [],
+      getRowList: [],
+      tableDate: [
+        {
+          surface: "1",
+          label: "opctnstatusName",
+          name: "调箱动态",
+          fixed:"left",
+          checked: 0,
+          width: 120,
         },
-      };
+        {
+          surface: "2",
+          label: "fMblno",
+          name: "提单号",
+          fixed:"left",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "3",
+          label: "fNo",
+          name: "箱号",
+          fixed:"left",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "4",
+          label: "fSealno",
+          name: "铅封号",
+          fixed:"left",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "5",
+          label: "typeidName",
+          name: "箱型",
+          fixed:"left",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "6",
+          label: "cntrsizeName",
+          name: "尺寸",
+          fixed:"left",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "7",
+          label: "ownerName",
+          name: "箱主",
+          fixed:"left",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "8",
+          label: "fVsl",
+          name: "船名",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "9",
+          label: "fVoy",
+          name: "航次",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "10",
+          label: "fUpdatetime",
+          name: "最新时间",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "11 ",
+          label: "addressName",
+          name: "地点",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "12",
+          label: "updateEFName",
+          name: "空重",
+          checked: 0,
+          width: 120,
+        },
+        {
+          surface: "13",
+          label: "cntrstatusName",
+          name: "箱状态",
+          checked: 0,
+          width: 120,
+        },
+      ],
+      //自定义列宽
+      allCheck: false,
+      showSetting:false,
+      dialogVisible:false,
+      //状态字典表
+      cntrstatusOptions:[],
+      //空重字典表
+      updateEFOptions:[],
+      //默认显示第一行
+      queryParamsHidden:false,
+      //模糊下拉查询地点
+      addressOptions:[],
+
+      //全屏放大
+      dialogFull:false,
+      contactList:[],
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 客户详情表格数据
+      corpsList:[],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        fNo:null,
+        fUpdateaddress:null,
+        cLoadDate:null,
+        fUpdateef:null,
+        fCntrstatus:null
+      },
+    };
+  },
+  created() {
+    this.setRowList = this.tableDate;
+    this.getRowList = this.tableDate;
+    this.getList();
+    this.addressMethod()
+    this.getDicts("f_updateEF").then(response => {
+      this.updateEFOptions = response.data;
+    });
+    this.getDicts("f_cntrstatus").then(response => {
+      this.cntrstatusOptions = response.data;
+    });
+    this.getRow()
+  },
+  methods: {
+    viewAttachments(row){
+      this.dialogVisible = true
+      let queryParams = { fPid: row.fId,}
+      getFile(queryParams).then(response=>{
+        this.relevantAttachments = response.rows
+        this.$set(this.relevantAttachments,'createTime',response.rows.createTime)
+        console.log(this.relevantAttachments)
+      })
     },
-    created() {
-      this.setRowList = this.tableDate;
-      this.getRowList = this.tableDate;
-      this.getList();
-      this.addressMethod()
-      this.getDicts("f_updateEF").then(response => {
-        this.updateEFOptions = response.data;
-      });
-      this.getDicts("f_cntrstatus").then(response => {
-        this.cntrstatusOptions = response.data;
+    //重置列表
+    delRow() {
+      this.data = {
+        tableName: "历史箱动态",
+        userId: Cookies.get("userName"),
+      };
+      resetModule(this.data).then((res) => {
+        if (res.code == 200) {
+          this.showSetting = false;
+          this.setRowList = this.tableDate;
+          this.getRowList = this.tableDate;
+        }
       });
-      this.getRow()
     },
-    methods: {
-      viewAttachments(row){
-        this.dialogVisible = true
-        let queryParams = { fPid: row.fId,}
-        getFile(queryParams).then(response=>{
-          this.relevantAttachments = response.rows
-          this.$set(this.relevantAttachments,'createTime',response.rows.createTime)
-          console.log(this.relevantAttachments)
-        })
-      },
-      //重置列表
-      delRow() {
-        this.data = {
-          tableName: "历史箱动态",
-          userId: Cookies.get("userName"),
-        };
-        resetModule(this.data).then((res) => {
-          if (res.code == 200) {
-            this.showSetting = false;
-            this.setRowList = this.tableDate;
-            this.getRowList = this.tableDate;
-          }
+    //列设置全选
+    allChecked() {
+      if (this.allCheck == true) {
+        this.setRowList.map((e) => {
+          return (e.checked = 0);
         });
-      },
-      //列设置全选
-      allChecked() {
-        if (this.allCheck == true) {
-          this.setRowList.map((e) => {
-            return (e.checked = 0);
-          });
-        } else {
-          this.setRowList.map((e) => {
-            return (e.checked = 1);
-          });
-        }
-      },
-      //查询列数据
-      getRow() {
-        let that = this;
-        this.data = {
-          tableName: "历史箱动态",
-          userId: Cookies.get("userName"),
-        };
-        select(this.data).then((res) => {
-          if (res.data.length != 0) {
-            this.getRowList = res.data.filter((e) => e.checked == 0);
-            this.setRowList = res.data;
-            this.setRowList = this.setRowList.reduce((res, item) => {
-              res.push({
-                surface: item.surface,
-                label: item.label,
-                name: item.name,
-                checked: item.checked,
-                width: item.width,
-                fixed: item.fixed
-              });
-              return res;
-            }, []);
-          }
-        });
-      },
-      //保存列设置
-      save() {
-        this.showSetting = false;
-        this.data = {
-          tableName: "历史箱动态",
-          userId: Cookies.get("userName"),
-          sysTableSetList: this.setRowList,
-        };
-        addSet(this.data).then((res) => {
-          this.getRowList = this.setRowList.filter((e) => e.checked == 0);
+      } else {
+        this.setRowList.map((e) => {
+          return (e.checked = 1);
         });
-      },
-      //开始拖拽事件
-      onStart() {
-        this.drag = true;
-      },
-      //拖拽结束事件
-      onEnd() {
-        this.drag = false;
-      },
-      //附件查看
-      checkFile(scope) {
-        if (this.relevantAttachments[scope.$index].fUrl) {
-          window.open(this.relevantAttachments[scope.$index].fUrl)
-        } else {
-          this.$message.error('请上传附件')
+      }
+    },
+    //查询列数据
+    getRow() {
+      let that = this;
+      this.data = {
+        tableName: "历史箱动态",
+        userId: Cookies.get("userName"),
+      };
+      select(this.data).then((res) => {
+        if (res.data.length != 0) {
+          this.getRowList = res.data.filter((e) => e.checked == 0);
+          this.setRowList = res.data;
+          this.setRowList = this.setRowList.reduce((res, item) => {
+            res.push({
+              surface: item.surface,
+              label: item.label,
+              name: item.name,
+              checked: item.checked,
+              width: item.width,
+              fixed: item.fixed
+            });
+            return res;
+          }, []);
         }
-      },
-      /** 删除按钮操作 */
-      handleDelete(row) {
-        const fIds = row.fId || this.ids;
-        this.$confirm('是否确认删除客户详情编号为"' + fIds + '"的数据项?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          return delCorps(fIds);
-        }).then(() => {
-          this.getList();
-          this.msgSuccess("删除成功");
-        })
-      },
-      //模糊查询地点
-      addressMethod(){
-        let queryParams = { pageNum: 1,};
-        getaddress(queryParams).then(response=>{
-          this.addressOptions = response.rows
-        })
-      },
-      /** 查询客户详情列表 */
-      getList() {
-        this.loading = true;
-        listCorps(this.queryParams).then(response => {
-          this.corpsList = response.rows;
-          this.total = response.total;
-          this.loading = false;
-        });
-      },
-
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.queryParams.pageNum = 1;
+      });
+    },
+    //保存列设置
+    save() {
+      this.showSetting = false;
+      this.data = {
+        tableName: "历史箱动态",
+        userId: Cookies.get("userName"),
+        sysTableSetList: this.setRowList,
+      };
+      addSet(this.data).then((res) => {
+        this.getRowList = this.setRowList.filter((e) => e.checked == 0);
+      });
+    },
+    //开始拖拽事件
+    onStart() {
+      this.drag = true;
+    },
+    //拖拽结束事件
+    onEnd() {
+      this.drag = false;
+    },
+    //附件查看
+    checkFile(scope) {
+      if (this.relevantAttachments[scope.$index].fUrl) {
+        window.open(this.relevantAttachments[scope.$index].fUrl)
+      } else {
+        this.$message.error('请上传附件')
+      }
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const fIds = row.fId || this.ids;
+      this.$confirm('是否确认删除客户详情编号为"' + fIds + '"的数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(function() {
+        return delCorps(fIds);
+      }).then(() => {
         this.getList();
+        this.msgSuccess("删除成功");
+      })
+    },
+    //模糊查询地点
+    addressMethod(){
+      let queryParams = { pageNum: 1,};
+      getaddress(queryParams).then(response=>{
+        this.addressOptions = response.rows
+      })
+    },
+    /** 查询客户详情列表 */
+    getList() {
+      this.loading = true;
+      listCorps(this.queryParams).then(response => {
+        this.corpsList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams = {
+        fNo:null,
+        fUpdateaddress:null,
+        cLoadDate:null,
+        fUpdateef:null,
+        fCntrstatus:null
       },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.queryParams = {
-            fNo:null,
-            fUpdateaddress:null,
-            cLoadDate:null,
-            fUpdateef:null,
-            fCntrstatus:null
-        },
         this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.ids = selection.map(item => item.fId)
-        this.single = selection.length!==1
-        this.multiple = !selection.length
-      },
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.fId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
 
-    }
-  };
+  }
+};
 </script>
 <style lang="scss" scoped>
 .avue-crud__dialog__header {

src/views/kaihe/containerNews/modifyPage/index.vue

@@ -286,6 +286,7 @@
           <span v-if="item.label == 'fNo'">{{scope.row.fNo}}</span>
           <span v-if="item.label == 'typeidName'">{{scope.row.typeidName}}</span>
           <span v-if="item.label == 'cntrsizeName'">{{scope.row.cntrsizeName}}</span>
+          <el-input v-model="scope.row.fSealno" v-if="item.label == 'fSealno'"/>
           <span v-if="item.label == 'ownerName'">{{scope.row.ownerName}}</span>
           <span v-if="item.label == 'fUpdatetime'">{{scope.row.fUpdatetime}}</span>
           <span v-if="item.label == 'addressName'">{{scope.row.addressName}}</span>
@@ -299,15 +300,15 @@
           <span v-if="item.label == 'fOpctnstatus'">{{scope.row.fOpctnstatus}}</span>
 
         </template>
-<!--        <template slot-scope="scope" v-if="item.label == 'fVoy'">-->
-<!--          <el-input v-model="scope.row.fVoy"/>-->
-<!--        </template>-->
-<!--        <template slot-scope="scope" v-if="item.label == 'fMblno'">-->
-<!--          <el-input v-model="scope.row.fMblno"/>-->
-<!--        </template>-->
-<!--        <template slot-scope="scope" v-if="item.label == 'remark'">-->
-<!--          <el-input v-model="scope.row.remark"/>-->
-<!--        </template>-->
+        <!--        <template slot-scope="scope" v-if="item.label == 'fVoy'">-->
+        <!--          <el-input v-model="scope.row.fVoy"/>-->
+        <!--        </template>-->
+        <!--        <template slot-scope="scope" v-if="item.label == 'fMblno'">-->
+        <!--          <el-input v-model="scope.row.fMblno"/>-->
+        <!--        </template>-->
+        <!--        <template slot-scope="scope" v-if="item.label == 'remark'">-->
+        <!--          <el-input v-model="scope.row.remark"/>-->
+        <!--        </template>-->
       </el-table-column>
       <!--      <el-table-column :show-overflow-tooltip="true" label="箱号" align="center" prop="fNo" width="200px"/>-->
       <!--      <el-table-column label="箱型" align="center" prop="typeidName" width="100px"/>-->
@@ -582,6 +583,14 @@ export default {
         },
         {
           surface: '3',
+          label: 'fSealno',
+          name: '铅封号',
+          checked: 0,
+          fixed: 'left',
+          width: 100
+        },
+        {
+          surface: '4',
           label: 'cntrsizeName',
           name: '尺寸',
           checked: 0,
@@ -589,7 +598,7 @@ export default {
           width: 100
         },
         {
-          surface: '4',
+          surface: '5',
           label: 'ownerName',
           name: '箱主',
           checked: 0,
@@ -597,7 +606,7 @@ export default {
           width: 100
         },
         {
-          surface: '5',
+          surface: '6',
           label: 'fUpdatetime',
           name: '原时间',
           checked: 0,
@@ -605,7 +614,7 @@ export default {
           width: 100
         },
         {
-          surface: '6',
+          surface: '7',
           label: 'addressName',
           name: '原地点',
           checked: 0,
@@ -613,7 +622,7 @@ export default {
           width: 100
         },
         {
-          surface: '7',
+          surface: '8',
           label: 'opctnstatusName',
           name: '原调箱动态',
           checked: 0,
@@ -621,7 +630,7 @@ export default {
           width: 100
         },
         {
-          surface: '8',
+          surface: '9',
           label: 'updateEFName',
           name: '原空重',
 
@@ -629,7 +638,7 @@ export default {
           width: 100
         },
         {
-          surface: '9',
+          surface: '10',
           label: 'cntrstatusName',
           name: '原状态',
 
@@ -637,7 +646,7 @@ export default {
           width: 100
         },
         {
-          surface: '10',
+          surface: '11',
           label: 'foldSite',
           name: '调入地点',
 
@@ -645,7 +654,7 @@ export default {
           width: 100
         },
         {
-          surface: '11',
+          surface: '12',
           label: 'foldFUpdateef',
           name: '调入空重',
           checked: 0,
@@ -653,7 +662,7 @@ export default {
           width: 100
         },
         {
-          surface: '12',
+          surface: '13',
           label: 'foldFCntrstatus',
           name: '调入状态',
           checked: 0,
@@ -661,7 +670,7 @@ export default {
           width: 100
         },
         {
-          surface: '13',
+          surface: '14',
           label: 'foldtime',
           name: '调入时间',
           checked: 0,
@@ -669,7 +678,7 @@ export default {
           width: 100
         },
         {
-          surface: '14',
+          surface: '15',
           label: 'fOpctnstatus',
           name: '调箱动态',
           checked: 0,
@@ -677,7 +686,7 @@ export default {
           width: 100
         },
         {
-          surface: '15',
+          surface: '16',
           label: 'fVsl',
           name: '船名',
           checked: 0,
@@ -685,7 +694,7 @@ export default {
           width: 100
         },
         {
-          surface: '16',
+          surface: '17',
           label: 'fVoy',
           name: '航次',
           checked: 0,
@@ -693,14 +702,14 @@ export default {
           width: 100
         },
         {
-          surface: '17',
+          surface: '18',
           label: 'fMblno',
           name: '提单号',
           checked: 0,
           width: 100
         },
         {
-          surface: '18',
+          surface: '19',
           label: 'remark',
           name: '备注',
           checked: 0,
@@ -767,6 +776,7 @@ export default {
     this.querDate = JSON.parse(this.$route.query.data)
     if (formDate) {
       addmodify(formDate).then(response => {
+        console.log(response)
         this.corpsList = response.rows
         this.loading = false
       })
@@ -1010,6 +1020,7 @@ export default {
           fVsl: this.select[item].fVsl,
           fVoy: this.select[item].fVoy,
           fMblno: this.select[item].fMblno,
+          fSealno: this.select[item].fSealno,
           fOpctnstatus: this.select[item].boxAdjustmentAction,
           remark: this.select[item].remark,
           accessoryList: this.file