{yun:}include file="$wapstyle/member/cheader.htm"{/yun}
<!-- 页面主体部分 -->
<div id="yunvue" class="none">
    <div class="memberuser_nav category">
        <ul>
            <li :class="is_browse == '' ? 'memberuser_nav_cur' : ''" @click="browseShow('')">全部</li>
            <li :class="is_browse == '2' ? 'memberuser_nav_cur' : ''" @click="browseShow('2')">已查看</li>
            <li :class="is_browse == '3' ? 'memberuser_nav_cur' : ''" @click="browseShow('3')">待定</li>
            <li :class="is_browse == '4' ? 'memberuser_nav_cur' : ''" @click="browseShow('4')">不合适</li>
            <li :class="is_browse == '5' ? 'memberuser_nav_cur' : ''" @click="browseShow('5')">未接通</li>
        </ul>
    </div>
    <div class="resume_management_body_card ">
        <div class="management_body_card_content">
            <div v-if="total>0">
                <div class="bgboxpt">
                    <div v-for="(item, infokey) in info" :key="infokey" class="hr_userbox" @click="resumeShow(item.waprurl, infokey)">

                        <div class="hr_userlist">
                            <div class="hr_userlist_pic"> <img :src="item.photo" alt=""></div>
                            <div class="hr_userlist_name">{{item.name}}
                                <div v-if="item.is_browse=='1'" class="hr_userlist_icon">
                                    <img src="{yun:}$wap_style{/yun}/images/tab_new.png" alt="">
                                </div>
                                <div v-else-if="item.is_browse=='3'" class="hr_userlist_icon">
                                    <img src="{yun:}$wap_style{/yun}/images/Apply_undetermined.png" alt="">
                                </div>
                                <div v-else-if="item.is_browse=='4'" class="hr_userlist_icon">
                                    <img src="{yun:}$wap_style{/yun}/images/Apply_inappropriate.png" alt="">
                                </div>
                                <div v-else-if="item.is_browse=='5'" class="hr_userlist_icon">
                                    <img src="{yun:}$wap_style{/yun}/images/Apply_block call.png" alt="">
                                </div></div>
                            <div class="hr_userlist_info">
                                <span>{{item.exp}} · </span>
                                <span>{{item.edu}} · </span>
                                <span>{{item.age}}岁</span>
                            </div>
                            <div class="hr_userlist_wsh">{{item.state_n}}</div>
                        </div>

                        <div class="hr_userlist_p" v-if="item.remark"><span class="hr_userlist_t">简历备注</span> {{item.remark}}</div>
                        <div class="hr_userlist_p"><span class="hr_userlist_t">应聘职位</span> {{item.job_name}}</div>
                        <div class="hr_userlist_p"><span class="hr_userlist_t">应聘时间 </span> {{item.datetime_n}}</div>

                        <div class="hr_userlist_cz">
                            <div class="hr_userlist_czicon" @click.stop="setRemark(item.id, item.name ,infokey, item.remark)">
                                <img src="{yun:}$wap_style{/yun}/images/bz.png" alt="">
                            </div>
                            <div class="hr_userlist_czicon" @click.stop="setStatus(item.id, infokey)">
                                <img src="{yun:}$wap_style{/yun}/images/Apply_compile.png" alt="">
                            </div>
                            <div class="hr_userlist_czicon" @click.stop="delHr(item.id, infokey)">
                                <img src="{yun:}$wap_style{/yun}/images/resume_del.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="total > limit">
                    <van-pagination v-model="page" :total-items="total" :items-per-page="limit" force-ellipses @change="pageChange"/>
                </div>
            </div>
            <div class="bgboxpt " v-else>
                <div class="wap_member_bgcar">
                    <div class="wap_member_no" >
                        <div class="wap_member_no_p1">暂未应聘记录~</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--备注弹出-->
    <van-popup v-model="remarkShow" position="bottom" round closeable>
        <div class="job_tckpd">
            <div class="job_tcktit">备注简历</div>

            <div class="job_tcktextarea mt10">
                <textarea class="mt10"  v-model="remark"  placeholder="请输入备注内容"></textarea>
            </div>
            <div class="job_tckbth">
                <input class="" type="button" value="提交" @click="remarkResume" />
            </div>
        </div>
    </van-popup>

    <van-action-sheet v-model="show" :actions="sheetList" :description="sheetTips.text" cancel-text="取消" close-on-click-action @cancel="show = false" @select="sheetClick"/>

</div>

