|
|
@@ -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 {
|
lwt