mw_odd_job/public/static/mobile/js/component/applyList.js

Vue.component('like-list', {
    template: `
    <div class="job-box">
        <div class="job-item" v-for="item in list" @click="goDetail(item.comjobs.id)">
            <div class="job-flex">
                <div class="job-flex-left job-title">{{item.comjobs.title}}</div>
                <div class="job-flex-right text-gray" @click.stop="onCancel(item.id)">取消报名</div>
            </div>
            <div class="job-flex margin-top-10">
                <div class="job-flex-left"></div>
                <div class="job-flex-right" style="color: #e54d42;">
                    {{item.comjobs.zwagall}}({{item.comjobs.wtype_text}})
                </div>
            </div>
            <div class="job-flex margin-top-10">
                <div class="job-flex-left">
                    {{item.comjobs.worker_name}}
                </div>
                <div class="job-flex-right">
                    浏览量:{{item.comjobs.volume}}
                </div>
            </div>
        </div>
    </div>
    `,
    data() {
        return {}
    },
    props: {
        list: {
            type: Array,
            default: [],
        },
    },
    methods: {
        onCancel(id) {
            this.$dialog.confirm({
                title: '提示',
                message: '确定取消？',
            }).then(() => {
                this.$emit('cancel', id);
            })
        },
        goDetail(id) {
            location.href = "/jobs/detail?id=" + id;
        },
    },
});