<style>
    .visaProducts ._vMG_conten{padding: 30px 0;overflow-x: auto;}
    .visaProducts ._vMG_conten ul li{width: 175px;height: auto;padding: 20px;float: left;background-color: #FFFFFF;margin-right: 26px}
    .visaProducts ._vMG_conten ul li ._top{text-align: center;position: relative;}
    .visaProducts ._vMG_conten ul li ._top p{font-size: 14px;color: #333333;font-weight: bold;margin-top: 8px;padding-bottom: 20px;font-weight: bold}
    .visaProducts ._vMG_conten ul li ._btm{border-top:1px dashed #B8B8B8;padding-top: 22px; font-size: 12px;}
    .visaProducts ._vMG_conten ul li ._btm p{line-height: 30px;}
    .visaProducts ._vMG_conten ul li ._btm p>span{float: right; font-weight: bold;}
    .visaProducts ._vMG_conten ul li ._btm p>em{float: right; background: #47BF8C; margin-left: 5px; height:24px; line-height: 24px; padding:0 5px; color: #fff; border-radius: 4px; font-style:normal ;}
</style>
<template>
    <div class="visaProducts">
        <div class="_vMG_conten _scrollbar" >
            <ul class="clearfix">
                <li v-for="(item,index) in DataList">
                    <div class="_top">
                        <img :class="item.Status==1?'_black':''" src="../../assets/img/logo@2x.png" alt="">
                        <p class="PingFangSC">{{item.Name}}</p>
                        
                    </div>
                    <div class="_btm" >
                        <p>单签价格
                        	<span v-if="item.IsOrderSigned=='1'">{{item.Interior_Price==null?'0':item.Interior_Price}}</span>
                        	<span v-if="item.IsOrderSigned!='1'">暂不支持</span>
                        </p>
                        <p>团签价格
                        	<span v-if="item.IsGroupSigned=='1'">{{item.TCInterior_Price==null?'0':item.TCInterior_Price}}</span>
                        	<span v-if="item.IsGroupSigned!='1'">暂不支持</span>
                        </p>
                        <p>签证方式
                        	<em v-if="item.IsOrderSigned=='1'">个签</em>
                        	<em v-if="item.IsGroupSigned=='1'">团签</em>
                        	<em v-if="item.IsGroupSigned!='1'&&item.IsOrderSigned!='1'">无</em>
                        </p>
                    </div>
                    <div style="text-align: center; padding-top: 15px;">
                        <button class="normalBtn" type="button" @click="goUrl('addVisaNew',0,item.Id,'','visaProducts')">立即申请</button>
                    </div>
                </li>
            </ul>
        </div>
     
    </div>
</template>
<script>
export default {
    data(){
        return{
            DataList:[],
        }
    },methods:{
    	goUrl(path,id,Cid,copy,url){
    		this.$router.push({ name: path,query:{"id":id,"Cid":Cid,'copy':copy,'url':url} }) 
    	},
       getVisaManagementList(){  //  获取签证管理
            this.apipost('dmc_get_visa_GetVisaManagementList',{Status:0,BranchId:-1},res=>{
                if(res.data.resultCode==1){
                    this.DataList = res.data.data
                    console.log(this.DataList)
                    this.DataList.forEach(x=>{
                        x.SalesPlatform = x.SalesPlatform.toString()
                    })
                }else{
                    this.$message.error(res.data.message)
                }
            },err=>{})
       },
    },mounted(){
        this.getVisaManagementList()
    }
}
</script>