05-表单详情使用el-descriptions利用map数据结构，使用el-tooltip注意事项

示例组件：

统计输入字符长度：

// 统计输入字符长度
export const getStringLength = str => {
  let totalLength = 0
  const list = str.split('')
  for (let i = 0; i < list.length; i++) {
    const s = list[i]
    if (s.match(/[\u0000-\u00ff]/g)) {
      // 半角
      totalLength += 1
    } else if (s.match(/[\u4e00-\u9fa5]/g)) {
      // 中文
      totalLength += 2
    } else if (s.match(/[\uff00-\uffff]/g)) {
      // 全角
      totalLength += 2
    }
  }
  return totalLength
}

 效果：

父组件分发数据，当前这个子组件负责组织数据后渲染。