/****************************************************************************
所属系统: 组件库 所属模块: 操场 - 角标组件 创建时间: 2020年12月19日17:40:53
维护人: 游子剑 *┌──────────────────────────────────────────────────────────────┐
*│　此技术信息为本公司机密信息，未经本公司书面同意禁止向第三方披露．│
*│　版权所有：杰人软件(深圳)有限公司　 　　　　　　　　　　 │
*└──────────────────────────────────────────────────────────────┘
***************************************************************************/

<template>
  <div class="badge">
    <jr-button @click="clickPage">跳转页面</jr-button>
    <h2>utils方法</h2>
    <div class="j-mt-20">
      <div v-for="(item, index) in utilsData" :key="index">
        方法名：{{ item.functionName }} 参数个数{{ item.argumentsLenth }}
      </div>
    </div>
    <div class="j-mt-20"></div>
  </div>
</template>

<script>
export default {
  name: "utilUse",
  label: "util工具操场",
  isDev: true,
  data() {
    return {
      utilsData: [],
    };
  },
  created() {
    this.getAllUtilMethod();
  },
  computed() {},
  methods: {
    clickPage() {
      const newTarget =
        "https://mp.weixin.qq.com/s?__biz=MzI4NTYwODIyNA==&mid=2247495080&idx=1&sn=f961619accb09d2551d16b2359fbfa7a&chksm=ebeb3de7dc9cb4f1ce479b1f7a7b5d409bb6c256adf8f282c2adfaa87606cc77cc06ef9a46c1&token=143786364&lang=zh_CN#rd";
      this.$utils.openOtherSysUrl(newTarget);
    },
    getAllUtilMethod() {
      const arrMethods = [];
      const utilsList = this.$utils;
      for (const key in utilsList) {
        arrMethods.push({
          functionName: utilsList[key].name,
          argumentsLenth: utilsList[key].length,
        });
      }
      this.utilsData = arrMethods;
    },
  },
};
</script>