agilebuilder-ui 1.1.65-tmp8 → 1.1.65-tmp9

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

@@ -1,274 +0,0 @@
-<template>
-  <div style="height: 100%">
-    <el-table
-      ref="superGrid"
-      :data="gridData"
-      :max-height="myHeight"
-      :row-class-name="tableRowClassName"
-      border
-      fit
-      row-key="id"
-      stripe
-      @row-click="rowClick"
-      @row-dblclick="rowDblclick"
-    >
-      <template v-slot:empty>
-        <div class="empty_center_area" style="height: 395px">
-          <div class="empty_notAvailable" style="width: 120px; height: 120px">
-            <span class="empty_notAvailable_text">{{ $t('imatrixUIPromptMessage.NoContent') }}</span>
-          </div>
-        </div>
-      </template>
-      <el-table-column v-if="multiple === false" fixed width="60">
-        <template v-slot="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"
-        :label="$t('imatrixUIPublicModel.edit')"
-        align="center"
-        fixed
-        width="60px"
-      >
-        <template v-slot="scope">
-          <div>
-            <el-button
-              :disabled="isDisable(scope.row)"
-              :icon="ElIconPlus"
-              circle
-              size="default"
-              type="primary"
-              @click="addUser(scope.$index, scope.row)"
-            />
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="multiple && !isSearchResult"
-        :label="$t('imatrixUIPublicModel.edit')"
-        align="center"
-        fixed="right"
-        width="60px"
-      >
-        <template v-slot="scope">
-          <div>
-            <el-button
-              :icon="ElIconDelete"
-              circle
-              size="default"
-              type="danger"
-              @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 v-slot="scope">
-					{{ scope.$index + 1 }}
-				</template>
-			</el-table-column> -->
-      <el-table-column :label="$t('departmentUserTreeInline.name')" prop="name">
-        <template v-slot="scope">
-          <div v-if="scope.row.enName && scope.row.enName.trim() !== ''">
-            <div :title="scope.row.name + '(' + scope.row.enName + ')' + '[' + scope.row.loginName + ']'">
-              <span>{{ scope.row.name + '(' + scope.row.enName + ')' }}[{{ scope.row.loginName }}]</span>
-            </div>
-            <div style="color: #ccc" :title="getDeptName(scope.row)">
-              {{ getDeptName(scope.row) }}
-            </div>
-          </div>
-          <div v-else>
-            <div :title="scope.row.name + '[' + scope.row.loginName + ']'">
-              <span>{{ scope.row.name }}[{{ scope.row.loginName }}]</span>
-            </div>
-            <div style="color: #ccc" :title="getDeptName(scope.row)">
-              {{ getDeptName(scope.row) }}
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-      <!-- <el-table-column
-					:label="$t('departmentUserTreeInline.loginName')"
-					:width="110"
-					prop="loginName"
-			>
-				<template v-slot="scope">
-          <span :title="scope.row.loginName" class="ellipsis cell--span">{{
-		          scope.row.loginName
-	          }}</span>
-				</template>
-			</el-table-column>
-			<el-table-column
-					:label="$t('departmentUserTreeInline.department')"
-					:min-width="160"
-					prop="mainDepartmentName"
-			>
-				<template v-slot="scope">
-          <span
-		          :title="
-              language && language !== 'cn' && scope.row.mainDepartmentEnName
-                ? scope.row.mainDepartmentEnName
-                : scope.row.mainDepartmentName
-            "
-		          class="ellipsis cell--span"
-          >{{
-		          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 #default="scope">
-								<span class="ellipsis cell--span" :title="scope.row.email">{{ scope.row.email }}</span>
-							</template>
-						</el-table-column> -->
-    </el-table>
-  </div>
-</template>
-
-<script>
-import { Delete as ElIconDelete, Plus as ElIconPlus } from '@element-plus/icons-vue'
-
-export default {
-  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,
-      ElIconPlus,
-      ElIconDelete
-    }
-  },
-  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 []
-      }
-    }
-  },
-  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, JSON.parse(JSON.stringify(row)))
-    },
-    selectUser(selectVal) {
-      // console.log('selectUser', selectVal)
-      this.$emit('selectResult', this.gridData[selectVal])
-    },
-    rowClick(row, column, event) {
-      if (!this.multiple) {
-        this.singleUserIndex = row.row_index
-        this.$emit('selectResult', row)
-      }
-    },
-    tableRowClassName({ row, rowIndex }) {
-      if (!this.multiple) {
-        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
-      }
-    },
-    getDeptName(row) {
-      let deptName = row.superiorDeptNameFullPath
-      if (deptName) {
-        return deptName
-      }
-      if (this.language && this.language !== 'cn') {
-        deptName = row.mainDepartmentEnName
-      }
-      if (deptName) {
-        return deptName
-      }
-      return row.mainDepartmentName
-    }
-  },
-  emits: ['removeUser', 'addUser', 'selectResult', 'resultRowDblclick']
-}
-</script>
-
-<style>
-.searchResult {
-  color: red;
-}
-
-.inline-select-custom {
-  width: 100px;
-}
-
-.inline-input-custom {
-  width: 98%;
-}
-</style>

