yos_web/src/Form/accountsOverdueAdjustment/addRows.vue

<template>
  <div>
    <el-drawer
        title="可选订单行"
        :visible.sync="visible"
        size="65%"
        direction="rtl"
        :show-close="false"
        append-to-body
        @close="onClose(visible = false)">
      <div class="drawer__panel" style="margin-bottom: 0 !important;">
        <tableTemplate :checkbox="true" ref="rows" :param="orderRows.param" :layout="tablecols" height="calc(100vh - 295px)" :custom="true" :width="true" @selectionChange="rowsSelect">
          <template v-slot:customcol="scope">
            <!--            <div v-if="scope.column.columnname === 'amount'">
                        </div>
                        <div v-else-if="scope.column.columnname === 'intoaccountdate'">
                        </div>-->
            <p>{{scope.column.data[scope.column.columnname]}}</p>
          </template>
        </tableTemplate>
      </div>
    </el-drawer>
  </div>
</template>

<script>
import tableTemplate from '@/template/tableTemplate/index'
export default {
  name: "addRows",
  components:{tableTemplate},
  data(){
    return {
      visible:false,
      tablecols:[],
      orderRows:{
        show:false,
        param:{
          "id": 20240319155104,
          "content": {
            "sa_orderid": "",
            "pageNumber": 1,
            "pageSize": 20,
            "where": {
              "condition": ""
            }
          }
        }
      },
    }
  },
  methods:{
    listData(){
      this.visible = true
      this.$refs.orderRows.listData()
    },
    rowsSelect(){},
    onClose(){

    }
  },
  created() {
    this.tablecols = this.tool.tabelCol(this.$route.name).orderRowTable.tablecols
  }
}
</script>

<style scoped>

</style>