hd-idevvue3 3.0.5 → 3.0.8

package/src/hdcom/ExtendForm.vue

@@ -1,141 +0,0 @@
-<template>
-  <el-row>
-    <el-divider content-position="left">自定义扩展字段</el-divider>
-    <!--      <el-col :span="12" :xs="16">
-                <el-form-item :rules="$r(1,2,20)" label="姓名" prop="name">
-                  <el-input type="text" v-model="hdform.name"></el-input>
-                </el-form-item>
-              </el-col>-->
-
-    <el-col
-      v-for="exField in exFieldRows"
-      :key="exField.exFieldId"
-      :span="exField.formSpan"
-      :xs="24"
-    >
-      <el-form-item
-        :rules="genRules(exField)"
-        :label="exField.columnComment"
-        :prop="exField.fieldName"
-      >
-        <template v-if="exField.columnType == 'VARCHAR'">
-          <el-input
-            type="text"
-            v-model="hdform[exField.fieldName]"
-            @change="(v) => changeValue(v, exField.fieldName)"
-          ></el-input>
-        </template>
-        <template v-else-if="exField.columnType == 'DROP'">
-          <hd-drop
-            :field="exField.formatter"
-            v-model="hdform[exField.fieldName]"
-          ></hd-drop>
-        </template>
-        <template v-else-if="exField.columnType == 'DATE'">
-          <el-date-picker
-            v-bind="genFormatter(exField.formatter)"
-            v-model="hdform[exField.fieldName]"
-          ></el-date-picker>
-        </template>
-        <template v-else-if="exField.columnType == 'NUMBER'">
-          <hd-num v-model="hdform[exField.fieldName]"></hd-num>
-        </template>
-        <template v-else-if="exField.columnType == 'BOOLEAN'">
-          <el-switch
-            active-value="1"
-            inactive-value="0"
-            v-model="hdform[exField.fieldName]"
-          ></el-switch>
-        </template>
-        <!--        <template v-else-if="exField.columnType == 'CUSTOME'">
-                      <component  :is="require('@/views/comgctos/'+item.input).default"   :txtVal.sync="scope.row.fieldNames[item.prop]"    :idVal.sync="scope.row.fields[item.prop]"    v-if="scope.row.isEdit&&item.type=='3'"></component>
-                    </template>-->
-        <template v-else>
-          <el-input
-            type="text"
-            v-model="hdform[exField.fieldName]"
-            @change="(v) => changeValue(v, exField.fieldName)"
-          ></el-input>
-        </template>
-      </el-form-item>
-    </el-col>
-  </el-row>
-  <!--    <el-col :span="12" :xs="16">
-            <el-form-item :rules="$r(1,2,20)" label="姓名" prop="name">
-              <el-input type="text" v-model="hdform.name"></el-input>
-            </el-form-item>
-          </el-col>-->
-</template>
-
-<script>
-import ExtendCommon from './ExtendCommon'
-
-export default {
-  name: 'ExtendForm',
-  components: {},
-  /**
-   * Props
-   * @prop {String} tableName 表名
-   */
-  mixins: [ExtendCommon],
-  props: {
-    gridCode: String,
-    hdformThis: Function,
-  },
-  data() {
-    return {
-      exFieldRows: [],
-    }
-  },
-  mounted() {
-    this.initExFieldRows()
-  },
-  methods: {
-    initExFieldRows() {
-      let hdFielddQuery = new HdQuery(this)
-      hdFielddQuery.query.gridCode = this.gridCode
-      hdFielddQuery.sort = 'sortNo'
-      hdFielddQuery.order = 'asc'
-      this.$http
-        .post(`/webresources/login/tech/ComExField/detail/find`, hdFielddQuery)
-        .then((response) => {
-          this.exFieldRows = response.data.rows
-          this.exFieldRows.forEach((row) => {
-            row.fieldName = row.columnName
-              .toLowerCase()
-              .replace(/\_+[a-zA-Z]/g, (str, index) =>
-                index ? str.substr(-1).toUpperCase() : str
-              )
-          })
-        })
-    },
-    changeValue(value, field) {
-      this.$set(this.getHdForm().hdform, field, value)
-    },
-    getHdForm() {
-      let par = this.$parent
-      while (par) {
-        if (par.hasOwnProperty('hdform')) {
-          return par
-        }
-        par = par.$parent
-      }
-      return null
-    },
-  },
-  computed: {
-    hdform: {
-      // 动态计算selVal的值
-      get: function () {
-        return this.getHdForm().hdform || {}
-      },
-      set: function (val) {
-        //v-model input
-        if (val) {
-          this.getHdForm().hdform = val
-        }
-      },
-    },
-  },
-}
-</script>

