vue2-client 1.10.12 → 1.10.13

package/src/components/HeightScanner/index.vue

@@ -0,0 +1,562 @@
+<template>
+  <a-modal
+    :visible="show"
+    :dialogStyle="{ top: '1vh' }"
+    width="50vw"
+    :footer="null"
+    :zIndex="1050"
+    :maskClosable="false"
+  >
+    <div class="scanner-container">
+      <a-row>
+        <a-space>
+          <a-button type="primary" @click="capturePhoto">拍照</a-button>
+          <a-button type="primary" @click="switchCamera('0')">文档</a-button>
+          <a-button type="primary" @click="switchCamera('1')">人像</a-button>
+          <a-button type="primary" @click="getVideoStatus">设备状态</a-button>
+          <a-button type="primary" @click="closeVideo">关闭设备</a-button>
+          <a-button type="primary" @click="openApp">开启程序</a-button>
+          <a-button v-if="showid" type="primary" @click="startReadCard">读身份证</a-button>
+          <a-button v-if="showid" @click="stopReadCard">停止读卡</a-button>
+        </a-space>
+      </a-row>
+      <a-row>
+        <a-col :span="12">
+          <div
+            style="display: flex; justify-content: center; align-items: center; height: 300px;">
+            <img
+              v-if="previewImage"
+              id="Base64IMG"
+              :src="previewImage"
+              height="300"
+              alt=""
+              style="display: block;margin: auto;"
+            />
+            <a-empty v-else/>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <a-textarea
+            id="Console"
+            style=" height: 300px;  width: 100%;  resize: none;border-radius: 0"
+            :disabled="true"></a-textarea>
+        </a-col>
+        <a-col :span="24">
+          <img
+            id="cam"
+            :src="cameraurl"
+            width="100%"
+            height="540"
+            alt=""/>
+        </a-col>
+        <a-col :span="24" v-if="showid">
+          <a-form layout="horizontal">
+            <a-form-item label="姓名">
+              <a-input v-model="idCardForm.name" disabled/>
+            </a-form-item>
+            <a-form-item label="性别">
+              <a-input v-model="idCardForm.sex" disabled/>
+            </a-form-item>
+            <a-form-item label="民族">
+              <a-input v-model="idCardForm.nation" disabled/>
+            </a-form-item>
+            <a-form-item label="出生日期">
+              <a-input v-model="idCardForm.birthday" disabled/>
+            </a-form-item>
+            <a-form-item label="地址">
+              <a-textarea v-model="idCardForm.address" :rows="2" disabled/>
+            </a-form-item>
+            <a-form-item label="身份证号">
+              <a-input v-model="idCardForm.cardID" disabled/>
+            </a-form-item>
+            <a-form-item label="签发机关">
+              <a-input v-model="idCardForm.issueOrgan" disabled/>
+            </a-form-item>
+            <a-form-item label="有效期">
+              <a-input v-model="idCardForm.validStart" disabled/>
+              <a-input v-model="idCardForm.validEnd" disabled/>
+            </a-form-item>
+
+            <div class="id-photo-section">
+              <div class="photo-preview">
+                <img
+                  id="PhotoDisplay"
+                  :src="idCardForm.photoUrl"
+                  class="id-photo"
+                  alt=""/>
+              </div>
+              <a-button type="primary" @click="confirmIdCard">确认信息</a-button>
+            </div>
+          </a-form>
+        </a-col>
+      </a-row>
+    </div>
+    <template #title>
+      <a-row>
+        <a-col :span="24">
+          <a-space>
+            高拍仪
+            <a-button @click="handleOk">上传截图</a-button>
+            <a-button @click="handleCancel">取消</a-button>
+          </a-space>
+        </a-col>
+      </a-row>
+    </template>
+  </a-modal>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api'
+
+let ws
+const SERVER_ADDR = 'ws://127.0.0.1:38088'
+
+export default {
+  name: 'HeightScanner',
+
+  props: {
+    show: Boolean,
+    showid: Boolean
+  },
+
+  data () {
+    return {
+      SERVER_ADDR,
+      cameraurl: 'http://127.0.0.1:38088/video=stream&camidx=0',
+      connected: false,
+      clicked: false,
+      iswaiting: false,
+      previewImage: '',
+      consoleText: '',
+      idCardForm: {
+        name: '',
+        sex: '',
+        nation: '',
+        birthday: '',
+        address: '',
+        cardID: '',
+        issueOrgan: '',
+        validStart: '',
+        validEnd: '',
+        photoBuffer: '',
+        photoUrl: ''
+      },
+      callback: {},
+      context: 0,
+      base_offset: 0,
+      orgdrawwidth: 0,
+      orgdrawheight: 0,
+
+      CLT_MSG: {
+        // 打开相机 cap:相机ID
+        BEGIN_CAP: 1,
+        // 关闭相机 cap:相机ID
+        STOP_CAP: 2,
+        // 获取PID
+        GET_PID: 3,
+        // 获取分辨率
+        GET_FBL: 4,
+        // 设置分辨率
+        SET_FBL: 5,
+        // 设置MJPG格式
+        SET_MJPG: 6,
+        // 设置视频旋转
+        SET_TURN: 7,
+        // 设置视频截图保存的jpg质量
+        SET_QUALITY: 8,
+        // 设置自动裁边
+        SET_AUTOCROP: 9,
+        // 设置预设框选
+        SET_PREST: 10,
+        // 获取当前预设框选
+        GET_PREST_INFO: 11,
+        // 视频格式弹窗
+        FORMAT_DLG: 12,
+        // 视频属性弹窗
+        PROPERTY_DLG: 13,
+        // 设置截图颜色模式 彩色 黑白 灰度
+        SET_COLOR_MODEL: 14,
+        // 截图
+        GET_PICTURE: 15,
+        // 设置去底色参数
+        SET_CLEAN_PARAM: 16,
+        // 内存截图
+        GET_PICTURE_MEM: 17,
+        // base64测试
+        TEST_BASE64: 18,
+        // 制作PDF的临时目录
+        SET_TEMPDIR: 19,
+        // 开始制作PDF
+        BEGIN_PDF: 20,
+        // PDF截图 保存到PDF临时目录
+        GET_PDF_PICTURES: 21,
+        // 结束制作PDF
+        END_PDF_PICTURES: 22,
+        // PDF文件转为文件里的BASE64码
+        PDF_TO_BASE64: 23,
+        // 文件里的BASE64码转为PDF文件
+        BASE64_TO_PDF: 24,
+        // PDF文件转为BASE64字符串
+        PDF_TO_BASE64_STR: 25,
+        // 删除制作PDF的图片文件
+        DEL_PICTURE_PDF: 26,
+        // 打印图片
+        PRINT_IMAGE: 27,
+        // 设置显示错误弹窗
+        SHOW_ERROR_BOX: 28,
+        // 获取视频连接事件
+        GET_EVENT: 29,
+        // 预设框选鼠标消息
+        PRESET_MOUSEDOWN: 30,
+        PRESET_MOUSEMOVE: 31,
+        PRESET_MOUSEUP: 32,
+        // 人证对比
+        IDCARD_COMPARE: 40,
+        // 读卡
+        READ_IDCARD: 51,
+        // 开始循环读卡
+        BEGIN_READ_IDCARD: 52,
+        // 停止循环读卡
+        STOP_READ_IDCARD: 53,
+        // 水平
+        HCOPY_IDCARD: 54,
+        // 垂直
+        VCOPY_IDCARD: 55,
+
+        PCOPY_IDCARD: 56,
+        // 反面
+        NCOPY_IDCARD: 57
+      },
+      SVR_BIN_MSG: {
+        CAP_FRAME: 1, // 后台帧消息
+      }
+    }
+  },
+
+  methods: {
+    // handleImgError (e) {
+    //   e.target.style.display = 'none'
+    // },
+    // 页面load消息
+    onLoad () {
+      return new Promise((resolve, reject) => {
+        // 添加重试计数器
+        let retryCount = 0
+        const maxRetries = 5
+
+        const tryConnect = () => {
+          if (ws) {
+            resolve()
+            return
+          }
+
+          ws = new WebSocket(this.SERVER_ADDR)
+
+          ws.onopen = (evt) => {
+            if (this.connected) {
+              resolve()
+            }
+            this.connected = true
+            this.output('已经连接到服务器')
+            this.switchCamera(0)
+          }
+
+          ws.onclose = (evt) => {
+            if (!this.connected) {
+              // 检查重试次数
+              if (retryCount < maxRetries) {
+                retryCount++
+                this.output(`连接失败,正在进行第${retryCount}次重试...`)
+                window.location.href = 'FLShell://'
+                setTimeout(tryConnect, 3 * 1000)
+              } else {
+                this.output('连接失败,已达到最大重试次数')
+                reject(new Error('连接失败,已达到最大重试次数'))
+              }
+            } else {
+              this.output('已断开服务器连接')
+              this.connected = false
+            }
+            ws = null
+          }
+
+          ws.onerror = (evt) => {
+            this.output('高拍仪连接错误')
+            reject(new Error('连接错误'))
+          }
+          ws.onmessage = (evt) => {
+            if (evt.data.length === 0) {
+              return
+            }
+            if (typeof evt.data === 'string') {
+              const msg = JSON.parse(evt.data)
+              console.log('msg1:', msg)
+              if (msg.err && msg.err !== 0) {
+                this.output('错误 - ' + msg.err + ', ' + msg.msg)
+                reject(new Error('错误 - ' + msg.err + ', ' + msg.msg))
+              } else if (msg.msg) {
+                console.log('msg2:', msg)
+                this.output(msg.msg)
+              }
+              if (msg.user_data) {
+                this.callback[msg.user_data](msg)
+                if (typeof msg.user_data === 'number') {
+                  this.callback[msg.user_data] = undefined
+                }
+              }
+            } else {
+              const file = new FileReader()
+              file.onload = (evt) => {
+                if (evt.target.readyState == FileReader.DONE) {
+                  const data = new Uint8Array(evt.target.result)
+                  if (data[0] == this.SVR_BIN_MSG.CAP_FRAME) {
+                    return this.drawImage(data)
+                  }
+                }
+              }
+              file.readAsArrayBuffer(evt.data)
+            }
+          }
+          const canvas = document.getElementById('cam')
+          canvas.onmousedown = (e) => {
+            canvas.style.cursor = 'crosshair'
+            this.clicked = true
+            this.sendMsg(this.CLT_MSG.PRESET_MOUSEDOWN, { origX: e.layerX, origY: e.layerY }, (msg) => {
+              if (msg.err !== 0) {
+                console.warn('鼠标按下事件出错:', msg.err)
+              }
+            })
+          }
+          canvas.onmousemove = (e) => {
+            if (!this.clicked) {
+              canvas.style.cursor = 'default'
+              return
+            }
+            canvas.style.cursor = 'crosshair'
+            this.sendMsg(this.CLT_MSG.PRESET_MOUSEMOVE, { offx: e.layerX, offy: e.layerY }, (msg) => {
+              if (msg.err !== 0) {
+                console.warn('鼠标移动事件出错:', msg.err)
+              }
+            })
+          }
+          onmouseout = canvas.onmouseup = (e) => {
+            canvas.style.cursor = 'default'
+            if (!this.clicked) {
+              return
+            }
+            this.sendMsg(this.CLT_MSG.PRESET_MOUSEUP, { offx: e.layerX, offy: e.layerY }, (msg) => {
+              if (msg.err !== 0) {
+                console.warn('鼠标抬起事件出错:', msg.err)
+              }
+            })
+            this.clicked = false
+          }
+        }
+
+        tryConnect() // 开始首次连接
+      })
+    },
+    // 打开视频
+    switchCamera (data) {
+      this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=' + data + '&tid=' + Date.parse(new Date())
+    },
+    // 关闭视频
+    closeVideo () {
+      const params = ''
+      const url = this.cameraurl.replace('stream', 'close')
+      this.cameraurl = ''
+      post(url, params).then((msg) => { // 截图
+        if (msg.data.code != '0') {
+          document.getElementById('result').innerHTML = msg.data.message
+        }
+      })
+    },
+    // 获取设备状态
+    getVideoStatus () {
+      document.getElementById('result').innerHTML = ''
+      const params = ''
+      const url = 'http://127.0.0.1:38088/video=status'
+      this.cameraurl = ''
+      post(url, params).then((msg) => { // 截图
+        if (msg.data.code != '0') {
+          document.getElementById('result').innerHTML = '获取设备状态失败，返回代码 = ' + msg.data.code + '，返回信息 = ' + msg.data.message
+        } else {
+          document.getElementById('result').innerHTML = '文档摄像头:' + msg.data.video0 +
+            ', 人像1:' + msg.data.video1
+        }
+      })
+    },
+    openApp () {
+      window.location.href = 'cameraServicetis:0' // 启动 CameraService 服务程序
+    },
+    capturePhoto () {
+      this.previewImage = 'data:image/png;base64,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'
+
+      // if(!this.name){
+      //  return this.$showMessage('请输入照片名称')
+      // }
+      // if(!this.useType){
+      //   return this.$showMessage('请选择文件使用类型')
+      // }
+      // let camidx = 0
+      // if (this.cameraurl.indexOf('http://127.0.0.1:38088/video=stream&camidx=0') != -1) {
+      //   camidx = 0
+      // } else if (this.cameraurl.indexOf('http://127.0.0.1:38088/video=stream&camidx=1') != -1) {
+      //   camidx = 1
+      // } else {
+      //   this.$message.info('请先打开视频', 'warning', 2000)
+      //   return
+      // }
+      // const param = {
+      //   camidx: camidx
+      // }
+      // post('http://127.0.0.1:38088/video=grabimage', param).then((msg) => { // 截图
+      //   if (msg.data.code != '0') {
+      //     this.$message.info(msg.data.message, 'warning', 2000)
+      //     return
+      //   }
+      //   this.previewImage = 'data:image/jpg;base64,' + msg.data.photoBase64
+      //   this.output('base64 长度 : ' + this.previewImage)
+      //   this.$emit('photo-finish', { img: this.previewImage })
+      //   this.name = ''
+      // })
+    },
+    // 读身份证
+    startReadCard () {
+      post('http://127.0.0.1:38088/card=idcard', {}).then((msg) => {
+        if (msg.data.code != '0') {
+          this.$message.info(msg.data.message, 2000)
+          return
+        } else {
+          this.updateIdCardInfo(msg.data.IDCardInfo)
+        }
+
+        this.output('读取身份证')
+      })
+      this.output('开始读卡')
+    },
+    // 停止读身份证
+    stopReadCard () {
+      this.sendMsg(this.CLT_MSG.STOP_READ_IDCARD, (msg) => {
+        if (msg.err !== 0) {
+          return
+        }
+        this.output('停止读卡')
+      })
+    },
+    // 视频帧绘制函数
+    drawImage (data) {
+      // 校验视频是否在一定时间内的
+      if (!this.checkTimestamp(data[2] * 256 + data[1])) {
+        return
+      }
+      // 视频帧头有时间戳 注意偏移 和 大小端处理
+      const width = data[this.base_offset + 1] * 256 + data[this.base_offset]
+      const height = data[this.base_offset + 3] * 256 + data[this.base_offset + 2]
+
+      const cam = document.getElementById('cam')
+      const context = cam.getContext('2d')
+      if (this.orgdrawwidth != width || this.orgdrawheight != height) {
+        this.orgdrawwidth = width
+        this.orgdrawheight = height
+      }
+
+      const image = context.createImageData(width, height)
+      for (let n = 0; n != height; ++n) {
+        for (let m = 0; m != width; ++m) {
+          const imageOffset = ((height - n - 1) * width + m) * 4
+          const dataOffset = (n * width + m) * 3 + this.baseOffset + 4
+          image.data[imageOffset] = data[dataOffset + 2]
+          image.data[imageOffset + 1] = data[imageOffset + 1]
+          image.data[imageOffset + 2] = data[imageOffset]
+          image.data[imageOffset + 3] = 255
+        }
+      }
+      context.putImageData(image, 0, 0)
+    },
+    checkTimestamp (svrTime) {
+      const myDate = new Date()
+      let cltTime = myDate.getSeconds() * 1000 + myDate.getMilliseconds()
+      if (cltTime < svrTime) {
+        cltTime += 60 * 1000
+      }
+      return cltTime - svrTime < 3000
+    },
+    sendMsg (proto, msg, cb) {
+      if (!ws) {
+        return
+      }
+
+      if (typeof msg !== 'object') {
+        if (typeof msg === 'function') {
+          cb = msg
+          msg = {}
+        } else {
+          msg = {}
+        }
+      }
+
+      msg.proto = proto
+      if (typeof cb === 'function') {
+        this.callback[++this.context] = cb
+        msg.user_data = this.context
+      }
+
+      ws.send(JSON.stringify(msg))
+    },
+    output (content) {
+      if (content.length == 0) {
+        return
+      }
+      const console = document.getElementById('Console')
+      console.value += content
+      console.value += '\r'
+      console.scrollTop = console.scrollHeight
+    },
+    // 显示读到的身份证信息
+    updateIdCardInfo (msg) {
+      document.getElementById('Name').value = msg.name
+      document.getElementById('Sex').value = msg.sex
+      document.getElementById('Nation').value = msg.nation
+      document.getElementById('Born').value = msg.birthday
+      document.getElementById('Address').value = msg.address
+      document.getElementById('CardNo').value = msg.cardID
+      document.getElementById('Police').value = msg.issueOrgan
+      document.getElementById('ActivityLFrom').value = msg.validStart
+      document.getElementById('ActivityLTo').value = msg.validEnd
+      // document.getElementById('DeviceNo').value = msg.validEnd
+      document.getElementById('PhotoBuffer').value = msg.fingerBase64
+      document.getElementById('PhotoDisplay').src = 'data:image/jpg;base64,' + msg.photoBase64
+      this.IdCardInfo = msg
+    },
+    confirmIdCard () {
+      const param = this.IdCardInfo
+      if (this.IdCardInfo) {
+        this.$emit('confirm-info', param)
+        this.IdCardInfo = {}
+      }
+    },
+    handleOk () {
+      this.$emit('confirmPhoto', this.previewImage)
+    },
+    handleCancel () {
+      this.show = false
+    }
+  },
+
+  mounted () {
+    this.onLoad().then(() => {
+      this.$emit('ready')
+    }).catch(error => {
+      this.$emit('error', error)
+    })
+  },
+
+  beforeDestroy () {
+    if (ws) {
+      ws.close()
+      ws = null
+    }
+  }
+}
+</script>

