odd_job/app/mobile/view/resume/index.html

{extend name="public/base"/}
{block name="css"}
<style>
    .footer-block{width:100%;height:60px;}
    .footer{position:fixed;width:100%;left:0;bottom:0;box-sizing:border-box;padding:5px 20px;background:white;}
</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>
<van-search
        v-model="form.searchKey"
        placeholder="请输入姓名或手机号"
        @search="onSearch"
        @cancel="onCancel"
        show-action
>
    <template #action>
        <div @click="onCancel">重置</div>
    </template>
</van-search>

{include file="public/list_load" list="<resume-list @follow='onFollow' @edit='onEdit' :list='list'></resume-list>" /}

<div class="footer-block"></div>
<div class="footer">
    <van-button type="primary" @click="onAdd" block>添加</van-button>
</div>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = list_load('resume/listResume',{searchKey:''});

        //搜索
        base.onSearch = () => {
            base.onRefresh();
        };
        base.onCancel = () => {
            base.form.searchKey = "";
            base.onRefresh();
        };

        //列表
        base.onFollow = (id) => {
            location.href = "{:url('/mobile/resume/follow')}?id=" + id;
        };
        base.onEdit = (id) => {
            location.href = "{:url('/mobile/resume/form')}?id=" + id;
        };
        base.onAdd = () => {
            location.href = "{:url('/mobile/resume/form')}";
        };

        //头部
        base.onBack = () => {
            location.href = "{:url('/mobile/my/index')}";
        };

        return base;
    }
</script>
{/block}
{block name="vue"}
<script src="__COMPONENTS__/resumeList.js"></script>
{/block}