adspecs 0.1.12

package/references/front-demo/src/utils/utilsFn.ts

@@ -0,0 +1,73 @@
+/*
+ * @Author: your name
+ * @Date: 2020-10-09 09:49:38
+ * @LastEditTime: 2020-11-05 14:58:56
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \sie-irradiator-ui\src\utils\utilsFn.js
+ */
+// 图表无数据
+export const chartsNoData = () => {
+  return {
+    title: {
+      text: '暂无数据',
+      left: '45%',
+      top: '50%',
+      textStyle: {
+        color: '#c6c6c6',
+        fontWeight: 'bold',
+        fontSize: 28,
+      },
+    },
+  }
+}
+
+// 防抖
+export const Debounce = (fn, t) => {
+  const delay = t || 300
+  let timer
+  return function () {
+    const args = arguments
+    if (timer) clearTimeout(timer)
+
+    timer = setTimeout(() => {
+      timer = null
+      fn.apply(this, args)
+    }, delay)
+  }
+}
+
+// 节流
+export const Throttle = (fn, t) => {
+  let last
+  let timer
+  const interval = t || 300
+  return function () {
+    console.log(arguments)
+    const args = arguments
+    const now = +new Date()
+    if (last && now - last < interval) {
+      clearTimeout(timer)
+      timer = setTimeout(() => {
+        last = now
+        fn.apply(this, args)
+      }, interval)
+    } else {
+      last = now
+      fn.apply(this, args)
+    }
+  }
+}
+
+// 判断对象的值是否都为空值
+export const objectValueAllEmpty = (object) => {
+  let isEmpty = true
+  Object.keys(object).forEach((key) => {
+    if (object[key] !== null && object[key] !== '') isEmpty = false
+  })
+  if (isEmpty)
+    //值全为空
+    return true
+
+  return false
+}

package/references/front-demo/src/utils/validate.ts

@@ -0,0 +1,110 @@
+export function isvalidUsername(str) {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}
+
+/* 合法uri*/
+export function validateURL(textval) {
+  const urlregex =
+    /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return urlregex.test(textval)
+}
+
+/* 小写字母*/
+export function validateLowerCase(str) {
+  const reg = /^[a-z]+$/
+  return reg.test(str)
+}
+
+/* 大写字母*/
+export function validateUpperCase(str) {
+  const reg = /^[A-Z]+$/
+  return reg.test(str)
+}
+
+/* 大小写字母*/
+export function validatAlphabets(str) {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(str)
+}
+
+/* 合法手机号码 */
+export function validatePhone(str) {
+  const reg =
+    /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
+  return reg.test(str)
+}
+
+/* 合法邮箱地址 */
+export function validateEmail(str) {
+  const reg =
+    /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/
+  return reg.test(str)
+}
+
+/* 合法设备组名称 */
+export function validateInputString(str) {
+  const reg = /^[\u4E00-\u9FA5A-Za-z0-9_-]+$/
+  return reg.test(str)
+}
+
+/* 合法数字 */
+export function validatePoint(str) {
+  const reg = /^[0-9.]+$/
+  return reg.test(str)
+}
+
+/* 合法数字 */
+export function validateNumber(str) {
+  const reg = /^[0-9]*$/
+  return reg.test(str)
+}
+
+/* 合法简体中文 */
+export function validateChinese(str) {
+  const reg = /^[\u4e00-\u9fa5]{0,20}$/
+  return reg.test(str)
+}
+
+/* 指标最值检测 */
+export function validateIndexNumber(str) {
+  const reg = /^-?\d+(\.\d+)?$/
+  return reg.test(str)
+}
+
+export function validateCertificateNumber(str) {
+  const reg =
+    /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/
+  return reg.test(str)
+}
+
+/* 字母数字下划线 */
+export function validateAlphanumericUnderline(str) {
+  const reg = /^\w+$/
+  return reg.test(str)
+}
+
+/* 字母开头 */
+export function validateBeginningLetter(str) {
+  const reg = /^[a-zA-Z]([-_a-zA-Z0-9]{2,20})$/
+  return reg.test(str)
+}
+
+/**
+ * 判断是否是json
+ *
+ * @param str
+ * @returns {boolean}
+ */
+export function isJSON(str) {
+  if (typeof str === 'string') {
+    try {
+      JSON.parse(str)
+      return true
+    } catch (e) {
+      return false
+    }
+  }
+
+  return false
+}

