imatrix-ui 2.8.21-dw → 2.8.21

package/packages/department-user-tree-inline/src/search-result.vue

@@ -0,0 +1,197 @@
+<template>
+  <div style="height: 100%">
+    <el-table
+      ref="superGrid"
+      :data="gridData"
+      row-key="id"
+      :row-class-name="tableRowClassName"
+      :max-height="myHeight"
+      border
+      fit
+      @row-click="rowClick"
+      @row-dblclick="rowDblclick"
+    >
+      <el-table-column v-if="multiple === false" width="60" fixed>
+        <template slot-scope="scope">
+          <el-radio v-model="singleUserIndex" :label="scope.$index" @change="selectUser">
+            {{ scope.$index+1 }}
+          </el-radio>
+        </template>
+      </el-table-column>
+      <el-table-column v-if="multiple && isSearchResult" fixed :label="$t('imatrixUIPublicModel.edit')" align="center" width="60px">
+        <template slot-scope="scope">
+          <div>
+            <el-button type="primary" size="mini" icon="el-icon-plus" :disabled="isDisable(scope.row)" circle @click="addUser(scope.$index, scope.row)" />
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column v-if="multiple && !isSearchResult" fixed :label="$t('imatrixUIPublicModel.edit')" align="center" width="60px">
+        <template slot-scope="scope">
+          <div>
+            <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="removeUser(scope.$index, scope.row)" />
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column v-if="multiple" :label="$t('superGrid.index')" align="center" width="60px">
+        <template slot-scope="scope">
+          {{ scope.$index+1 }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('departmentUserTreeInline.name')"
+        :width="130"
+        prop="name"
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.enName && scope.row.enName.trim() !== ''" class="ellipsis cell--span" :title="scope.row.name+'('+scope.row.enName+')'">{{ scope.row.name+'('+scope.row.enName+')' }}</span>
+          <span v-else class="ellipsis cell--span" :title="scope.row.name">{{ scope.row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('departmentUserTreeInline.loginName')"
+        :width="110"
+        prop="loginName"
+      >
+        <template slot-scope="scope">
+          <span class="ellipsis cell--span" :title="scope.row.loginName">{{ scope.row.loginName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('departmentUserTreeInline.department')"
+        :min-width="160"
+        prop="mainDepartmentName"
+      >
+        <template slot-scope="scope">
+          <span class="ellipsis cell--span" :title="language && language !== 'cn' && scope.row.mainDepartmentEnName ? scope.row.mainDepartmentEnName : scope.row.mainDepartmentName">{{ language && language !== 'cn' && scope.row.mainDepartmentEnName ? scope.row.mainDepartmentEnName : scope.row.mainDepartmentName }}</span>
+        </template>
+      </el-table-column>
+      <!--由于保密要求，邮箱不能显示，需要脱敏处理，暂时注释掉，不显示-->
+      <!-- <el-table-column
+        :label="$t('departmentUserTreeInline.email')"
+        :width="130"
+        prop="email"
+      >
+        <template slot-scope="scope">
+          <span class="ellipsis cell--span" :title="scope.row.email">{{ scope.row.email }}</span>
+        </template>
+      </el-table-column> -->
+      <el-table-column
+        v-if="containBranch"
+        :label="$t('departmentUserTreeInline.branch')"
+        :width="130"
+        prop="subCompanyName"
+      >
+        <template slot-scope="scope">
+          <span class="ellipsis cell--span" :title="scope.row.subCompanyName">{{ scope.row.subCompanyName }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<style>
+.searchResult {
+  color:red
+}
+.inline-select-custom {
+  width : 100px
+}
+.inline-input-custom {
+  width : 98%
+}
+</style>
+<script>
+export default {
+  name: 'UserResult',
+  props: {
+    gridData: {
+      type: Array,
+      default: null
+    },
+    containBranch: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    // 多选树时是否是查询结果列表，用于控制“操作”列按钮的显示
+    isSearchResult: {
+      type: Boolean,
+      default: true
+    },
+    height: {
+      type: String,
+      default: '300px'
+    },
+    selectResult: {
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+
+  },
+  data() {
+    let tableHeight = this.height
+    tableHeight = tableHeight.substring(0, tableHeight.indexOf('px'))
+    const myHeight = (parseInt(tableHeight) + 30) + 'px'
+    return {
+      singleUserIndex: null, // 选中的用户序号
+      selectedUser: null,
+      myHeight,
+      language: !window.$locale ? 'cn' : window.$locale
+    }
+  },
+  created() {
+  },
+  methods: {
+    // 单选树时，点击行事件
+    // rowClick(row, column, event) {
+    //   this.selectedUser = row
+    //   // this.$emit('rowClick', row, column, event)
+    // },
+    // 移除用户
+    removeUser(index, row) {
+      this.$emit('removeUser', index, row)
+    },
+    // 添加用户
+    addUser(index, row) {
+      this.$emit('addUser', index, row)
+    },
+    selectUser(selectVal) {
+      // console.log('selectUser', selectVal)
+      this.$emit('selectResult', this.gridData[selectVal])
+    },
+    rowClick(row, column, event) {
+      this.singleUserIndex = row.row_index
+      this.$emit('selectResult', row)
+    },
+    tableRowClassName({ row, rowIndex }) {
+      row.row_index = rowIndex
+    },
+    rowDblclick(row, column, event) {
+      if (this.multiple) {
+        this.$emit('addUser', null, row)
+      } else {
+        this.$emit('resultRowDblclick', row)
+      }
+    },
+    isDisable(row) {
+      if (this.selectResult) {
+        const containUsers = this.selectResult.filter(this.filterDept(row))
+        if (containUsers && containUsers.length > 0) {
+          return true
+        }
+      }
+      return false
+    },
+    // 判断用户是否存在的过滤器
+    filterDept(queryDept) {
+      return (dept) => {
+        return (dept.id === queryDept.id)
+      }
+    }
+  }
+}
+</script>

package/packages/directives/prevent-reclick.js

@@ -0,0 +1,19 @@
+function enableButton(el) {
+  el.disabled = false
+  el.classList.remove('is-disabled')
+}
+export default {
+  // 插入dom 时做的事情
+  inserted: function(el, bind) {
+    el.addEventListener('click', () => {
+      el.disabled = true
+      el.classList.add('is-disabled')
+      bind.value().then(res => {
+        enableButton(el)
+      }).catch(error => {
+        enableButton(el)
+        console.log('Error', error.message)
+      })
+    })
+  }
+}

package/packages/dynamic-source-select/index.js

@@ -0,0 +1,6 @@
+import DynamicSourceSelect from './src/dynamic-source-select.vue'
+DynamicSourceSelect.install = function(Vue) {
+  Vue.component(DynamicSourceSelect.name, DynamicSourceSelect)
+}
+
+export default DynamicSourceSelect

package/packages/dynamic-source-select/src/dynamic-source-select-service.js

@@ -0,0 +1,70 @@
+import Vue from 'vue'
+const dynamicSourceSelectService = {
+  findDynamicDataSourceByCode(dynamicSourceCode, entity, searchParam, additionalParameterStr, backendUrl) {
+    let searchText
+    let watchAttrValue
+    let parentEntity
+    let listCode
+    let formCode
+    let tableName
+    if (searchParam) {
+      searchText = searchParam.searchText
+      if (searchText === undefined || searchText === null) {
+        searchText = ''
+      }
+      watchAttrValue = searchParam.watchAttrValue
+      if (watchAttrValue === undefined || watchAttrValue === null) {
+        watchAttrValue = ''
+      }
+      parentEntity = searchParam.parent
+      listCode = searchParam._listCode
+      formCode = searchParam._formCode
+      tableName = searchParam._tableName
+    }
+    const params = {
+      searchText,
+      watchAttrValue,
+      parent: parentEntity
+
+    }
+    if (additionalParameterStr && additionalParameterStr !== '') {
+      params.additionalParamMap = JSON.parse(additionalParameterStr)
+    }
+    if (params.additionalParamMap === undefined) {
+      params.additionalParamMap = {}
+    }
+    if (listCode) {
+      params.additionalParamMap._listCode = listCode
+    }
+    if (formCode) {
+      params.additionalParamMap._formCode = formCode
+    }
+    if (tableName) {
+      params.additionalParamMap._tableName = tableName
+    }
+    if (entity && entity !== null) {
+      params.entity = entity
+    }
+    if (!backendUrl) {
+      backendUrl = Vue.prototype.baseURL
+    }
+
+    return new Promise((resolve, reject) => {
+      this.$http.post(backendUrl + '/common/dynamic-data-source/' + dynamicSourceCode, params).then(result => {
+        if (result.backendUrl) {
+          // result.backendUrl表示需要使用动态数据源所属的系统路径重新获得一次数据
+          this.$http.post(result.backendUrl + '/common/dynamic-data-source/' + dynamicSourceCode, params).then(finallyResult => {
+            resolve(finallyResult)
+          }).catch(error => {
+            reject(error)
+          })
+        } else {
+          resolve(result)
+        }
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+export default dynamicSourceSelectService