hd-idevvue3 3.0.0 → 3.0.2

package/src/hdcom/BillUpload.vue

@@ -0,0 +1,253 @@
+<template>
+  <el-dialog title="单证上传" :visible.sync="visible" width='50%' append-to-body top="2vh">
+    <el-container class="bill_upload_container">
+      <el-aside width="30%">
+        <template v-for="row in rows">
+          <el-image :src="row.src" @click="doImageItemClick(row)"
+                    :class="{image_list: row.fileId == hdform.fileId}" lazy></el-image>
+          <div class="image_list_title">{{row.titleTxt}}</div>
+        </template>
+        <div class="image_list_button">
+          <el-col :span="12">
+            <el-button class="filter-item" @click="doGoUp" type="">上移
+            </el-button>
+          </el-col>
+          <el-col :span="12">
+            <el-button class="filter-item" @click="doGoDown" type="">下移
+            </el-button>
+          </el-col>
+        </div>
+      </el-aside>
+      <el-main>
+        <el-row>
+          <el-image :src="hdform.src||''" :preview-src-list="[hdform.src||'']" class="image_detail" lazy>
+            <div slot="error" class="image-slot">
+              <i class="el-icon-picture-outline"></i>
+            </div>
+          </el-image>
+        </el-row>
+        <el-row>
+          <el-upload action="/webresources/login/com/SysFile/upload" :before-upload="beforeUpload"
+                     :on-remove="handleRemove" :before-remove="beforeRemove" :limit="1" :on-exceed="handleExceed"
+                     :on-success="handleSuccess" :file-list="fileList" :show-file-list="false" accept="image/*"
+                     class="fileUpload">
+            <el-button class="filter-item" @click="" type="primary">上传
+            </el-button>
+          </el-upload>
+          <el-button class="filter-item" @click="" type="primary">拍照
+          </el-button>
+          <el-button class="filter-item" @click="doRemove" type="danger">删除
+          </el-button>
+        </el-row>
+
+        <!--        <div class="button">-->
+        <!--         -->
+        <!--        </div>-->
+
+        <el-form label-width="5px" :model.sync="hdform" ref="hdform">
+          <el-row>
+            <el-col :span="12" :xs="16">
+              <el-form-item prop="billTyp" :rules="hdform.src ? $r(1) : $r(0)">
+                <hd-drop field="BILL_TYP" v-model="hdform.billTyp" :placeholder="$t('请选择单据类型')"></hd-drop>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" :xs="16">
+              <el-form-item prop="titleTxt" :rules="hdform.src ? $r(1,0,36) : $r(0,0,36)">
+                <el-input type="text" v-model="hdform.titleTxt" :placeholder="$t('请输入照片名称')"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-form-item prop="markTxt" :rules="$r(0,0,100)">
+              <el-input type="textarea" :rows="3" v-model="hdform.markTxt" placeholder="备注内容"></el-input>
+            </el-form-item>
+          </el-row>
+        </el-form>
+
+      </el-main>
+    </el-container>
+    <div slot="footer" class="dialog-footer" align="right" style="margin-top:10px;">
+
+      <!--      :action="`/webresources/login/com/SysFileRecord/upload?billTyp=${billTyp}&billId=${hdform.billId}&orderFlag=${hdform.orderFlag}&billId=${hdform.titleTxt}&billId=${titleTxt}`"
+               -->
+      <el-button class="filter-item" type="primary" @click="doSave">保存</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "BillUpload",
+  props: {},
+  data() {
+    return {
+      visible: false,
+      billTyp: null,
+      billId: null,
+      billTypStr: null,
+      hdform: { src: null },
+      rows: [],
+      fileList: [],
+    }
+  }
+  ,
+  methods: {
+    show(billTyp, billId) {
+      this.visible = true;
+      this.billTyp = billTyp;
+
+      this.billId = billId;
+
+      let hdQuery = new HdQuery();
+      hdQuery.rows = 1000;
+      // hdQuery.query.billTyp = billTyp;
+      hdQuery.query.billId = billId;
+      hdQuery.sort = "orderFlag"
+      hdQuery.order = "asc"
+      this.visible = true
+      this.$http.post('/webresources/login/com/SysFileRecord/detail/find', hdQuery).then(response => {
+        const data = response.data
+        this.rows = response.data.rows
+        // this.$set(this.hdform, "src", 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg')
+        this.hdform = this.rows[0] || { src: null }
+      })
+    }
+    ,
+    doImageItemClick(row) {
+      this.$refs['hdform'].validate((valid) => {
+        if (!valid) {
+          return false;
+        }
+        this.hdform = row;
+      })
+    }
+    ,
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    }
+    ,
+    beforeUpload(file) {
+      if (this.rows.length < 1) {
+        return true;
+      }
+      let flag = true;
+      this.$refs['hdform'].validate((valid) => {
+        if (!valid) {
+          flag = false;
+          return false;
+        }
+      })
+      return flag
+    }
+    ,
+    handleExceed(files, fileList) {
+      console.warn(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+    }
+    ,
+    handleSuccess(response) {
+      this.hdform = {
+        billTyp: this.hdform.billTyp || this.billTyp,
+        billId: this.billId,
+        titleTxt: response.data.fileName || this.hdform.titleTxt,
+        fileId: response.data.sefileId,
+        src: `data:image/${response.data.fileType};base64,${response.data.fileData}`,
+        cancelFlag: '0'
+      }
+      this.rows.push(this.hdform);
+      this.fileList = [];
+    }
+    ,
+    beforeRemove(file, fileList) {
+      // return this.$confirm(`确定移除 ${file.name}？`);
+    }
+    ,
+    doSave() {
+      this.$refs['hdform'].validate((valid) => {
+        if (!valid) {
+          return false;
+        }
+        this.rows.forEach((v, i) => {
+          v.orderFlag = i;
+        })
+
+        this.$http.post(`/webresources/login/com/SysFileRecord/saveAll?billId=${encodeURIComponent(this.billId)}`, this.rows).then(response => {
+          this.rows = response.data.data
+          this.$emit('save-ok', this.rows)
+          this.visible = false
+        })
+      })
+
+    },
+    doRemove() {
+      // this.rows = this.rows.filter(v => v.fileId != this.hdform.fileId)
+      this.rows.remove(this.hdform);
+      this.hdform = this.rows[0] || { src: null }
+    },
+    doGoUp() {
+      const index = this.rows.findIndex(v => v.fileId == this.hdform.fileId);
+      console.log(index)
+      if (index > 0) {
+        this.swapArray(this.rows, index, index - 1);
+      } else {
+        this.$message({
+          type: 'info',
+          message: this.$t('已经处于置顶，无法上移')
+        })
+      }
+    },
+    doGoDown() {
+      const index = this.rows.findIndex(v => v.fileId == this.hdform.fileId);
+      console.log(index)
+      if (index < this.rows.length - 1) {
+        this.swapArray(this.rows, index + 1, index);
+      } else {
+        this.$message({
+          type: 'info',
+          message: this.$t('已经处于置底，无法下移')
+        })
+      }
+    },
+    swapArray(arr, index1, index2) {
+      arr[index1] = arr.splice(index2, 1, arr[index1])[0];
+      console.log(arr)
+      return arr;
+    }
+  }
+}
+</script>
+
+<style scoped>
+.button {
+  margin-left: 5px;
+}
+
+.image_detail {
+  width: 100%;
+  height: 310px;
+}
+
+.image_list {
+  border: 2px solid;
+}
+
+.fileUpload {
+  float: left;
+}
+
+.image_list_title {
+  text-align: center;
+}
+
+.image_list_button {
+  float: inline-end;
+  position: sticky;
+  bottom: 0px;
+  background: white;
+  width: 100%;
+}
+
+.bill_upload_container {
+  height: 80vh;
+  border: 1px solid #eee;
+}
+</style>

