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

<template>
    <div class="delete" @click="showList = false">
        <h2 v-if="type == 'delete'">您确认要删除选择的主题么？</h2>
        <h2 v-if="type == 'banpost'">您确认要屏蔽选择的主题么？</h2>
        <h2 v-if="type == 'bump'">您确认要上升选择的主题么？</h2>        
        <h2 v-if="type == 'down'">您确认要下沉选择的主题么？</h2> 
        <h2 v-if="type == 'unbanpost'">您确认要解除屏蔽选择的主题么？</h2>
            
        <div class="form">
            <div class="row">
                <span class="key">操作原因：</span>
                <div class="select icon-down" @click.stop="showReasonList = !showReasonList">
                    <p class="label">{{reason||'自定义'}}</p>
                    <!-- <select v-model="reason">
                        <option v-for="(item,index) in reasonMap" 
                            :key="index" 
                            :value="item">
                            {{item}}
                        </option>
                        <option value="">自定义</option>
                    </select> -->
                    <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>
    </div>
</template>

<script>
import del from './js/delete.js'
export default del
</script>