package/src/hdcom/FacePicUpload.vue

@@ -1,80 +0,0 @@
-<template>
-  <el-dialog
-    title="文件上传"
-    :visible.sync="visible"
-    append-to-body
-    width="450px"
-  >
-    <el-upload
-      style="min-height: 300px; width: 400px"
-      ref="upload"
-      :action="upUrl"
-      :on-preview="handlePreview"
-      :on-remove="handleRemove"
-      :on-success="onUpSuccess"
-      :before-remove="beforeRemove"
-      :file-list="fileList"
-      multiple
-      :auto-upload="false"
-    >
-      <el-button slot="trigger" type="primary" v-if="canEdit">{{
-        $t('选取文件')
-      }}</el-button>
-      <el-button
-        style="margin-left: 10px"
-        type="success"
-        @click="submitUpload"
-        v-if="canEdit"
-        >{{ $t('上传到服务器') }}</el-button
-      >
-
-      <div slot="tip" class="el-upload__tip"></div>
-    </el-upload>
-  </el-dialog>
-</template>
-
-<script>
-/**
- * 文件上传 包括上传和下载后台idev8入口为comfileupload
- * @module HdFileUpload
- */
-
-export default {
-  components: {},
-  name: 'FacePicUpload',
-  data() {
-    return {
-      upUrl: '/webresources/login/com/ComFaceRec/upload',
-      visible: false,
-      fileDownVisible: false,
-      fileList: [],
-      entityId: '',
-      entityName: '',
-      canEdit: true,
-    }
-  },
-  mounted() {},
-  methods: {
-    /**
-     * @method open
-     * @param entityName 区分名
-     * @param entityId 区分id
-     * @param canEdit 是否可编辑
-     */
-    show() {
-      this.visible = true
-    },
-    submitUpload() {
-      this.$refs.upload.submit()
-    },
-    onUpSuccess(response, file, fileList) {
-      file.uploadId = response.message
-    },
-    beforeRemove(file, fileList) {},
-    handleRemove(file, fileList) {},
-    handlePreview(file) {
-      return false
-    },
-  },
-}
-</script>

package/src/hdcom/FaceRecTest.vue