package/src/hdcom/BtnRight.vue

@@ -0,0 +1,98 @@
+<script>
+// 按钮权限专用
+
+export default {
+  name: 'BtnRight',
+  data() {
+    return {
+      btnRight: true
+    }
+  },
+  created() {
+  },
+  methods: {
+    getName() {
+
+    },
+    getClass() {
+
+    },
+    getType(){
+
+    },
+    checkRight() {
+      if (!this.$store) { // 确认提示的没有store
+        return true
+      }
+      const allBtnRight = this.$store.state.user.hidBtns
+      const permissions = this.findNameCombine()
+      if (!permissions) { // 不需要控制权限的
+        return true
+      }
+      const menuId = this.$route.name // 这里就是menuId
+      if (allBtnRight && allBtnRight.length > 0) {
+        for (let i = 0; i < allBtnRight.length; i++) {
+          const one = allBtnRight[i]
+          if (one.menuId == menuId && permissions == one.permissions) {
+            this.btnRight = false
+          }
+        }
+      }
+    },
+    addBtnMetaToParent() {
+      if (!this.$route.meta.btnRole) {
+        return false
+      }
+      const permissions = this.findNameCombine()
+      if (!permissions) {
+        return false
+      }
+      const btn = { name: this.getName(), permissions: permissions , buttonStyle: this.getClass(), buttonType: this.getType() }
+      if (!this.checkIsSame(btn)) {
+        this.$route.meta.btnRole.push(btn)
+      }
+    },
+    checkIsSame(btn) {
+      const allLs = this.$route.meta.btnRole
+      for (let i = 0; i < allLs.length; i++) {
+        const one = allLs[i]
+        if (one.permissions == btn.permissions) {
+          return true
+        }
+      }
+      return false
+    },
+    findNameCombine() {
+      if (this.vid) { // 指定id的直接用id
+        return this.vid
+      }
+      const result = ''
+      const par = this.$vnode.context// 非常有用
+      let parentName = par.$options.name // 使用name
+      if (parentName == 'HdFormDialog') {
+        parentName = this.findNameFromFile(par.$vnode.context.$options.name)
+      }
+      if (!parentName) { // 非页面按钮,没有_file不需要管理
+        parentName = 'noname'
+      }
+      return parentName + '_' + this.getName()
+    },
+    findNameFromFile(fileName) { // 根据文件名获取 组件名
+      if (!fileName) {
+        return false
+      }
+      const arr = fileName.split('\\')
+      const one = arr[arr.length - 1].split('.')
+      return one[0]
+    },
+    findRoleSetParent() { // roleset界面时,需要设置按钮,注册
+      let parent = this.$parent.$parent
+      while (parent && !parent.$options.name == 'btnRole') {
+        parent = parent.$parent
+      }
+      return parent
+    }
+  }
+}
+
+</script>

