diff --git a/src/components/sp-form/index.vue b/src/components/sp-form/index.vue index bd02c31..45102fc 100755 --- a/src/components/sp-form/index.vue +++ b/src/components/sp-form/index.vue @@ -277,6 +277,7 @@ export default { _renderRichTextArr(item) { const { value, editorModules } = this const { key, disabled = false, options } = item + const length = value[key].length const removeItem = (index) => { value[key].splice(index, 1) // this.$set(this.value, key, richArr) @@ -285,6 +286,16 @@ export default { value[key].push({ title: '', content: '' }) // this.$set(this.value, key, richArr) } + const handlerMove = (index, type) => { + const _item = value[key][index] + if (type === 'up') { + value[key].splice(index, 1) + value[key].splice(index - 1, 0, _item) + } else { + value[key].splice(index, 1) + value[key].splice(index + 1, 0, _item) + } + } return (
{value[key].map((item, index) => ( @@ -304,22 +315,42 @@ export default {
- removeItem(index)} - title='确认删除当前项?' - > -
removeItem(index)} - style='font-size: 30px;padding: 0px 20px; margin-left: 50px; color: #F56C6C;' - /> - +
+ {index !== 0 && ( + + handlerMove(index, 'up')} + /> + + )} + removeItem(index)} + title='确认删除当前项?' + > +
removeItem(index)} + style='font-size: 30px; color: #F56C6C;' + /> + + {index < length - 1 && ( + + handlerMove(index, 'down')} + /> + + )} +
))} diff --git a/src/view/mall/trade/normalorders/list.vue b/src/view/mall/trade/normalorders/list.vue index 1ead0ba..38c2434 100755 --- a/src/view/mall/trade/normalorders/list.vue +++ b/src/view/mall/trade/normalorders/list.vue @@ -179,7 +179,7 @@ :name="item.value" /> - + - + + + - + diff --git a/src/view/mall/trade/order/detail/index.vue b/src/view/mall/trade/order/detail/index.vue index 2202e33..275bdec 100755 --- a/src/view/mall/trade/order/detail/index.vue +++ b/src/view/mall/trade/order/detail/index.vue @@ -75,11 +75,16 @@ - + + + +