1.使用
import STable from '@/components/Table/'
components: {STable},
2.擴展
<s-table
bordered
size="default"
ref="table"
:scroll="{ x: tableWidth + 'px'}"
showPagination="true"
rowKey="projectId"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
:columns="columnsContent"
:rangPicker="range"
:data="loadData"
>
//序號功能 pageNum pageSize默認是1,10 然后每次在loadata里面獲取每次表格的分頁信息 從而達到序號累計的功能
<span slot="serial" slot-scope="text, record, index">
{{ ((pageNum - 1)*pageSize) + (index+1) }}
</span>
/
/title功能 其實這個title應該在組件里面統一加 避免每個列加 不過我沒去研究
<span slot="hoverTitle" :title="text" slot-scope="text">
{{ text }}
</span>
//表尾合計功能 不過參數還是要自己算
<template slot="footer" v-if="reportFormType == 'tzjhmx'">
共計{{ summaryStatistics }}個項目，安排投資合計{{ summaryStatisticsMoney }}萬元。
</template>
//跳轉地址
<span slot="goMxinfo" :title="text" slot-scope="text,record">
<a @click="$router.push({ name: 'aa', query: { detailedIds: record.detailedIds} })" >{{ text }}</a>
</span>
//表格編輯功能
<template v-for=" (col, i) in ['visualScheduleValue','architecturalQuantity','installationQuantity','demolitionQuantity','mainMaterialsQuantity','equipmentPurchaseQuantity','otherQuantity','basicReserveQuantity','installationMaterials','installedEquipments', 'capitalRatio', 'remarks', 'startCumulativeReleaseLastYear']" :slot="col" slot-scope="text, record">
<editTable :key="col" :recordKey="col" :textProps="text" @change="onCellChange(record,col, $event)"></editTable>
</template>
//將后台的傳值做一個處理 返回其他值
<span slot="planBatchText" slot-scope="text">
{{ matchingValue(text) }}
</span>
</s-table>
----------------------------------------------------------------------
rangPicker屬性 就是查詢時間范圍的時候用 綁定的range是用在時間控件上的
<a-range-picker v-model="range"/>
初始化定義 range:null 這樣就可以 查詢的時候 表格會自動加上開始時間和結束時間