package/references/front-demo/src/utils/watermark.ts

@@ -0,0 +1,161 @@
+import { getUserInfo } from '@/utils/auth'
+
+export type WatermarkData = {
+  isView?: boolean
+  fwRotationAngle?: number
+  fwContent?: string
+  fwTransparent?: number
+  fwFont?: string
+  fwFontSize?: number
+  fwColor?: string
+  fwType?: string
+  content?: string
+}
+export type Watermark = {
+  set?: (str: any) => void;
+  out?: () => void;
+}
+
+const watermark: Watermark = {}
+let concentList = []
+let textConnt = ''
+
+const setWatermark = viewform => {
+  concentList = []
+  const id = '1.23452384164.123412416'
+  const watermarkDataStr: string = window.localStorage.getItem('watermarkBean')
+  let watermarkData: WatermarkData = JSON.parse(watermarkDataStr)
+
+  if (viewform) {
+    watermarkData = { ...viewform }
+  }
+  if (watermarkData && watermarkData.fwContent !== '' && watermarkData.fwContent !== null) {
+    if (document.getElementById(id) !== null) {
+      document.body.removeChild(document.getElementById(id))
+    }
+
+    //创建一个画布
+    const can = document.createElement('canvas')
+    //设置画布的长宽
+    can.width = 250
+    can.height = 250
+
+    const cans = can.getContext('2d')
+    //旋转角度
+    // cans.rotate(-15 * Math.PI / 180);
+    if (watermarkData.fwRotationAngle) {
+      cans.rotate((Math.PI / 180) * watermarkData.fwRotationAngle)
+    } else {
+      // cans.rotate(-15 * Math.PI / 180);
+    }
+
+    cans.font = '18px Vedana'
+    //设置填充绘画的颜色、渐变或者模式
+    // cans.fillStyle = 'rgba(200, 200, 200, 0.40)';
+    // cans.fillStyle = '#dbdbdb'
+    //设置文本内容的当前对齐方式
+    if (watermarkData.fwTransparent) {
+      cans.globalAlpha = watermarkData.fwTransparent
+    }
+
+    cans.fillStyle = '#' + watermarkData.fwColor
+    let fontsty = ''
+    if (watermarkData.fwFont === '宋体') {
+      fontsty = 'SimSun'
+    } else if (watermarkData.fwFont === '黑体') {
+      fontsty = 'SimHei'
+    } else if (watermarkData.fwFont === '微软雅黑') {
+      fontsty = 'Microsoft Yahei'
+    } else if (watermarkData.fwFont === '楷体') {
+      fontsty = 'KaiTi'
+    } else if (watermarkData.fwFont === '楷体') {
+      fontsty = 'FangSong'
+    }
+
+    const sty = watermarkData.fwFontSize + 'px' + ' ' + fontsty
+    cans.font = sty
+    cans.textAlign = 'left'
+    //设置在绘制文本时使用的当前文本基线
+    cans.textBaseline = 'middle'
+    //在画布上绘制填色的文本（输出的文本，开始绘制文本的X坐标位置，开始绘制文本的Y坐标位置）
+    if (watermarkData.isView) {
+      let textvalue = ''
+      if (watermarkData.fwType === 'dynamic') {
+        getdynamicconcent(watermarkData.fwContent)
+        let _text = ''
+        concentList.forEach(v => {
+          _text += getUserInfo()[v]
+        })
+        textvalue = _text + ',' + textConnt
+      } else {
+        textvalue = watermarkData.fwContent
+      }
+      cans.fillText(textvalue, can.width / 8, can.height / 2)
+    } else {
+      cans.fillText(watermarkData.content, can.width / 8, can.height / 2)
+    }
+
+    const div = document.createElement('div')
+    div.id = id
+    div.style.pointerEvents = 'none'
+    div.style.top = '0px'
+    div.style.left = '0px'
+    div.style.position = 'fixed'
+    div.style.zIndex = '100000'
+    div.style.overflow = 'hidden'
+    // div.style.width = document.documentElement.clientWidth - 230 + 'px';
+    // div.style.height = document.documentElement.clientHeight - 50 + 'px';
+    div.style.width = document.documentElement.clientWidth + 'px'
+    div.style.height = document.documentElement.clientHeight + 'px'
+    div.style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
+    // document.getElementById('site-content').append(div)
+    document.body.appendChild(div)
+    return id
+  }
+}
+
+function getdynamicconcent(str) {
+  const _index = str.indexOf('{')
+  if (_index > -1) {
+    const _index2 = str.indexOf('}')
+    const strArr = str.slice(_index + 1, _index2)
+    str = str.slice(_index2 + 1)
+    concentList.push(strArr)
+    console.log('concentList', concentList)
+    getdynamicconcent(str)
+  } else {
+    const _index = str.indexOf(',')
+    if (_index > -1) {
+      const _text = str.slice(_index + 1)
+      textConnt = _text
+    }
+  }
+}
+
+// 该方法只允许调用一次
+watermark.set = str => {
+  let id = setWatermark(str)
+  setInterval(() => {
+    if (document.getElementById(id) === null) {
+      id = setWatermark(str)
+    }
+  }, 500)
+  window.onresize = () => {
+    setWatermark(str)
+  }
+}
+
+// 在watermark.js文件中
+const outWatermark = id => {
+  if (document.getElementById(id) !== null) {
+    const div = document.getElementById(id)
+    div.style.display = 'none'
+  }
+}
+
+watermark.out = () => {
+  const str = '1.23452384164.123412416'
+  outWatermark(str)
+}
+
+export default watermark

