liche/admin/views/app/appusual/subjects/lists.php

<div class="coms-table-wrap mt10" id="vue-list">
    <form id="vue-app" class=" form-search coms-table-hd clearfix no-border" onsubmit="return false"
          action="/app/appusual/subjects/lists">
        <div class="am-form am-form-horizontal">
            <div class="am-form-group fl">
                <label class="am-para-label w100">搜索：</label>
                <div class="am-para-inline w120">
                    <select name="search_k" v-model="params.search_k" >
                        <option v-for="(v,i) in searchTpAry" :value="i">{{v}}</option>
                    </select>
                </div>
                <div class="am-form-group fl">
                    <div class="am-para-inline w300">
                        <input id="search_v" name="search_v" type="text" v-model="params.search_v"/>
                    </div>
                </div>
            </div>
            <div class="am-form-group fl">
                <label class="am-para-label w100">状态：</label>
                <div class="am-para-inline w120">
                    <select name="status" v-model="params.status">
                        <option value="">请选择</option>
                        <option value="1">正常</option>
                        <option value="0">下架</option>
                    </select>
                </div>
            </div>
            <div class="am-form-group fl">
                <label class="am-para-label w100">来源：</label>
                <div class="am-form-group am-para-inline w120">
                    <select name="app_id" v-model="params.app_id">
                        <option :value="v.id" v-for="(v,i) in appList">{{v.name}}</option>
                    </select>
                </div>
            </div>
            <div class="am-form-group fl ml10">
                <button type="submit" class="am-btn am-btn-success am-btn-sm w100" @click="saveEdit">搜索</button>
            </div>
            <div class="am-form-group fl ml10">
                <button type="button" :data-open="'/app/appusual/subjects/get?app_id='+params.app_id"
                        class="am-btn am-btn-success am-btn-sm w100">新增</button>
            </div>
        </div>
    </form>
    <div class="coms-table-bd">
        <table class="am-table am-table-bordered">
            <thead>
            <tr>
                <th width="6%"><span>ID</span></th>
                <th width="10%"><span>用户</span></th>
                <th width="15%"><span>标题</span></th>
                <th width="10%"><span>类型</span></th>
                <th width="10%"><span>状态</span></th>
                <th width="10%" class="no-boder-lr">
                    <button class="am-btn am-btn-secondary am-btn-sm" @click="saveSort">排序</button>
                </th>
                <th width="5%" v-if="13 == params.app_id"><span>回复数</span></th>
                <th width="25%"><span>操作</span></th>
            </tr>
            </thead>
            <tbody>
                <tr v-for="(v,i) in lists">
                    <td>
                        <span><input class="ids" type="checkbox" :value="v.id"></span>
                        <span>{{v.id}}</span>
                    </td>
                    <td>{{v.user}}</td>
                    <td>{{v.title}}</td>
                    <td>{{v.type==1?'视频':'图片'}}</td>
                    <td>{{1==v.status?'正常':'下架'}}</td>
                    <td class="no-boder-lr">
                        <input class="am-form-field am-input-sm" type="text" v-model="v.sort"/>
                    </td>
                    <td>
                        <a class="am-btn am-btn-primary am-btn-xs"
                           :data-open="'/app/appusual/subjects/get?app_id='+params.app_id+'&id='+v.id">查看详情</a>
                        <a :class="'am-btn am-btn-xs am-btn-'+('1'==v.status?'danger':'primary')" data-ajax="post"
                           :data-params-status="'1'==v.status?'0':'1'" :data-params-id="v.id"
                           :data-action="'/app/appusual/subjects/edit_status?app_id='+params.app_id">{{1==v.status?'下架':'上架'}}</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="coms-table-ft clearfix">
        <div class="hander am-form">
            <label class="checkall">
                <input type="checkbox" data-check-target=".ids">全选</label>
            <div class="am-para-inline w120">
                <select data-update-group="" data-list-target=".ids" :data-action="'/app/appusual/subjects/batch?app_id='+params.app_id"
                        data-field="ifcheck">
                    <option value="">批量操作</option>
                    <option value="1">上架</option>
                    <option value="0">下架</option>
                </select>
            </div>
        </div>
        <div class="coms-pagination fr mr20">
            <?php page_view($pager) ?>
        </div>
    </div>
</div>

<script type="text/javascript">
    var vue_obj;
    var loading = false;
    $(function(){
        vue_obj = new Vue({
            el: '#vue-list',
            data: {
                params:[],
                appList:[],
                searchTpAry:[],
                lists:[]
            },
            mounted:function() {
                var vm = this;
                vm.params = <?=json_encode($params, JSON_UNESCAPED_UNICODE)?>;
                vm.appList = <?=json_encode($appList, JSON_UNESCAPED_UNICODE)?>;
                vm.searchTpAry = <?=json_encode($searchTpAry, JSON_UNESCAPED_UNICODE)?>;
                vm.lists = <?=json_encode($lists, JSON_UNESCAPED_UNICODE)?>;
            },
            created: function () {},
            methods: {
                saveEdit:function(){
                    $("form").submit();
                },
                saveSort:function(){
                    var vm = this;
                    var lists = [];
                    vm.lists.map(function (v, i,arr) {
                        lists.push({id:v.id, sort:v.sort});
                    });
                    $.ajax({
                        url:'/app/appusual/subjects/edit_sort?app_id='+vm.params.app_id,
                        type:'post',
                        dataType:'json',
                        data:{
                            lists:lists
                        },
                        success:function(data){
                            if(data.code){
                                layer.msg("操作成功",{time:2000},function(){
                                    $.form.reload();
                                })
                            }else{
                                layer.msg("修改失败");
                            }
                        }
                    })
                }
            }
        });

        <?php page_script($pager) ?>
    });

</script>