给参数输入组件增加拖动排序

This commit is contained in:
2023-11-02 15:58:13 +08:00
parent b8a3ae995f
commit dac73754e1
5 changed files with 29 additions and 5 deletions

3
public/static/plugs/Sortable.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -1,19 +1,22 @@
<div class="property-input-container" ref="propertyInput">
<input type="hidden" :name="setting.name" :value="value" :lay-verify="setting.required == 1?'required':''">
<div class="input-list">
<draggable tag="div" :list="listItem" class="input-list" handle=".drag-item">
<div class="input-item" v-for="(item,index) in listItem">
<div class="input-name"><input type="text" class="layui-input" placeholder="请输入名称" :value="item.name" @change="onItemNameChange(item,index,$event)"></div>
<div class="input-value"><input type="text" class="layui-input" placeholder="请输入数据" :value="item.value" @change="onItemValueChange(item,index,$event)"></div>
<div class="input-option">
<div class="layui-btn-group">
<div class="layui-btn layui-btn-primary" @click="onItemMoveUp(item,index)"><i class="fa fa-arrow-up"></i></div>
<div class="layui-btn layui-btn-primary" @click="onItemMoveDown(item,index)"><i class="fa fa-arrow-down"></i></div>
<div class="layui-btn layui-btn-primary drag-item"><i class=" fa fa-arrows"></i></div>
<div class="layui-btn layui-btn-primary" @click="onItemDelete(item,index)"><i class="fa fa-close"></i></div>
</div>
</div>
</div>
<div class="input-item">
<div class="input-item" slot="footer">
<div class="layui-btn layui-btn-primary" @click="onAddItem"><i class="layui-icon layui-icon-add-1"></i></div>
</div>
</div>
</draggable>
</div>

File diff suppressed because one or more lines are too long