Vmi替换记录管理页面 - JeecgBoot

<template>
  <a-card :bordered="false">
<pre><code>&lt;!-- table区域-begin --&gt;
&lt;div&gt;

  &lt;a-table
    ref=&quot;table&quot;
    size=&quot;middle&quot;
    bordered
    rowKey=&quot;id&quot;
    :columns=&quot;columns&quot;
    :dataSource=&quot;dataSource&quot;
    :pagination=&quot;ipagination&quot;
    :loading=&quot;loading&quot;
    :rowSelection=&quot;{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}&quot;
    class=&quot;j-table-force-nowrap&quot;
    @change=&quot;handleTableChange&quot;&gt;

  &lt;/a-table&gt;
&lt;/div&gt;
</code></pre>
  </a-card>
</template>
<script>

  export default {
    name: "VmiReplaceRecordList",
    mixins:[JeecgListMixin, mixinDevice],
    components: {
      VmiReplaceRecordModal
    },
    data () {
      return {
        description: 'vmi替换记录管理页面',
        // 表头
        columns: [
           {
            title:'单位',
            align:"center",
            dataIndex: 'unit',
            slots: { customRender: 'unit' }
          }
        ],
        url: {
          list: "/vmiReplaceRecordService/vmiReplaceRecord/list",
        },
        dictOptions:{},
      }
    },
    methods: {
      initDictConfig(){
      }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>
<!-- 添加一个slot，用于自定义渲染单位 -->
<p>&lt;template #unit=&quot;{ text }&quot;&gt;
<span>KG</span>
</template></p>