<div class="managedocument-warpper">
        <gsb-h5nav slot="nav" title="官文管理" isback="true"></gsb-h5nav>
        <gsb-loading :show="showLoading" />
        <div class="managedocument">
                <mt-navbar v-model="selected">
                        <mt-tab-item id="1">全部官文</mt-tab-item>
                        <mt-tab-item id="2">待邮寄</mt-tab-item>
                        <mt-tab-item id="3">申请中</mt-tab-item>
                        <mt-tab-item id="4">已邮寄</mt-tab-item>
                </mt-navbar>
                <div class="managedocument-filter-warpper" v-show="filterShow">
                        <div class="managedocument-filter">
                                <div class="managedocument-search" v-if="0">
                                        <mt-search cancel-text="取消" placeholder="请输入申请号/订单号/申请人名称查询">
                                        </mt-search>
                                        <img src="/imgs/mobiledoc/saixuan.png" @click="filterToggle" alt="">
                                </div>

                                <div>
                                        <div class="managedocument-filter-title">
                                                商标官文类型
                                        </div>
                                        <div class="managedocument-filter-type">
                                                <div class="managedocument-filter-button" :class="{btncolor:item.color}"
                                                        @click="docType(item,index)"
                                                        v-for="(item, index) in filterItems" :key="index">{{item.name}}
                                                </div>
                                        </div>

                                </div>
                                <div>
                                        <div class="managedocument-filter-title">
                                                收文时间
                                        </div>
                                        <div class="managedocument-filter-time">
                                                <input type="date" name="" id="">至
                                                <input type="date" name="" id="">
                                        </div>
                                </div>
                                <div>
                                        <div class="managedocument-filter-title">
                                                下单时间
                                        </div>
                                        <div class="managedocument-filter-time">
                                                <input type="date" name="" id="">至
                                                <input type="date" name="" id="">
                                        </div>

                                </div>
                                <div class="managedocument-filter-subimt">
                                        <mt-button size="large" type="primary">重置</mt-button>
                                        <mt-button size="large" type="primary">提交</mt-button>
                                </div>
                        </div>
                </div>
                <!-- tab-container -->
                <mt-tab-container v-model="selected">
                        <mt-tab-container-item id="1">
                                <div class="managedocument-search" v-if="0">
                                        <mt-search cancel-text="取消" placeholder="请输入申请号/订单号/申请人名称查询
                                        ">
                                        </mt-search>
                                        <img src="/imgs/mobiledoc/saixuan.png" alt="" @click="filterToggle">
                                </div>
                                <!-- 官文列表页 -->
                                <div class="managedocument-doclist">
                                        <div class="managedocument-doclist-item" v-for="value in lists.data">
                                                <div>
                                                        <div>
                                                                <div v-show="0" class="managedocument-radio">
                                                                </div>
                                                                <div>{{value.tmRegistNum}}</div>
                                                        </div>
                                                        <div>{{value.officialTypeName}}</div>
                                                </div>
                                                <div>
                                                        <div>{{value.sveItemName}}-{{value.tm_name}}</div>
                                                        <div v-for="(value1, key1) in ncldata"
                                                                v-if="key1+1 ==value.nclOneCodes ">
                                                                第{{value.nclOneCodes}}类 {{value1.name}}</div>
                                                        <div>{{value.customerinfo_name}}</div>
                                                        <div><span>订单号：</span><span>{{value.order_code}}</span></div>
                                                        <div><span>收文时间：</span><span>{{value.tmofficial_created_at}}</span>
                                                        </div>
                                                </div>

                                        </div>
                                </div>
                        </mt-tab-container-item>
                        <mt-tab-container-item id="2">
                                <div class="managedocument-search" v-if="0">
                                        <mt-search cancel-text="取消" placeholder="请输入申请号/订单号/申请人名称查询
                                                        ">
                                        </mt-search>
                                        <img src="/imgs/mobiledoc/saixuan.png" @click="filterToggle" alt="">
                                </div>

                                <div class="managedocument-doclist">
                                        <!-- 邮寄申请模板-->
                                        <!--vif  1是全部 , 2是待邮寄,3申请中,4是已邮寄 -->
                                        <div>
                                                <div class="managedocument-doclist-item" v-for="value in lists.data">
                                                        <div>
                                                                <div>
                                                                        <div v-show="0" class="managedocument-radio">
                                                                        </div>
                                                                        <div>{{value.tmRegistNum}}</div>
                                                                </div>
                                                                <div>{{value.officialTypeName}}</div>
                                                        </div>
                                                        <div>
                                                                <div>{{value.sveItemName}}-{{value.tm_name}}</div>
                                                                <div v-for="(value1, key1) in ncldata"
                                                                        v-if="key1+1 ==value.nclOneCodes ">
                                                                        第{{value.nclOneCodes}}类 {{value1.name}}</div>
                                                                <div>{{value.customerinfo_name}}</div>
                                                                <div><span>订单号：</span><span>{{value.order_code}}</span>
                                                                </div>
                                                                <div><span>收文时间：</span><span>{{value.tmofficial_created_at}}</span>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>

                                        <div class="mobileinvoice-mail" v-if="0">
                                                <div>
                                                        <img src="/imgs/mobiledoc/wenan.png" alt="">
                                                </div>
                                        </div>
                                </div>

                                <!-- 邮寄申请 -->
                                <!-- <div class="managedocument-allradio" v-for="(value,index) in lists.data">
                                        <div>
                                                <div></div>
                                                <div>全选</div>
                                        </div>

                                        <div v-if="value.officialMailType == 1">已选０个公众号　共{{index+1}}个官文</div>
                                        <mt-button size="small" @click="goDocApply">下一步</mt-button>
                                </div> -->
                        </mt-tab-container-item>
                        <mt-tab-container-item id="3">
                                <div class="managedocument-doclist">
                                        <div class="managedocument-doclist-item" v-for="value in lists.data">
                                                <div>
                                                        <div>
                                                                <div v-show="0" class="managedocument-radio">
                                                                </div>
                                                                <div>{{value.tmRegistNum}}</div>
                                                        </div>
                                                        <div>{{value.officialTypeName}}</div>
                                                </div>
                                                <div>
                                                        <div>{{value.sveItemName}}-{{value.tm_name}}</div>
                                                        <div v-for="(value1, key1) in ncldata"
                                                                v-show="key1+1 ==value.nclOneCodes ">
                                                                第{{value.nclOneCodes}}类 {{value1.name}}</div>
                                                        <div>{{value.customerinfo_name}}</div>
                                                        <div><span>订单号：</span><span>{{value.order_code}}</span></div>
                                                        <div><span>收文时间：</span><span>{{value.tmofficial_created_at}}</span>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </mt-tab-container-item>
                        <mt-tab-container-item id="4">
                                <div class="managedocument-mail">
                                        <div v-if="0">
                                                <img src="/imgs/mobiledoc/wenan.png" alt="">
                                        </div>



                                </div>
                        </mt-tab-container-item>
                </mt-tab-container>

        </div>



</div>