<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>管理后台</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <link href="/sitefiles/assets/images/favicon.png" rel="icon" type="image/png"> <link href="/sitefiles/assets/css/font-awesome-4.7.0.min.css?v=1618992755943" rel="stylesheet" type="text/css"> <link href="/sitefiles/assets/css/ionicons-2.0.0.min.css?v=1618992755943" rel="stylesheet" type="text/css"> <link href="/sitefiles/assets/lib/elementui/themechalk/index.css?v=1618992755943" rel="stylesheet" type="text/css"> <link href="/sitefiles/assets/css/element-ui.css?v=1618992755943" rel="stylesheet" type="text/css"> </head> <body> <div id="main"> <div v-if="this.pageLoad" style="display: none" :style="{display: ''}"> <el-row> <el-form :inline="true" :model="form" size="mini"> <el-form-item label="搜索"> <el-input v-model="form.keyword" placeholder="关键字"></el-input> </el-form-item> <el-form-item> <el-button type="primary" v-on:click="btnSearchClick">查询</el-button> </el-form-item> </el-form> </el-row> <el-form :inline="true" :model="form"> <el-form-item label="分组"> <el-tag v-for="group in groups" :key="group.id" type="success" style="cursor: pointer; margin: 0 3px 6px 0;" v-on:click="btnGroupClick(group.id)" :effect="form.groupId === group.id ? 'dark' : 'plain'"> {{ group.groupName }} </el-tag> </el-form-item> </el-form> <el-table ref="multipleTable" :data="items" stripe v-on:selection-change="handleSelectionChange" style="width: 100%"> <el-table-column type="selection" width="55"> </el-table-column> <el-table-column label="图片" width="150"> <template slot-scope="scope"> <el-image style="max-height: 120px; max-width: 120px;" :src="scope.row.thumbUrl" :preview-src-list="getPreviewSrcList(scope.row.thumbUrl)"> <div slot="error" class="image-slot"> <i class="el-icon-picture-outline" style="margin-top: 10px;"></i> </div> </el-image> </template> </el-table-column> <el-table-column label="标题"> <template slot-scope="scope"> <el-link :underline="false" v-on:click="btnTitleClick(scope.row)" style="cursor: pointer; height: 22px; overflow: hidden; font-size: 14px;" type="primary">{{ scope.row.title }}</el-link> </template> </el-table-column> <el-table-column prop="createdDate" label="更新于" width="160"> <template slot-scope="scope"> {{ utils.getFriendlyDate(scope.row.lastModifiedDate) }} </template> </el-table-column> </el-table> <div style="text-align: center; margin-top: 15px"> <el-pagination v-on:current-change="btnPageClick" :current-page="form.page" :page-size="form.perPage" layout="total, prev, pager, next, jumper" :total="count"> </el-pagination> </div> <el-divider></el-divider> <el-row align="right" style="margin-right: 5px; margin-top: 10px;"> <el-col :span="24" align="right"> <el-button size="small" type="primary" v-on:click="btnSubmitClick">确 定</el-button> <el-button size="small" v-on:click="btnCancelClick">取 消</el-button> </el-col> </el-row> </div> <div v-else :style="{top: ($(window).height()/2 - 30) + 'px'}" v-loading="true" element-loading-text="页面加载中"></div> </div> </body> </html> <script src="/sitefiles/assets/lib/es6-promise.auto.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/axios-0.17.1.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/core-js-3.6.5.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/lodash-4.17.10.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/jquery-1.9.1.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/layer/layer-3.1.1.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/sweetalert2-7.28.4.all.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/vue-2.5.16.min.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/lib/elementui/index.js?v=1618992755943"></script> <script src="/sitefiles/assets/js/admin.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/js/utils.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/js/cloud.js?v=1618992755943" type="text/javascript"></script> <script src="/sitefiles/assets/js/admin/common/materialLayerArticleSelect.js?v=1618992755943" type="text/javascript"></script> 