dl-components

安装：

npm i dl-components

注册公共组件：

// main.ts 中
import dlComs from 'dl-components'
import 'dl-components/dist/style.css';
app.use(dlComs)

本公共组件库包含：

• dl-table
• dl-detail
• dl-edit
• dl-sort
• dl-tree
• dl-file-upload

使用：

 <dl-table
  ref="viewTable"
  :title="params.title"
  :columns="params.columns"
  :searchList="params.searchList"
  :btnList="params.btnList"
  :getDataFn="params.getDataFn"
  :getTreeDataFn="selectTreeList"
  :tagId="priAssumVer"
  @add="add"
  @edit="edit"
  @del="del"
  @sort="sort"
  @import="importExcel"
  />

<dl-detail
  ref="viewDetail"
  show
  width="80vw"
  :title="title"
  @fullscreen="changeFullscreen"
  @cancel="cancel">
  <div class="spread-host">
  </div>
</dl-detail>

<dl-edit
  ref="viewEdit"
  :show="show"
  width="80vw"
  :title="title"
  @fullscreen="changeFullscreen"
  @cancel="cancel"
  @save="save">
  <div class="spread-host">
  </div>
</dl-edit>

<dl-sort
  :columns="params.columns"
  :getDataFn="sortData"
  :saveFn="saveSortData"
  :show="state.sortShow"
  @canceled="canceled"
  @saved="saved"
/>

<dl-file-upload
  v-model="form.filePath"
  :limit="1"
  accept=".xlsx,.xlsm"
  product="pricing/priModel"
  @onChange="save"
></dl-file-upload>