monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit ab50fb6007f9d7fc6e05fae94690d25596ff16fe 2 parents 4af793f1 8792b8ab

Merge branch 'master-v32-lushangqing' into 'master' 

添加ajconfig功能



See merge request !515
Inline Side-by-side
Showing 7 changed files with 809 additions and 0 deletions
  1 +<title>设计器配置信息</title>
  2 +<iframe src="/vue3/index.html#/vue3/ajConfig" class="layadmin-iframe" style="height: 99.5%!important;"/>
  1 +<title>设计器预览</title>
  2 +<script type="text/html" template>
  3 + {{#
  4 +
  5 +
  6 + var viewURL = window.location.origin + '/vue3/index.html#/ajConfig/view';
  7 + layui.use(['sessions','common','admin'], function () {
  8 + var $ = layui.$;
  9 + var common = layui.common;
  10 + var admin = layui.admin;
  11 + var arr = [];
  12 + window.location.hash.split('/').forEach(function (v, i) {
  13 + if (v.indexOf('=') != -1) {
  14 + arr.push(v);
  15 + }
  16 + });
  17 +
  18 + if (arr.length > 0) {
  19 + viewURL += "?" + arr.join("&");
  20 + }
  21 + $('#actionListIframe').attr('src',viewURL);
  22 + });
  23 + }}
  24 + <iframe id="actionListIframe" src="{{viewURL}}" frameborder="0" class="layadmin-iframe" style="height: 99.5%!important;"></iframe>
  25 +</script>
