hd-idevvue3 3.0.3 → 3.0.4

package/src/hdcom/ExtendColumn.vue

@@ -1,108 +1,115 @@
 <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
+    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
+    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
+    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
+    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
+    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";
+import ExtendCommon from './ExtendCommon'
 
-  export default {
-    name: "ExtendColumn",
+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 => {
+  /**
+   * 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];
+              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 => {
+      } 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

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

package/src/hdcom/ExtendForm.vue

@@ -2,113 +2,140 @@
   <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-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">
+    <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>
+          <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>
+          <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>
+          <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>
+          <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>-->
+                      <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>
+          <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>-->
+            <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";
+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 => {
+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
-            )
+          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 || {}
       },
-      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
+      set: function (val) {
+        //v-model input
+        if (val) {
+          this.getHdForm().hdform = val
         }
-        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>

package/src/hdcom/FacePicUpload.vue

@@ -1,7 +1,12 @@
 <template>
-  <el-dialog title="文件上传" :visible.sync="visible" append-to-body width="450px">
+  <el-dialog
+    title="文件上传"
+    :visible.sync="visible"
+    append-to-body
+    width="450px"
+  >
     <el-upload
-      style="min-height:300px;width:400px"
+      style="min-height: 300px; width: 400px"
       ref="upload"
       :action="upUrl"
       :on-preview="handlePreview"
@@ -10,9 +15,18 @@
       :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>
+      :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>
@@ -20,52 +34,47 @@
 </template>
 
 <script>
-  /**
-   * 文件上传 包括上传和下载后台idev8入口为comfileupload
-   * @module HdFileUpload
-   */
+/**
+ * 文件上传 包括上传和下载后台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
-      }
+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
     },
-    mounted() {
+    submitUpload() {
+      this.$refs.upload.submit()
     },
-    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
-      }
-    }
-  }
+    onUpSuccess(response, file, fileList) {
+      file.uploadId = response.message
+    },
+    beforeRemove(file, fileList) {},
+    handleRemove(file, fileList) {},
+    handlePreview(file) {
+      return false
+    },
+  },
+}
 </script>