给单据明细的最左侧增加带拖动的序号

This commit is contained in:
jishenghua
2024-03-19 14:18:57 +08:00
parent 3dd5573c80
commit c61684a6fa
20 changed files with 53 additions and 27 deletions

View File

@@ -42,6 +42,12 @@
<div v-if="dragSort" class="td td-ds" :style="style.tdLeftDs"> <div v-if="dragSort" class="td td-ds" :style="style.tdLeftDs">
<span></span> <span></span>
</div> </div>
<div v-if="dragSortAndNumber" class="td td-ds" :style="style.tdLeftDs">
<span>#</span>
</div>
<div v-if="rowNumber" class="td td-num" :style="style.tdLeft">
<span>#</span>
</div>
<div v-if="rowSelection" class="td td-cb" :style="style.tdLeft"> <div v-if="rowSelection" class="td td-cb" :style="style.tdLeft">
<!--:indeterminate="true"--> <!--:indeterminate="true"-->
<a-checkbox <a-checkbox
@@ -50,9 +56,6 @@
@change="handleChangeCheckedAll" @change="handleChangeCheckedAll"
/> />
</div> </div>
<div v-if="rowNumber" class="td td-num" :style="style.tdLeft">
<span>#</span>
</div>
<!-- 右侧动态生成td --> <!-- 右侧动态生成td -->
<template v-for="col in columns"> <template v-for="col in columns">
<div <div
@@ -120,6 +123,25 @@
</a-dropdown> </a-dropdown>
</div> </div>
<div v-if="dragSortAndNumber" class="td td-ds" :style="style.tdLeftDs">
<a-dropdown :trigger="['click']" :getPopupContainer="getParentContainer">
<div class="td-ds-icons" title="点击不放可以拖动" style="text-align: center; line-height: 32px">
<span>{{ rowIndex+1 }}</span>
</div>
<a-menu slot="overlay">
<a-menu-item key="0" :disabled="rowIndex===0" @click="_handleRowMoveUp(rowIndex)">向上移</a-menu-item>
<a-menu-item key="1" :disabled="rowIndex===(rows.length-1)" @click="_handleRowMoveDown(rowIndex)">向下移</a-menu-item>
<!-- <a-menu-divider/>
<a-menu-item key="3" @click="_handleRowInsertDown(rowIndex)">插入一行</a-menu-item> -->
</a-menu>
</a-dropdown>
</div>
<div v-if="rowNumber" class="td td-num" :style="style.tdLeft">
<span>{{ rowIndex+1 }}</span>
</div>
<div v-if="rowSelection" class="td td-cb" :style="style.tdLeft"> <div v-if="rowSelection" class="td td-cb" :style="style.tdLeft">
<!-- 此 v-for 只是为了拼接 id 字符串 --> <!-- 此 v-for 只是为了拼接 id 字符串 -->
<template v-for="(id,i) in [`${row.id}`]"> <template v-for="(id,i) in [`${row.id}`]">
@@ -130,9 +152,7 @@
@change="handleChangeLeftCheckbox"/> @change="handleChangeLeftCheckbox"/>
</template> </template>
</div> </div>
<div v-if="rowNumber" class="td td-num" :style="style.tdLeft">
<span>{{ rowIndex+1 }}</span>
</div>
<!-- 右侧动态生成td --> <!-- 右侧动态生成td -->
<div <div
class="td" class="td"
@@ -736,12 +756,13 @@
> >
<div v-if="dragSort" class="td td-ds" :style="style.tdLeftDs"> <div v-if="dragSort" class="td td-ds" :style="style.tdLeftDs">
</div> </div>
<div v-if="rowSelection" class="td td-cb" :style="style.tdLeft"> <div v-if="dragSortAndNumber" class="td td-ds" :style="style.tdLeftDs">
</div> </div>
<div v-if="rowNumber" class="td td-num" :style="style.tdLeft"> <div v-if="rowNumber" class="td td-num" :style="style.tdLeft">
<span v-if="!rowSelection">统计</span> <span v-if="!rowSelection">统计</span>
</div> </div>
<div v-if="rowSelection" class="td td-cb" :style="style.tdLeft">
</div>
<!-- 右侧动态生成td --> <!-- 右侧动态生成td -->
<template v-for="col in columns"> <template v-for="col in columns">
@@ -856,6 +877,11 @@
type: Boolean, type: Boolean,
default: false default: false
}, },
// 是否可拖拽排序并显示行号
dragSortAndNumber: {
type: Boolean,
default: false
},
dragSortKey: { dragSortKey: {
type: String, type: String,
default: 'orderNum' default: 'orderNum'

View File

@@ -42,7 +42,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
:dragSort="true" :dragSortAndNumber="true"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -39,7 +39,7 @@
:dataSource="materialTable.dataSource" :dataSource="materialTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
@valueChange="onValueChange" @valueChange="onValueChange"

View File

@@ -39,7 +39,7 @@
:dataSource="materialTable.dataSource" :dataSource="materialTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
@valueChange="onValueChange" @valueChange="onValueChange"

View File

@@ -61,7 +61,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -61,7 +61,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -61,7 +61,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -68,7 +68,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -68,7 +68,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -63,7 +63,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -73,7 +73,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
:dragSort="true" :dragSortAndNumber="true"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -61,7 +61,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -68,7 +68,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
:dragSort="true" :dragSortAndNumber="true"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -69,7 +69,7 @@
:rowNumber="false" :rowNumber="false"
:rowSelection="rowCanEdit" :rowSelection="rowCanEdit"
:actionButton="rowCanEdit" :actionButton="rowCanEdit"
:dragSort="rowCanEdit" :dragSortAndNumber="rowCanEdit"
@valueChange="onValueChange" @valueChange="onValueChange"
@added="onAdded" @added="onAdded"
@deleted="onDeleted"> @deleted="onDeleted">

View File

@@ -63,7 +63,7 @@
:dataSource="accountTable.dataSource" :dataSource="accountTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
@valueChange="onValueChange" /> @valueChange="onValueChange" />

View File

@@ -55,7 +55,7 @@
:dataSource="accountTable.dataSource" :dataSource="accountTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
@valueChange="onValueChange" /> @valueChange="onValueChange" />

View File

@@ -63,7 +63,7 @@
:dataSource="accountTable.dataSource" :dataSource="accountTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
@valueChange="onValueChange" /> @valueChange="onValueChange" />

View File

@@ -63,7 +63,7 @@
:dataSource="accountTable.dataSource" :dataSource="accountTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="true" :rowSelection="true"
:actionButton="true" :actionButton="true"
@valueChange="onValueChange" /> @valueChange="onValueChange" />

View File

@@ -83,7 +83,7 @@
:dataSource="accountTable.dataSource" :dataSource="accountTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="false" :rowSelection="false"
:actionButton="false" :actionButton="false"
@valueChange="onValueChange" /> @valueChange="onValueChange" />

View File

@@ -83,7 +83,7 @@
:dataSource="accountTable.dataSource" :dataSource="accountTable.dataSource"
:minWidth="minWidth" :minWidth="minWidth"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="true"
:rowSelection="false" :rowSelection="false"
:actionButton="false" :actionButton="false"
@valueChange="onValueChange" /> @valueChange="onValueChange" />