odd_job/public/static/mobile/js/components/reportList.js

app.component('report-list', {
    template: `
    <div class="report-list">
        <div class="report-item" v-for="item in list">
            <div class="header">
                <div class="title">{{item.recruit.title}}</div>
                <div class="status">{{item.status_text}}</div>
            </div>
            <div class="content">
                <div class="user-info">{{item.realname}} - {{item.mobile}}</div>
                <div class="other-info">预计到达日期：{{item.arrivetime}}</div>
                <div class="other-info">报名时间：{{item.createtime}}</div>
            </div>
            <div class="tool">
                <van-tag type="primary" plain size="large" @click="onCall(item.mobile)">求职者电话</van-tag>
                <van-tag type="primary" plain size="large" @click="onCall(item.recruit.telephone)">公司电话</van-tag>
                <van-tag type="success" plain size="large" @click="onDetail(item)">详情</van-tag>
            </div>
        </div>
    </div>
    `,
    data() {
        return {}
    },
    props: {
        list: {
            type: Array,
            default: [],
        },
        is_select: {
            type: Boolean,
            default: false,
        },
    },
    methods: {
        onCall(phone) {
            window.location.href = "tel:" + phone;
        },
        onDetail(item) {
            this.$emit('detail',item);
        },
    },
});