index.vue 2.26 KB
/**
* @Description: 库存结转详情页下的表单-库房
* @author wx
* @date 2023/02/06
*/
<template>
  <div class="dxStTotalAccountBaseLayout-com">
    <right-to-left :default-percent="26">
      <div slot="left" class="left-box">
        <dee-as-com
          ref="leftTable"
          :lay-config="{
            typeName:'DxStTotalAccountHouse',
            layKey:'defaultResult'
          }"
          :cmp-options="{
            'type':'static',
            'group':'库存结转-库房',
            'value':'defaultResult',
            'typeName':'DxStTotalAccountHouse',
            'relationShip':'oneToMany',
            'displayName':'target',
            'tabPaneComType':'deeAsCom',
            'relationModelName':'DxStAccountingConfig',
            'showFlg':true
          }"
          :basic-data="basicData"
          @row-click="handleRowClick"
        />
      </div>

      <div slot="right" class="right-box">
        <dee-as-com
          ref="rightTable"
          :lay-config="{
            typeName:'DxStTotalAccountHouse',
            layKey:'f1c38e7e-b233-493b-a3a9-43a56c1e5021'
          }"
          :cmp-options="{
            relationFilterData:relationFilterData
          }"
          :basic-data="rowData"
        />
      </div>
    </right-to-left>
  </div>
</template>

<script>
export default {
  name: 'DxStTotalAccountBaseDxHouse',
  componentName: '结转左右列表-库房',
  components: {},
  props: {
    basicData: {
      type: Object,
      default: null
    }
  },
  data() {
    return {
      relationFilterData: null,
      rowData: null
    }
  },

  computed: {},
  mounted() {
  },
  methods: {
    handleRowClick(row) {
      const items = [{
        'fieldName': 'years',
        'operator': 'EQ',
        'value': row.row.years
      }, {
        'fieldName': 'section',
        'operator': 'EQ',
        'value': row.row.section
      }, {
        'fieldName': 'dxStHouseId',
        'operator': 'EQ',
        'value': row.row.dxStHouseId
      }]
      this.relationFilterData = {
        relationData: { 'items': items, 'operator': 'AND' }
      }
      this.rowData = row.row
    }
  }
}

</script>
<style lang='scss'>
.dxStTotalAccountBaseLayout-com{
    height:calc(100% - 22px);
    .left-box,.right-box{
        height:100%;
    }
}
</style>