|
|
@@ -23,20 +23,22 @@
|
|
|
</form>
|
|
|
</div>
|
|
|
|
|
|
- <div v-for="(item,index) in subForm.contentList" class="vongi-cashier margin10">
|
|
|
- <div @click="chooseImage(index)" class="vongi-fqhd-addimg">
|
|
|
- <img v-if="item.picture" :src="item.picture">
|
|
|
- <div v-else>
|
|
|
- <span>添加图片</span>
|
|
|
- <i class="iconfont icon-23"></i>
|
|
|
+ <draggable element="div" v-model="subForm.contentList" :options="{animation:200}">
|
|
|
+ <div v-for="(item,index) in subForm.contentList" class="vongi-cashier margin10">
|
|
|
+ <div @click="chooseImage(index)" class="vongi-fqhd-addimg">
|
|
|
+ <img v-if="item.picture" :src="item.picture">
|
|
|
+ <div v-else>
|
|
|
+ <span>添加图片</span>
|
|
|
+ <i class="iconfont icon-23"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="vongi-cashier-text">
|
|
|
+ <router-link :to="{name:'MasterActivityAddText',query:{index:index}}" class="vongi-text-tit color333" v-text="item.detail"></router-link>
|
|
|
+ <a @click="delItem(index)"><span class="mui-icon iconfont icon-guanbi1"></span></a>
|
|
|
+ <a><span class="mui-icon iconfont icon-jiantou1"></span></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="vongi-cashier-text">
|
|
|
- <router-link :to="{name:'MasterActivityAddText',query:{index:index}}" class="vongi-text-tit color333" v-text="item.detail"></router-link>
|
|
|
- <a @click="delItem(index)"><span class="mui-icon iconfont icon-guanbi1"></span></a>
|
|
|
- <a><span class="mui-icon iconfont icon-jiantou1"></span></a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </draggable>
|
|
|
|
|
|
<div class="vongi-fqhd-add margin10">
|
|
|
<a @click="addShow=true"><span class="mui-icon mui-icon-plus"></span></a>
|
|
|
@@ -66,6 +68,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import draggable from 'vuedraggable'
|
|
|
import * as API_Activity from '@/apis/Master/activity'
|
|
|
import Common from '$project/components/Common.vue'
|
|
|
import Loading from '$project/components/Loading.vue'
|
|
|
@@ -82,6 +85,7 @@
|
|
|
Common,
|
|
|
Loading,
|
|
|
TopHeader,
|
|
|
+ draggable
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