@@ -68,6 +68,16 @@ const routes = [{ @@ -68,6 +68,16 @@ const routes = [{
68 name: 'cacheData', 68 name: 'cacheData',
69 component: () => myImport('views/cacheData/index') 69 component: () => myImport('views/cacheData/index')
70 }, 70 },
  71 + {
  72 + path: '/vue3/ajConfig',
  73 + name: 'ajConfig',
  74 + component: () => myImport('views/ajConfig/index')
  75 + },
  76 + {
  77 + path: '/ajConfig/view',
  78 + name: 'ajConfigView',
  79 + component: () => myImport('views/ajConfig/view/index')
  80 + },
71 ]; 81 ];
72 82
73 // hash模式： createWebHashHistory 83 // hash模式： createWebHashHistory
  1 +<div class="container" :style="{'height':height+'px','max-height':height+'px'}">
  2 + <div class="cm-card" :style="{'min-height':height+'px','max-height':height+'px','height':'100%'}">
  3 + <div class="search">
  4 + <div class="keyword" style="padding-left: 10px">
  5 + <el-form-item >
  6 + <el-input v-model="search.keyword" placeholder="请输入关键字,回车搜索" @keydown.enter.native="getDataList"></el-input>
  7 + </el-form-item>
  8 + </div>
  9 + <div class="selectType" style="padding-left: 10px;width: 120px;">
  10 + <el-select v-model="couponSelected" class="m-2" placeholder="请选择" size="large" @change="onChangeStripe">
  11 + <el-option
  12 + v-for="item in typeOptions"
  13 + :key="item.value"
  14 + :label="item.label"
  15 + :value="item.value"
  16 + />
  17 + </el-select>
  18 + </div>
  19 + <div class="adds" style="">
  20 + <el-form-item>
  21 + <el-button @click="addAj()" style="margin-left: 10px">新增</el-button>
  22 + </el-form-item>
  23 + </div>
  24 + <div class="design" style="float:right;padding-left: 1200px">
  25 + <el-form-item>
  26 + <el-button type="primary" @click="handleView()" style="margin-left: 10px">设计</el-button>
  27 + </el-form-item>
  28 + </div>
  29 + </div>
  30 +
  31 + <div class="search-table">
  32 + <cm-table-page :columns="columns" :dataList="tableDataList" @loaddata="loadTableDataList"
  33 + :showIndex="true" :total="count" :showSelection="true"
  34 + :showBorder="true" :loading="false" :pageSize="pageSize"
  35 + :showPage="true" :showTools="true" :height="(height - 130)" >
  36 + <template #default="{row,prop,column}">
  37 + <div v-if="prop == 'type'">
  38 + <div v-if="row.type == 0">
  39 + <el-tag>菜单</el-tag>
  40 + </div>
  41 +
  42 + <div v-if="row.type == 1">
  43 + <el-tag>按钮</el-tag>
  44 + </div>
  45 +
  46 + <div v-if="row.type == 2">
  47 + <el-tag>详情页</el-tag>
  48 + </div>
  49 + </div>
  50 + </template>
  51 + <template #tools="{scope}">
  52 + <div class="list-handle">
  53 + <span class="icon-bg">
  54 + <i class="el-icon-delete" title="删除" @click="handleDelete(scope.row)"></i>
  55 + </span>
  56 + <span class="icon-bg">
  57 + <i class="el-icon-edit-outline" title="修改" @click="handleUpdate(scope.row)"></i>
  58 + </span>
  59 + <span class="icon-bg">
  60 + <i class="el-icon-view" title="预览" @click="preview(scope.row)"></i>
  61 + </span>
  62 + </div>
  63 + </template>
  64 + </cm-table-page>
  65 + </div>
  66 + </div>
  67 +</div>
  68 +
  69 +<!--新增编辑弹框-->
  70 +<cm-dialog :title="titleName" width="40%" :showDialogVisible="cacheVisible" @hidedialog="cancelBtn" :showFooter="false">
  71 + <template v-slot>
  72 + <el-form
  73 + label-width="120px"
  74 + ref="ruleForm"
  75 + :model="ajConfigFrom"
  76 + :rules="docRulesForm"
  77 + label-position="right"
  78 + label-width="120px">
  79 +
  80 + <el-form-item label="编号" prop="id">
  81 + <el-input :size="$global.elementSize" v-model="ajConfigFrom.id" clearable></el-input>
  82 + </el-form-item>
  83 +
  84 +
  85 + <el-form-item label="类型" prop="type">
  86 + <div style="width: 240px">
  87 + <el-radio v-model="ajConfigFrom.type" label="0" size="large">菜单</el-radio>
  88 + <el-radio v-model="ajConfigFrom.type" label="1" size="large">按钮</el-radio>
  89 + <el-radio v-model="ajConfigFrom.type" label="2" size="large">详情页</el-radio>
  90 + </div>
  91 + <!-- <div style="height: 15px; color: darkgrey">说明：参数中间用'&'拼接</div>-->
  92 + </el-form-item>
  93 +
  94 +
  95 + <el-form-item label="父菜单" prop="menuPid" v-if="ajConfigFrom.type==0">
  96 + <el-select v-model="ajConfigFrom.menuPid"
  97 + filterable
  98 + allow-create
  99 + default-first-option
  100 + :reserve-keyword="false"
  101 + placeholder="请选择" style="width: 555px;">
  102 + <el-option
  103 + v-for="item in menuOptions"
  104 + :key="item.value"
  105 + :label="item.label"
  106 + :value="item.value"
  107 + :disabled="item.disabled">
  108 + </el-option>
  109 + </el-select>
  110 + </el-form-item>
  111 +
  112 + <el-form-item label="菜单名称" prop="menuName" v-if="ajConfigFrom.type==0">
  113 + <el-input :size="$global.elementSize" v-model="ajConfigFrom.menuName" clearable></el-input>
  114 + </el-form-item>
  115 +
  116 + <el-form-item label="弹框标题" prop="title" v-if="ajConfigFrom.type==1">
  117 + <el-input :size="$global.title" v-model="ajConfigFrom.title" clearable></el-input>
  118 + </el-form-item>
  119 +
  120 + <el-form-item label="设计页面" prop="designPage">
  121 + <el-select v-model="ajConfigFrom.designPage"
  122 + filterable
  123 + allow-create
  124 + default-first-option
  125 + :reserve-keyword="false"
  126 + placeholder="请选择" style="width: 510px;">
  127 + <el-option
  128 + v-for="item in options"
  129 + :key="item.value"
  130 + :label="item.label"
  131 + :value="item.value"
  132 + :disabled="item.disabled">
  133 + </el-option>
  134 + </el-select>
  135 + <el-tag @click="preview(ajConfigFrom.designPage)" style="padding-top:4px;height: 38px; cursor:pointer">预览</el-tag>
  136 + </el-form-item>
  137 +
  138 + <el-form-item label="传递参数" prop="param">
  139 + <el-input :size="$global.elementSize" v-model="ajConfigFrom.param" clearable></el-input>
  140 + <div style="color: darkgrey">
  141 + <div>
  142 + <el-collapse>
  143 + <el-collapse-item name="1">
  144 + <template #title>
  145 + 示例：&resId=#resId&access_token=#access_token
  146 + </el-icon>
  147 + </template>
  148 + <div style="font-size: 12px;text-align: left">可配置字段:</div>
  149 + <el-descriptions :column="2" size="mini" border >
  150 + <el-descriptions-item v-for="item in configs">
  151 + <template #label>
  152 + <div class="cell-item">
  153 + {{ item.desc }}
  154 + </div>
  155 + </template>
  156 + {{ item.name }}
  157 + </el-descriptions-item>
  158 + </el-descriptions>
  159 + </el-collapse-item>
  160 + </el-collapse>
  161 + </div>
  162 + </div>
  163 + </el-form-item>
  164 +
  165 + <el-form-item label="资源类型" prop="resType" v-if="ajConfigFrom.type==2" style="text-align: left">
  166 + <!--<el-input :size="$global.elementSize" v-model="ajConfigFrom.resType" clearable></el-input>-->
  167 + <el-dropdown>
  168 + <cm-res-type-tree-input multiple clearable collapseTags @callback="getResType"/>
  169 + </el-dropdown>
  170 + </el-form-item>
  171 +
  172 + <el-form-item label="厂商" prop="provider" v-if="ajConfigFrom.type==2" style="text-align: left">
  173 + <!--<el-input :size="$global.elementSize" v-model="ajConfigFrom.firm" clearable></el-input>-->
  174 + <el-select v-model="ajConfigFrom.provider" filterable clearable collapse-tags placeholder="请选择厂商" style="width: 550px">
  175 + <el-option
  176 + v-for="item in ddicProvider"
  177 + :label="item.ddicName" :value="item.ddicCode"></el-option>
  178 + </el-select>
  179 + </el-form-item>
  180 +
  181 +
  182 + <el-form-item label="操作系统" prop="os" v-if="ajConfigFrom.type==2" style="text-align: left">
  183 + <!--<el-input :size="$global.elementSize" v-model="ajConfigFrom.firm" clearable></el-input>-->
  184 + <el-select v-model="ajConfigFrom.os" filterable clearable collapse-tags placeholder="请选择操作类型" style="width: 550px">
  185 + <el-option
  186 + v-for="item in ddicOS"
  187 + :label="item.ddicName" :value="item.ddicCode"></el-option>
  188 + </el-select>
  189 + </el-form-item>
  190 +
  191 + <!--<el-form-item label="绑定资源" prop="resource" v-if="ajConfigFrom.type==2">
  192 + <el-input :size="$global.elementSize" v-model="ajConfigFrom.resource" clearable></el-input>
  193 + </el-form-item>-->
  194 +
  195 + <el-form-item label="备注" prop="remark">
  196 + <el-input :size="$global.elementSize" v-model="ajConfigFrom.remark" clearable></el-input>
  197 + </el-form-item>
  198 +
  199 + <el-form-item>
  200 + <el-button :size="$global.elementSize" type="primary" @click="addAjConfig('ruleForm')">保存</el-button>
  201 + <el-button :size="$global.elementSize" @click="cancelBtn">取消</el-button>
  202 + </el-form-item>
  203 + </el-form>
  204 + </template>
  205 +</cm-dialog>
  206 +
  1 +export default {
  2 + name: 'ajConfig',
  3 + template: '',
  4 + components: {},
  5 + props:[],
  6 + data () {
  7 + return {
  8 + radio:'0',
  9 + docRulesForm: {
  10 + id: [
  11 + {
  12 + required: true,
  13 + message: '请填写配置编号！',
  14 + trigger: 'blur',
  15 + }
  16 + ],
  17 + type:[{
  18 + required: true,
  19 + message: '请选择类型！',
  20 + trigger: 'blur',
  21 + }],
  22 + menuPid:[{
  23 + required: true,
  24 + message: '请选择父菜单！',
  25 + trigger: 'blur',
  26 + }],
  27 + menuName:[{
  28 + required: true,
  29 + message: '请填写菜单名称！',
  30 + trigger: 'blur',
  31 + }],
  32 + title:[{
  33 + required: true,
  34 + message: '请填写弹框标题！',
  35 + trigger: 'blur',
  36 + }],
  37 + designPage:[{
  38 + required: true,
  39 + message: '请选择设计页面！',
  40 + trigger: 'blur',
  41 + }],
  42 + resType:[{
  43 + required: true,
  44 + message: '请选择资源类型！',
  45 + trigger: 'blur',
  46 + }],
  47 + /*resource:[{
  48 + required: true,
  49 + message: '请填写绑定资源！',
  50 + trigger: 'blur',
  51 + }],*/
  52 + }
  53 + }
  54 +
  55 + },
  56 + setup(props, {attrs, slots, emit}){
  57 + const {proxy} = Vue.getCurrentInstance();
  58 + let height = Vue.ref(window.innerHeight - 10);
  59 + let configs = Vue.ref([{
  60 + name:'resId',
  61 + desc:'资源ID(资源列表可用)'
  62 + },{
  63 + name:'access_token',
  64 + desc:'Token'
  65 + },{
  66 + name:'lgn',
  67 + desc:'登录账号'
  68 + },{
  69 + name:'user_id',
  70 + desc:'用户id'
  71 + }]);
  72 + //表格字段
  73 + let columns=Vue.ref([]);
  74 + let detailColumns=Vue.ref([
  75 + {
  76 + prop: 'id',
  77 + label: '编号',
  78 + sortable: true,
  79 + align: 'center',
  80 + width:'250'
  81 + },
  82 + {
  83 + prop: 'type',
  84 + label: '类型',
  85 + sortable: true,
  86 + align: 'center',
  87 + width:'250',
  88 + },
  89 + {
  90 + prop: 'resType',
  91 + label: '资源类型',
  92 + sortable: true,
  93 + align: 'center',
  94 + width:'250'
  95 + },{
  96 + prop: 'provider',
  97 + label: '品牌',
  98 + sortable: true,
  99 + align: 'center',
  100 + width:'250'
  101 + },{
  102 + prop: 'designPage',
  103 + label: '设计器编码',
  104 + sortable: true,
  105 + align: 'center',
  106 + width:'250'
  107 + },{
  108 + prop: 'param',
  109 + label: '参数',
  110 + sortable: true,
  111 + align: 'left'
  112 + }
  113 + ])
  114 + let menuColumns=Vue.ref([
  115 + {
  116 + prop: 'id',
  117 + label: '编号',
  118 + sortable: true,
  119 + align: 'center',
  120 + width:'250'
  121 + },
  122 + {
  123 + prop: 'type',
  124 + label: '类型',
  125 + sortable: true,
  126 + align: 'center',
  127 + width:'250',
  128 + },
  129 + {
  130 + prop: 'menuName',
  131 + label: '菜单名称',
  132 + sortable: true,
  133 + align: 'center',
  134 + width:'250'
  135 + },
  136 + {
  137 + prop: 'designPage',
  138 + label: '设计器编码',
  139 + sortable: true,
  140 + align: 'center',
  141 + width:'250'
  142 + },{
  143 + prop: 'param',
  144 + label: '参数',
  145 + sortable: true,
  146 + align: 'center',
  147 + width:'300'
  148 + },{
  149 + prop: 'creatTime',
  150 + label: '创建时间',
  151 + sortable: true,
  152 + align: 'left'
  153 + }
  154 + ])
  155 + let butColumns=Vue.ref([
  156 + {
  157 + prop: 'id',
  158 + label: '编号',
  159 + sortable: true,
  160 + align: 'center',
  161 + width:'250'
  162 + },
  163 + {
  164 + prop: 'type',
  165 + label: '类型',
  166 + sortable: true,
  167 + align: 'center',
  168 + width:'250',
  169 + },
  170 + {
  171 + prop: 'title',
  172 + label: '弹框标题',
  173 + sortable: true,
  174 + align: 'center',
  175 + width:'250'
  176 + },
  177 + {
  178 + prop: 'designPage',
  179 + label: '设计器编码',
  180 + sortable: true,
  181 + align: 'center',
  182 + width:'250'
  183 + },{
  184 + prop: 'param',
  185 + label: '参数',
  186 + sortable: true,
  187 + align: 'center',
  188 + width:'300'
  189 + },{
  190 + prop: 'creatTime',
  191 + label: '创建时间',
  192 + sortable: true,
  193 + align: 'left'
  194 + }
  195 + ])
  196 + let currentPage=Vue.ref(1);
  197 + let pageSize=Vue.ref(10);
  198 + let keyword=Vue.ref();
  199 + let count=Vue.ref(0);
  200 + let tableDataList=Vue.ref([]);
  201 + let checkedId = Vue.ref(0);
  202 + let titleName=Vue.ref('新增配置信息')
  203 + let cacheVisible=Vue.ref(false);
  204 + let viewData=Vue.ref();
  205 + let addOrUpdate=Vue.ref(false)
  206 + let radio=Vue.ref(0);
  207 + //下拉框
  208 + let options=Vue.ref([]);
  209 + //菜单下拉框
  210 + let menuOptions=Vue.ref([]);
  211 + let search = Vue.ref({
  212 + keyword:'',
  213 + type:'',
  214 + page:1,
  215 + limit:10,
  216 + });
  217 + //按钮下拉框
  218 + let typeOptions=Vue.ref([
  219 + {
  220 + value: '0',
  221 + label: '菜单',
  222 + },
  223 + {
  224 + value: '1',
  225 + label: '按钮',
  226 + },
  227 + {
  228 + value: '2',
  229 + label: '详情页',
  230 + }]);
  231 + let couponSelected = Vue.ref();
  232 + let ajConfigFrom = Vue.ref({
  233 + id:'',
  234 + type: 0,
  235 + designPage: '',
  236 + param: '&resId=#resId&access_token=#access_token',
  237 + resType: '',
  238 + remark:'',
  239 + creatTime:'',
  240 + createName:'',
  241 + state:'',
  242 + title:'',
  243 + menuPid:'',
  244 + menuName:''
  245 + });
  246 + //新增弹框
  247 + const addAj=()=>{
  248 + clearForm();
  249 + cacheVisible.value=true;
  250 + pageList();
  251 + menuList();
  252 +
  253 + }
  254 + //新增或修改aj配置信息
  255 + let addAjConfig=(ruleForm)=>{
  256 + let params={};
  257 + params= ajConfigFrom.value;
  258 + let msg = '';
  259 + if (addOrUpdate.value){
  260 + proxy.$http.post(`/api-web/ajConfig/updateAj`, params, function (res) {
  261 + if (res && res.success == true) {
  262 + msg = res.msg;
  263 + cacheVisible.value=false;
  264 + proxy.$global.showMsg(msg);
  265 + clearForm();
  266 + getDataList();
  267 + }
  268 + })
  269 + }else{
  270 + proxy.$http.post(`/api-web/ajConfig/addAj`, params, function (res) {
  271 + if (res && res.success == true) {
  272 + msg = res.msg;
  273 + cacheVisible.value=false;
  274 + proxy.$global.showMsg(msg);
  275 + if (params.type==0){
  276 + window.history.go(0);
  277 + }
  278 + clearForm();
  279 + getDataList();
  280 +
  281 + }
  282 + })
  283 + }
  284 + }
  285 + //清理表单
  286 + let clearForm=()=>{
  287 + ajConfigFrom.value={
  288 + id:'',
  289 + type: '0',
  290 + designPage: '',
  291 + param: '',
  292 + resType: '',
  293 + remark:'',
  294 + creatTime:'',
  295 + createName:'',
  296 + state:'',
  297 + title:'',
  298 + menuPid:'',
  299 + menuName:''
  300 + }
  301 + addOrUpdate.value=false;
  302 + }
  303 +
  304 + //删除
  305 + let handleDelete=(row)=>{
  306 + let param={
  307 + id:row.id
  308 + }
  309 + proxy.$http.get(`/api-web/ajConfig/deleteById`, param, function (res) {
  310 +
  311 + if (res && res.success == true) {
  312 + let msg = res.msg;
  313 + if (!msg) {
  314 + msg = "删除失败";
  315 + }
  316 + if (row.type==0){
  317 + history.go(0);
  318 + }
  319 + proxy.$global.showMsg(msg);
  320 + getDataList();
  321 + }
  322 + })
  323 + }
  324 + let handleUpdate=(row)=>{
  325 + addOrUpdate.value =true;
  326 + ajConfigFrom.value=row;
  327 + cacheVisible.value=true;
  328 + pageList();
  329 + menuList();
  330 + }
  331 +
  332 + //预览
  333 + let preview=(row)=>{
  334 + if (row instanceof Object){
  335 + proxy.$global.viewAjView(row.id,'80%','80%');
  336 + }else if (row){
  337 + proxy.$global.viewAjView(row,'80%','80%');
  338 + }
  339 +
  340 + }
  341 +
  342 + //aj报表管理信息
  343 + let pageList=()=>{
  344 + proxy.$http.get(`/api-web/ajConfig/pageList`, null, function (res) {
  345 + if (res && res.success == true) {
  346 + let params=res.object.data.records;
  347 + params.forEach(function(e){
  348 + let report={}
  349 + report.label=e.reportName;
  350 + report.value=e.reportCode;
  351 + options.value.push(report)
  352 + });
  353 + }
  354 + })
  355 + }
  356 +
  357 + //菜单
  358 + let menuList=()=>{
  359 + proxy.$http.get(`/api-user/menus/findAlls`, null, function (res) {
  360 + if (res && res.count>0) {
  361 + let params=res.data;
  362 + params.forEach(function(e){
  363 + let menu={}
  364 + menu.label=e.name;
  365 + menu.value=e.id;
  366 + menuOptions.value.push(menu)
  367 + });
  368 + }
  369 + })
  370 +
  371 + }
  372 + //AJ设计登录
  373 + let handleView=()=>{
  374 + window.open(sessionStorage.getItem("ajWeb") + '/#/login?access_token=' + localStorage.getItem("access_token"));
  375 + }
  376 +
  377 +
  378 + //重新加载表格数据
  379 + let loadTableDataList = ({page, limit}) => {
  380 + search.value.page = page;
  381 + search.value.limit = limit;
  382 + getDataList()
  383 + }
  384 +
  385 + let onChangeStripe = (e)=>{
  386 + if(e =='0'){
  387 + columns.value=menuColumns.value;
  388 + }
  389 + if (e =='1'){
  390 + columns.value=butColumns.value;
  391 + }
  392 + if (e =='2'){
  393 + columns.value=detailColumns.value;
  394 + }
  395 + search.value.type=e;
  396 + getDataList()
  397 + }
  398 +
  399 + //获取aj配置信息
  400 + let getDataList=()=>{
  401 + let params={
  402 + page:search.value.page,
  403 + limit:search.value.limit,
  404 + type:search.value.type,
  405 + keyword:search.value.keyword
  406 + }
  407 + proxy.$http.get(`/api-web/ajConfig/ajConfigList`,params, function (res) {
  408 + if (res && res.data) {
  409 + count.value = res.count;
  410 + tableDataList.value = res.data;
  411 + }else{
  412 + count.value = 0;
  413 + tableDataList.value='暂无数据';
  414 + }
  415 + });
  416 +
  417 + }
  418 +
  419 + //关闭弹框
  420 + let cancelBtn=()=>{
  421 + cacheVisible.value=false;
  422 + }
  423 + // 挂载完
  424 + Vue.onMounted(() => {
  425 + couponSelected.value = typeOptions.value[0].label;
  426 + columns.value=menuColumns.value;
  427 + search.value.type=typeOptions.value[0].value;
  428 + getDataList();
  429 + })
  430 +
  431 +
  432 + let getResType = (arr) => {
  433 +
  434 + var types = arr.map(function (v) {
  435 + return v.id;
  436 + });
  437 + ajConfigFrom.value.resType = types[0];
  438 + }
  439 +
  440 + // 加载字典项
  441 + let ddicProvider = Vue.ref([]);
  442 + let ddicOS = Vue.ref([]);
  443 + // let ddicProvider = Vue.ref([]);
  444 +
  445 + proxy.$http.post(`/api-web/manage/ddic/findSucDdics/provider`, {}, function (res) {
  446 + if (res && res.data) {
  447 + ddicProvider.value = res.data;
  448 + }
  449 + });
  450 +
  451 + proxy.$http.post(`/api-web/manage/ddic/findSucDdics/os`, {}, function (res) {
  452 + if (res && res.data) {
  453 + ddicOS.value = res.data;
  454 + }
  455 + });
  456 +
  457 + return {
  458 + ddicProvider,
  459 + ddicOS,
  460 + height,
  461 + columns,
  462 + currentPage,
  463 + count,
  464 + pageSize,
  465 + keyword,
  466 + tableDataList,
  467 + checkedId,
  468 + addAj,
  469 + addAjConfig,
  470 + loadTableDataList,
  471 + getDataList,
  472 + cacheVisible,
  473 + titleName,
  474 + viewData,
  475 + cancelBtn,
  476 + ajConfigFrom,
  477 + handleDelete,
  478 + handleUpdate,
  479 + preview,
  480 + handleView,
  481 + pageList,
  482 + radio,
  483 + options,
  484 + menuList,
  485 + menuOptions,
  486 + getResType,
  487 + configs,
  488 + typeOptions,
  489 + onChangeStripe,
  490 + search,
  491 + butColumns,
  492 + detailColumns,
  493 + couponSelected
  494 + }
  495 + }
  496 +
  497 +}
  1 +<div class="container" :style="{'height':height+'px','max-height':height+'px','background':'#fff'}">
  2 + <iframe :src="getSrc" width="100%" height="100%" ></iframe>
  3 +</div>
  1 +export default {
  2 + name: 'ajConfigViewIndex',
  3 + template: '',
  4 + components: {},
  5 + setup() {
  6 + const {proxy} = Vue.getCurrentInstance();
  7 + let getSrc = Vue.ref('');
  8 + let height = Vue.ref(window.innerHeight - 10);
  9 + let ajConfig = proxy.$global.getQueryVariable('ajConfig');
  10 +
  11 + let getUrl=()=>{
  12 + let param={
  13 + id:ajConfig
  14 + }
  15 + let params='';
  16 + let designPage='';
  17 + proxy.$http.get(`/api-web/ajConfig/findOneById`, param, function (res) {
  18 + if (res && res.success == true && res.object) {
  19 + // 参数替换
  20 + params = replaceParams(res.object.param);
  21 + designPage = res.object.designPage;
  22 + }
  23 + getSrc.value=sessionStorage.getItem("ajWeb")+'/#/bigscreen/viewer?reportCode='+designPage+params+'&access_token=' + localStorage.getItem("access_token");
  24 +
  25 + })
  26 + }
  27 +
  28 + const replaceParams = (params) => {
  29 + let userId = sessionStorage.getItem('user_id');
  30 + if(!userId){
  31 + userId = localStorage.getItem('user_id');
  32 + }
  33 + return params.replace(/#lgn/g,localStorage.getItem('lgn')).replace(/#user_id/g,userId).replace(/#access_token/g,localStorage.getItem("access_token"))
  34 + }
  35 +
  36 + const getParamValue = (code) => {
  37 + // 获取url参数
  38 + // 获取路由参数
  39 + // 获取sessionStorage
  40 + // 获取localStorage
  41 + }
  42 +
  43 + // 挂载完
  44 + Vue.onMounted(() => {
  45 + getUrl();
  46 + //start lsq 监听跨域iframe子页面向父页面发送数据(子页面点击名称进入详情页) 2022-03-15
  47 + window.addEventListener('message',function(e){
  48 + if(e.data.type=='detail'){
  49 + proxy.$global.openDetail(e.data.data.resId, e.data.data.resType, proxy);
  50 + }else if(e.data.type=='topology'){
  51 + //子页面点击拓扑图标进入拓扑页面
  52 + proxy.$global.viewResTopo(e.data.data.resId);
  53 + }else{
  54 +
  55 + }
  56 +
  57 + })
  58 + //end lsq 2022-03-15
  59 + })
  60 +
  61 + return {
  62 + height,
  63 + getSrc,
  64 + }
  65 + }
  66 +}