package/references/front-demo/src/utils/watermarkcompact.ts

@@ -0,0 +1,180 @@
+import { getUserInfo } from '@/utils/auth'
+import { computeFontSize } from '@/utils'
+
+export type WatermarkData = {
+  isView?: boolean
+  fwRotationAngle?: number
+  fwContent?: string
+  fwTransparent?: number
+  fwFont?: string
+  fwFontSize?: number
+  fwColor?: string
+  fwType?: string
+  content?: string
+  isTakeEffect?: string
+}
+export type Watermark = {
+  set?: (str: any) => void;
+  out?: () => void;
+}
+
+const watermark: Watermark = {}
+let concentList = []
+let textConnt = ''
+
+const setWatermark = (viewform) => {
+  // console.log(viewform,'viewform,...waterObj')
+  concentList = []
+  const id = '1.23452384164.123412416'
+  const watermarkDataStr = window.localStorage.getItem('watermarkBean')
+  let watermarkData:WatermarkData = JSON.parse(watermarkDataStr)
+  console.log(222, viewform)
+
+  if (viewform) watermarkData = { ...viewform }
+  // 计算字体长度
+  const strWidth = computeFontSize(
+    watermarkData.content,
+    watermarkData.fwFontSize,
+    watermarkData.fwFont
+  ).width
+
+  if (
+    watermarkData &&
+    watermarkData.fwContent !== '' &&
+    watermarkData.fwContent !== null &&
+    watermarkData.isTakeEffect
+  ) {
+    if (document.getElementById(id) !== null)
+      document.body.removeChild(document.getElementById(id))
+
+    //创建一个画布
+    const can = document.createElement('canvas')
+    //设置画布的长宽
+    // can.width = 110
+    // can.height = 80
+    // watermarkData.fwRotationAngle = '30'
+    if (!watermarkData.fwRotationAngle) watermarkData.fwRotationAngle += 1
+    if (watermarkData.fwRotationAngle) {
+      // 计算弧
+      const radian = Math.abs((Math.PI / 180) * watermarkData.fwRotationAngle)
+      // //设置画布的长宽
+      can.height = Math.sin(radian) * strWidth + 30
+      can.width = Math.cos(radian) * strWidth + 50
+      console.log(11111, radian, can.height, can.width)
+      //旋转角度
+      // cans.rotate((Math.PI / 180) * watermarkData.fwRotationAngle)
+    } else {
+      // cans.rotate(-15 * Math.PI / 180);
+    }
+    const cans = can.getContext('2d')
+    cans.rotate((Math.PI / 180) * watermarkData.fwRotationAngle)
+    cans.font = '18px Vedana'
+    //设置填充绘画的颜色、渐变或者模式
+    // cans.fillStyle = 'rgba(200, 200, 200, 0.40)';
+    // cans.fillStyle = '#dbdbdb'
+    //设置文本内容的当前对齐方式
+    if (watermarkData.fwTransparent)
+      cans.globalAlpha = watermarkData.fwTransparent
+
+    cans.fillStyle = '#' + watermarkData.fwColor
+    let fontsty = ''
+    if (watermarkData.fwFont === '宋体') fontsty = 'SimSun'
+    else if (watermarkData.fwFont === '黑体') fontsty = 'SimHei'
+    else if (watermarkData.fwFont === '微软雅黑') fontsty = 'Microsoft Yahei'
+    else if (watermarkData.fwFont === '楷体') fontsty = 'KaiTi'
+    else if (watermarkData.fwFont === '楷体') fontsty = 'FangSong'
+
+    const sty = watermarkData.fwFontSize + 'px' + ' ' + fontsty
+    cans.font = sty
+    cans.textAlign = 'left'
+    //设置在绘制文本时使用的当前文本基线
+    // cans.textBaseline = 'Middle'
+    cans.textBaseline = 'bottom'
+    //在画布上绘制填色的文本（输出的文本，开始绘制文本的X坐标位置，开始绘制文本的Y坐标位置）
+    if (watermarkData.isView) {
+      let textvalue = ''
+      if (watermarkData.fwType === 'dynamic') {
+        getdynamicconcent(watermarkData.fwContent)
+        let _text = ''
+        concentList.forEach((v) => {
+          v = v == 'userName' ? 'loginAccount' : v
+          _text += getUserInfo()[v]
+        })
+        textvalue = textConnt + ' ' + _text
+      } else {
+        textvalue = watermarkData.fwContent
+      }
+      cans.fillText(textvalue, 10, 20)
+    } else {
+      if (watermarkData.fwRotationAngle.toString().indexOf('-') > -1) {
+        cans.fillText(watermarkData.content, 0, can.height - 10)
+      } else {
+        cans.fillText(watermarkData.content, 10, 20)
+      }
+      // cans.fillText(watermarkData.content, can.width / 5 , can.height)
+    }
+
+    const div = document.createElement('div')
+    div.id = id
+    div.style.pointerEvents = 'none'
+    div.style.top = '0px'
+    div.style.left = '0px'
+    div.style.position = 'fixed'
+    div.style.zIndex = '100000'
+    div.style.overflow = 'hidden'
+    // div.style.width = document.documentElement.clientWidth - 230 + 'px';
+    // div.style.height = document.documentElement.clientHeight - 50 + 'px';
+    div.style.width = document.documentElement.clientWidth + 'px'
+    div.style.height = document.documentElement.clientHeight + 'px'
+    div.style.background =
+      'url(' + can.toDataURL('image/png') + ') left top repeat'
+    // document.getElementById('site-content').append(div)
+    document.body.appendChild(div)
+    // return id
+    return id
+  }
+}
+
+function getdynamicconcent(str) {
+  const _index = str.indexOf('{')
+  if (_index > -1) {
+    const _index2 = str.indexOf('}')
+    const strArr = str.slice(_index + 1, _index2)
+    str = str.slice(_index2 + 1)
+    concentList.push(strArr)
+    console.log('concentList', concentList)
+    getdynamicconcent(str)
+  } else {
+    const _index = str.indexOf(',')
+    if (_index > -1) {
+      const _text = str.slice(_index + 1)
+      textConnt = _text
+    }
+  }
+}
+
+// 该方法只允许调用一次
+watermark.set = (str) => {
+  let id = setWatermark(str)
+  setInterval(() => {
+    if (document.getElementById(id) === null) id = setWatermark(str)
+  }, 500)
+  window.onresize = () => {
+    setWatermark(str)
+  }
+}
+
+// 在watermark.js文件中
+const outWatermark = (id) => {
+  if (document.getElementById(id) !== null) {
+    const div = document.getElementById(id)
+    div.style.display = 'none'
+  }
+}
+
+watermark.out = () => {
+  const str = '1.23452384164.123412416'
+  outWatermark(str)
+}
+
+export default watermark

