diff --git a/src/views/jc/czfdzgtdy.vue b/src/views/jc/czfdzgtdy.vue
new file mode 100644
index 0000000..f10b761
--- /dev/null
+++ b/src/views/jc/czfdzgtdy.vue
@@ -0,0 +1,383 @@
+<template>
+  <el-container>
+    <el-header style="width: 100%; height: 30px;font-size: 12px">
+      <el-form :inline="true"  label-width="90px" >
+        <el-row>
+
+          <el-col :span="20">
+            <el-form-item label="工程编号:"  >
+              <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" >
+                <el-option
+                  v-for="item in projectData"
+                  :key="item.czbh"
+                  :label="item.czbh"
+                  :value="item.czbh">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <!--            <el-form-item label="分段号:">-->
+            <!--              <el-input v-model="queryParam.fdh" type="search" placeholder="分段号" ></el-input>-->
+            <!--            </el-form-item>-->
+          </el-col>
+          <el-col :span="4">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="loadData()">查询</el-button>
+
+
+
+              <el-button type="success"  @click.native="uploadExcel">    <el-upload
+                :action="uploadAction"
+                :show-file-list="false"
+                :before-upload="beforeAvatarUpload"
+                :data="uploadData"
+                :on-success="handleAvatarSuccess"
+                :disabled="uploadState==0?true:false"
+                :headers="heads"
+              >
+                直观图模板导入
+              </el-upload>   </el-button>
+
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+
+      </el-form>
+    </el-header>
+    <el-divider></el-divider>
+    <el-container :style="defaultHeight" style="padding-top: 0px">
+      <!--    <el-container >-->
+
+      <el-main>
+        <div class="mytablefdt" >
+
+          <vxe-grid
+            id="id"
+            ref="xGrid"
+
+            :empty-text="emtext"
+            show-footer
+            :height="height"
+            resizable
+            :custom-config="{storage: true}"
+            :columns="tableColumn"
+            :data="list"
+            :show-header="false"
+            align="center"
+            @cell-click="cellClick"
+            border=none
+            :cell-style="cellStyle"
+          >
+
+
+          </vxe-grid>
+          <!--            <vxe-table-->
+          <!--                align="center"-->
+          <!--              :data="tableData">-->
+          <!--              <template v-for="item in col">-->
+          <!--                <vxe-column type="column"+{{item}}+ width="60"></vxe-column>-->
+          <!--              </template>-->
+
+
+          <!--            </vxe-table>-->
+        </div>
+      </el-main>
+
+    </el-container>
+
+  </el-container>
+
+</template>
+
+<script>
+import { startLoading, endLoading } from '@/utils'
+import { mapGetters } from 'vuex'
+import { getToken } from '@/utils/auth'
+import { Message } from 'element-ui'
+import {getCzFdBase ,getList,upload} from '@/api/fd/base'
+import XEUtils from 'xe-utils'
+export default {
+  // 船只分段直观图定义
+  name: 'Czfdzgtdy',
+  data() {
+    return {
+      emtext:'',
+      defaultHeight: { height: '' },
+
+      heads: { token: getToken() },
+      uploadAction: process.env.VUE_APP_BASE_API + '/api/dmCzfddyb/upload',
+      uploadData: {},
+      queryParam: {
+        czbh: '',
+        ph: '',
+        kh: '',
+        dwgNo: '',
+        departCode: '02'
+      },
+      uploadState: 0,
+      isupload:'01',
+      dictData: {},
+      projectData: [],
+      col:0,
+      //    tableData: [],
+      tableColumn: [
+
+      ],
+      columns:[],
+      filterName1:'',
+      tableData: [
+        // { id: 10001, name: 'Test1', nickname: 'T1', role: 'Develop', sex: 'Man', age: 0, address: 'Shenzhen' },
+        // { id: 10002, name: 'Test2', nickname: 'T2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
+        // { id: 10003, name: 'Test3', nickname: 'T3', role: 'PM', sex: 'Man', age: 100, address: 'Shanghai' },
+        // { id: 10004, name: 'Test4', nickname: 'T4', role: 'Designer', sex: 'Women', age: 70, address: 'Shenzhen' },
+        // { id: 10005, name: 'Test5', nickname: 'T5', role: 'Develop', sex: 'Women', age: 10, address: 'Shanghai' },
+        // { id: 10006, name: 'Test6', nickname: 'T6', role: 'Designer', sex: 'Women', age: 90, address: 'Shenzhen' },
+        // { id: 10007, name: 'Test7', nickname: 'T7', role: 'Test', sex: 'Man', age: 5, address: 'Shenzhen' },
+        // { id: 10008, name: 'Test8', nickname: 'T8', role: 'Develop', sex: 'Man', age: 80, address: 'Shenzhen' }
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'name',
+      'bmbm'
+    ]),
+
+    list() {
+      if (this.tableData===undefined){
+
+        return []
+      }
+      const filterName = XEUtils.toString(this.filterName1).trim().toLowerCase();
+      if (filterName) {
+        const filterRE = new RegExp(filterName, 'gi');
+        const searchProps = this.columns
+        // const rest = this.tableData.filter(item => searchProps.some(key => XEUtils.toString(item[key]).toLowerCase().indexOf(filterName) > -1));
+        const rest = this.tableData
+        return rest.map(row => {
+
+          const item = Object.assign({}, row);
+
+          searchProps.forEach(key => {
+            if(XEUtils.toString(item[key]).toLowerCase().indexOf(filterName) > -1){
+              item[key] = XEUtils.toString(item[key]).replace(filterRE, match => `<span style='background-color: #FFFF00;'>${match}</span>`);
+            }
+
+          });
+
+
+          return item
+        })
+      }
+      return this.tableData
+    }
+
+
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.baseSeacrh()
+    this.uploadState=0
+    this.emtext='暂无数据';
+    // this.loadData()
+  },
+  methods: {
+    czbhChange(){
+      this.uploadState = 1
+    },
+
+    cellClick({row,column}){
+      console.log(row[column.field])
+      console.log(row)
+      console.log(column)
+    },
+
+
+
+
+
+    uploadExcel() {
+
+      if (this.queryParam.czbh === '') {
+        this.$message.warning('选择工程编码')
+        this.uploadState = 0
+        return
+      } else {
+
+      }
+      this.uploadData.czbh = this.queryParam.czbh
+      this.uploadData.isupload = this.isupload
+    },
+    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()
+        }
+
+
+      } else {
+        Message({
+          message: res.message || 'Error',
+          type: 'error',
+          duration: 5 * 1000
+        })
+      }
+    },
+
+
+
+    cellStyle({ row, rowIndex, column }) {
+      if(row[column.property]){
+        return {
+
+          border:'1px solid black'
+
+          // textAlign:'center'
+        }
+      }
+
+    },
+
+
+
+    async baseSeacrh() {
+      getCzFdBase({  }).then(response => {
+        this.projectData = response.data.czbhs
+      })
+    },
+    loadData() {
+      if(this.queryParam.czbh===''){
+        this.$message.warning('选择工程编码')
+        return
+      }
+      getList(this.queryParam).then(res=>{
+        this.tableColumn=[]
+        this.emtext=this.queryParam.czbh+"尚未定义直观图请于分段制造部管理人员联系！"
+        if(res.success){
+          const col=res.data.col;
+          for (let i = 0; i <= col; i++) {
+            let ii=i+'';
+            let aaa='column'+ii.padStart(3, '0');
+            this.columns.push(aaa);
+            let temp1=   {
+              title: `111`,width:"35px",field: `column${ii.padStart(3, '0')}`,type:"html",
+              // slots: {
+              //   // 使用 JSX 渲染
+              //   default: ({ row,column }) => {
+              //     if(row[column.property]){
+              //       return [
+              //         <span >{row[column.property]}</span>
+              //       ]
+              //     }else{
+              //       return [
+              //         <span >{row[column.property]}</span>
+              //         ]
+              //
+              //     }
+              //
+              //   }
+              // }
+            };
+
+            this.tableColumn.push(temp1)
+          }
+
+          //this.tableData=res.data.data
+          this.tableData=res.data.data
+          //this.list=res.data.data
+        }
+      })
+
+    },
+
+
+
+    getHeight() {
+      this.height = window.innerHeight - 170
+      this.defaultHeight.height = window.innerHeight - 165 + 'px'
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+.el-header{margin:0;padding: 5px;height:auto;}
+.el-container{padding: 0;margin:0;}
+.el-main{padding: 0;}
+.el-col{padding: 0;}
+.el-aside{background: #fff;padding: 0}
+.el-container{padding: 0}
+.el-row {margin-bottom: 5px;}
+.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;
+}
+</style>
+
+
+
diff --git a/src/views/jc/xqdwcjcd.vue b/src/views/jc/xqdwcjcd.vue
new file mode 100644
index 0000000..544fe53
--- /dev/null
+++ b/src/views/jc/xqdwcjcd.vue
@@ -0,0 +1,353 @@
+<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="request.dwbm" filterable  placeholder="单位编码" clearable   :disabled="this.flag" >
+                <!--              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable   >-->
+                <el-option
+                  v-for="item in dictData.xqdws"
+                  :key="item.bm"
+                  :label="item.mc"
+                  :value="item.bm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="车间名称:">
+              <el-input v-model="request.cjmc" 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
+              @edit-actived="editActivedEvent"
+              show-overflow
+              show-header-overflow
+
+            />
+          </div>
+
+
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import {
+  getXqdwcjcdList,
+  updateXqdwcjcd,
+  delXqdwcjcd,
+  saveXqdwcjcd,
+} from '@/api/fd/jc'
+import {
+ getTpBase
+} from '@/api/fd/base'
+import { mapGetters } from 'vuex'
+import XEUtils from 'xe-utils'
+import {null2str} from "@/utils/rpkj";
+export default {
+  name:'xqdwcjcd',
+  data() {
+    return {
+      request: {
+        dwbm:'',
+        cjmc:'',
+        cdmc:''
+
+      },
+      list: [],
+      deptList: [],
+      clickList: [],
+
+      dictData:{},
+      height: '500px',
+
+      tableColumn: [
+        { type: 'checkbox', width: 50 ,
+        },
+        { type: 'seq', width: 60, title: '序号' },
+
+        { field: 'dwbm', title: '单位编码', width: 120,
+          editRender: { name: '$select', options: [],
+            optionProps: { value: 'bm', label: 'mc' },
+            props: { clearable: true },events: { change: this.selectChange },
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'cjmc', title: '车间名称', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'cdmc', title: '场地名称', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'fzry', title: '负责人', width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'tel', title: '电话', width: 120, editRender: { name: 'input' },
+          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', },
+        },
+
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters(['name', 'bmbm','apbm'])
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.initBase()
+    if(this.apbm==='P30000'){
+      this.request.dwbm='P30000'
+      this.flag=true;
+    }else{
+      this.flag=false;
+    }
+
+  },
+  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() {
+      getXqdwcjcdList(this.request).then((res) => {
+        this.list = res.data
+        if (this.$refs.xGrid) {
+          this.$refs.xGrid.loadData(this.list)
+        }
+
+      })
+    },
+
+
+
+
+    selectChange(row) {
+      this.$refs.xGrid.clearActived() // 清除单元格激活状态
+      this.$refs.xGrid.setActiveCell(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':
+          if(this.request.dwbm==='' ||this.request.dwbm===null){
+            this.$message({ message: '请选择需求单位！', type: 'warning' })
+            return
+          }
+          this.$refs.xGrid.insertAt({
+            'dwbm':this.request.dwbm,
+            'fzry': this.name,
+          }, -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) {
+            delXqdwcjcd(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) {
+            updateXqdwcjcd(updateRecords).then((response) => {
+              if (response.success) {
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({message: '保存成功！', type: 'success'})
+              }
+            })
+          }
+          if (insertRecords.length !== 0) {
+            saveXqdwcjcd(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} 条`
+          )
+          this.clickList = []
+          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>
diff --git a/src/views/sjzx/bclqCX.vue b/src/views/sjzx/bclqCX.vue
index ac83a56..f24fcde 100644
--- a/src/views/sjzx/bclqCX.vue
+++ b/src/views/sjzx/bclqCX.vue
@@ -441,9 +441,9 @@ export default {
         return
       }
       getBcLQlList(this.queryParam).then((res) => {
-        this.list = res.data
+       //this.list = res.data
         if (this.$refs.xGrid) {
-          this.$refs.xGrid.loadData(this.list)
+          this.$refs.xGrid.loadData(res.data)
           console.log(this.list)
         }
 
diff --git a/src/views/tp/czfdzgtcx.vue b/src/views/tp/czfdzgtcx.vue
new file mode 100644
index 0000000..ba5b9b5
--- /dev/null
+++ b/src/views/tp/czfdzgtcx.vue
@@ -0,0 +1,1392 @@
+<template>
+  <el-container>
+    <el-header style="width: 100%; height: 30px;font-size: 12px">
+      <el-form :inline="true"  label-width="90px" >
+        <el-row>
+
+          <el-col :span="20">
+            <el-form-item label="工程编号:"  >
+              <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" >
+                <el-option
+                  v-for="item in projectData"
+                  :key="item.czbh"
+                  :label="item.czbh"
+                  :value="item.czbh">
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+          </el-col>
+          <el-col :span="4">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="loadData()">查询</el-button>
+
+
+
+<!--              <el-button type="success"  @click.native="uploadExcel">    <el-upload-->
+<!--                :action="uploadAction"-->
+<!--                :show-file-list="false"-->
+<!--                :before-upload="beforeAvatarUpload"-->
+<!--                :data="uploadData"-->
+<!--                :on-success="handleAvatarSuccess"-->
+<!--                :disabled="uploadState==0?true:false"-->
+<!--                :headers="heads"-->
+<!--              >-->
+<!--                直观图模板导入-->
+<!--              </el-upload>   </el-button>-->
+
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+
+      </el-form>
+    </el-header>
+    <el-divider></el-divider>
+    <el-container  style="padding-top: 0px">
+      <!--    <el-container >-->
+
+      <el-main>
+
+
+        <div class="mytablefdt" >
+
+          <vxe-grid
+            id="id"
+            ref="xGridFd"
+            :empty-text="emtext"
+
+            show-footer
+            :height="500"
+            resizable
+            :custom-config="{storage: true}"
+            :columns="tableColumn"
+            :data="tableData"
+            :show-header="false"
+            align="center"
+            @cell-click="cellClick"
+            border=none
+            :cell-style="cellStyle"
+          >
+
+
+          </vxe-grid>
+
+        </div>
+
+        <el-tabs v-model="activeName" >
+          <el-tab-pane label="汇总" name="first">
+            <span slot="label" class="fontClass">汇总</span>
+            <div class="mytable">
+              <vxe-grid
+                id="id"
+                ref="xGridMain"
+                border
+                resizable
+                :custom-config="{storage: true}"
+                :height="330"
+                :row-config="{isHover: true,isCurrent:true}"
+                :columns="tableColumnMain"
+                :data="tableDataMain"
+                align="center"
+                :span-method="spanMethods"
+                show-header-overflow
+                :cell-style="cellStyle1"
+              >
+
+                <template #tpbh="{ row }">
+                  <span style="cursor:pointer;color: blue" @click="tpbhClcik(row)">{{ row.tpbh }}</span>
+                </template>
+                <template #fdh="{ row }">
+                  <span style="cursor:pointer;color: blue" @click="fdhClcik(row)">{{ row.fdh }}</span>
+                </template>
+
+              </vxe-grid>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="明细" name="second">
+            <span slot="label" class="fontClass">明细</span>
+            <div class="mytable" >
+              <vxe-grid
+                id="id"
+                ref="xGrid"
+                border
+                :footer-method="footerMethod"
+                resizable
+                :custom-config="{storage: true}"
+                :height="330"
+                :row-config="{isHover: true,isCurrent:true}"
+                :columns="tableColumnMx"
+                :data="tableDataMx"
+                align="center"
+                show-header-overflow
+                :row-class-name="rowClassName"
+                :header-cell-style="headerCellStyle"
+                :show-footer="true"
+              >
+
+
+              </vxe-grid>
+
+            </div>
+          </el-tab-pane>
+
+        </el-tabs>
+      </el-main>
+
+    </el-container>
+
+  </el-container>
+
+</template>
+
+<script>
+import { startLoading, endLoading } from '@/utils'
+import { mapGetters } from 'vuex'
+import { getToken } from '@/utils/auth'
+import { Message } from 'element-ui'
+import { getCzFdBase, getList, upload, getListFdMx, findTPxqjh } from '@/api/fd/base'
+import XEUtils from 'xe-utils'
+import { getSumAdd } from '@/utils/rpkj'
+export default {
+  // 船只分段直观图定义
+  name: 'Czfdzgtcx',
+  data() {
+    return {
+      emtext:'',
+      defaultHeight: { height: '' },
+      tableDataMain:[],
+      tableDataMainAll:[],
+
+      //    tableData: [],
+      tableColumnMx: [
+        { type: 'seq', width: 60, title: '序号' },
+        { field: 'jhqh', title: '计划期号', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'hh', title: '行号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'azth', title: '安装图号', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zztph', title: '批号/卡号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzth', title: '制作图号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zztmc', title: '制作图名称', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjdh', title: '部件号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjmc', title: '部件名称', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdxqrq', title: '分段计划需求期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqsl', title: '需求数量', width: 70 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzl', title: '单重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzzl', title: '总重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zdcp', title: '重点产品', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ygpprq', title: '预计配送期', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhlx', title: '计划类型', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhbgts', title: '变更天数', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'por_no', title: '采购需求编号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'lc', title: '来处', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        { field: 'zzt_zt', title: '技术处理状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_gyspsj', title: '工艺审批时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgsj', title: '修改时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sc_zt', title: '制作状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sgdw', title: '结构施工单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jgwgrq', title: '结构实际完工日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzdw', title: '表面处理单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzjsrq', title: '表面处理接收日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzwgrq', title: '表面处理时间完工日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'scqkbz', title: '生产情况备注', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psdw', title: '配送单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ps_zt', title: '配送状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+      ],
+      tableColumnMain:[
+        { type: 'seq', width: 60, title: '序号' },
+
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+          slots: { default: 'fdh' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+          slots: { default: 'tpbh' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tplx', title: '物质类别', width: 110 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqsl', title: '需求数量', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl', title: '配送数量', width: 90 ,formatter:['numberFormat','zero'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psbfb', title: '实际配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl0', title: '按期配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl5', title: '预计5日配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl10', title: '预计10日配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl15', title: '预计15日配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfxqrq', title: '前方实际需求期 ', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdxqrq', title: '分段计划需求期', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq', title: '集团计划需求期', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'yjtgq', title: '预计提供期', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sjpsrqmin', title: '配送开始期', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sjpsrqmax', title: '配送结束期', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+      ],
+      activeName: 'first',
+      tableDataMx: [
+
+      ],
+      heads: { token: getToken() },
+      uploadAction: process.env.VUE_APP_BASE_API + '/api/dmCzfddyb/upload',
+      uploadData: {},
+      queryParam: {
+        czbh: '',
+        ph: '',
+        kh: '',
+        dwgNo: '',
+        departCode: '02'
+      },
+      uploadState: 0,
+      isupload:'01',
+      dictData: {},
+      projectData: [],
+      col:0,
+      //    tableData: [],
+      tableColumn: [
+
+      ],
+      row:'',
+      column:'',
+      columns:[],
+      filterName1:'',
+      tableData: [
+
+      ],
+      fds:[],
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'name',
+      'bmbm',
+      'apbm'
+    ]),
+
+    // list() {
+    //   if (this.tableData===undefined){
+    //
+    //     return []
+    //   }
+    //   const filterName = XEUtils.toString(this.filterName1).trim().toLowerCase();
+    //   if (filterName) {
+    //     const filterRE = new RegExp(filterName, 'gi');
+    //     const searchProps = this.columns
+    //     // const rest = this.tableData.filter(item => searchProps.some(key => XEUtils.toString(item[key]).toLowerCase().indexOf(filterName) > -1));
+    //     const rest = this.tableData
+    //     return rest.map(row => {
+    //
+    //       const item = Object.assign({}, row);
+    //
+    //       searchProps.forEach(key => {
+    //         if(XEUtils.toString(item[key]).toLowerCase().indexOf(filterName) > -1){
+    //           item[key] = XEUtils.toString(item[key]).replace(filterRE, match => `<span style='background-color: #FFFF00;'>${match}</span>`);
+    //         }
+    //
+    //       });
+    //
+    //
+    //       return item
+    //     })
+    //   }
+    //   return this.tableData
+    // }
+
+
+  },
+  created() {
+    // window.addEventListener('resize', this.getHeight)
+    // this.getHeight()
+    this.emtext='暂无数据'
+    this.baseSeacrh()
+    this.uploadState=0
+    // this.loadData()
+    if(this.apbm.length>2){
+     // this.queryParam.xqdw=this.apbm
+      this.flag=true;
+    }else{
+      this.flag=false;
+    }
+    if(this.flag){
+      this.tableColumnMx= [
+        { type: 'seq', width: 60, title: '序号' },
+        // { field: 'jhqh', title: '计划期号', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'hh', title: '行号', width: 80 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'azth', title: '安装图号', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zztph', title: '批号/卡号', width: 80 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzth', title: '制作图号', width: 110 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zztmc', title: '制作图名称', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'bjdh', title: '部件号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjmc', title: '部件名称', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        // { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'fdxqrq', title: '分段计划需求期', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'xqsl', title: '需求数量', width: 70 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'bjzl', title: '单重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzzl', title: '总重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zdcp', title: '重点产品', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ygpprq', title: '预计配送期', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'jhlx', title: '计划类型', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhbgts', title: '变更天数', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'por_no', title: '采购需求编号', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'lc', title: '来处', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+
+
+        // { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'xgsj', title: '修改时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        // { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+      //
+      ]
+    }
+  },
+  methods: {
+    czbhChange(){
+      this.uploadState = 1
+    },
+
+    cellClick({row,column}){
+
+      if( row[column.field] ==='' ||  row[column.field]===undefined ||  row[column.field]===null){
+        return
+      }else{
+
+        this.$confirm('是否选择'+ row[column.field] +'分段数据?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          distinguishCancelAndClose: false,
+          type: 'warning'
+        }).then(type => {
+          this.row = row
+          this.column = column
+          this.tableDataMain = this.tableDataMainAll.filter((item) => {
+            return item.fdh == row[column.field];
+          });
+        })
+      }
+
+      //this.tableDataMx=[]
+      // this.tableDataMainAll.filter(item => searchProps.some(key => XEUtils.toString(item[key]).toLowerCase().indexOf(filterName)
+    },
+    tpbhClcik(row){
+      findTPxqjh({czbh1:row.czbh,tpbh1:row.tpbh}).then(res=>{
+        if(res.success){
+          this.activeName='second'
+          this.$refs.xGrid.reloadData(res.data)
+        }
+
+      })
+    },
+    fdhClcik(row){
+      findTPxqjh({czbh1:row.czbh,fdh:row.fdh}).then(res=>{
+        this.activeName='second'
+        this.$refs.xGrid.reloadData(res.data)
+      })
+    },
+
+
+    spanMethods({row, $rowIndex, column, data}){
+      let fields = ["czbh","fdh", "tpbh"]
+      let tempcol=column.property
+      if(tempcol==='czbh'){
+        tempcol='fdh'
+      }
+      let cellValue = row[tempcol]
+      if (cellValue && fields.includes(column.property)) {
+
+        let prevRow = data[$rowIndex - 1]
+        let nextRow = data[$rowIndex + 1]
+        if (prevRow && prevRow[tempcol] === cellValue) {
+          return {rowspan: 0, colspan: 0}
+        } else {
+          let countRowspan = 1
+          while (nextRow && nextRow[tempcol] === cellValue) {
+            nextRow = data[++countRowspan + $rowIndex]
+          }
+          if (countRowspan > 1) {
+            return {rowspan: countRowspan, colspan: 1}
+          }
+        }
+      }
+
+    },
+
+
+    headerCellStyle ({ column, columnIndex }) {
+      if (['jhxqrq','fdxqrq',
+        "jhjtrq","jtxqts","qfxqrq"].includes(column.property)) {
+        return {
+          backgroundColor: '#2db7f5',
+          color: '#ffffff'
+        }
+      }
+      if (['sjltsj',"'ltxqts'",'qfpsrq',"qfqrrq",'ltxqts'
+      ].includes(column.property)) {
+        return {
+          backgroundColor: '#43b812',
+          color: '#ffffff'
+        }
+      }
+      if (['xzjhrkrq','ygpprq','fkpprq',"xqtsc",
+      ].includes(column.property)) {
+        return {
+          backgroundColor: '#e4bc0a',
+          color: '#ffffff'
+        }
+      }
+
+    },
+    rowClassName({ row, rowIndex ,column}){
+      console.log(row.qfpsrq)
+      if(row.qfpsrq!=='' && row.qfpsrq!==undefined && row.qfpsrq!==null){
+        return 'row-green'
+      }else if(row.xqtsc<-7){
+        return 'row-yellow'
+      }
+    },
+    footerMethod ({ columns, data }) {
+      return [
+        columns.map((column, columnIndex) => {
+          if (['xqsl','bjzzl'].includes(column.property)) {
+
+            return getSumAdd(data, column.property)
+          }
+          if (columnIndex === 1) {
+            return '合计'
+          }
+          return null
+        })
+      ]
+    },
+
+
+    uploadExcel() {
+
+      if (this.queryParam.czbh === '') {
+        this.$message.warning('选择工程编码')
+        this.uploadState = 0
+        return
+      } else {
+
+      }
+      this.uploadData.czbh = this.queryParam.czbh
+      this.uploadData.isupload = this.isupload
+    },
+    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.$alert('该模板已导入数据,是否重新导入并覆盖模板数据?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            distinguishCancelAndClose: true,
+            type: 'warning'
+          }).then(type => {
+            upload({ file: file.raw, project: 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()
+        }
+
+
+      } else {
+        Message({
+          message: res.message || 'Error',
+          type: 'error',
+          duration: 5 * 1000
+        })
+      }
+    },
+
+    cellStyle1({ row, rowIndex, column }) {
+      console.log(row)
+      console.log(column)
+      if(column.field==='psbfb') {
+        if (row.psbfb >= 90) {
+          console.log(1)
+
+          return {
+            backgroundColor: '#00FF00'
+          }
+
+        } else if (row.psbfb < 90 && row.psbfb >= 50) {
+          return {
+            backgroundColor: '#FFFF00'
+          }
+        } else if (row.psbfb < 50 && (row.qfxqrq !== undefined )) {
+          return {
+            backgroundColor: '#FF0000',
+            color: '#fff'
+          }
+        }
+      }
+    },
+
+    cellStyle({ row, rowIndex, column }) {
+
+        for(let index of this.fds) {
+          if(index.fdh===row[column.property]){
+
+            if(index.color==='green'){
+              if (this.row === row && this.column === column) {
+                return {
+                  backgroundColor: '#00FF00',
+                  border:'1px solid black',
+                  color:'blue'
+
+                }
+              }else{
+                return {
+                  backgroundColor: '#00FF00',
+                  border:'1px solid black',
+                  color:'black'
+                  // textAlign:'center'
+                }
+              }
+
+            }
+            if(index.color==='yellow'){
+              if (this.row === row && this.column === column) {
+                return {
+                  backgroundColor: '#FFFF00',
+                  border:'1px solid black',
+                  color:'blue'
+
+                }
+              }else{
+                return {
+                  backgroundColor: '#FFFF00',
+                  border:'1px solid black',
+                  color:'black'
+                  // textAlign:'center'
+                }
+              }
+
+            }
+            if(index.color==='red'){
+              if (this.row === row && this.column === column) {
+                return {
+                  backgroundColor: '#FF0000',
+                  border:'1px solid black',
+                  color:'blue'
+
+                }
+              }else{
+                return {
+                  backgroundColor: '#FF0000',
+                  border:'1px solid black',
+                  color:'black'
+                  // textAlign:'center'
+                }
+              }
+
+            }
+          }
+        }
+
+        if(row[column.property]){
+          if (this.row === row && this.column === column) {
+            return {
+              border:'1px solid black',
+              color:'blue'
+            }
+          }else{
+            return {
+              border:'1px solid black',
+              color:'black'
+            }
+          }
+
+
+
+
+        }
+
+
+      // if(row[column.property]){
+      //
+      //   return {
+      //
+      //     border:'1px solid black'
+      //
+      //     // textAlign:'center'
+      //   }
+      // }
+
+    },
+
+
+
+    async baseSeacrh() {
+      getCzFdBase({  }).then(response => {
+        this.projectData = response.data.czbhs
+      })
+    },
+    loadData() {
+      if(this.queryParam.czbh===''){
+        this.$message.warning('选择工程编码')
+        return
+      }
+      getListFdMx(this.queryParam).then(res=>{
+        this.tableColumn=[]
+        this.emtext=this.queryParam.czbh+"尚未定义直观图请于分段制造部管理人员联系！"
+        if(res.success){
+          const col=res.data.col;
+          for (let i = 0; i <= col; i++) {
+            let ii=i+'';
+            let aaa='column'+ii.padStart(3, '0');
+            this.columns.push(aaa);
+            let temp1=   {
+              title: `111`,width:"35px",field: `column${ii.padStart(3, '0')}`,type:"html",
+              slots: {
+                // 使用 JSX 渲染
+                default: ({ row,column }) => {
+
+                    return [
+                      <a >{row[column.property]}</a>
+                    ]
+
+                }
+              }
+            };
+
+            this.tableColumn.push(temp1)
+          }
+
+          //this.tableData=res.data.data
+          this.tableData=res.data.data
+          this.tableDataMainAll=res.data.fdqk
+          this.fds=res.data.fd
+          //this.list=res.data.data
+        }
+      })
+
+    },
+
+
+
+    // getHeight() {
+    //   this.height = window.innerHeight - 170
+    //   this.defaultHeight.height = window.innerHeight - 165 + 'px'
+    // },
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+.el-header{margin:0;padding: 5px;height:auto;}
+.el-container{padding: 0;margin:0;}
+.el-main{padding: 0;}
+.el-col{padding: 0;}
+.el-aside{background: #fff;padding: 0}
+.el-container{padding: 0}
+.el-row {margin-bottom: 5px;}
+.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;
+}
+.fontClass{
+  font-size: 12px;
+  font-weight: bold;
+}
+
+</style>
+
+
+
diff --git a/src/views/tp/fdfltppsqk.vue b/src/views/tp/fdfltppsqk.vue
new file mode 100644
index 0000000..98f6ddb
--- /dev/null
+++ b/src/views/tp/fdfltppsqk.vue
@@ -0,0 +1,1516 @@
+<template>
+  <el-container>
+    <el-header style="width: 100%; height: 60px;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.czbh" filterable  placeholder="工程编号" @change="czbhChange" clearable >
+                <el-option
+                  v-for="item in dictData.czbhs"
+                  :key="item.czbh"
+                  :label="item.czbh"
+                  :value="item.czbh">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="需求部门:">
+              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable   :disabled="this.flag" >
+<!--              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable   >-->
+                <el-option
+                  v-for="item in dictData.xqdws"
+                  :key="item.bm"
+                  :label="item.mc"
+                  :value="item.bm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="分段号:">
+              <el-input v-model="queryParam.fdh" type="search" placeholder="分段号" ></el-input>
+            </el-form-item>
+            <el-form-item label="托盘表号:">
+              <el-input v-model="queryParam.tpbh" type="search" placeholder="托盘表号" ></el-input>
+            </el-form-item>
+            <template v-if="this.apbm==='P30000'">
+              <el-form-item label="作业车间:">
+                <el-select v-model="queryParam.cjmc" filterable  placeholder="作业车间" clearable   @change="cjmcChange"  >
+                  <!--              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable   >-->
+                  <el-option
+
+                    v-for="item in dictData.cjmcs"
+                    :key="item.cjmc"
+                    :label="item.cjmc"
+                    :value="item.cjmc">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+
+
+              <el-form-item label="场地:">
+                <el-select v-model="queryParam.cdmc" filterable  placeholder="场地" clearable    >
+                  <!--              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable   >-->
+                  <el-option
+                    v-for="item in dictData.cdmcs1"
+                    :key="item.cdmc"
+                    :label="item.cdmc"
+                    :value="item.cdmc">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </template>
+            <template v-else>
+              <el-form-item label="作业车间及场地:"  label-width="100px" >
+                <el-input v-model="queryParam.zyzzcjmc" type="search" placeholder="作业车间及场地"  ></el-input>
+              </el-form-item>
+            </template>
+
+
+
+
+          </el-col>
+          <el-col :span="2">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="loadData">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+      </el-form>
+    </el-header>
+    <el-container :style="defaultHeight" style="padding-top: 10px">
+      <!--    <el-container >-->
+
+      <el-main>
+
+          <el-tabs v-model="activeName" >
+            <el-tab-pane label="汇总" name="first" >
+              <span slot="label" class="fontClass">汇总</span>
+              <div class="mytable">
+                <vxe-grid
+                  id="id"
+                  ref="xGridMain"
+                  border
+                  resizable
+                  :custom-config="{storage: true}"
+                  :height="height"
+                  :row-config="{isHover: true,isCurrent:true}"
+                  :columns="tableColumnMain"
+                  :data="tableDataMain"
+                  align="center"
+                  @cell-click="cellClick"
+                  :cell-style="cellStyle"
+                  :span-method="spanMethods"
+                  show-header-overflow
+                >
+
+                  <template #tpbh="{ row }">
+                    <span style="cursor:pointer;color: blue" @click="tpbhClcik(row)">{{ row.tpbh }}</span>
+                  </template>
+                  <template #fdh="{ row }">
+                    <span style="cursor:pointer;color: blue" @click="fdhClcik(row)">{{ row.fdh }}</span>
+                  </template>
+<!--                  <template #psbfb="{ row }">-->
+<!--                    <el-progress :stroke-width="10" :percentage="row.psbfb"></el-progress>-->
+<!--                  </template>-->
+
+                </vxe-grid>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="明细" name="second">
+              <span slot="label" class="fontClass">明细</span>
+              <div class="mytable" >
+                <vxe-grid
+                  id="id"
+                  ref="xGrid"
+                  border
+                  :footer-method="footerMethod"
+                  resizable
+                  show-header-overflow
+                  :custom-config="{storage: true}"
+                  :height="height"
+                  :row-config="{isHover: true,isCurrent:true}"
+                  :columns="tableColumn"
+                  :data="tableData"
+                  align="center"
+                  @cell-click="cellClick"
+                  :header-cell-style="headerCellStyle"
+                  :row-class-name="rowClassName"
+                  :show-footer="true"
+                >
+
+
+                </vxe-grid>
+
+              </div>
+            </el-tab-pane>
+
+          </el-tabs>
+
+      </el-main>
+
+    </el-container>
+
+  </el-container>
+
+</template>
+
+<script>
+import { startLoading, endLoading } from '@/utils'
+import { mapGetters } from 'vuex'
+import { getToken } from '@/utils/auth'
+import { Message } from 'element-ui'
+import { getTpBase, findTppsQk ,findTPxqjh} from '@/api/fd/base'
+import {monthOne,getSumAdd} from '@/utils/rpkj'
+import XEUtils from 'xe-utils'
+export default {
+  // 船只分段直观图定义
+  name: 'Fdfltppsqk',
+  data() {
+    return {
+
+      defaultHeight: { height: '' },
+
+      heads: { token: getToken() },
+      uploadAction: process.env.VUE_APP_BASE_API + '/api/dmCzfddyb/upload',
+      uploadData: {},
+      queryParam: {
+        czbh: '',
+        fdh:'',
+        tpbh:'',
+        xqdw:'',
+        zyzzcjmc:'',
+        cjmc:'',
+        dcmc:''
+      },
+      uploadState: 0,
+      isupload:'01',
+      dictData: {},
+      projectData: [],
+      tableDataMain:[],
+      col:0,
+      //    tableData: [],
+      tableColumn: [
+        { type: 'seq', width: 60, title: '序号' },
+        { field: 'jhqh', title: '计划期号', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'hh', title: '行号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'azth', title: '安装图号', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zztph', title: '批号/卡号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzth', title: '制作图号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zztmc', title: '制作图名称', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjdh', title: '部件号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjmc', title: '部件名称', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdxqrq', title: '分段计划需求期', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqsl', title: '需求数量', width: 70 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzl', title: '单重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzzl', title: '总重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zdcp', title: '重点产品', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ygpprq', title: '预计配送期', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhlx', title: '计划类型', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhbgts', title: '变更天数', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'por_no', title: '采购需求编号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'lc', title: '来处', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        { field: 'zzt_zt', title: '技术处理状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_gyspsj', title: '工艺审批时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgsj', title: '修改时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sc_zt', title: '制作状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sgdw', title: '结构施工单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jgwgrq', title: '结构实际完工日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzdw', title: '表面处理单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzjsrq', title: '表面处理接收日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzwgrq', title: '表面处理时间完工日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'scqkbz', title: '生产情况备注', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psdw', title: '配送单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ps_zt', title: '配送状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+      ],
+      tableColumnMain:[
+        { type: 'seq', width: 60, title: '序号' },
+
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+          slots: { default: 'fdh' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+          slots: { default: 'tpbh' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tplx', title: '物质类别', width: 110 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqsl', title: '需求数量', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl', title: '配送数量', width: 90 ,formatter:['numberFormat','zero'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psbfb', title: '实际配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl0', title: '按期配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl5', title: '预计5日配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl10', title: '预计10日配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'pssl15', title: '预计15日配送率', width: 100 ,formatter:['numberFormat','percent',2],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfxqrq', title: '前方实际需求期 ', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdxqrq', title: '分段计划需求期', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq', title: '集团计划需求期', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        { field: 'sjpsrqmin', title: '配送开始期', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sjpsrqmax', title: '配送结束期', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'yjtgq', title: '预计提供期', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+      ],
+      activeName: 'first',
+      tableData: [
+
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'name',
+      'bmbm',
+      'apbm'
+    ]),
+
+
+
+
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.baseSeacrh()
+    if(this.apbm.length>2){
+      this.queryParam.xqdw=this.apbm
+      this.flag=true;
+    }else{
+      this.flag=false;
+    }
+    if(this.flag){
+      this.tableColumn= [
+        { type: 'seq', width: 60, title: '序号' },
+        // { field: 'jhqh', title: '计划期号', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'hh', title: '行号', width: 80 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'azth', title: '安装图号', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zztph', title: '批号/卡号', width: 80 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzth', title: '制作图号', width: 110 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zztmc', title: '制作图名称', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'bjdh', title: '部件号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjmc', title: '部件名称', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        // { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'fdxqrq', title: '分段计划需求期', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'xqsl', title: '需求数量', width: 70 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'bjzl', title: '单重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzzl', title: '总重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zdcp', title: '重点产品', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ygpprq', title: '预计配送期', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'jhlx', title: '计划类型', width: 100 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhbgts', title: '变更天数', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'por_no', title: '采购需求编号', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'lc', title: '来处', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+
+
+        // { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'xgsj', title: '修改时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        // { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        // { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        // { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+        //
+        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+        //   filterRender: { name: 'FilterCombination' },
+        // },
+        //
+      ]
+      // this.tableColumn= [
+      //   { type: 'seq', width: 60, title: '序号' },
+      //   { field: 'jhqh', title: '计划期号', width: 100 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'czbh', title: '船只编号', width: 90 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'fdh', title: '分段号', width: 80 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'tpbh', title: '托盘表号', width: 110 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'hh', title: '行号', width: 80 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'azth', title: '安装图号', width: 100 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zztph', title: '批号/卡号', width: 80 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zzth', title: '制作图号', width: 110 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zztmc', title: '制作图名称', width: 150 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'bjdh', title: '部件号', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'bjmc', title: '部件名称', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'fdxqrq', title: '分段计划需求期', width: 130 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xqsl', title: '需求数量', width: 70 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'bjzl', title: '单重', width: 80 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'bjzzl', title: '总重', width: 80 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zdcp', title: '重点产品', width: 100 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'ygpprq', title: '预计配送期', width: 100 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhlx', title: '计划类型', width: 100 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhbgts', title: '变更天数', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'por_no', title: '采购需求编号', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'lc', title: '来处', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //
+      //
+      //   { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xgsj', title: '修改时间', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //
+      //   { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },
+      //   { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+      //
+      //     filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+      //     filterRender: { name: 'FilterCombination' },
+      //   },]
+    }
+
+    // this.queryParam.bmbm='02'
+    // this.loadData()
+  },
+  methods: {
+    czbhChange(){
+
+    },
+    cjmcChange(){
+        if(this.queryParam.cjmc!==''){
+          this.dictData.cdmcs1= this.dictData.cdmcs.filter((item) => {
+            return item.cjmc ==this.queryParam.cjmc
+          });
+        }else{
+          this.dictData.cdmcs1=this.dictData.cdmcs
+        }
+    },
+    cellClick(row){
+      console.log(row)
+    },
+
+    rowClassName({ row, rowIndex ,column}){
+      console.log(row.qfpsrq)
+      if(row.qfpsrq!=='' && row.qfpsrq!==undefined && row.qfpsrq!==null){
+        return 'row-green'
+      }else if(row.xqtsc<-7){
+        return 'row-yellow'
+      }
+
+    },
+    cellStyle({ row, rowIndex, column }) {
+      console.log(row)
+      console.log(column)
+      if(column.field==='psbfb') {
+        if (row.psbfb >= 90) {
+          console.log(1)
+
+          return {
+            backgroundColor: '#00FF00'
+          }
+
+        } else if (row.psbfb < 90 && row.psbfb >= 50) {
+          return {
+            backgroundColor: '#FFFF00'
+          }
+        } else if (row.psbfb < 50 && (row.qfxqrq !== undefined &&row.qfxqrq !== '' &&row.qfxqrq !== null)) {
+          return {
+            backgroundColor: '#FF0000',
+            color: '#fff'
+          }
+        }
+      }
+    },
+
+
+
+
+
+
+
+
+
+
+    spanMethods({row, $rowIndex, column, data}){
+      let fields = ["czbh","fdh", "tpbh"]
+      let tempcol=column.property
+      if(tempcol==='czbh'){
+        tempcol='fdh'
+      }
+      let cellValue = row[tempcol]
+      if (cellValue && fields.includes(column.property)) {
+
+        let prevRow = data[$rowIndex - 1]
+        let nextRow = data[$rowIndex + 1]
+        if (prevRow && prevRow[tempcol] === cellValue) {
+          return {rowspan: 0, colspan: 0}
+        } else {
+          let countRowspan = 1
+          while (nextRow && nextRow[tempcol] === cellValue) {
+            nextRow = data[++countRowspan + $rowIndex]
+          }
+          if (countRowspan > 1) {
+            return {rowspan: countRowspan, colspan: 1}
+          }
+        }
+      }
+
+    },
+
+
+    headerCellStyle ({ column, columnIndex }) {
+      if (['jhxqrq','fdxqrq',
+        "jhjtrq","jtxqts","qfxqrq"].includes(column.property)) {
+        return {
+          backgroundColor: '#2db7f5',
+          color: '#ffffff'
+        }
+      }
+      if (['sjltsj',"'ltxqts'",'qfpsrq',"qfqrrq","ltxqts"
+        ].includes(column.property)) {
+        return {
+          backgroundColor: '#43b812',
+          color: '#ffffff'
+        }
+      }
+      if (['xzjhrkrq','ygpprq','fkpprq',"xqtsc",
+      ].includes(column.property)) {
+        return {
+          backgroundColor: '#e4bc0a',
+          color: '#ffffff'
+        }
+      }
+
+    },
+
+    footerMethod ({ columns, data }) {
+      return [
+        columns.map((column, columnIndex) => {
+          if (['xqsl','bjzzl'].includes(column.property)) {
+
+            return getSumAdd(data, column.property)
+          }
+          if (columnIndex === 1) {
+            return '合计'
+          }
+          return null
+        })
+      ]
+    },
+
+
+
+
+
+    tpbhClcik(row){
+
+      findTPxqjh({czbh1:row.czbh,tpbh1:row.tpbh}).then(res=>{
+        if(res.success){
+          this.activeName='second'
+          this.$refs.xGrid.reloadData(res.data)
+        }
+
+      })
+    },
+    fdhClcik(row){
+      findTPxqjh({czbh1:row.czbh,fdh:row.fdh}).then(res=>{
+        this.activeName='second'
+        this.$refs.xGrid.reloadData(res.data)
+      })
+    },
+
+    async baseSeacrh() {
+      getTpBase({  }).then(response => {
+        this.dictData = response.data
+        this.dictData.cdmcs1= this.dictData.cdmcs
+      })
+    },
+    loadData() {
+      if(this.queryParam.czbh===''){
+        this.$message.warning('请选择工程编号')
+        return
+      }
+      findTppsQk(this.queryParam).then(res=>{
+
+        if(res.success){
+
+
+
+          //this.tableData=res.data.data
+      // this.tableDataMain=res.data
+
+          this.$refs.xGridMain.reloadData(res.data)
+
+          //this.list=res.data.data
+        }
+      })
+
+    },
+
+
+
+    getHeight() {
+
+      // this.height = window.innerHeight - 180
+      // this.defaultHeight.height = window.innerHeight - 115 + 'px'
+      this.height = window.innerHeight - 210
+      // this.defaultHeight.height = window.innerHeight - 150 + 'px'
+    },
+  }
+}
+</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>
+<style lang="scss"  >
+
+  //.row-green {
+  //  background-color: #187;
+  //  color: #fff;
+  //}
+
+</style>
diff --git a/src/views/tp/tpxqjhjdcx.vue b/src/views/tp/tpxqjhjdcx.vue
new file mode 100644
index 0000000..9989c6b
--- /dev/null
+++ b/src/views/tp/tpxqjhjdcx.vue
@@ -0,0 +1,1153 @@
+<template>
+  <el-container>
+    <el-header style="width: 100%; height: 100px;font-size: 12px">
+<!--      <el-row :gutter="5">-->
+<!--        <el-col :span="20">-->
+<!--          <el-col :span="5">-->
+<!--            <el-form-item label="工程编号">-->
+<!--            <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" style="width: 50%">-->
+<!--              <el-option-->
+<!--                v-for="item in projectData"-->
+<!--                :key="item.czbh"-->
+<!--                :label="item.czbh"-->
+<!--                :value="item.czbh">-->
+<!--              </el-option>-->
+<!--            </el-select>-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+<!--          <el-col :span="5">-->
+<!--            <el-form-item label="工程编号">-->
+<!--              <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" style="width: 50%">-->
+<!--                <el-option-->
+<!--                  v-for="item in projectData"-->
+<!--                  :key="item.czbh"-->
+<!--                  :label="item.czbh"-->
+<!--                  :value="item.czbh">-->
+<!--                </el-option>-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+<!--          <el-col :span="5">-->
+<!--            <span>分段号：</span>-->
+<!--            <el-input v-model="filterName1" type="search" placeholder="分段号" ></el-input>-->
+<!--          </el-col>-->
+<!--          <el-col :span="5">-->
+<!--            <el-form-item label="工程编号">-->
+<!--              <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" style="width: 50%">-->
+<!--                <el-option-->
+<!--                  v-for="item in projectData"-->
+<!--                  :key="item.czbh"-->
+<!--                  :label="item.czbh"-->
+<!--                  :value="item.czbh">-->
+<!--                </el-option>-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+
+<!--          &lt;!&ndash;          <el-col :span="8">&ndash;&gt;-->
+<!--          &lt;!&ndash;            <span>分段号：</span>&ndash;&gt;-->
+<!--          &lt;!&ndash;            <el-input v-model="filterName1" type="search" placeholder="分段号" ></el-input>&ndash;&gt;-->
+<!--          &lt;!&ndash;          </el-col>&ndash;&gt;-->
+
+
+<!--        </el-col>-->
+<!--        <el-col :span="4" style="text-align:right">-->
+<!--          <el-button type="success" @click="loadData()">查询</el-button>-->
+
+
+
+<!--          <el-button type="success"  @click.native="uploadExcel">    <el-upload-->
+<!--            :action="uploadAction"-->
+<!--            :show-file-list="false"-->
+<!--            :before-upload="beforeAvatarUpload"-->
+<!--            :data="uploadData"-->
+<!--            :on-success="handleAvatarSuccess"-->
+<!--            :disabled="uploadState==0?true:false"-->
+<!--            :headers="heads"-->
+<!--          >-->
+<!--            直观图模板导入-->
+<!--          </el-upload>   </el-button>-->
+
+
+
+<!--        </el-col>-->
+<!--      </el-row>-->
+      <el-form :inline="true"  label-width="70px" >
+        <el-row>
+
+            <el-col :span="20">
+            <el-form-item label="工程编号:"  >
+              <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" clearable >
+                <el-option
+                  v-for="item in dictData.czbhs"
+                  :key="item.czbh"
+                  :label="item.czbh"
+                  :value="item.czbh">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="作业阶段:">
+              <el-select v-model="queryParam.zyjd" filterable  placeholder="作业阶段" @change="czbhChange" clearable >
+                <el-option
+                  v-for="item in dictData.zyjds"
+                  :key="item.bm"
+                  :label="item.bmms"
+                  :value="item.bm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="分段号:">
+              <el-input v-model="queryParam.fdh" type="search" placeholder="分段号" ></el-input>
+            </el-form-item>
+            <el-form-item label="部件类别:">
+              <el-select v-model="queryParam.bjlb" filterable  placeholder="部件类别" clearable>
+                <el-option
+                  v-for="item in dictData.bjlbs"
+                  :key="item.bm"
+                  :label="item.bmsm"
+                  :value="item.bm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+<!--            <el-form-item label="工程编号">-->
+<!--              <el-select v-model="queryParam.czbh" filterable  placeholder="工程编号" @change="czbhChange" >-->
+<!--                <el-option-->
+<!--                  v-for="item in projectData"-->
+<!--                  :key="item.czbh"-->
+<!--                  :label="item.czbh"-->
+<!--                  :value="item.czbh">-->
+<!--                </el-option>-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+          </el-col>
+          <el-col :span="4">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="loadData">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+
+          <el-col :span="20">
+
+            <el-form-item label="托盘表号:" >
+              <el-input v-model="queryParam.tpbh" type="search" placeholder="托盘表号"  clearable></el-input>
+            </el-form-item>
+            <el-form-item label="安装图号:">
+              <el-input v-model="queryParam.azth" type="search" placeholder="安装图号" clearable ></el-input>
+            </el-form-item>
+            <el-form-item label="制作图号:">
+              <el-input v-model="queryParam.zzth" type="search" placeholder="制作图号"  clearable></el-input>
+            </el-form-item>
+            <el-form-item label="部件描述:">
+              <el-input v-model="queryParam.bjms" type="search" placeholder="部件描述"  clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="exprotExcel">导出</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+
+          <el-col :span="20">
+            <el-form-item label="需求部门:">
+              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable   :disabled="this.flag" >
+<!--              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable    >-->
+                <el-option
+                  v-for="item in dictData.xqdws"
+                  :key="item.bm"
+                  :label="item.mc"
+                  :value="item.bm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="">
+              <el-select v-model="queryParam.rqopt" filterable  placeholder=""    >
+                <!--              <el-select v-model="queryParam.xqdw" filterable  placeholder="需求部门" clearable    >-->
+                <el-option
+                  v-for="item in rqopts"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+              <el-date-picker v-model="queryParam.jhrq" value-format="yyyy/MM/dd" format="yyyy/MM/dd" type="date"  style="width: 130px" clearable placeholder=""/>
+              <span  style="width:4%;font-size: 13px;color: #606266;">&nbsp;至&nbsp;</span>
+              <el-date-picker v-model="queryParam.jhrq1" value-format="yyyy/MM/dd"  format="yyyy/MM/dd" type="date"style="width: 130px" clearable  placeholder=""/>
+            </el-form-item>
+            <el-form-item label="所属车间:">
+              <el-select v-model="queryParam.bmbm" filterable  placeholder="所属车间"  clearable >
+                <el-option
+                  v-for="item in dictData.bmbms"
+                  :key="item.bm"
+                  :label="item.bmsm"
+                  :value="item.bm">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+
+          </el-col>
+        </el-row>
+
+      </el-form>
+    </el-header>
+    <el-container :style="defaultHeight" style="padding-top: 0px">
+      <!--    <el-container >-->
+
+      <el-main>
+        <div class="mytable" >
+
+          <vxe-grid
+            id="id"
+            ref="xGrid"
+            border
+            :footer-method="footerMethod"
+            resizable
+            show-header-overflow
+            :custom-config="{storage: true}"
+            :height="height"
+            :row-config="{isHover: true,isCurrent:true}"
+            :columns="tableColumn"
+            :data="tableData"
+            align="center"
+            @cell-click="cellClick"
+            :row-class-name="rowClassName"
+            :header-cell-style="headerCellStyle"
+            :show-footer="true"
+          >
+
+
+          </vxe-grid>
+          <!--            <vxe-table-->
+          <!--                align="center"-->
+          <!--              :data="tableData">-->
+          <!--              <template v-for="item in col">-->
+          <!--                <vxe-column type="column"+{{item}}+ width="60"></vxe-column>-->
+          <!--              </template>-->
+
+
+          <!--            </vxe-table>-->
+        </div>
+      </el-main>
+
+    </el-container>
+
+  </el-container>
+
+</template>
+
+<script>
+import { startLoading, endLoading } from '@/utils'
+import { mapGetters } from 'vuex'
+import { getToken } from '@/utils/auth'
+import { Message } from 'element-ui'
+import { getCzFdBase, getList, upload, getTpBase, findTPxqjh } from '@/api/fd/base'
+import {monthOne,getSumAdd,exportByExcel} from '@/utils/rpkj'
+import XEUtils from 'xe-utils'
+export default {
+  // 船只分段直观图定义
+  name: 'Tpxqjhjdcx',
+  data() {
+    return {
+
+      defaultHeight: { height: '' },
+
+      heads: { token: getToken() },
+      uploadAction: process.env.VUE_APP_BASE_API + '/api/dmCzfddyb/upload',
+      uploadData: {},
+      queryParam: {
+        czbh: '',
+        zyjd:'',
+        fdh:'',
+        bjlb:'',
+        tpbh:'',
+        azth:'',
+        zzth:'',
+        bjms:'',
+        xqdw:'',
+        bmbm:'',
+        jhrq:'',
+        jhrq1:'',
+        rqopt:'',
+      },
+      rqopts:[
+        {
+          value:'01',
+          label: '集团计划需求期'
+        }, {
+          value:'02',
+          label: '分段计划需求期'
+        }
+
+      ],
+      uploadState: 0,
+      isupload:'01',
+      dictData: {},
+      projectData: [],
+      col:0,
+      //    tableData: [],
+      tableColumn: [
+        { type: 'seq', width: 60, title: '序号' },
+        { field: 'jhqh', title: '计划期号', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'czbh', title: '船只编号', width: 90 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdh', title: '分段号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tpbh', title: '托盘表号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'hh', title: '行号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'azth', title: '安装图号', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zztph', title: '批号/卡号', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzth', title: '制作图号', width: 110 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zztmc', title: '制作图名称', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjdh', title: '部件号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjmc', title: '部件名称', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fdxqrq', title: '分段计划需求期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqsl', title: '需求数量', width: 70 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzl', title: '单重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'bjzzl', title: '总重', width: 80 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zdcp', title: '重点产品', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ygpprq', title: '预计配送期', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhlx', title: '计划类型', width: 100 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhbgts', title: '变更天数', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'por_no', title: '采购需求编号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'lc', title: '来处', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+
+        { field: 'zzt_zt', title: '技术处理状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_gyspsj', title: '工艺审批时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgsj', title: '修改时间', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sc_zt', title: '制作状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'sgdw', title: '结构施工单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jgwgrq', title: '结构实际完工日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzdw', title: '表面处理单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzjsrq', title: '表面处理接收日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'tzwgrq', title: '表面处理时间完工日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'scqkbz', title: '生产情况备注', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psdw', title: '配送单位', width: 120 ,formatter: ['deptFormat'],
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'ps_zt', title: '配送状态', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+        { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' },
+        },
+      ],
+      columns:[],
+      filterName1:'',
+      tableData: [
+        // { id: 10001, name: 'Test1', nickname: 'T1', role: 'Develop', sex: 'Man', age: 0, address: 'Shenzhen' },
+        // { id: 10002, name: 'Test2', nickname: 'T2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
+        // { id: 10003, name: 'Test3', nickname: 'T3', role: 'PM', sex: 'Man', age: 100, address: 'Shanghai' },
+        // { id: 10004, name: 'Test4', nickname: 'T4', role: 'Designer', sex: 'Women', age: 70, address: 'Shenzhen' },
+        // { id: 10005, name: 'Test5', nickname: 'T5', role: 'Develop', sex: 'Women', age: 10, address: 'Shanghai' },
+        // { id: 10006, name: 'Test6', nickname: 'T6', role: 'Designer', sex: 'Women', age: 90, address: 'Shenzhen' },
+        // { id: 10007, name: 'Test7', nickname: 'T7', role: 'Test', sex: 'Man', age: 5, address: 'Shenzhen' },
+        // { id: 10008, name: 'Test8', nickname: 'T8', role: 'Develop', sex: 'Man', age: 80, address: 'Shenzhen' }
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'name',
+      'bmbm',
+      'apbm'
+    ]),
+
+
+
+
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.baseSeacrh()
+    this.uploadState=0
+    let rq=monthOne();
+    //this.queryParam.jhrq=rq;
+    this.queryParam.rqopt='01'
+    // this.queryParam.bmbm='02'
+    // this.loadData()
+    if(this.apbm){
+
+    }
+    if(this.apbm.length>2){
+      this.queryParam.xqdw=this.apbm
+        this.flag=true;
+      this.queryParam.rqopt='02';
+    }else{
+      this.flag=false;
+    }
+      if(this.flag){
+        this.tableColumn= [
+          { type: 'seq', width: 60, title: '序号' },
+          // { field: 'jhqh', title: '计划期号', width: 100 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'czbh', title: '船只编号', width: 90 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'zyjd', title: '作业阶段', width: 90 ,formatter: ['dictXtFormat','ZYJD'],
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'fdh', title: '分段号', width: 80 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'tpbh', title: '托盘表号', width: 110 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'hh', title: '行号', width: 80 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'azth', title: '安装图号', width: 100 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zztph', title: '批号/卡号', width: 80 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zzth', title: '制作图号', width: 110 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zztmc', title: '制作图名称', width: 150 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'bjdh', title: '部件号', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'bjmc', title: '部件名称', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'wpgg', title: '规格+型号+材质', width: 210 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+
+          // { field: 'jhxqrq', title: '集团三月滚动计划期', width: 150 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'fdxqrq', title: '分段计划需求期', width: 150 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zyzzssbm', title: '需求部门', width: 100 ,formatter: ['ddeptFormat'],
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'zyzzcjmc', title: '作业车间及场地', width: 140 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'xqsl', title: '需求数量', width: 70 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'bjzl', title: '单重', width: 80 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'bjzzl', title: '总重', width: 80 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'xzjhrkrq', title: '舾装公司计划集配入库', width: 160 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zdcp', title: '重点产品', width: 100 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'tplx', title: '部件分类', width: 100 ,formatter: ['dictFormat','TPLX'],
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'ygpprq', title: '预计配送期', width: 100 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'fkpprq', title: '反馈配送期', width: 150 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'xqtsc', title: '需求/反馈差距', width: 160 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'fkwtsm', title: '反馈说明', width: 100 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'sscj', title: '所属车间', width: 100 ,formatter: ['dictFormat','BMBM'],
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'jhlx', title: '计划类型', width: 100 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jhjtrq', title: '设计院计划发图日期', width: 150 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jtxqts', title: '需求发图天数差', width: 150 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'sjltsj', title: '实际接图日期', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'ltxqts', title: '需求来图天数差', width: 130 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jhxqrq_sq', title: '上期滚动计划需求日期', width: 160 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jhbgts', title: '变更天数', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jhxqrq_ls', title: '滚动计划需求期变更历史', width: 165 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'por_no', title: '采购需求编号', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'lc', title: '来处', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+
+
+          // { field: 'zzt_cplx', title: '产品类型', width: 120 ,formatter: ['dictFormat','CPLX'],
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zzt_clfs', title: '表面处理方式', width: 120 ,formatter: ['dictFormat','CLFS'],
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zzt_bmcl', title: '表面处理', width: 120 ,formatter: ['dictFormat','CLFS'],
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zzt_ntzdm', title: '内表面涂装代码', width: 130 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'zzt_wtzdm', title: '外表面涂装代码', width: 130 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'xglx', title: '修改类型', width: 120 ,formatter: ['dictFormat','TPXG'],
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'xgph', title: '修改批号/卡号', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'xgsj', title: '修改时间', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'xgtzdh', title: '修改通知单号', width: 140 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'jprkrq', title: '集配入库完工时间', width: 140 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+
+          // { field: 'qfsqrq', title: '前方配送申请日期', width: 140 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          { field: 'qfxqrq', title: '前方实际需求期', width: 140 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'qfpssl', title: '前方配送数量', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'qfpswc', title: '配送完成情况', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'qfpsrq', title: '实际配送日期', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          { field: 'qfqrrq', title: '配送确认日期', width: 120 ,
+
+            filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+            filterRender: { name: 'FilterCombination' },
+          },
+          // { field: 'psqkbz', title: '配送情况备注', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jhdrry', title: '计划导入人员', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          // { field: 'jhdrrq', title: '计划导入日期', width: 120 ,
+          //
+          //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          //   filterRender: { name: 'FilterCombination' },
+          // },
+          //
+        ]
+      }
+  },
+  methods: {
+    czbhChange(){
+
+    },
+
+    cellClick(row){
+      console.log(row)
+    },
+
+    rowClassName({ row, rowIndex ,column}){
+      console.log(row.qfpsrq)
+      if(row.qfpsrq!=='' && row.qfpsrq!==undefined && row.qfpsrq!==null){
+        return 'row-green'
+      }else if(row.xqtsc<-7){
+        return 'row-yellow'
+      }
+
+    },
+
+
+    headerCellStyle ({ column, columnIndex }) {
+      if (['jhxqrq','fdxqrq',
+        "jhjtrq","jtxqts","qfxqrq"].includes(column.property)) {
+        return {
+          backgroundColor: '#2db7f5',
+          color: '#ffffff'
+        }
+      }
+      if (['sjltsj',"'ltxqts'",'qfpsrq',"qfqrrq","ltxqts"
+      ].includes(column.property)) {
+        return {
+          backgroundColor: '#43b812',
+          color: '#ffffff'
+        }
+      }
+      if (['xzjhrkrq','ygpprq','fkpprq',"xqtsc",
+      ].includes(column.property)) {
+        return {
+          backgroundColor: '#e4bc0a',
+          color: '#ffffff'
+        }
+      }
+
+    },
+
+    footerMethod ({ columns, data }) {
+      return [
+        columns.map((column, columnIndex) => {
+          if (['xqsl','bjzzl'].includes(column.property)) {
+
+            return getSumAdd(data, column.property)
+          }
+          if (columnIndex === 1) {
+            return '合计'
+          }
+          return null
+        })
+      ]
+    },
+    exprotExcel(){
+      startLoading()
+      exportByExcel(this.tableColumn,this.$refs.xGrid.getTableData().visibleData,0,'托盘需求计划进度.xlsx')
+      endLoading();
+    },
+
+
+    cellStyle({ row, rowIndex, column }) {
+      // if(row[column.property]){
+      //   return {
+      //
+      //     border:'1px solid black'
+      //
+      //     // textAlign:'center'
+      //   }
+      // }
+
+    },
+
+
+
+    async baseSeacrh() {
+      getTpBase({  }).then(response => {
+        this.dictData = response.data
+      })
+    },
+    loadData() {
+      console.log(this.queryParam.jhrq)
+      if(this.queryParam.czbh===''&& (this.queryParam.jhrq===null||this.queryParam.jhrq==='')){
+        this.$message.warning('请选择查询条件 工程编号和计划需求开始时间不能同时为空')
+        return
+      }
+      findTPxqjh(this.queryParam).then(res=>{
+
+        if(res.success){
+
+
+
+          //this.tableData=res.data.data
+          // this.tableData=res.data.data
+
+          this.$refs.xGrid.reloadData(res.data)
+          //this.list=res.data.data
+        }
+      })
+
+    },
+
+
+
+    getHeight() {
+      this.height = window.innerHeight - 190
+      this.defaultHeight.height = window.innerHeight - 190 + 'px'
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+
+.el-header{margin:0;padding: 5px;height:auto;
+.el-input{
+  width: 160px;
+}
+  .el-select{
+    width: 160px;
+  }
+
+}
+.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;
+}
+
+
+</style>