woman_odd_job/public/static/mobile/js/component/trainAdd.js

Vue.component('train-add', {
    template: `
    <div class="job-box">
        <div class="job-item" v-for="item in list" @click="onAdd(item.id)">
            <div class="job-flex">
                <div class="job-flex-left job-title">{{item.title}}</div>
                <div class="job-flex-right"></div>
            </div>
            <div class="job-flex margin-top-10">
                <div class="job-flex-left">
                    {{item.contact}}
                </div>
                <div class="job-flex-right num">{{item.mobile}}</div>
            </div>
            <div class="job-flex margin-top-10">
                <div class="job-flex-left">
                    {{item.address}}
                </div>
                <div class="job-flex-right"></div>
            </div>
        </div>
    </div>
    `,
    data() {
        return {}
    },
    props: {
        list: {
            type: Array,
            default: [],
        },
    },
    methods: {
        onAdd(id) {
            this.$dialog.confirm({
                title: '提示',
                message: '确定添加？',
            }).then(() => {
                this.$emit('add', id);
            })
        },
    },
});