@@ -1,114 +0,0 @@
-<template>
-  <el-dialog
-    title="识别测试"
-    :visible.sync="visible"
-    append-to-body
-    width="90%"
-    top="5vh"
-  >
-    <el-container style="height: 500px">
-      <el-aside width="50%">
-        <video ref="video" width="400" height="400" autoplay></video>
-      </el-aside>
-      <el-main>
-        <canvas ref="canvas" width="400" height="300"></canvas>
-        <div>{{ $t('识别结果') + '(' + $t('耗时') + timeSpend + ')' }}</div>
-        <table v-for="tab in recRs" style="border: 1px solid #0094ff">
-          <td>{{ $t('name') }}</td>
-          <td>{{ $t('工号') }}</td>
-          <td>{{ $t('差值') }}</td>
-          <tr v-for="intab in tab">
-            <td>{{ intab.name }}</td>
-            <td>{{ intab.workNo }}</td>
-            <td>{{ intab.compareRs }}</td>
-          </tr>
-        </table>
-      </el-main>
-    </el-container>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  components: {},
-  data() {
-    return {
-      video: null,
-      visible: false,
-      timeHandle: null,
-      recRs: [],
-      timeSpend: 0,
-    }
-  },
-
-  mounted() {},
-  methods: {
-    show() {
-      this.visible = true
-    },
-    init() {
-      navigator.webkitGetUserMedia(
-        {
-          video: true,
-        },
-        this.success,
-        this.error
-      )
-      this.$nextTick(() => {
-        this.video = this.$refs.video
-        this.capAndReg()
-      })
-    },
-    success(stream) {
-      this.video.src = window.URL.createObjectURL(stream)
-      this.video.play()
-    },
-    error(err) {
-      alert('video error: ' + err)
-    },
-    capAndReg() {
-      let nowStart = new Date().getTime()
-      console.info('shot...')
-      this.$refs.canvas.getContext('2d').drawImage(this.video, 0, 0, 400, 300)
-      let pic = this.$refs.canvas.toDataURL('image/jpg')
-      //对其进行base64编 之后的字符串
-      pic = pic.replace(/^data:image\/(png|jpg);base64,/, '')
-      this.$http
-        .post('/webresources/login/com/ComFaceRec/faceRec', { imageData: pic })
-        .then((response) => {
-          if (!response.data || !response.data.data) {
-            this.recRs = []
-            this.capAndReg()
-            return false
-          }
-          console.info(response.data.data)
-          this.recRs = response.data.data
-          //          for (let i = 0; i < data.length; i++) {
-          //            let onePerReg = []
-          //            for (let j = 0; j < data[i].length; j++) {
-          //              let onePer = data[i][j]
-          //              let one = {name: onePer.name, score: onePer.compareRs, workNo: onePer.workNo}
-          //              onePerReg.push(one)
-          //            }
-          //            this.recRs.push(onePerReg)
-          //          }
-          if (this.visible) this.capAndReg()
-          this.timeSpend =
-            (new Date().getTime() - nowStart) / 1000 + this.$t('秒')
-        })
-        .catch(() => {
-          this.recRs = []
-          if (this.visible) this.capAndReg()
-        })
-    },
-  },
-  watch: {
-    visible(nowVal) {
-      if (nowVal) {
-        this.init()
-      } else {
-      }
-    },
-  },
-}
-</script>

package/src/hdcom/GridChart.vue

