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

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

View File

@@ -26,6 +26,10 @@
<script src="__STATIC__/plugs/lay-module/iconPicker/iconPickerFa.js"></script>
<script src="__STATIC__/plugs/lay-module/autocomplete/autocomplete.js"></script>
<script src="__STATIC__/plugs/vue-2.6.10/vue.min.js"></script>
<script src="__STATIC__/plugs/Sortable.min.js"></script>
<script src="__STATIC__/plugs/vuedraggable.umd.min.js"></script>
<script src="__STATIC__/plugs/ckeditor4/ckeditor.js"></script>
<script src="__STATIC__/plugs/jq-module/city-picker/js/city-picker.data.min.js"></script>
<script src="__STATIC__/plugs/jq-module/city-picker/js/city-picker.min.js"></script>

View File

@@ -72,6 +72,18 @@
<div data-toggle="property-input" data-name="property">{$row.property|raw|default=''}</div>
</div>
</div>
<div class="layui-form-item full-line">
<label class="layui-form-label">属性(指定列)</label>
<div class="layui-input-block">
<div data-toggle="property-input" data-name="property_static">{$row.property_static|raw|default=''}</div>
</div>
</div>
<div class="layui-form-item full-line">
<label class="layui-form-label">属性(动态)</label>
<div class="layui-input-block">
<div data-toggle="property-input" data-name="property_dynamic">{$row.property_dynamic|raw|default=''}</div>
</div>
</div>
<div class="layui-form-item full-line">
<label class="layui-form-label">商品描述</label>
<div class="layui-input-block">

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