imatrix-ui 0.2.6-up → 0.2.7-up

package/packages/workgroup-tree/src/workgroup-tree.vue

@@ -1,86 +1,86 @@
-<template>
-  <div>
-    <el-dialog
-      class="user-tree"
-      model-value
-      :title="myTitle"
-      :close-on-click-modal="false"
-      append-to-body
-      :width="multiple ? '60%' : '40%'"
-      @open="$emit('open')"
-      @opend="$emit('opend')"
-      @close="$emit('close')"
-      @closed="$emit('closed')"
-    >
-      <inline-workgroup-tree
-        ref="workgroupTree"
-        :multiple="multiple"
-        :branch-info="branchInfo"
-        @result="result"
-      />
-      <template v-slot:footer>
-        <div class="dialog-footer">
-          <el-button size="small" @click="$emit('close')">
-            {{ $t('imatrixUIPublicModel.cancel') }}
-          </el-button>
-          <el-button size="small" type="primary" @click="selectWorkgroup">
-            {{ $t('imatrixUIPublicModel.sure') }}
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import InlineWorkgroupTree from '../../workgroup-tree-inline/src/workgroup-tree-inline.vue'
-export default {
-  name: 'WorkgroupTree',
-  components: {
-    InlineWorkgroupTree,
-  },
-  props: {
-    // 是否是多选树，默认是true
-    multiple: {
-      type: Boolean,
-      default: true,
-    },
-    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
-    branchInfo: {
-      type: Array,
-      default: null,
-    },
-    // 弹框的标题
-    title: {
-      type: String,
-      default: null,
-    },
-    // 弹框的宽度
-    width: {
-      type: String,
-      default: '60%',
-    },
-  },
-  data() {
-    let myTitle = this.$t('imatrixUIMessage.pleaseSelectATeam')
-    if (this.title) {
-      myTitle = this.title
-    }
-    return {
-      myTitle,
-    }
-  },
-  methods: {
-    // 工作组单选回调
-    result(selectNodeInfo) {
-      $emit(this, 'close', selectNodeInfo)
-    },
-    // 嵌入树，多选时，点击确定时调用的方法
-    selectWorkgroup() {
-      this.$refs.workgroupTree.selectWorkgroup()
-    },
-  },
-  emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed'],
-}
-</script>
+<template>
+  <div>
+    <el-dialog
+      class="user-tree"
+      model-value
+      :title="myTitle"
+      :close-on-click-modal="false"
+      append-to-body
+      :width="multiple ? '60%' : '40%'"
+      @open="$emit('open')"
+      @opend="$emit('opend')"
+      @close="$emit('close')"
+      @closed="$emit('closed')"
+    >
+      <inline-workgroup-tree
+        ref="workgroupTree"
+        :multiple="multiple"
+        :branch-info="branchInfo"
+        @result="result"
+      />
+      <template v-slot:footer>
+        <div class="dialog-footer">
+          <el-button size="small" @click="$emit('close')">
+            {{ $t('imatrixUIPublicModel.cancel') }}
+          </el-button>
+          <el-button size="small" type="primary" @click="selectWorkgroup">
+            {{ $t('imatrixUIPublicModel.sure') }}
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+import InlineWorkgroupTree from '../../workgroup-tree-inline/src/workgroup-tree-inline.vue'
+export default {
+  name: 'WorkgroupTree',
+  components: {
+    InlineWorkgroupTree,
+  },
+  props: {
+    // 是否是多选树，默认是true
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
+    branchInfo: {
+      type: Array,
+      default: null,
+    },
+    // 弹框的标题
+    title: {
+      type: String,
+      default: null,
+    },
+    // 弹框的宽度
+    width: {
+      type: String,
+      default: '60%',
+    },
+  },
+  data() {
+    let myTitle = this.$t('imatrixUIMessage.pleaseSelectATeam')
+    if (this.title) {
+      myTitle = this.title
+    }
+    return {
+      myTitle,
+    }
+  },
+  methods: {
+    // 工作组单选回调
+    result(selectNodeInfo) {
+      $emit(this, 'close', selectNodeInfo)
+    },
+    // 嵌入树，多选时，点击确定时调用的方法
+    selectWorkgroup() {
+      this.$refs.workgroupTree.selectWorkgroup()
+    },
+  },
+  emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed'],
+}
+</script>

package/packages/workgroup-tree-inline/index.js

