船只维护，批量表维护

src/api/sjzx/jcsj.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+export function getList(data) {return request({url: '/dmCbxxp/getList', method: 'post', data})}
+export function del(data) {return request({url: '/dmCbxxp/del', method: 'post', data})}
+export function edit(data) {return request({url: '/dmCbxxp/edit', method: 'post', data})}
+export function add(data) {return request({url: '/dmCbxxp/add', method: 'post', data})}
+
+
+export function getCzplBase(data) {return request({url: '/dmCzplpNew/getCzplBase', method: 'post', data})}
+export function wgetCzplBase(data) {return request({url: '/dmCzplpNew/getCzplBase', method: 'post', data})}
+export function czPlupdate(data) {return request({url: '/dmCzplpNew/czPlupdate', method: 'post', data})}
+export function getCzplList(data) {return request({url: '/dmCzplpNew/getCzplList', method: 'post', data})}
+export function uploadPl(data) {
+  const param = new FormData()
+  param.append('file', data.file)
+  param.append('czbh', data.czbh)
+  param.append('isupload', data.isupload)
+  return request({
+    url: '/dmCzplpNew/uploadPl',
+    method: 'post',
+    headers: { 'Content-Type': 'multipart/form-data' },
+    data: param
+  })
+}
+

src/plugins/vxe-table/renderer/combination/FilterExcel.vue

@@ -51,212 +51,212 @@
 </template>
 
 <script>
-  import XEUtils from 'xe-utils'
+import XEUtils from 'xe-utils'
 
