lw_test/app/mobile/view/human/institution_detail.html

{extend name="public/base_human"/}
{block name="css"}
<style>
    .content-box {background: white;width:100%;padding:10px 5%;}
    .title {display: flex;flex-direction: row;align-items: center;font-size:16px;font-weight: bold;}
    .tel {font-size:14px;margin-top:10px;border-bottom:1px solid #ddd;padding-bottom: 10px;}
    .join {display: flex;flex-direction: row;align-items: center;color:#777;font-size:14px;margin-top:10px;}
    .join .flex-1{flex:1;}
    .join .mobile{display: flex;flex-direction: row;align-items: center;}
    .address {color:#777;font-size:14px;margin-top:10px;}
    .tags {margin-top:10px;}
    .tags .van-tag{margin-right:5px;}
    .introduction-title {display: flex;flex-direction: row;align-items: center;margin-top:10px;border-top:1px solid #ddd;padding-top:10px;}
    .introduction-content {font-size:14px;margin-top:10px; white-space: pre-wrap;color:#666;}
    .booth {color:var(--red);font-size:16px;margin-top:10px;font-weight: bold;text-align: center;}
</style>
{/block}
{block name="body"}
<van-nav-bar
        class="nav-theme"
        :fixed="true"
        :placeholder="true"
        left-text="返回"
        left-arrow
        @click-left="onBack"
>
    <template #title>
        <span class="text-white">机构详情</span>
    </template>
</van-nav-bar>

<div class="content-box">
    <div class="title">
        <div style="width: 6px; height: 6px; background: #dd4250; border-radius: 50%; margin-right: 11px;"><span></span></div>
        <div>{{info.name}}</div>
    </div>
    <div class="tel" @click.stop="call(info.tel)">
        <van-icon name="phone" color=" #dd4250"></van-icon>
        {{info.tel}}
    </div>
    <div class="tags">
        <van-tag type="primary" v-for="tag in info.cooperate" size="medium">{{tag}}</van-tag>
    </div>
    <div class="join" v-if="info.join">
        <div class="flex-1">参会人：{{info.join}}</div>
        <div class="flex-1 mobile" v-if="info.join_mobile" @click.stop="call(info.join_mobile)">
            <van-icon name="phone" color=" #dd4250"></van-icon>
            {{info.join_mobile}}
        </div>
    </div>
    <div class="address">
        机构地址：{{info.address}}
    </div>
    <div class="booth" v-if="info.booth">
        展位：{{info.booth}}
    </div>
    <div class="booth" v-if="!info.booth">
        无展位
    </div>
    <div class="introduction">
        <div class="introduction-title">
            <div style="width: 6px; height: 6px; background: #dd4250; border-radius: 50%; margin-right: 11px;"><span></span></div>
            <div>机构简介</div>
        </div>
        <div class="introduction-content">{{info.introduction}}</div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.info = {$info};
        
        base.onBack = () => {
            history.back();
        };

        base.call = (tel) => {
            // vant.showImagePreview([
            //     '/static/mobile/images/wechat_qrcode_enterprise.jpg'
            // ]);
            location.href = "tel://" + tel;
        };
        
        return base;
    }
</script>
{/block}