index.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html {if $config.elementUi.dark}class="dark"{/if}>
  3. <head>
  4. {include file="common/meta" /}
  5. <link rel="stylesheet" href="{:request()->domain()}/assets/css/index/common.css?v={$config.version}" />
  6. <link rel="stylesheet" href="{:request()->domain()}/assets/css/index/{$config.elementUi.layout}.css?v={$config.version}" />
  7. </head>
  8. <body>
  9. <div id="app">
  10. {if $config.elementUi.layout=='classic'}
  11. {include file="layout/index/classic/index" /}
  12. {/if}
  13. {if $config.elementUi.layout=='vertical'}
  14. {include file="layout/index/vertical/index" /}
  15. {/if}
  16. {if $config.elementUi.layout=='transverse'}
  17. {include file="layout/index/transverse/index" /}
  18. {/if}
  19. {if $config.elementUi.layout=='columns'}
  20. {include file="layout/index/columns/index" /}
  21. {/if}
  22. <template v-for="(layer,index) in layerList">
  23. <el-dialog
  24. v-model="layer.show"
  25. :draggable="true"
  26. :close-on-click-modal="false"
  27. :close-on-press-escape="false"
  28. class="layer-dialog"
  29. :modal="calculateLayerIndex(index)"
  30. :show-close="false"
  31. :width="layer.width"
  32. :fullscreen="layer.expand">
  33. <template #header>
  34. <div class="custom-dialog-header">
  35. <span class="custom-dialog-title"><i :class="layer.icon"></i>&nbsp;{{ layer.title }}</span>
  36. <div class="custom-dialog-buttons">
  37. <i class="fa fa-minus custom-dialog-minimize" @click="hideLayer(layer);"></i>
  38. <i class="fa fa-expand custom-dialog-maximize"
  39. v-if="!layer.expand"
  40. @click="layerExpand(layer)">
  41. </i>
  42. <i class="fa fa-compress custom-dialog-maximize"
  43. v-else
  44. @click="layerExpand(layer)">
  45. </i>
  46. <i class="fa fa-close custom-dialog-close"
  47. @click="closeLayer(layer.id)">
  48. </i>
  49. </div>
  50. </div>
  51. </template>
  52. <template #default>
  53. <iframe :src="layer.url" :id="'layer-'+layer.id" class="layer-iframe" width="100%" :height="layer.expand?layerExpandHeight:layer.height" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling-x="no" scrolling-y="auto" allowtransparency="yes"></iframe>
  54. </template>
  55. </el-dialog>
  56. </template>
  57. <el-image-viewer
  58. v-if="imageList.length>0"
  59. :hide-on-click-modal="true"
  60. :url-list="imageList"
  61. @close="imageList=[]"
  62. :initial-index="0">
  63. </el-image-viewer>
  64. </div>
  65. </body>
  66. <script type="text/javascript" src="{:request()->domain()}/assets/js/yunqi.js?v={$config.version}"></script>
  67. <script type="text/javascript">
  68. Yunqi.setConfig({:json_encode($config,JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES)});
  69. Yunqi.setData({:build_var_json(get_defined_vars())});
  70. Yunqi.setAuth({:json_encode($auth->getBackendAuth(),JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES)});
  71. </script>
  72. <script type="module">
  73. import pageinfo from '{:request()->domain()}/assets/js/index.js?v={$config.version}';
  74. import zhcn from '{:request()->domain()}/assets/js/zh-cn.js';
  75. try{
  76. Yunqi.setUp(pageinfo,zhcn);
  77. }catch (e){
  78. console.error(e);
  79. }
  80. </script>
  81. </html>