mirror of
https://gitee.com/ulthon/ulthon_admin.git
synced 2026-07-01 15:32:48 +08:00
给参数输入组件增加拖动排序
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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
3
public/static/plugs/Sortable.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -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>
|
||||
2
public/static/plugs/vuedraggable.umd.min.js
vendored
Normal file
2
public/static/plugs/vuedraggable.umd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user