zbcx_ckyc 1.0.0

package/src/plugins/home/HeadNav.vue

@@ -0,0 +1,194 @@
+<style scoped lang='scss'>
+  .rowSty {align-items: center; flex-wrap: nowrap; overflow: hidden; background: url('public/static/img/headNav/dhl.png') no-repeat; background-size: 100% 100%; padding: 0 0.2rem;
+    .logo {height: 100%;
+      img {height: 0.5rem; margin: 0.12rem 0.6rem  0 0.1rem;}
+    }
+    .user {height: 100%;display: flex; justify-content: space-around; align-items: center; line-height: 0.3rem;
+      .homelogo {cursor: pointer;
+        img {vertical-align: middle;}}
+      .menu-jiange {font-size: 0.30rem;color: rgba(255, 255, 255, 0.6);}
+    }
+  }
+  :deep(.cx-menufold){background: transparent;}
+  :deep(.cx-menufold .menufold-horizontal.el-menu--horizontal .el-menu-item.fold-item.is-active){height: .72rem; color: var(--cx-colorPrimary6) !important;}
+  :deep(.cx-menufold .menufold-horizontal.el-menu--horizontal .el-menu-item.fold-item:hover){height: .72rem;}
+  :deep(.cx-menufold .menufold-horizontal.el-menu--horizontal .el-menu-item.fold-item){font-weight: 600; background: transparent;}
+  :deep(.cx-menufold .cx-menuitem .item-icon ) {font-size: .22rem; color: var(--cx-colorPrimary5);}
+  :deep(.cx-menufold .cx-menuitem .item-label){font-size: .2rem;}
+  :deep(.el-menu--horizontal){justify-content: space-around;height: .72rem;}
+  :deep(.cx-user-dropdown .title){font-size: 0.18rem; font-weight: 600; color: #245ea4;}
+  .user-icon{font-size: 0.2rem; color: #245ea4; cursor: pointer;position: absolute;right: 0.2rem;top:50%; transform: translateY(-50%);}
+</style>
+
+<template>
+  <el-row class="rowSty">
+    <el-col :span="6" class="logo">
+      <img :src="curLogoSrc" alt="">
+    </el-col>
+
+    <el-col :span="15">
+      <cx-menu-fold
+        :size="size"
+        :menus="menuList"
+        :defActive="defaultact"
+        :elAtts="{mode: 'horizontal'}"
+        tintFont
+        @menu-click="onStairMenuClick">
+      </cx-menu-fold>
+    </el-col>
+    
+    <el-col :span="3" class="user">
+      <div class="menu-jiange">丨</div>
+      <cx-user-dropdown :size="size" v-bind="userinfo" v-on="userListeners1"/>
+      <cx-icon v-if="userNo=='admin'" class="user-icon" icon="cx-fi ic-rightsMan" @click="goQxgl"></cx-icon>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+/**
+ * 组件 - 头部菜单导航
+ */
+
+/**
+ * 维护历史:
+ * 24-04-29   张光辉        修改格式
+ */
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  data()
+  {
+    return {
+      logoList: [{ sys: 11, logoSrc: 'static/img/headNav/xmmc2.png', bgSrc: 'static/img/headNav/logo_bg.png' }],
+      curLogoSrc: '',
+      curBgSrc: '',
+      userinfo: { username: $g.user.name, filterMenu: this.filterMenu, extraMenus: this.makeExtraMenus() },
+      menuList: [],
+      defaultact: {},
+      userNo: $g.user.no
+    }
+  },
+  
+  created()
+  {
+    this.initLogo()
+    this.getFuncMenu()
+  },
+  
+  methods:
+  {
+    filterMenu(menus)
+    {
+      menus.reverse()
+      return [{ name: 'exit', title: '退出', icon: 'cx-fi ic-exit', divided: true, click: () => this.logout() }]
+    },
+
+    makeExtraMenus()
+    {
+      return [
+       
+      ]
+    },
+
+    goQxgl()
+    {
+      this.defaultact = ''
+      cx.run.runPlug('Qxgl', { type: 'Qxgl', namec: '权限管理' })
+    },
+
+    // 初始化logo和背景
+    initLogo()
+    {
+      let curLogoBg = this.logoList.find(item => item.sys === Number($g.user.sys))
+      this.curLogoSrc = curLogoBg.logoSrc
+      this.curBgSrc = curLogoBg.bgSrc
+    },
+
+    onStairMenuClick(evt, isFirst = false)
+    {
+      if ((evt.menu.plugin && this.defaultact.plugin !== evt.menu.plugin) || isFirst)
+      {
+        cx.run.runPlug(evt.menu.plugin, evt.menu.params)
+        this.defaultact = evt.menu
+      }
+      this.$emit('menu-click', evt)
+    },
+
+    /**
+     * 返回系统选择页
+     */
+    goSysPage()
+    {
+      this.$router.push('sysPage')
+    },
+
+    // 重置logo与菜单
+    getFuncMenu()
+    {
+      let menus = $g.init.func.filter(item => !item.grp && item.target === 'menu')
+      menus.forEach(item =>
+      {
+        item.title = item.namec
+        item.children = []
+        $g.init.func.forEach(f =>
+        {
+          f.title = f.namec
+          if (f.grp === item.name)
+            item.children.push(f)
+        })
+        if (this.$route.matched[1] && this.$route.matched[1].name === item.plugin)
+          this.defaultact = item
+      })
+      this.menuList = menus
+      if (!this.defaultact.name)
+      {
+        this.defaultact = this.menuList[0]
+        this.onStairMenuClick({ menu: this.defaultact }, true)
+      }
+    },
+
+    logout()
+    {
+      cx.localCache.remove('userNo')
+      cx.config.initOpts.authorization = ''
+      cx.InitRunenv.setLoginAuth({ authorization: 'ret.Authorization', user: '' })
+      window.location.href = 'https://ssoserver.hubgs.com/ssoserver/login/loginout?url=' + window.location.origin + window.location.pathname
+      // vm.$router.push('/login')
+    },
+
+    onClickMenu(menu)
+    {
+      if (menu.plugin === 'InitModel')
+      {
+        let routeData = this.$router.resolve({ path: `/${menu.plugin}` })
+        window.open(location.pathname + routeData.href, '_blank')
+      }
+      else
+        this.$router.push({ name: menu.plugin })
+    },
+
+    onCommand(command)
+    {
+      switch (command)
+      {
+      case 'pass':
+      {
+        let params =
+        {
+          onOk: () =>
+          {
+            this.logout()
+          }
+        }
+        cx.run.runPlug('PswSet', params)
+        break
+      }
+      case 'logout':
+        this.logout()
+        break
+      }
+    }
+  }
+}
+</script>

package/src/plugins/home/Home.vue

@@ -0,0 +1,59 @@
+<style lang='scss' scoped>
+</style>
+
+<template>
+  <cx-layout ref="rootEle">
+    <!-- <cx-region region="north" height=".6rem" class="north"> -->
+    <cx-region region="north" class="north">
+      <HeadNav></HeadNav>
+    </cx-region>
+    <cx-region region="center">
+      <router-view />
+    </cx-region>
+  </cx-layout>
+  <!-- 对话框容器 -->
+  <cx-dialogs :plugName='plugName'></cx-dialogs>
+  <!-- 动态组件插件容器 -->
+  <cx-dyna-coms :plugName="plugName"></cx-dyna-coms>
+</template>
+
+<script>
+/**
+ * 插件 - 系统容器
+ */
+
+/**
+ * 维护历史:
+ * 24-04-29   张光辉        修改格式
+ */
+import HeadNav from './HeadNav.vue'
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { HeadNav },
+  
+  data()
+  {
+    return {
+    }
+  },
+
+  created()
+  {
+    this.getMrSjj()
+  },
+
+  methods: {
+    getMrSjj()
+    {
+      cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']] }).then((res) =>
+      {
+        if (res.length)
+          window.mrsjj = res[0]
+      }).catch(() =>
+      {
+      })
+    }
+  }
+}
+</script>