package/src/hdcom/ErrHint.vue

@@ -0,0 +1,30 @@
+<template>
+  <ElTooltip effect="light" :content="errMsg" placement="bottom" v-if="errMsg" :open-delay="1"
+             transition="" ref="errhint">
+    <i class="el-icon-warning"
+       style="color: #ff5c5c;
+      right: 10px;
+      top: 8px;
+      position: absolute;
+      z-index: 999;" tabindex="-1"></i>
+  </ElTooltip>
+</template>
+<script>
+  export default {
+    name: 'ErrHint',
+    props: [
+      'errMsg',
+      'value' // 修改为内容变更即触发
+    ],
+    mounted() {
+    },
+    watch: {
+
+      value: function (newVal, oldVal) {
+        this.$emit('checkErr', newVal)
+      }
+
+    }
+  }
+</script>
+

package/src/hdcom/ExtendColumn.vue

@@ -0,0 +1,108 @@
+<template>
+  <el-table-column v-if="exFieldRow.columnType == 'BOOLEAN'"
+                   :key="exFieldRow.exFieldId"
+                   align="center"
+                   :input-format="$ckFt"
+                   input="el-switch"
+                   :inputProp='{activeValue:"1", inactiveValue:"0"}'
+                   :label="exFieldRow.columnComment"
+                   :rules="genRules(exFieldRow)"
+                   :prop="exFieldRow.fieldName"
+                   sortable
+                   :width="exFieldRow.gridWidth == null ? 'auto' : exFieldRow.gridWidth">
+  </el-table-column>
+  <el-table-column v-else-if="exFieldRow.columnType == 'DROP'"
+                   :key="exFieldRow.exFieldId"
+                   align="center"
+                   :input-format="v=>genCode(v,exFieldRow.formatter)"
+                   input="HdDrop"
+                   :inputProp="{field:exFieldRow.formatter}"
+                   :label="exFieldRow.columnComment"
+                   :rules="genRules(exFieldRow)"
+                   :prop="exFieldRow.fieldName"
+                   sortable
+                   :width="exFieldRow.gridWidth == null ? 'auto' : exFieldRow.gridWidth">
+  </el-table-column>
+  <el-table-column v-else-if="exFieldRow.columnType == 'DATE'"
+                   :key="exFieldRow.exFieldId"
+                   :inputProp="genFormatter(exFieldRow.formatter)"
+                   align="center"
+                   input="el-date-picker"
+                   :label="exFieldRow.columnComment"
+                   :rules="genRules(exFieldRow)"
+                   :prop="exFieldRow.fieldName"
+                   sortable
+                   :width="exFieldRow.gridWidth == null ? 'auto' : exFieldRow.gridWidth">
+  </el-table-column>
+  <el-table-column v-else-if="exFieldRow.columnType == 'NUMBER'"
+                   :key="exFieldRow.exFieldId"
+                   align="center"
+                   input="HdNum"
+                   :label="exFieldRow.columnComment"
+                   :rules="genRules(exFieldRow)"
+                   :prop="exFieldRow.fieldName"
+                   sortable
+                   :width="exFieldRow.gridWidth == null ? 'auto' : exFieldRow.gridWidth">
+  </el-table-column>
+  <el-table-column v-else
+                   :key="exFieldRow.exFieldId"
+                   align="center"
+                   :label="exFieldRow.columnComment"
+                   :rules="genRules(exFieldRow)"
+                   :prop="exFieldRow.fieldName"
+                   sortable
+                   :width="exFieldRow.gridWidth == null ? 'auto' : exFieldRow.gridWidth"
+  >
+  </el-table-column>
+</template>
+<script>
+  import ExtendCommon from "./ExtendCommon";
+
+  export default {
+    name: "ExtendColumn",
+
+    /**
+     * Props
+     * @prop {String} tableName 表名
+     */
+    mixins: [ExtendCommon],
+    props: {
+      exFieldRow: Object,
+    },
+    data() {
+      return {
+        codeList: Object
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      genCode(value, code) {
+        if (!this.codeList[code]) {
+          this.codeList[code] = {};
+          this.$http.get(`/webresources/login/privilege/SysCode/findAll?fieldCod=${code}`).then(response => {
+            response.data.forEach(item => {
+              this.codeList[code][item.code] = item.name
+              return this.codeList[code][value];
+            })
+          })
+        } else {
+          return this.codeList[code][value];
+        }
+      },
+      getSysCode(code) {
+        this.$http.get(`/webresources/login/privilege/SysCode/findAll?fieldCod=${code}`).then(response => {
+          response.data.forEach(item => {
+            this.codeList[code][item.fieldCod] = item.fieldNam
+          })
+        })
+      },
+
+
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/hdcom/ExtendCommon.js

@@ -0,0 +1,29 @@
+export default {
+  methods: {
+    genFormatter(formatter) {
+      //console.log("this." + formatter)
+      const rtn = eval("this." + formatter);
+      return rtn;
+    },
+    genRules(field) {
+      if (field.rules) {
+        return eval("this." + field.rules);
+      }
+      const require = field.columnRequire ? field.columnRequire : '0';
+      let rules = '';
+
+      if (field.columnType == 'DROP' || field.columnType == 'DATE' || field.columnType == 'BOOLEAN') {
+        rules = "this.$r(" + require + ")";
+      } else if (field.columnType == 'NUMBER') {
+        rules = "this.$r(" + require + ", 0, " + this.repeat("9", field.columnLen) + ",'number'," + field.formatter + ")";
+      } else {
+        rules = "this.$r(" + require + ", 0, " + field.columnLen + ")";
+      }
+      //   console.log(rules);
+      return eval(rules);
+    },
+    repeat(str, n) {
+      return new Array(n + 1).join(str);
+    }
+  }
+}

package/src/hdcom/ExtendForm.vue

@@ -0,0 +1,114 @@
+<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>
+
+<style scoped>
+
+</style>