<!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: ''}"> <div style="height: 10px"></div> <el-form :inline="true" size="mini"> <el-form-item label="栏目"> <el-cascader v-model="channelIds" :options="channels" :props="{ checkStrictly: true }" v-on:change="handleChannelChange" placeholder="请选择栏目"> </el-cascader> <span class="tips">下级栏目的字段默认继承上级栏目的字段，设置字段时请先选择合适的栏目</span> </el-form-item> </el-form> <el-table :data="styles" style="width: 100%"> <el-table-column label="排序" prop="taxis" width="60"> <template slot-scope="scope"> {{ scope.row.taxis ? scope.row.taxis : '' }} </template> </el-table-column> <el-table-column label="字段名" prop="attributeName"></el-table-column> <el-table-column label="显示名称" prop="displayName"></el-table-column> <el-table-column label="提交类型" width="120"> <template slot-scope="scope"> {{ getInputType(scope.row.inputType) }} </template> </el-table-column> <el-table-column label="验证规则"> <template slot-scope="scope"> <el-link :underline="false" v-on:click="btnValidateClick(scope.row.attributeName)" type="primary"> {{ getRules(scope.row.rules) }} </el-link> </template> </el-table-column> <el-table-column label="操作" width="130"> <template slot-scope="scope"> <el-link :underline="false" v-on:click="btnEditClick(scope.row.attributeName)" type="primary"> 编辑 </el-link> <el-link :underline="false" v-if="!scope.row.isSystem" type="danger" v-on:click="btnDeleteClick(scope.row.attributeName)"> 删除 </el-link> </template> </el-table-column> </el-table> <div style="height: 10px"></div> <el-divider></el-divider> <div style="height: 10px"></div> <el-button size="small" type="primary" plain style="margin-left: 0px;" icon="el-icon-plus" v-on:click="btnAddClick"> 新增字段 </el-button> <el-button size="small" type="primary" plain style="margin-left: 0px;" icon="el-icon-folder-add" v-on:click="btnAddMultipleClick"> 批量新增字段 </el-button> <el-button size="small" type="primary" plain style="margin-left: 0px;" icon="el-icon-upload" v-on:click="btnImportClick"> 导 入 </el-button> <el-button size="small" type="primary" plain style="margin-left: 0px;" icon="el-icon-download" v-on:click="btnExportClick"> 导 出 </el-button> <el-drawer title="导入样式" ref="uploadPanel" :visible.sync="uploadPanel" destroy-on-close direction="rtl" size="50%"> <div class="drawer__content"> <br> <el-form ref="uploadForm" label-width="200px"> <el-upload :drag="true" :limit="1" :action="urlUpload" :auto-upload="true" :headers="{Authorization: 'Bearer ' + $token}" :file-list="uploadList" :before-upload="uploadBefore" :on-progress="uploadProgress" :on-success="uploadSuccess" :on-error="uploadError" :multiple="false"> <i class="el-icon-upload"></i> <div class="el-upload__text">将文件拖到此处，或 <em>点击上传</em></div> </el-upload> </el-form> </div> </el-drawer> </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/cms/settingsStyleChannel.js?v=1618992755943" type="text/javascript"></script> 