@@ -1,207 +0,0 @@
-<template>
-  <el-dialog
-    title="统计展示"
-    :visible.sync="visible"
-    width="80%"
-    append-to-body
-    top="2vh"
-  >
-    {{ $t('展示标签列') }}
-    <hd-drop
-      style="width: 200px"
-      ref="labelDrop"
-      v-model="hdQuery.query._chartLabel"
-    ></hd-drop>
-    <span
-      >{{ $t('对应的值列') }}
-      <hd-drop
-        style="width: 200px"
-        ref="valDrop"
-        v-model="hdQuery.query._chartValue"
-      ></hd-drop>
-    </span>
-    <el-button @click="doQuery">{{ $t('统计') }}</el-button>
-    <el-row>
-      <el-col :span="12">
-        <div ref="mychart" style="height: 60vh"></div>
-      </el-col>
-      <el-col :span="12">
-        <div ref="mychart2" style="height: 60vh"></div>
-      </el-col>
-      <el-col :span="12">
-        <div ref="mychart3" style="height: 60vh"></div>
-      </el-col>
-      <el-col :span="12">
-        <div ref="mychart4" style="height: 60vh"></div>
-      </el-col>
-    </el-row>
-  </el-dialog>
-</template>
-
-<script>
-import HdDrop from './HdDrop.vue'
-
-export default {
-  components: {
-    HdDrop,
-  },
-  name: 'GridChart',
-  props: ['allColumn', 'url', 'hdQuery'],
-  data() {
-    return {
-      visible: false,
-    }
-  },
-  mounted() {},
-  methods: {
-    show() {
-      this.visible = true
-      this.genDrop()
-    },
-    genDrop() {
-      let labelDrop = []
-      let numDrop = [{ name: this.$t('只统计数量'), code: '_chartNumOnly' }]
-      for (let i = 0; i < this.allColumn.length; i++) {
-        let oneCol = this.allColumn[i]
-        let one = { name: oneCol.$attrs.label, code: oneCol.$attrs.prop }
-        labelDrop.push(one)
-        if (oneCol.$attrs.chartNum != undefined) {
-          numDrop.push(one)
-        }
-      }
-      this.$nextTick(function () {
-        //hddrop 为了查询和展示不同,增加了backUpArr
-        this.$refs.labelDrop.options = labelDrop
-        this.$refs.labelDrop.backUpArr = labelDrop
-        this.$refs.valDrop.options = numDrop
-        this.$refs.valDrop.backUpArr = numDrop
-      })
-    },
-    doQuery() {
-      if (!this.hdQuery.query._chartLabel || !this.hdQuery.query._chartValue) {
-        this.$message({
-          type: 'error',
-          showClose: true,
-          duration: 1500,
-          message: '请选择统计的标签和值',
-        })
-        return false
-      }
-      const copyQuery = new HdQuery(this)
-      Object.assign(copyQuery, this.hdQuery)
-      copyQuery.rows = null //去掉分页
-      copyQuery.sort = null //去掉排序
-      this.$http.post(this.url, copyQuery).then((response) => {
-        let allLabel = []
-        let allVal = []
-        let hdResult = response.data
-        for (let i = 0; i < hdResult.length; i++) {
-          allLabel.push(hdResult[i].name)
-          allVal.push(hdResult[i].value)
-        }
-        this.initChart(allLabel, allVal)
-        this.initPip(allLabel, hdResult)
-        this.initBar(allLabel, allVal)
-        this.initCircle(allLabel, hdResult)
-      })
-    },
-    initChart(allLabel, allVal) {
-      let chart = echarts.init(this.$refs.mychart)
-      let option = {
-        xAxis: {
-          type: 'category',
-          data: allLabel,
-        },
-        yAxis: {
-          type: 'value',
-        },
-        series: [
-          {
-            data: allVal,
-            type: 'line',
-          },
-        ],
-      }
-      chart.setOption(option)
-    },
-    initPip(allLabel, hdResult) {
-      let pip = echarts.init(this.$refs.mychart2)
-      let option = {
-        legend: {
-          bottom: 0,
-          data: allLabel,
-        },
-        series: [
-          {
-            type: 'pie',
-            selectedMode: 'single',
-            data: hdResult,
-          },
-        ],
-      }
-      pip.setOption(option)
-    },
-    initBar(allLabel, allVal) {
-      let chart = echarts.init(this.$refs.mychart3)
-      let option = {
-        xAxis: {
-          type: 'category',
-          data: allLabel,
-        },
-        yAxis: {
-          type: 'value',
-        },
-        series: [
-          {
-            data: allVal,
-            type: 'bar',
-          },
-        ],
-      }
-      chart.setOption(option)
-    },
-    initCircle(allLabel, allVal) {
-      let chart = echarts.init(this.$refs.mychart4)
-      let option = {
-        tooltip: {
-          trigger: 'item',
-          formatter: '{a} <br/>{b}: {c} ({d}%)',
-        },
-        legend: {
-          orient: 'vertical',
-          x: 'left',
-          data: allLabel,
-        },
-        series: [
-          {
-            type: 'pie',
-            radius: ['50%', '70%'],
-            avoidLabelOverlap: false,
-            label: {
-              normal: {
-                show: false,
-                position: 'center',
-              },
-              emphasis: {
-                show: true,
-                textStyle: {
-                  fontSize: '30',
-                  fontWeight: 'bold',
-                },
-              },
-            },
-            labelLine: {
-              normal: {
-                show: false,
-              },
-            },
-            data: allVal,
-          },
-        ],
-      }
-
-      chart.setOption(option)
-    },
-  },
-}
-</script>