package/references/front-demo/src/utils/wordRender.ts

@@ -0,0 +1,100 @@
+interface Window {
+  $renderDownload: any;
+  $request: any;
+  getVersionTypeApiUrl: any
+}
+
+interface dataType {
+  params: {
+    apiParams: {
+      params: string,
+    },
+    tempCode,
+    resourceId?: string | number,
+  },
+}
+
+interface ElementType extends Element {
+  style: any
+}
+
+window.$renderDownload = async ({ that, code, params, btnCode }) => {
+  let btnAuthList = window.sessionStorage.btnAuthList
+  let btnInfo = null
+  if (btnAuthList) {
+    btnAuthList = JSON.parse(btnAuthList)
+    btnInfo = btnAuthList.find((item) => item.resourceCode == btnCode)
+  }
+  const request = window.$request
+  const data: dataType = {
+    params: {
+      apiParams: {
+        params,
+      },
+      tempCode: code,
+    },
+  }
+  if (btnInfo) {
+    data.params.resourceId = btnInfo.resourceId
+  }
+  const node = `
+        <div id='wordExportStateBox'>
+          <div style='display: flex'><span style='flex-shrink: 0;'>导出状态：</span><span id='wordExportState' style='min-width: 20px;min-height: 20px'></span></div>
+          <div id='exportErrBox' style='display: flex'><span style='flex-shrink: 0;'>异常原因：</span><span id='exportErr'></span></div>
+        </div>
+      `
+  await that.$nextTick()
+  const $alert = that.$alert(node, '导出详情', {
+    confirmButtonText: '确定',
+    dangerouslyUseHTMLString: true,
+    callback: (action) => { },
+  })
+  await that.$nextTick()
+  const stateEl: ElementType = document.querySelector('#wordExportState')
+  const ErrBox: ElementType = document.querySelector('#exportErrBox')
+  const errElment: ElementType = document.querySelector('#exportErr')
+  stateEl.innerHTML = ''
+  that.$loading({
+    target: '#wordExportState',
+  })
+  ErrBox.style.display = 'none'
+  const res = await request({
+    url: `${window.getVersionTypeApiUrl(
+      'exportURL'
+    )}/data-export/v2/export-word`,
+    method: 'post',
+    data,
+  })
+  console.log(res)
+  // 抛出异常
+  errElment.style.display = 'none'
+  if (res.data.code === 805) {
+    ErrBox.style.display = 'flex'
+    errElment.style.display = 'block'
+    errElment.style.color = 'red'
+    stateEl.style.color = 'red'
+    stateEl.innerHTML = '导出失败'
+    try {
+      errElment.innerHTML = res.data.msg
+    } catch (e) {
+      errElment.innerHTML = '后端返回接口结构异常'
+    }
+  } else {
+    stateEl.innerHTML = '导出成功'
+    stateEl.style.color = '#67C23A'
+    downloadPath(res.data.fileUrl, res.data.fileName)
+  }
+}
+
+//获取重命名下载
+function downloadPath(access, fileName) {
+  window.$request
+    .get(
+      `api/file/iot-base-attachment/getDownUrlByName?fileName=${encodeURI(
+        fileName
+      )}&oldUrl=${access}`
+    )
+    .then((res) => {
+      if (res.code === 800) window.location.href = res.data
+    })
+}