package/src/components/NumberInfo/NumberInfo.vue

@@ -1,54 +1,54 @@
-<template>
-  <div :class="[prefixCls]">
-    <slot name="subtitle">
-      <div :class="[`${prefixCls}-subtitle`]">{{ typeof subTitle === 'string' ? subTitle : subTitle() }}</div>
-    </slot>
-    <div class="number-info-value">
-      <span>{{ total }}</span>
-      <span class="sub-total">
-        {{ subTotal }}
-        <icon :type="`caret-${status}`" />
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import Icon from 'ant-design-vue/es/icon'
-
-export default {
-  name: 'NumberInfo',
-  props: {
-    prefixCls: {
-      type: String,
-      default: 'ant-pro-number-info'
-    },
-    total: {
-      type: Number,
-      required: true
-    },
-    subTotal: {
-      type: Number,
-      required: true
-    },
-    subTitle: {
-      type: [String, Function],
-      default: ''
-    },
-    status: {
-      type: String,
-      default: 'up'
-    }
-  },
-  components: {
-    Icon
-  },
-  data () {
-    return {}
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  //@import "index";
-</style>
+<template>
+  <div :class="[prefixCls]">
+    <slot name="subtitle">
+      <div :class="[`${prefixCls}-subtitle`]">{{ typeof subTitle === 'string' ? subTitle : subTitle() }}</div>
+    </slot>
+    <div class="number-info-value">
+      <span>{{ total }}</span>
+      <span class="sub-total">
+        {{ subTotal }}
+        <icon :type="`caret-${status}`" />
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import Icon from 'ant-design-vue/es/icon'
+
+export default {
+  name: 'NumberInfo',
+  props: {
+    prefixCls: {
+      type: String,
+      default: 'ant-pro-number-info'
+    },
+    total: {
+      type: Number,
+      required: true
+    },
+    subTotal: {
+      type: Number,
+      required: true
+    },
+    subTitle: {
+      type: [String, Function],
+      default: ''
+    },
+    status: {
+      type: String,
+      default: 'up'
+    }
+  },
+  components: {
+    Icon
+  },
+  data () {
+    return {}
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  //@import "index";
+</style>

package/src/components/NumberInfo/index.js

@@ -1,3 +1,3 @@
-import NumberInfo from './NumberInfo'
-
-export default NumberInfo
+import NumberInfo from './NumberInfo'
+
+export default NumberInfo