package/packages/department-user-tree-mobile/index.js

@@ -1,6 +0,0 @@
-import DepartmentUserTreeMobile from './src/department-user-tree-app.vue'
-DepartmentUserTreeMobile.install = function (Vue) {
-  Vue.component('DepartmentUserTreeMobile', DepartmentUserTreeMobile)
-}
-
-export default DepartmentUserTreeMobile

package/packages/department-user-tree-mobile/src/department-user-tree-app.vue

@@ -1,147 +0,0 @@
-<template>
-  <el-drawer
-    v-model="isShowForm"
-    append-to-body
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    direction="btt"
-    size="100%"
-    class="organization-tree"
-    @close="closeTree()"
-  >
-    <template #header>
-      <div style="text-align: center">
-        {{ $t('imatrixUIMessage.pleaseSelect') }}
-      </div>
-    </template>
-    <template #default>
-      <InlineDepartmentUserTreeApp
-        v-if="isShowForm"
-        :multiple="multiple"
-        :departmentInfo="departmentInfo"
-        :selectUserInfo="selectUserInfo"
-        :searchField="searchField"
-        :separator="separator"
-        :limitFilterColumn="limitFilterColumn"
-        @close="closeTree"
-      />
-    </template>
-  </el-drawer>
-</template>
-<script lang="ts">
-export default {
-  name: 'DepartmentUserTreeMobile'
-}
-</script>
-<script setup lang="ts">
-import InlineDepartmentUserTreeApp from './department-user-tree-inline-app.vue'
-import { reactive, ref, onMounted, defineEmits } from 'vue'
-const props = defineProps<{
-  // 是否是多选树，默认是true
-  multiple: {
-    type: Boolean
-    default: true
-  }
-  // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
-  departmentInfo: {
-    type: Array<any>
-    default: null
-  }
-  // 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
-  selectUserInfo: {
-    type: [String, Number]
-    default: null
-  }
-  // 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
-  searchField: {
-    type: String
-    default: 'loginName'
-  }
-  // 多选树时结果之间的分隔符，默认是逗号分隔
-  separator: {
-    type: String
-    default: ','
-  }
-  // 根据变量限制部门时，根据部门表的哪个字段进行过滤，默认是code
-  limitFilterColumn: {
-    type: String
-    default: 'code'
-  }
-}>()
-const emits = defineEmits(['close'])
-let isShowForm = ref(true)
-// function showTree() {
-// 	isShowForm.value = true
-// }
-function closeTree(selectNodeInfo) {
-  emits('close', selectNodeInfo)
-  isShowForm.value = false
-}
-function selectDepartment() {
-  // this.$refs.inlineDeparmentTree.selectDepartment()
-}
-// defineExpose({showTree})
-</script>
-<style>
-.organization-tree,
-.organization-tree .el-checkbox__label,
-.organization-tree .el-breadcrumb__inner,
-.organization-tree .el-tree {
-  font-size: 17px;
-  font-weight: 700;
-}
-
-.organization-tree .el-breadcrumb__item:last-child .el-breadcrumb__inner,
-.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
-.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
-.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
-  font-size: 17px;
-  font-weight: 700;
-}
-.organization-tree .el-card__body {
-  padding-top: 10px;
-}
-.organization-tree .card-content {
-  margin-top: 10px;
-}
-.organization-tree .item-row-all {
-  margin-bottom: 10px;
-}
-.organization-tree .item-row {
-  display: flex;
-  width: 100%;
-}
-.organization-tree .item-label {
-  flex: 0 0 90%;
-  text-align: left;
-}
-.organization-tree .item-side {
-  flex: 0 0 10%;
-  text-align: right;
-}
-.organization-tree .el-tree-node {
-  margin-bottom: 10px;
-}
-
-.organization-tree .el-tree-node__content > .el-tree-node__expand-icon {
-  padding: 0;
-  display: none;
-}
-
-.organization-tree .card-footer {
-  padding: 20px;
-}
-.organization-tree .card-footer .select-result {
-  color: #409eff;
-  flex: 1 1 75%;
-  text-align: left;
-}
-.organization-tree .card-footer .button-area {
-  flex: 0 0 20%;
-  text-align: right;
-}
-
-.organization-tree .dept-path .breadcrumb-label-link {
-  color: #409eff;
-}
-</style>