<style lang="sass">
    @import './sass/move.scss';
</style>

<template>
    <div class="page-move bbs" @click="showReasonList = false;showSortList = false">
        <h2>请选择移动目标</h2>
        <div class="row">
            <span class="key">目标板块：</span>
            <div class="select icon-down" @click.stop="showPicker = !showPicker;showReasonList=false;showSortList=false">
                <p class="label">{{forum.name}}</p>
                
            </div>
        </div>
        <div class="row">
            <span class="key">目标分类：</span>
            <div class="select icon-down" @click.stop="showSortList = !showSortList;showReasonList=false;showForumList=false">
                <p class="label" v-html="sort.name||''"></p>
                <div class="reason-list" v-show="showSortList">
                    <div class="list-wrap">
                        <p 
                            v-html="item.name" 
                            v-for="(item,index) in sortList" 
                            :key="index" 
                            @click.stop="selectSort(item)">  
                        </p>

                        <p v-if="sortList.length == 0"></p>
                    </div>

                </div>
            </div>
        </div>
       
        <div class="row">
            <span class="key">操作原因：</span>
            <div class="select icon-down" @click.stop="showReasonList = !showReasonList;showSortList=false;showForumList=false">
                <p class="label">{{reason||''}}</p>
                <div class="reason-list" v-show="showReasonList">
                    <div class="list-wrap">
                        <p v-for="(item,index) in reasonMap" :key="index" @click.stop="selectReason(item)">
                            {{item}}
                        </p>
                    </div>

                </div>
            </div>
        </div>
        <textarea v-model="text"></textarea>
        <button class="submit" @click="submit()">确定</button>
        <div class="picker-shade" v-show="showPicker" @click.stop="confirmForum()">
            <div class="picker-wrap">
                <mt-picker 
                    :slots="slots" 
                    valueKey="name" 
                    @change="onValuesChange"
                    ref="picker">
                </mt-picker>
            </div>
        </div>
    </div>
</template>
<script>
import move from "./js/move.js";
export default move;
</script>
