给单据明细的最左侧增加带拖动的序号
This commit is contained in:
@@ -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'
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
Reference in New Issue
Block a user