<!--备注弹出 end-->
<script>
    var hid = 0,
        hkey = 0;
    var yunvue = new Vue({
        el: '#yunvue',
        data() {
            return {
                show: false,
                sheetList: [
                    {name: '未查看', color: ''},
                    {name: '已查看', color: ''},
                    {name: '待定', color: ''},
                    {name: '不合适', color: ''},
                    {name: '未接通', color: ''}
                ],
                sheetTips: {
                    text: '设置简历状态'
                },
                browseIndex: 0,
                islook: false,
                is_browse: '',

                info: [],
                jobid: 0,
                isFromSearch: true,

                remark: '',
                remarkShow: false,

                hr_id: '',
                hr_name: '',
                hr_key: '',

                total: 0,
                pageTotal: 0,
                page: 1,
                limit: 10
            };
        },
        created() {
            this.jobid = getUrlKey('jobid');
            var is_browse = getUrlKey('is_browse');
            if(is_browse){
                this.is_browse = is_browse;
            }
            if (!this.islook) {
                this.gethr('refresh');
            }
        },
        methods: {
            gethr(type) {
                var that = this;
                if (type && type == 'refresh') {
                    that.page = 1;
                    that.info = [];
                    that.islook = false;
                    that.isFromSearch = true;
                }
                var param = {
                    page: that.page,
                    limit: that.limit
                };
                if (that.jobid) {
                    param.jobid = that.jobid;
                }
                if (parseInt(that.is_browse) > 0) {
                    param.is_browse = parseInt(that.is_browse);
                }

                showLoading();
                $.post('{yun:}url d=wxapp h=com m=resume c=hrlist{/yun}', param, function (data) {
                    hideLoading();
                    let list = data.data.list;
                    if (data) {
                        that.total = data.data.total;
                        that.pageTotal = Math.ceil(data.data.total / that.limit);
                        if (list && list.length > 0) {
                            that.info = list;
                        }
                        $("#yunvue").css('display', 'block');
                    }
                }, 'json')
            },
            pageChange: function (page) {
                this.page = page;
                this.gethr('');
            },
            browseShow: function (e) {
                this.is_browse = e;
                this.gethr('refresh');
            },
            delHr: function (id, key) {
                var that = this;
                var paramer = {
                    ids: id,
                };

                showConfirm('确定删除？', function () {
                    showLoading('删除中');
                    $.post('{yun:}url d=wxapp h=com m=resume c=hr_del{/yun}', paramer, function (data) {
                        if (data.error == 1) {
                            hideLoading();
                            showToast('删除成功',2,function () {
                                that.info.splice(key, 1);
                            });
                        }
                    }, 'json')
                });
            },
            setRemark: function (id, rname, key, remark) {

                var that = this;
                that.hr_id      =   id;
                that.hr_name    =   rname;
                that.hr_key     =   key
                that.remark     =   remark;
                that.remarkShow =   true;
            },
            remarkResume:function(){
                var that = this;
                var paramer = {
                    name: that.hr_name,
                    id: that.hr_id,
                    remark: that.remark
                };
                showLoading('设置中');
                $.post('{yun:}url d=wxapp h=com m=resume c=hrRemark{/yun}', paramer, function (data) {
                    hideLoading();
                    if (data.error == 1) {

                        that.info[that.hr_key].remark = that.remark;
                        showToast(data.msg);
                        that.remarkShow = false;
                    } else {

                        showModal(data.msg);
                    }
                }, 'json')
            },
            setStatus: function (id, key) {
                hid = id;
                hkey = key;
                // 处理action-sheet选中状态
                this.sheetList.forEach((item, index) => {
                    if (index == (parseInt(this.info[key].is_browse) - 1)) {
                        item.color = '#5FB878';
                    } else {
                        item.color = '';
                    }
                })
                this.show = true;
            },
            sheetClick(e, index) {
                let browseIndex = index + 1,
                    that = this;
                var paramer = {
                    id: hid,
                    browse: browseIndex
                };
                showLoading('设置中');
                $.post('{yun:}url d=wxapp h=com m=resume c=hrset{/yun}', paramer, function (data) {
                    hideLoading();
                    if (data.error == 1) {
                        that.info[hkey].is_browse = browseIndex;
                        showToast(data.msg);
                    } else {
                        showModal(data.msg);
                    }
                }, 'json')
            },
            resumeShow: function (url, key) {
                if(this.info[key].state != 1){
                    return showModal('该简历审核状态是' + this.info[key].state_n + '，无法查看！请查看其它简历');
                }
                if (this.info[key].is_browse == 1) {
                    // 未查看的设置为已查看
                    this.info[key].is_browse = 2;
                }

                navigateTo(url)
            }
        }
    });
</script>
</body>
</html>