@@ -1,6 +1,6 @@
-import InlineWorkgroupTree from './src/workgroup-tree-inline.vue'
-InlineWorkgroupTree.install = function (Vue) {
-  Vue.component(InlineWorkgroupTree.name, InlineWorkgroupTree)
-}
-
-export default InlineWorkgroupTree
+import InlineWorkgroupTree from './src/workgroup-tree-inline.vue'
+InlineWorkgroupTree.install = function (Vue) {
+  Vue.component(InlineWorkgroupTree.name, InlineWorkgroupTree)
+}
+
+export default InlineWorkgroupTree

package/packages/workgroup-tree-inline/src/search-result.vue

@@ -1,222 +1,222 @@
-<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 v-slot="scope">
-          <el-radio
-            v-model="singleWorkgroupIndex"
-            :label="scope.$index"
-            @change="selectWorkgroup"
-          >
-            {{ 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 v-slot="scope">
-          <div>
-            <el-button
-              type="primary"
-              size="mini"
-              :icon="ElIconPlus"
-              :disabled="isDisable(scope.row)"
-              circle
-              @click="addWorkgroup(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 v-slot="scope">
-          <div>
-            <el-button
-              type="danger"
-              size="mini"
-              :icon="ElIconDelete"
-              circle
-              @click="removeWorkgroup(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('workgroupTree.workingGroupName')"
-        :width="110"
-        prop="name"
-      >
-        <template v-slot="scope">
-          <span class="ellipsis cell--span" :title="scope.row.name">{{
-            scope.row.name
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        :label="$t('workgroupTree.workingGroupNumber')"
-        :width="110"
-        prop="code"
-      >
-        <template v-slot="scope">
-          <span class="ellipsis cell--span" :title="scope.row.code">{{
-            scope.row.code
-          }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        :label="$t('workgroupTree.workgroupDescription')"
-        :width="300"
-        prop="description"
-      >
-        <template v-slot="scope">
-          <span class="ellipsis cell--span" :title="scope.row.description">{{
-            scope.row.description
-          }}</span>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import { Plus as ElIconPlus, Delete as ElIconDelete } from '@element-plus/icons-vue'
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-export default {
-  data() {
-    let tableHeight = this.height
-    tableHeight = tableHeight.substring(0, tableHeight.indexOf('px'))
-    const myHeight = parseInt(tableHeight) + 30 + 'px'
-    return {
-      // 选中的用户序号
-      singleWorkgroupIndex: null,
-      selectedWorkgroup: null,
-      myHeight,
-      language: !window.$locale ? 'cn' : window.$locale,
-      ElIconPlus,
-      ElIconDelete,
-    }
-  },
-  name: 'WorkgroupResult',
-  props: {
-    gridData: {
-      type: Array,
-      default: null,
-    },
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    // 多选树时是否是查询结果列表，用于控制“操作”列按钮的显示
-    isSearchResult: {
-      type: Boolean,
-      default: true,
-    },
-    height: {
-      type: String,
-      default: '300px',
-    },
-    selectResult: {
-      type: Array,
-      default: function () {
-        return []
-      },
-    },
-  },
-  created() {},
-  methods: {
-    // 移除工作组
-    removeWorkgroup(index, row) {
-      $emit(this, 'removeWorkgroup', index, row)
-    },
-    // 添加工作组
-    addWorkgroup(index, row) {
-      $emit(this, 'addWorkgroup', index, row)
-    },
-    // 选中工作组
-    selectWorkgroup(selectVal) {
-      $emit(this, 'selectResult', this.gridData[selectVal])
-    },
-    rowClick(row, column, event) {
-      this.singleWorkgroupIndex = row.row_index
-      $emit(this, 'selectResult', row)
-    },
-    tableRowClassName({ row, rowIndex }) {
-      row.row_index = rowIndex
-    },
-    // 双击添加工作组
-    rowDblclick(row, column, event) {
-      if (this.multiple) {
-        $emit(this, 'addWorkgroup', null, row)
-      } else {
-        $emit(this, 'resultRowDblclick', row)
-      }
-    },
-    isDisable(row) {
-      if (this.selectResult) {
-        const containWorkgroups = this.selectResult.filter(
-          this.filterWorkgroup(row)
-        )
-        if (containWorkgroups && containWorkgroups.length > 0) {
-          return true
-        }
-      }
-      return false
-    },
-    // 判断工作组是否存在的过滤器
-    filterWorkgroup(queryWorkgroup) {
-      return (workgroup) => {
-        return workgroup.id === queryWorkgroup.id
-      }
-    },
-  },
-  emits: [
-    'removeWorkgroup',
-    'addWorkgroup',
-    'selectResult',
-    'resultRowDblclick',
-    ,
-  ],
-}
-</script>
-
-<style>
-.searchResult {
-  color: red;
-}
-.inline-select-custom {
-  width: 100px;
-}
-.inline-input-custom {
-  width: 98%;
-}
-</style>
+<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 v-slot="scope">
+          <el-radio
+            v-model="singleWorkgroupIndex"
+            :label="scope.$index"
+            @change="selectWorkgroup"
+          >
+            {{ 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 v-slot="scope">
+          <div>
+            <el-button
+              type="primary"
+              size="mini"
+              :icon="ElIconPlus"
+              :disabled="isDisable(scope.row)"
+              circle
+              @click="addWorkgroup(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 v-slot="scope">
+          <div>
+            <el-button
+              type="danger"
+              size="mini"
+              :icon="ElIconDelete"
+              circle
+              @click="removeWorkgroup(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('workgroupTree.workingGroupName')"
+        :width="110"
+        prop="name"
+      >
+        <template v-slot="scope">
+          <span class="ellipsis cell--span" :title="scope.row.name">{{
+            scope.row.name
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('workgroupTree.workingGroupNumber')"
+        :width="110"
+        prop="code"
+      >
+        <template v-slot="scope">
+          <span class="ellipsis cell--span" :title="scope.row.code">{{
+            scope.row.code
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('workgroupTree.workgroupDescription')"
+        :width="300"
+        prop="description"
+      >
+        <template v-slot="scope">
+          <span class="ellipsis cell--span" :title="scope.row.description">{{
+            scope.row.description
+          }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { Plus as ElIconPlus, Delete as ElIconDelete } from '@element-plus/icons-vue'
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+export default {
+  data() {
+    let tableHeight = this.height
+    tableHeight = tableHeight.substring(0, tableHeight.indexOf('px'))
+    const myHeight = parseInt(tableHeight) + 30 + 'px'
+    return {
+      // 选中的用户序号
+      singleWorkgroupIndex: null,
+      selectedWorkgroup: null,
+      myHeight,
+      language: !window.$locale ? 'cn' : window.$locale,
+      ElIconPlus,
+      ElIconDelete,
+    }
+  },
+  name: 'WorkgroupResult',
+  props: {
+    gridData: {
+      type: Array,
+      default: null,
+    },
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    // 多选树时是否是查询结果列表，用于控制“操作”列按钮的显示
+    isSearchResult: {
+      type: Boolean,
+      default: true,
+    },
+    height: {
+      type: String,
+      default: '300px',
+    },
+    selectResult: {
+      type: Array,
+      default: function () {
+        return []
+      },
+    },
+  },
+  created() {},
+  methods: {
+    // 移除工作组
+    removeWorkgroup(index, row) {
+      $emit(this, 'removeWorkgroup', index, row)
+    },
+    // 添加工作组
+    addWorkgroup(index, row) {
+      $emit(this, 'addWorkgroup', index, row)
+    },
+    // 选中工作组
+    selectWorkgroup(selectVal) {
+      $emit(this, 'selectResult', this.gridData[selectVal])
+    },
+    rowClick(row, column, event) {
+      this.singleWorkgroupIndex = row.row_index
+      $emit(this, 'selectResult', row)
+    },
+    tableRowClassName({ row, rowIndex }) {
+      row.row_index = rowIndex
+    },
+    // 双击添加工作组
+    rowDblclick(row, column, event) {
+      if (this.multiple) {
+        $emit(this, 'addWorkgroup', null, row)
+      } else {
+        $emit(this, 'resultRowDblclick', row)
+      }
+    },
+    isDisable(row) {
+      if (this.selectResult) {
+        const containWorkgroups = this.selectResult.filter(
+          this.filterWorkgroup(row)
+        )
+        if (containWorkgroups && containWorkgroups.length > 0) {
+          return true
+        }
+      }
+      return false
+    },
+    // 判断工作组是否存在的过滤器
+    filterWorkgroup(queryWorkgroup) {
+      return (workgroup) => {
+        return workgroup.id === queryWorkgroup.id
+      }
+    },
+  },
+  emits: [
+    'removeWorkgroup',
+    'addWorkgroup',
+    'selectResult',
+    'resultRowDblclick',
+    ,
+  ],
+}
+</script>
+
+<style>
+.searchResult {
+  color: red;
+}
+.inline-select-custom {
+  width: 100px;
+}
+.inline-input-custom {
+  width: 98%;
+}
+</style>