graduate_light/app/mobile/view/info/follow.html

{extend name="public/base"/}
{block name="css"}

{/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-form @submit="onSubmit">
    <van-field
            required
            v-model="remark"
            rows="3"
            autosize
            label="跟进记录"
            type="textarea"
            placeholder="请填写跟进记录"
            :rules="[{ required: true, message: '请填写跟进记录' }]"
    ></van-field>
    <div style="margin: 16px;">
        <van-button round block type="primary" native-type="submit">
            提交
        </van-button>
    </div>
</van-form>
<van-steps direction="vertical" :active="0">
    {volist name="list" id="vo"}
        <van-step>
            <h4>
                {$vo.create_time} 【{$vo.type_text}】
                <span style="color:#FF5722;">（{$vo.user_type_text}）</span>
            </h4>
            <p>{$vo.remark} </p>
        </van-step>
    {/volist}
</van-steps>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.onBack = () => {
            location.href = "{:url('info/index')}";
        };

        //表单
        base.remark = Vue.ref('');
        base.onSubmit = (form) => {
            postJson("{:url('info/followPost')}",{remark:base.remark.value,id:{$id}}).then(({data}) => {
                location.reload();
            });
        };

        return base;
    }
</script>
{/block}