package/src/plugins/home/HomePage.vue

@@ -0,0 +1,237 @@
+<style lang='scss' scoped>
+  .center-region{padding-top: 0.8%; justify-content: space-between;}
+  .list-card{position: relative; width: 16%; height: 98%;
+    .list-img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
+    .list-title{position: absolute; top: 26%; width: 50%; left: 55%; transform: translate(-50%,0); font-size: 0.18rem; color: #5f6165; font-weight: 600;}
+    .list-num{position: absolute; top: 50%; width: 50%; left: 55%; transform: translate(-50%,0); font-size: 0.24rem; color:#3aaefe; font-weight: 800;}
+  }
+  .top-bcg{width: 100%; height: 0.5rem; background-image: linear-gradient(to right, #ebf5fe, #fdfdfe);
+    img{margin-top: 1%;}
+  }
+  .data-preview{position: relative; width: 99% !important; height: 95% !important; margin: auto; margin-top: 1%;
+    .img-title{text-align: right;}
+  }
+  .right-card1{width: 100%; height: 27%; background: #fff;  border-radius: 0.08rem;
+    .content{font-size: 0.14rem; color: #5f6165; font-weight: 600; padding: 0.1rem; padding-top: 0; line-height: 0.3rem; margin-top: 0.08rem;}
+  }
+  .right-card2{position: relative; width: 100%; height: 45%; background: #fff;  border-radius: 0.08rem;
+    .img-content{position: absolute; top: 63%; left: 50%; transform: translate(-50%, -50%);}
+    .content{font-size: 0.14rem; color: #5f6165; font-weight: 600; padding: 0.1rem; padding-top: 0; line-height: 0.26rem; margin-top: 0.08rem;}
+  }
+  .right-card3{position: relative; width: 100%; height: 24%; background: #fff;  border-radius: 0.08rem;
+    .img-content{position: absolute; height: 60%; top: 68%; left: 50%; transform: translate(-50%, -50%);}
+  }
+  .tp-imgs{width: 100%; height: 100%;}
+  :deep(.el-carousel__container){height: 100%;}
+  .bottom-box{position: absolute; bottom: 1%; left: 50%; transform: translate(-50%,0); width: 32%; text-align: center; font-size: 0.1rem;}
+</style>
+
+<template>
+  <cx-layout ref="rootEle" padding style="background-color: #f1f2f6; height: 96%;">
+    <cx-region region="north" class="east" border style="display: flex; justify-content: space-around; align-items: center; width: 100%; height: 15%; background-color: #fff; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); border-radius: 0.08rem ;">
+      <div v-for="item in topList" :key="item" class="list-card">
+        <img class="list-img" style="width: 100%;" :src="item.img" alt="">
+        <div class="list-title">{{item.title}}</div>
+        <div class="list-num">{{item.num}}</div>
+      </div>
+    </cx-region>
+    <cx-region region="center">
+      <cx-layout class="center-region">
+        <cx-region region="east" class="east" border  style="width: 49.5%; height: 100%; background-color: #fff; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); border-radius: 0.08rem; overflow: hidden;">
+          <div class="top-bcg">
+            <img src="static/img/home/hbskcdztcg.png" alt="">
+          </div>
+          <el-carousel class="data-preview"  autoplay>
+            <el-carousel-item v-for="(item,index) in imgs" :key="index" style="height: 100%; text-align: center;">
+              <el-image class="tp-imgs" :src="item.img" :preview-teleported="true" :preview-src-list="[item.img]" style="width: 100%; height: 90%;"></el-image>
+              <div class="img-title">{{ item.title }}</div>
+            </el-carousel-item>
+          </el-carousel>
+          <!-- <DataPreview
+            class="data-preview"
+            :noShowTool="true"
+            ref="DataPreview"
+            :baseMapArr="baseMapArr"
+            :services="att"
+            :showBaseMap="showBaseMap"
+            :legendList="legendList"
+            @drawBq="drawBq"
+            @clearDrawBq="clearDrawBq"
+            @exportShp="exportShp"
+            @saveShp="saveShp"
+          /> -->
+        </cx-region>
+        <cx-region region="west" class="west" border style="display: flex; flex-direction: column; justify-content: space-around; align-items: center; width: 49.5%; height: 100%;">
+          <div class="right-card1">
+            <div class="top-bcg">
+              <img src="static/img/home/ptjs.png" alt="">
+            </div>
+            <p class="content" v-html="content"></p>
+          </div>
+          <div class="right-card2">
+            <div class="top-bcg">
+              <img src="static/img/home/yycj.png" alt="">
+            </div>
+            <!-- <img class="img-content" src="static/img/home/yycjt.png" alt=""> -->
+            <p class="content" v-html="content1"></p>
+          </div>
+          <div class="right-card3">
+            <div class="top-bcg">
+              <img src="static/img/home/zkyclc.png" alt="">
+            </div>
+            <img class="img-content" src="static/img/home/ckyclct1.png" alt="">
+          </div>
+        </cx-region>
+      </cx-layout>
+    </cx-region>
+  </cx-layout>
+  <div class="bottom-box">
+    <div>
+      <span style="color: #727a8d;">版本: </span><span style="margin-left: 0.08rem;color: #727a8d;">V1.0</span>
+      <span style="margin-left: 12%;color: #727a8d;">主管单位：</span><span style="margin-left: 0.08rem;color: #727a8d;">湖北省地质局</span>
+      <span style="margin-left: 12%;color: #727a8d;">技术支撑：</span><span style="margin-left: 0.08rem;color: #727a8d;">湖北省地质调查院</span>
+    </div>
+  </div>
+</template>
+
+<script>
+
+/**
+ * 组件 - 首页
+ */
+
+/**
+ * 维护历史:
+ * 25-07-01   黄佳龙        首次提交
+ */
+import DataPreview from '@/plugins/zbcxCesium/coms/dataPreview/DataPreview.vue'
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { DataPreview },
+  data()
+  {
+    return {
+      topList: [
+        { img: 'static/img/home/kcmx.png', title: '矿床模型', num: 0 },
+        { img: 'static/img/home/sjj.png', title: '数据集', num: 0 },
+        { img: 'static/img/home/yssj.png', title: '原始数据', num: 0 },
+        { img: 'static/img/home/yclsj.png', title: '预处理数据', num: 0 },
+        { img: 'static/img/home/ckycmx.png', title: '成矿预测模型', num: 0 },
+        { img: 'static/img/home/zngj.png', title: '智能工具', num: 0 }
+      ],
+      content: '‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp“鄂找矿”大数据智能找矿预测系统，简称“鄂找矿”系统，其核心是“以知识驱动、数据驱动重构传统矿产勘查逻辑”，以云计算、大数据和人工智能为底座，打通地质、地球化学、地球物理与遥感等多源异构数据壁垒。地质人员只需导入各类勘查资料，系统即可在分钟级完成数据分析、融合与可视化，并可以依托成矿预测模型开展矿产资源潜力智能评价，辅助地质人员进行矿产勘查和开发决策，提升矿产资源预测的信息化和智能化水平。',
+      content1: '‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp<span style="font-weight:900">“鄂找矿”大数据智能找矿预测系统的应用场景包括：</span><br><span style="color: #3aaefe; font-weight: 600">‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp矿床模型：</span>地质人员可以进行典型矿床模型的上传（包括上传典型矿床的基本信息、成矿模式图、预测要素表、参考文献），以及矿床模型的查看和修改。<br><span style="color: #3aaefe;font-weight: 600">‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp数据集管理：</span>地质人员可以实现包括.csv、.excel、.grd、.mapgis、.dgss、.shp、.tif七种格式的数据导入，并可以在三维地形图上进行预览。<br><span style="color: #3aaefe;font-weight: 600">‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp数据分析处理：</span>地质人员可以实现包括基础统计分析、QQ/PP图、回归分析、相关性分析、聚类分析、PCA分析的基础数据分析，以及实现包括插值分析、衬度计算、趋势分析、信息熵计算、相关系数计算等的通用的模型计算分析；并可以根据项目需求开展包括地质、化探、物探、遥感等数据的异常提取。<br><span style="color: #3aaefe;font-weight: 600">‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp‌&nbsp智能找矿预测工具：</span>地质人员可以根据找矿预测任务自行搭建找矿预测模型，也可以直接调用系统内部的找矿预测工具（包括证据权、自注意力网络、卷积神经网络）等，并可以将预测结果在三维地形图上进行展示（实现包括地形图的测量和靶区的绘制和靶区的下载）。',
+      showBaseMap: true,
+      baseMapArr: [],
+      imgs: [
+        {
+          img: 'static/img/ui/湖北省地质图.jpg',
+          title: '据《中国区域地质志·湖北志》'
+        },
+        {
+          img: 'static/img/ui/湖北省矿产地质图.jpg',
+          title: '据《中国矿产地质志·湖北卷》'
+        },
+        {
+          img: 'static/img/ui/湖北省构造单元综合分区图.png',
+          title: '据《中国区域地质志·湖北志》'
+        },
+        {
+          img: 'static/img/ui/湖北省综合成矿区带图.png',
+          title: '据《中国矿产地质志·湖北卷》'
+        }
+      ]
+    }
+  },
+
+  created()
+  {
+    this.imgs = window.SmData.homeimgs
+    this.getNum()
+  },
+
+  mounted()
+  {
+    // this.getMapservice()
+    // this.flyToPos()
+  },
+
+  methods:
+  {
+    getMapservice()
+    {
+      let baseLayer = new cxe.ImageryLayer('tdt', {
+        style: 'img',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      let baseLayerZj = new cxe.ImageryLayer('tdt', {
+        style: 'cva',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      Viewer.layers.addImageryLayer(baseLayer)
+      Viewer.layers.addImageryLayer(baseLayerZj)
+      this.loadBaseMap()
+    },
+
+    // 加载superMapSvr默认底图
+    loadBaseMap()
+    {
+      let opt = {
+        url: 'https://geocloud.hubgs.com/api/igs/rest/ogc/doc/020101010006201/WMSServer?styles=default&hb_token=eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJjb20uem9uZHkuc2hpcm8iLCJpc3MiOiJjb20uem9uZHkuc2hpcm8iLCJpYXQiOjE3NTEzNzk3OTUsInN1YiI6IjQxMDg2IiwiZXhwIjoxODgwOTc5Nzk1fQ.0eKckfMW8II3UA2bHjRrjiW7W3iBoMwkMiIl0SyO8ZI',
+        format: 'image/png',
+        layers: '020101010006201',
+        parameters: {
+          service: 'WMS',
+          transparent: true
+        }
+      }
+      let baseLayer = new cxe.ImageryLayer('wms', opt)
+      Viewer.layers.addImageryLayer(baseLayer)
+    },
+
+    flyToPos()
+    {
+      Viewer.camera.setView({
+        destination: Cesium.Cartesian3.fromDegrees(112.5, 31, 800000.0), // 经度, 纬度, 高度
+        orientation: {
+          heading: Cesium.Math.toRadians(0.0), // 方向，以北为0度，向东为90度，以此类推
+          pitch: Cesium.Math.toRadians(-90.0), // 俯仰角，以水平为0度，向下为-90度
+          roll: 0.0 // 翻滚角
+        }
+      })
+    },
+
+    /**
+     * 获取数据总数
+     */
+    getNum()
+    {
+      cx.svr.data.query($app.TabConst.kcmxb.major, $app.TabConst.kcmxb.minor, { args: [['id', '>', 0, null]] }).then((res) =>
+      {
+        this.topList[0].num = res.length
+      })
+      cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['id', '>', 0, null]] }).then((res) =>
+      {
+        this.topList[1].num = res.length
+      })
+      cx.svr.data.query($app.TabConst.ysjj.major, $app.TabConst.ysjj.minor, { args: [['id', '>', 0, null]] }).then((res) =>
+      {
+        this.topList[2].num = res.length
+      })
+      cx.svr.data.query($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, { args: [['id', '>', 0, null]] }).then((res) =>
+      {
+        this.topList[3].num = res.length
+      })
+      cx.svr.data.query($app.TabConst.cx_bf_flow.major, $app.TabConst.cx_bf_flow.minor, { args: [['id', '>', 0, null]] }).then((res) =>
+      {
+        this.topList[4].num = res.length
+      })
+      cx.svr.data.query($app.TabConst.zdygjsxb.major, $app.TabConst.zdygjsxb.minor, { args: [['id', '>', 0, null]] }).then((res) =>
+      {
+        this.topList[5].num = res.length
+      })
+    }
+  }
+}
+</script>

package/src/plugins/home/Login.vue

@@ -0,0 +1,139 @@
+<style lang='scss' scoped>
+  .login-page{width: 100vw; height: 100vh;}
+  .login-form{position: absolute; top: 2.2rem; right: 2rem; width: 4.1rem; height: 4.5rem; background-color: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);}
+  .login-url{background: url('../../../public/static/login/login_bg.png') 0 0 no-repeat;}
+  .fwd-url{display: flex; justify-content: center; align-items: center; background: url('../../../public/static/login/tav_bg.png') 0 0 no-repeat; background-size: 100% 100%;}
+  .back {position: absolute; left: 2.2rem; top: 0.33rem;}
+  .fotpassword{position: relative; width: 8rem; height: 5rem;}
+  :deep(.el-button){background: #518cff; padding: 0rem 0.15rem; border-radius: 0.03rem;}
+  .copyright{position: absolute; bottom: 0; width: 100%; height: .5rem; left: 0;}
+</style>
+
+<template>
+   <div class="login-page" :class="[isLogin?'login-url':'fwd-url']">
+    <div v-if="isLogin" class="login-form">
+      <cx-login
+        :config="login"
+        @forget="onForget"
+        @login="onLogin"
+      />
+    </div>
+    <div v-else class="fotpassword">
+      <cx-forgot-pwd
+        :config="forget"
+        @success="onToLogin"
+      />
+      <div class="back">
+        <el-button type="primary"
+          @click="isLogin=true"
+        >
+          {{ $locLogin('cmdToLogin') }}
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 插件 - 用户登录页
+ */
+
+/**
+ * 修改记录:
+ * 23-08-08   张发勇        升级到多种方式登录
+ * 23-09-20   张清          修改密钥与数据库默认值匹配，删除sys配置
+ */
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  data()
+  {
+    return {
+      isLogin: true,
+      login:
+      {
+        types:
+        [
+          {
+            name: 'AccSlider',            // 滑块验证登录
+            label: this.$locLogin('loginAccSlider'),
+            params:
+            {
+              addForget: true             // 加忘记密码
+            }
+          }
+        ],
+        config:
+        {
+          sys: 11,
+          addVerify: false,               // 是否增加图形验证
+          encodeUser: undefined,          // 手机号，邮箱等用户信息加密函数
+          encodeLogin: key => cx.security.encrypt.encrypt(key, cx.base.bytesToStr([49, 49, 90, 66, 67, 88, 35, 50])),    // 登录信息加密函数，里面bytes由cx.base.strToBytes(cx_syscfg.enKey)产生
+          decodeLogin: key => cx.security.encrypt.decrypt(key, cx.base.bytesToStr([49, 49, 90, 66, 67, 88, 35, 50]))     // 登录信息解密函数
+        }
+      },
+      forget:
+      {
+        types: [cx.consts.LOGIN_MAIL, cx.consts.LOGIN_CELL]  // 支持的验证类型
+      }
+    }
+  },
+
+  created()
+  {
+    // 切换到默认的皮肤切不保存
+    cx.config.theme.setTheme($app.theme, true)
+    // 给忘记密码的配置信息里面增加函数
+    const config = this.login.config
+    if (config.encodeUser)
+      this.forget.encodeUser = config.encodeUser
+    if (config.encodeLogin)
+      this.forget.encodeLogin = config.encodeLogin
+  },
+
+  methods:
+  {
+    // 忘记密码
+    onForget()
+    {
+      this.isLogin = false
+    },
+
+    // 从忘记密码返回到登录页面
+    onToLogin(form)
+    {
+      this.isLogin = true
+    },
+
+    // 返回登录成功or失败的状态
+    onLogin(ret)
+    {
+      if (ret.ret === 0)
+      {
+        // 初始化系统
+        vm.$processing.show()
+        cx.InitRunenv.init(this.login.config.sys, cx.config.initOpts)
+          .then(ret =>
+          {
+            vm.$processing.close()
+            // 启用用户选择的皮肤
+            cx.config.theme.initTheme($app.theme)
+            // 构造路由
+            cx.router.addRoutesByPlug($g.plugin.list)
+
+            // 运行初始功能页面
+            cx.run.runPlug('Home')
+            cx.events.publish('onLogin', { isLogin: true, name: $g.user.name })
+          })
+          .catch(err =>
+          {
+            vm.$processing.close()
+            this.$showRet(err)
+          })
+      }
+    }
+  }
+}
+</script>