package/references/front-demo/src/utils/ws.ts

@@ -0,0 +1,42 @@
+declare const window: any
+export default class Ws {
+  private websocket: WebSocket
+  private onerror: (e: any) => void
+  private onclose: (e: any) => void
+  constructor({ url, params, operate, onClose }) {
+    const wsUrl = window.VUE_WSAPI || `wss://websocket.sieiot.com/ws`
+    if (window.WebSocket) {
+      this.websocket = new WebSocket(wsUrl)
+      // 建立连接
+      this.websocket.onopen = this.onopen(params)
+      // 接收消息
+      this.websocket.onmessage = this.onmessage(operate)
+      // 连接出错
+      this.websocket.onerror = this.onerror
+      // 关闭连接
+      this.websocket.onclose = onClose || this.onclose
+
+      window.onclose = this.close
+    }
+  }
+  onopen(params) {
+    return async (event) => {
+      // 绑定 websocket 服务
+      this.websocket.send(JSON.stringify({ ...params }))
+      return event
+    }
+  }
+  onmessage(operate) {
+    return (event) => {
+      operate(event)
+    }
+  }
+  close() {
+    if (this.websocket.readyState !== this.websocket.CLOSED)
+      this.websocket.close()
+  }
+  // 防止 websocket 掉线，发送 params 为字符串 'heartbeat'
+  send(params) {
+    this.websocket.send(params)
+  }
+}