-  export default {
-    name: 'FilterExcel',
-    props: {
-      params: Object
-    },
-    data () {
-      return {
-        column: null,
-        option: null,
-        colValList: [],
-        caseGroups: [
-          [
-            { value: 'equal', label: '等于' },
-            { value: 'ne', label: '不等于' }
-          ],
-          [
-            { value: 'greater', label: '大于' },
-            { value: 'ge', label: '大于或等于' },
-            { value: 'less', label: '小于' },
-            { value: 'le', label: '小于或等于' }
-          ]
+export default {
+  name: 'FilterExcel',
+  props: {
+    params: Object
+  },
+  data () {
+    return {
+      column: null,
+      option: null,
+      colValList: [],
+      caseGroups: [
+        [
+          { value: 'equal', label: '等于' },
+          { value: 'ne', label: '不等于' }
+        ],
+        [
+          { value: 'greater', label: '大于' },
+          { value: 'ge', label: '大于或等于' },
+          { value: 'less', label: '小于' },
+          { value: 'le', label: '小于或等于' }
         ]
+      ]
+    }
+  },
+  computed: {
+    searchList () {
+      const { option, colValList } = this
+      return option.data.sVal ? colValList.filter(val => val.indexOf(option.data.sVal) > -1) : colValList
+    }
+  },
+  created () {
+    this.load()
+  },
+  methods: {
+    load () {
+      const { $table, column } = this.params
+      const { fullData } = $table.getTableData()
+      const option = column.filters[0]
+      const colValList = Object.keys(XEUtils.groupBy(fullData, column.property))
+      this.column = column
+      this.option = option
+      this.colValList = colValList
+    },
+    sAllEvent () {
+      const { data } = this.option
+      if (data.vals.length > 0) {
+        data.vals = []
+      } else {
+        data.vals = this.colValList
       }
     },
-    computed: {
-      searchList () {
-        const { option, colValList } = this
-        return option.data.sVal ? colValList.filter(val => val.indexOf(option.data.sVal) > -1) : colValList
+    sItemEvent (val) {
+      const { data } = this.option
+      const vIndex = data.vals.indexOf(val)
+      if (vIndex === -1) {
+        data.vals.push(val)
+      } else {
+        data.vals.splice(vIndex, 1)
       }
     },
-    created () {
-      this.load()
+    confirmFilterEvent (evnt) {
+      const { params, option } = this
+      const { data } = option
+      const { $panel } = params
+      data.f1 = ''
+      data.f2 = ''
+      $panel.changeOption(evnt, true, option)
+      $panel.confirmFilter()
     },
-    methods: {
-      load () {
-        const { $table, column } = this.params
-        const { fullData } = $table.getTableData()
-        const option = column.filters[0]
-        const colValList = Object.keys(XEUtils.groupBy(fullData, column.property))
-        this.column = column
-        this.option = option
-        this.colValList = colValList
-      },
-      sAllEvent () {
-        const { data } = this.option
-        if (data.vals.length > 0) {
-          data.vals = []
-        } else {
-          data.vals = this.colValList
-        }
-      },
-      sItemEvent (val) {
-        const { data } = this.option
-        const vIndex = data.vals.indexOf(val)
-        if (vIndex === -1) {
-          data.vals.push(val)
-        } else {
-          data.vals.splice(vIndex, 1)
-        }
-      },
-      confirmFilterEvent (evnt) {
-        const { params, option } = this
-        const { data } = option
-        const { $panel } = params
-        data.f1 = ''
-        data.f2 = ''
-        $panel.changeOption(evnt, true, option)
-        $panel.confirmFilter()
-      },
-      resetFilterEvent () {
-        const { $panel } = this.params
-        $panel.resetFilter()
-      },
-      childMenuClickEvent (cItem) {
-        this.$XModal.alert({ content: cItem.label })
-      }
+    resetFilterEvent () {
+      const { $panel } = this.params
+      $panel.resetFilter()
+    },
+    childMenuClickEvent (cItem) {
+      this.$XModal.alert({ content: cItem.label })
     }
   }
+}
 </script>
 
 <style>
-  .my-filter-excel {
-    user-select: none;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group {
-    position: relative;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group:after {
-    content: "";
-    position: absolute;
-    width: 190px;
-    right: 0;
-    bottom: 0;
-    border-bottom: 1px solid #E2E4E7;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link {
-    position: relative;
-    padding: 4px 20px 4px 30px;
-    cursor: pointer;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link:hover {
-    background-color: #C5C5C5;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link-left-icon {
-    position: absolute;
-    left: 10px;
-    top: 6px;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link-right-icon {
-    position: absolute;
-    right: 10px;
-    top: 6px;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link:hover .my-fe-menu-child-list {
-    display: block;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-menu-child-list {
-    display: none;
-    position: absolute;
-    top: 0;
-    right: -120px;
-    width: 120px;
-    background-color: #fff;
-    border: 1px solid #DADCE0;
-    box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.6);
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list {
-    position: relative;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list:after {
-    content: "";
-    position: absolute;
-    width: 90px;
-    right: 0;
-    bottom: 0;
-    border-bottom: 1px solid #E2E4E7;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list > .my-fe-child-menu-item {
-    position: relative;
-    padding: 4px 20px 4px 30px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list > .my-fe-child-menu-item:hover {
-    background-color: #C5C5C5;
-  }
-  .my-filter-excel .my-fe-search {
-    padding: 0 10px 0 30px;
-  }
-  .my-filter-excel .my-fe-search .my-fe-search-top {
-    position: relative;
-    padding: 5px 0;
-  }
-  .my-filter-excel .my-fe-search .my-fe-search-top > input {
-    border: 1px solid #ABABAB;
-    padding: 0 20px 0 2px;
-    width: 200px;
-    height: 22px;
-    line-height: 22px;
-  }
-  .my-filter-excel .my-fe-search .my-fe-search-top > .my-fe-search-icon {
-    position: absolute;
-    right: 5px;
-    top: 10px;
-  }
-  .my-filter-excel .my-fe-search .my-fe-search-list {
-    margin: 0;
-    border: 1px solid #E2E4E7;
-    padding: 2px 10px;
-    overflow: auto;
-    height: 140px;
-  }
-  .my-filter-excel .my-fe-search .my-fe-search-list .my-fe-search-item {
-    cursor: pointer;
-    padding: 2px 0;
-  }
-  .my-filter-excel .my-fe-search .my-fe-search-list .my-fe-search-item .my-fe-search-item-icon {
-    width: 16px;
-  }
-  .my-filter-excel .my-fe-footer {
-    text-align: right;
-    padding: 10px 10px 10px 0;
-  }
-  .my-fe-popup .my-fe-popup-filter {
-    padding-left: 30px;
-  }
-  .my-fe-popup .my-fe-popup-filter > .my-fe-popup-filter-select {
-    width: 120px;
-  }
-  .my-fe-popup .my-fe-popup-filter > .my-fe-popup-filter-input {
-    margin-left: 15px;
-    width: 380px;
-  }
-  .my-fe-popup .my-fe-popup-describe {
-    padding: 20px 0 10px 0;
-  }
-  .my-fe-popup .my-fe-popup-concat {
-    padding-left: 50px;
-  }
-  .my-fe-popup .my-fe-popup-footer {
-    text-align: right;
-  }
+.my-filter-excel {
+  user-select: none;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group:after {
+  content: "";
+  position: absolute;
+  width: 190px;
+  right: 0;
+  bottom: 0;
+  border-bottom: 1px solid #E2E4E7;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link {
+  position: relative;
+  padding: 4px 20px 4px 30px;
+  cursor: pointer;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link:hover {
+  background-color: #C5C5C5;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link-left-icon {
+  position: absolute;
+  left: 10px;
+  top: 6px;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link-right-icon {
+  position: absolute;
+  right: 10px;
+  top: 6px;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link:hover .my-fe-menu-child-list {
+  display: block;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-menu-child-list {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: -120px;
+  width: 120px;
+  background-color: #fff;
+  border: 1px solid #DADCE0;
+  box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.6);
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list {
+  position: relative;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list:after {
+  content: "";
+  position: absolute;
+  width: 90px;
+  right: 0;
+  bottom: 0;
+  border-bottom: 1px solid #E2E4E7;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list > .my-fe-child-menu-item {
+  position: relative;
+  padding: 4px 20px 4px 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.my-filter-excel .my-fe-top .my-fe-menu-group .my-fe-menu-link .my-fe-child-menu-group-list > .my-fe-child-menu-item:hover {
+  background-color: #C5C5C5;
+}
+.my-filter-excel .my-fe-search {
+  padding: 0 10px 0 30px;
+}
+.my-filter-excel .my-fe-search .my-fe-search-top {
+  position: relative;
+  padding: 5px 0;
+}
+.my-filter-excel .my-fe-search .my-fe-search-top > input {
+  border: 1px solid #ABABAB;
+  padding: 0 20px 0 2px;
+  width: 200px;
+  height: 22px;
+  line-height: 22px;
+}
+.my-filter-excel .my-fe-search .my-fe-search-top > .my-fe-search-icon {
+  position: absolute;
+  right: 5px;
+  top: 10px;
+}
+.my-filter-excel .my-fe-search .my-fe-search-list {
+  margin: 0;
+  border: 1px solid #E2E4E7;
+  padding: 2px 10px;
+  overflow: auto;
+  height: 140px;
+}
+.my-filter-excel .my-fe-search .my-fe-search-list .my-fe-search-item {
+  cursor: pointer;
+  padding: 2px 0;
+}
+.my-filter-excel .my-fe-search .my-fe-search-list .my-fe-search-item .my-fe-search-item-icon {
+  width: 16px;
+}
+.my-filter-excel .my-fe-footer {
+  text-align: right;
+  padding: 10px 10px 10px 0;
+}
+.my-fe-popup .my-fe-popup-filter {
+  padding-left: 30px;
+}
+.my-fe-popup .my-fe-popup-filter > .my-fe-popup-filter-select {
+  width: 120px;
+}
+.my-fe-popup .my-fe-popup-filter > .my-fe-popup-filter-input {
+  margin-left: 15px;
+  width: 380px;
+}
+.my-fe-popup .my-fe-popup-describe {
+  padding: 20px 0 10px 0;
+}
+.my-fe-popup .my-fe-popup-concat {
+  padding-left: 50px;
+}
+.my-fe-popup .my-fe-popup-footer {
+  text-align: right;
+}
 </style>

src/plugins/vxe-table/renderer/combination/index.js

@@ -71,7 +71,7 @@ VXETable.renderer.add('FilterCombination', {
             return cellValue < matchText
           case 'le':
             return cellValue < matchText || cellValue == matchText
-            // 通用匹配
+          // 通用匹配
           case 'equal':
             return getMatchRE(matchText, true, true).test(cellValue)
           case 'unequal':
@@ -132,5 +132,3 @@ VXETable.renderer.add('FilterExcell', {
     return false
   }
 })
-
-

src/styles/index.scss

@@ -15,7 +15,8 @@ body {
 }
 
 label {
-  font-weight: 700;
+  //font-weight: 700;
+  font-size: 12px
 }
 
 html {

src/views/sjzx/czbhwh.vue

@@ -0,0 +1,426 @@
+<template>
+  <!--  <el-dialog title="收货地址" :visible.sync="dialogFormVisible">-->
+  <el-container>
+    <el-header style="width: 100%; height: 80px;font-size: 12px">
+
+      <el-form :inline="true"  label-width="65px"  label-position="left">
+        <el-row>
+
+          <el-col :span="22">
+
+            <el-form-item label="船号:">
+              <el-input v-model="request.cbbm" type="search" placeholder="船号" ></el-input>
+            </el-form-item>
+<!--            <el-form-item label="场地名称:">-->
+<!--              <el-input v-model="request.cdmc" type="search" placeholder="场地名称" ></el-input>-->
+<!--            </el-form-item>-->
+
+
+          </el-col>
+          <el-col :span="2">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="initList">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="14">
+            <el-form-item style="float: right" >
+
+              <el-button
+                type="success"
+                @click="toolbarButtonClickEvent('save')"
+              >保存</el-button>
+              <el-button type="success" @click="toolbarButtonClickEvent('insert')">添加</el-button>
+              <el-button
+                type="danger"
+                @click="toolbarButtonClickEvent('delete')"
+              >删除
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-header>
+    <el-container  style="padding-top: 0px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="xGrid"
+              border
+              resizable
+              keep-source
+              :align="'center'"
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              highlight-current-row
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true}"
+              highlight-hover-row
+              show-overflow
+              show-header-overflow
+
+            >
+              <template #wgbsEdit="{ row}">
+                <vxe-checkbox v-model="row.wgbs"  checked-value="Y" unchecked-value="N"  @change="checkBoxClick(row,'tzDsqx01')"></vxe-checkbox>
+              </template>
+              <template #ckxsztEdit="{ row}">
+                <vxe-checkbox v-model="row.ckxszt"  checked-value="Y" unchecked-value="N"  @change="checkBoxClick(row,'tzDsqx01')"></vxe-checkbox>
+              </template>
+              <template #cwfzbsEdit="{ row}">
+                <vxe-checkbox v-model="row.cwfzbs"  checked-value="Y" unchecked-value="N"  @change="checkBoxClick(row,'tzDsqx01')"></vxe-checkbox>
+              </template>
+              <template #xbzEdit="{ row}">
+                <vxe-checkbox v-model="row.xbz"  checked-value="Y" unchecked-value="N"  @change="checkBoxClick(row,'tzDsqx01')"></vxe-checkbox>
+              </template>
+
+            </vxe-grid>
+          </div>
+
+
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import {
+  getList,
+  add,
+  edit,
+  del,
+} from '@/api/sjzx/jcsj'
+import { mapGetters } from 'vuex'
+import XEUtils from 'xe-utils'
+import {null2str} from "@/utils/rpkj";
+export default {
+  name:'czbhwh',
+  data() {
+    return {
+      request: {
+        cbbm:'',
+
+      },
+      list: [],
+
+      dictData:{},
+      height: '500px',
+
+      tableColumn: [
+        { type: 'checkbox', width: 50 ,
+        },
+        { type: 'seq', width: 60, title: '序号' },
+
+        { field: 'cbbm', title: '船号编码', width: 120,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'cbmc', title: '船号名称', width: 120,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'wgbs', title: '完工标识', width: 120, editRender: {},
+          slots:{
+            //
+            edit:'wgbsEdit',
+            default: 'wgbsEdit'
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'ckxszt', title: '库存系统显示标识', width: 120, editRender: {  },
+          slots:{
+            //
+            edit:'ckxsztEdit',
+            default: 'ckxsztEdit'
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'cjs', title: '船级社', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'sCzbh', title: '目标船只', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'xbz', title: '标准', width: 120, editRender: {  },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+          slots:{
+            //
+            edit:'xbzEdit',
+            default: 'xbzEdit'
+          },
+        },
+
+        { field: 'kgrq', title: '开工日期', width: 120,  editRender: {
+            name: '$input',
+            props: {type: 'date', labelFormat: "yyyy/MM/dd", valueFormat: "yyyy/MM/dd"},
+            formatter: this.formatDate,
+            events: {change: this.selectChange}
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'pdrq', title: '铺底日期', width: 120,  editRender: {
+            name: '$input',
+            props: {type: 'date', labelFormat: "yyyy/MM/dd", valueFormat: "yyyy/MM/dd"},
+            formatter: this.formatDate,
+            events: {change: this.selectChange}
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'xsrq', title: '下水日期', width: 120,  editRender: {
+            name: '$input',
+            props: {type: 'date', labelFormat: "yyyy/MM/dd", valueFormat: "yyyy/MM/dd"},
+            formatter: this.formatDate,
+            events: {change: this.selectChange},
+
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'shrq', title: '试航日期', width: 120,  editRender: {
+            name: '$input',
+            props: {type: 'date', labelFormat: "yyyy/MM/dd", valueFormat: "yyyy/MM/dd"},
+            formatter: this.formatDate,
+            events: {change: this.selectChange}
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'drbz', title: '导入标准', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'cwfzbs', title: '财务封账标识', width: 120, editRender: { },
+          slots:{
+            //
+            edit:'cwfzbsEdit',
+            default: 'cwfzbsEdit'
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'bz', title: '备注', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'bzr', title: '编制人', width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'bzrq', title: '编制日期', width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters(['name', 'bmbm'])
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.initBase()
+
+
+  },
+  methods: {
+
+
+
+
+
+
+    initBase(){
+      // getTpBase({}).then(res=>{
+      //   this.dictData = res.data
+      //   const xGrid = this.$refs.xGrid
+      //
+      //   const dwbm = xGrid.getColumnByField('dwbm')
+      //   dwbm.editRender.options = res.data.xqdws
+      //
+      // })
+    },
+    initList() {
+      getList(this.request).then((res) => {
+        this.list = res.data
+        if (this.$refs.xGrid) {
+          this.$refs.xGrid.loadData(this.list)
+        }
+
+      })
+    },
+    formatDate ({ cellValue }) {
+      console.log("111")
+      return XEUtils.toDateString(cellValue, 'yyyy/MM/dd')
+    },
+
+    checkBoxClick(row,column){
+      // console.log(row)
+      // this.$refs.xGrid.clearActived()
+      console.log('1')
+      this.$refs.xGrid.setActiveCell(row,column)
+    },
+
+    selectChange(row) {
+      // this.$refs.xGrid.clearActived() // 清除单元格激活状态
+      this.$refs.xGrid.clearEdit() // 清除单元格激活状态
+    //  this.$refs.xGrid.setEditCell(row.row, row.column.property) // 设置单元格为激活状态
+      null2str(row.row)
+    },
+    getHeight() {
+      this.height = window.innerHeight - 190
+    },
+    toolbarButtonClickEvent(code) {
+      const {
+        insertRecords,
+        removeRecords,
+        updateRecords
+      } = this.$refs.xGrid.getRecordset()
+      switch (code) {
+        case 'insert':
+
+          this.$refs.xGrid.insertAt({
+
+          }, -1).then(({ row }) => {
+            this.$refs.xGrid.setActiveRow(row)
+          })
+          break
+        case 'delete':
+          this.$confirm('删除, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then((type) => {
+            this.$refs.xGrid.removeCheckboxRow()
+          })
+          break
+        case 'save':
+
+
+          if (removeRecords.length !== 0) {
+            del(removeRecords).then((response) => {
+              if (response.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1)
+                    i--
+                  }
+                }
+                this.$message({ message: '保存成功！', type: 'success' })
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+
+              }
+            })
+          }
+
+
+
+          if (updateRecords.length !== 0) {
+            edit(updateRecords).then((response) => {
+              if (response.success) {
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({message: '保存成功！', type: 'success'})
+              }
+            })
+          }
+          if (insertRecords.length !== 0) {
+            add(insertRecords).then((response) => {
+              if (response.success) {
+                this.list = this.list.concat(insertRecords)
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({ message: '保存成功！', type: 'success' })
+              }
+            })
+          }
+          this.$message(
+            `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+          )
+          break
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped >
+
+.el-header{margin:0;padding: 5px;height:auto;
+  .el-input{
+    width: 140px;
+  }
+  .el-select{
+    width: 140px;
+  }
+
+}
+.el-container{padding: 0;margin:0;}
+.el-main{padding: 0;}
+.el-col{padding: 0;height: 32px;}
+.el-aside{background: #fff;padding: 0}
+.el-container{padding: 0}
+.el-row {}
+.el-row:last-child {margin-bottom: 0; }
+
+.tableStyles{
+  background: #0a76a4;
+}
+
+.my-dropdown {
+  width: 400px;
+  height: 400px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+
+}
+.mytable1{
+
+}
+.borderClass{
+
+}
+.vxe-input {
+  display: inline-block !important;
+  position: relative !important;
+  width: auto;
+}
+.el-input {
+  display: inline-block !important;
+  position: relative !important;
+  width: auto;
+}
+.keyword-lighten {
+  color: #000;
+  background-color: #FFFF00;
+}
+
+.vxe-textarea--inner {
+  line-height: inherit;
+}
+.el-form-item__label-wrap {
+  margin-left: 0px !important;
+  float: left;
+}
+.fontClass{
+  font-size: 12px;
+  font-weight: bold;
+}
+
+
+</style>

src/views/sjzx/czplwh.vue

@@ -0,0 +1,650 @@
+<template>
+  <!--  <el-dialog title="收货地址" :visible.sync="dialogFormVisible">-->
+  <el-container>
+    <el-header style="width: 100%; height: 80px;font-size: 12px">
+
+      <el-form :inline="true"  label-width="65px"  label-position="left">
+        <el-row>
+
+          <el-col :span="22">
+
+            <el-form-item label="船号:">
+              <el-select v-model="queryParam.cbbm" filterable  placeholder="工程编号" @change="czbhChange" >
+                <el-option
+                  v-for="item in dictData.cbbm"
+                  :key="item.cbbm"
+                  :label="item.cbbm"
+                  :value="item.cbbm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="批量:">
+              <el-input v-model="queryParam.dcpl" type="search" placeholder="批量" ></el-input>
+            </el-form-item>
+
+
+          </el-col>
+          <el-col :span="2">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="initList">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="14">
+            <el-form-item style="float: right" >
+
+
+              <el-button
+                type="success"
+                @click="toolbarButtonClickEvent('save')"
+              >保存</el-button>
+              <div style="float: right;margin-left: 5px" >
+
+                <el-upload
+                  :action="uploadAction"
+                  :show-file-list="false"
+                  :before-upload="beforeAvatarUpload"
+                  :data="uploadData"
+                  :on-success="handleAvatarSuccess"
+                  :disabled="filedis"
+                  :headers="heads"
+                >
+                  <el-button type="success" @click="uploadExcel" >        批量表导入    </el-button>
+                </el-upload>
+
+              </div>
+
+
+
+<!--              <el-button-->
+<!--                type="danger"-->
+<!--                @click="toolbarButtonClickEvent('delete')"-->
+<!--              >删除-->
+<!--              </el-button>-->
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-header>
+    <el-container  style="padding-top: 0px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="xGrid"
+              border
+              resizable
+              keep-source
+              :align="'center'"
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              highlight-current-row
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true}"
+              highlight-hover-row
+              show-overflow
+              show-header-overflow
+
+            >
+
+
+            </vxe-grid>
+          </div>
+
+
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import {
+  getCzplBase ,
+  wgetCzplBase,
+  czPlupdate,
+  getCzplList,
+} from '@/api/sjzx/jcsj'
+import { mapGetters } from 'vuex'
+import XEUtils from 'xe-utils'
+import {null2str} from "@/utils/rpkj";
+import { getToken } from '@/utils/auth'
+import { startLoading, endLoading } from '@/utils'
+import { Message } from 'element-ui'
+export default {
+  name:'czplwh',
+  data() {
+    return {
+      queryParam: {
+        cbbm:'',
+        dcpl:'',
+
+      },
+      list: [],
+      isupload:'02',
+      filedis:true,
+      uploadData:{
+
+      },
+      heads: { token: getToken() },
+      uploadAction: process.env.VUE_APP_BASE_API + '/dmCzplpNew/uploadPl',
+      dictData:{},
+      height: '500px',
+
+      tableColumn: [
+
+        { type: 'seq', width: 60, title: '序号' },
+
+        { field: 'dcCh', title: '船号', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'dcPl', title: '批量', width: 100,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'dcFd', title: '分段', width: 100, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+
+
+        { field: 'zl', title: '重量', width: 100,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'lrr', title: '录入人', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'lrrq', title: '录入日期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'bz', title: '备注', width: 100,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'qy', title: '区域', width: 100,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'zdh', title: '总段号', width: 100,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'gdqJt', title: '集团3月滚动期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'dzjsq', title: '钢加结束（大组）', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'dzjsqZrc', title: '中日程（大组结束）', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xzjsq', title: '钢加结束（小组）', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xzjsqZrc', title: '中日程（小组结束）', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'gjks', title: '钢加开始', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'gjksZrc', title: '中日程（钢加开始）', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'dhqc', title: '订货期次', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqTlt', title: '套料图下发', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'jsqTlt', title: '套料图接收', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqLqb', title: '板材领取表下发', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'jsqLqb', title: '板材领取表接收', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqPtb', title: '零件配套表下发', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'jsqPtb', title: '零件配套表接收', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'slDz', title: '大组数量', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'slXz', title: '小组数量', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'qtqDz', title: '大组齐套日期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'qtqXz', title: '小组齐套日期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'fdxqq', title: '分段需求期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'sjpsq', title: '实际配送期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'dhqd', title: '订货清单号', width: 100,editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqDhqd', title: '订货清单下发', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'sjdhrq', title: '实际订货日期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'bcdq', title: '板材到齐', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'sjarrival', title: '实际到货日期', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'jsbs', title: '结算数据标识区域', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'zt', title: '状态', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'dzjsq1', title: 'dzjsq1', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'dzjsqsm', title: 'dzjsqsm', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xzjsq1', title: 'xzjsq1', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xzjsqsm', title: 'xzjsqsm', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'gjks1', title: 'gjks1', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'gjkssm', title: 'gjkssm', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqTlt1', title: 'xfqTlt1', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqTltsm', title: 'xfqTltsm', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqLqb1', title: 'xfqLqb1', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqLqb1sm', title: 'xfqLqb1sm', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqDhqd1', title: 'xfqDhqd1', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'xfqDhqd1sm', title: 'xfqDhqd1sm', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        { field: 'lsh', title: 'lsh', width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters(['name', 'bmbm'])
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.initBase()
+
+
+  },
+  methods: {
+
+
+    uploadExcel() {
+      if (this.queryParam.cbbm === '') {
+        this.$message.error('请选择船号！')
+        return false;
+      } else {
+
+      }
+
+      // this.uploadData.czbh = this.queryParam.czbh
+      this.uploadData.isupload = this.isupload
+    },
+
+    czbhChange(){
+      if (this.queryParam.cbbm === '') {
+          this.filedis=true
+      }else{
+        this.filedis=false
+      }
+    },
+    beforeAvatarUpload(file) {
+
+      // 文件类型
+      const isType = file.type === 'application/vnd.ms-excel'
+      const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      const fileType = isType || isTypeComputer
+      if (!fileType) {
+        this.$message.error('上传文件只能是xls/xlsx格式！')
+        return
+      }
+      startLoading()
+      return fileType
+    },
+    handleAvatarSuccess(res, file) {
+      endLoading()
+      if (res.success) {
+        // if(res.data.zt==='01'){
+        //   this.$confirm('该模板已导入数据,是否重新导入并覆盖模板数据?', '提示', {
+        //     confirmButtonText: '确定',
+        //     cancelButtonText: '取消',
+        //     distinguishCancelAndClose: true,
+        //     type: 'warning'
+        //   }).then(type => {
+        //     upload({ file: file.raw, czbh: this.queryParam.czbh, isupload: '02' }).then(res => {
+        //       if (res.success) {
+        //         this.$message({ message: '导入成功', type: 'success' })
+        //         this.loadData()
+        //       }
+        //     })
+        //   })
+        // }else{
+        //   this.$message({ message: '导入成功', type: 'success' })
+        //   this.loadData()
+        // }
+        this.$message({ message: '导入成功', type: 'success' })
+        this.initList();
+
+      } else {
+        Message({
+          message: res.message || 'Error',
+          type: 'error',
+          duration: 5 * 1000
+        })
+      }
+    },
+    initBase(){
+      getCzplBase({}).then(res=>{
+        this.dictData = res.data
+        // const xGrid = this.$refs.xGrid
+        //
+        // const dwbm = xGrid.getColumnByField('dwbm')
+        // dwbm.editRender.options = res.data.xqdws
+
+      })
+    },
+    initList() {
+      if (this.queryParam.cbbm === '') {
+          this.$message.warning('选择船只编号')
+        return
+      }
+      getCzplList(this.queryParam).then((res) => {
+        this.list = res.data
+        if (this.$refs.xGrid) {
+          this.$refs.xGrid.loadData(this.list)
+        }
+
+      })
+    },
+    formatDate ({ cellValue }) {
+      return XEUtils.toDateString(cellValue, 'yyyy/MM/dd')
+    },
+
+    checkBoxClick(row,column){
+      // console.log(row)
+
+      this.$refs.xGrid.setActiveCell(row,column)
+    },
+
+    selectChange(row) {
+      // this.$refs.xGrid.clearActived() // 清除单元格激活状态
+      this.$refs.xGrid.clearEdit() // 清除单元格激活状态
+    //  this.$refs.xGrid.setEditCell(row.row, row.column.property) // 设置单元格为激活状态
+      null2str(row.row)
+    },
+    getHeight() {
+      this.height = window.innerHeight - 190
+    },
+    toolbarButtonClickEvent(code) {
+      const {
+        insertRecords,
+        removeRecords,
+        updateRecords
+      } = this.$refs.xGrid.getRecordset()
+      switch (code) {
+        case 'insert':
+
+          this.$refs.xGrid.insertAt({
+
+          }, -1).then(({ row }) => {
+            this.$refs.xGrid.setActiveRow(row)
+          })
+          break
+        case 'delete':
+          this.$confirm('删除, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then((type) => {
+            this.$refs.xGrid.removeCheckboxRow()
+          })
+          break
+        case 'save':
+
+
+          if (removeRecords.length !== 0) {
+            del(removeRecords).then((response) => {
+              if (response.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1)
+                    i--
+                  }
+                }
+                this.$message({ message: '保存成功！', type: 'success' })
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+
+              }
+            })
+          }
+
+
+
+          if (updateRecords.length !== 0) {
+            czPlupdate(updateRecords).then((response) => {
+              if (response.success) {
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({message: '保存成功！', type: 'success'})
+              }
+            })
+          }
+          if (insertRecords.length !== 0) {
+            add(insertRecords).then((response) => {
+              if (response.success) {
+                this.list = this.list.concat(insertRecords)
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({ message: '保存成功！', type: 'success' })
+              }
+            })
+          }
+          this.$message(
+            `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+          )
+          break
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped >
+
+.el-header{margin:0;padding: 5px;height:auto;
+  .el-input{
+    width: 140px;
+  }
+  .el-select{
+    width: 140px;
+  }
+
+}
+.el-container{padding: 0;margin:0;}
+.el-main{padding: 0;}
+.el-col{padding: 0;height: 32px;}
+.el-aside{background: #fff;padding: 0}
+.el-container{padding: 0}
+.el-row {}
+.el-row:last-child {margin-bottom: 0; }
+
+.tableStyles{
+  background: #0a76a4;
+}
+
+.my-dropdown {
+  width: 400px;
+  height: 400px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+
+}
+.mytable1{
+
+}
+.borderClass{
+
+}
+.vxe-input {
+  display: inline-block !important;
+  position: relative !important;
+  width: auto;
+}
+.el-input {
+  display: inline-block !important;
+  position: relative !important;
+  width: auto;
+}
+.keyword-lighten {
+  color: #000;
+  background-color: #FFFF00;
+}
+
+.vxe-textarea--inner {
+  line-height: inherit;
+}
+.el-form-item__label-wrap {
+  margin-left: 0px !important;
+  float: left;
+}
+.fontClass{
+  font-size: 12px;
+  font-weight: bold;
+}
+
+
+</style>