<template>
  <vxe-modal v-model="dialogVisible" width="80%" title="修改明细信息">
    <template #default>
      <el-row class="query_wrapper">
        <el-row>
          <el-button size="small" style="float: right;margin-bottom: 5px;margin-right: 5px;" type="success"
                     @click="save">保存
          </el-button>
        </el-row>
      </el-row>
      <div class="mytable">
        <vxe-grid
          id="id6"
          ref="tableRef1"
          border
          resizable
          keep-source
          :align="'center'"
          :height="height"
          :auto-resize="true"
          :columns="tableColumn6"
          highlight-current-row
          :data="mxList"
          :custom-config="{ storage: true }"
          :edit-config="{
                                     trigger: 'click',
                                     mode: 'row',
                                     showStatus: true,
                                   }"
          @checkbox-all="selectAllEvent"
          @checkbox-change="selectChangeEvent"
          :cell-style="cellStyle1"
          :header-cell-style="headerCellStyle"
          highlight-hover-row
          show-overflow
        >
        </vxe-grid>
      </div>
    </template>
  </vxe-modal>
</template>

<script>

export default {
  name:'ShowDetailModal',
  data(){
    return{
      dialogVisible:false,
      title:'',
      selectMbch:[],
      haveTltBoms:[],
    }
  },
  methods:{
    saveByDcch() {
      saveByDcch(this.selectMbch).then((res) => {
        this.list = res.data
        if (this.$refs.xGrid) {
          this.$refs.xGrid.loadData(this.list)
        }
      })
      this.dialogVisible = false;
    },
  }
}
</script>
