swordpass-ui 1.0.0

package/packages/UserSelectorInput/index.js

@@ -0,0 +1,7 @@
+import UserSelectorInput from './src/main.vue'
+
+UserSelectorInput.install = function(Vue) {
+  Vue.component(UserSelectorInput.name, UserSelectorInput)
+}
+
+export default UserSelectorInput

package/packages/UserSelectorInput/src/main.vue

@@ -0,0 +1,319 @@
+<template>
+  <div
+    v-if="permission_sub != 'n'"
+    :class="[
+      'inputs',
+      formInputsDisplay == 'block'
+        ? 'cl-form-inputs__block'
+        : 'cl-form-inputs__inline',
+    ]"
+  >
+    <cl-user-selector
+      ref="userSelectorEl"
+      v-model="value"
+      :title="title"
+      :form-inputs-display="formInputsDisplay"
+      :validate="validate"
+      :name="inputName"
+      :placeholder="placeholder"
+      :permission="permission_sub"
+      :single="single"
+      :config="config"
+      :data="data"
+      :table-columns="tableColumns"
+      :pagination="pagination"
+      :demensions="demensions"
+      :contact-groups="contactGroups"
+      :default-demension="defaultDemension"
+      :default-contact-group.sync="defaultContactGroup"
+      :orgs="orgs"
+      :load-org-tree="loadOrgTree"
+      :append-to-body="appendToBody"
+      select-label="fullname"
+      quick-search-props="fullname,account,email"
+      :active-group.sync="activeGroup"
+      @load="handleLoad"
+      @valueChange="valueChange"
+      @loadDemensions="loadDemensions"
+      @changeDemension="changeDemension"
+      @loadOrgUser="loadOrgUser"
+      @loadContactGroup="loadContactGroup"
+    ></cl-user-selector>
+  </div>
+</template>
+<script>
+  import utils from '@/utils.js'
+  import permission from '@/mixins/permission.js'
+  import inputName from '@/mixins/inputName.js'
+  import form from '@/mixins/form.js'
+
+  export default {
+    name: 'ClUserSelectorInput',
+    mixins: [permission, inputName, form],
+    props: {
+      value: String,
+      single: Boolean,
+      config: Object,
+      appendToBody: {
+        type: Boolean,
+        default: false,
+      },
+      selectCurrent: {
+        type: Boolean,
+        default: false,
+      },
+      title: {
+        type: String,
+        default: '选择用户',
+      },
+    },
+    data() {
+      return {
+        data: [],
+        demensions: [],
+        contactGroups: [],
+        defaultDemension: '',
+        defaultContactGroup: '',
+        orgs: [],
+        tableColumns: [
+          { prop: 'fullname', label: '姓名', width: '120' },
+          { prop: 'account', label: '账号', width: '120' },
+          { prop: 'orgname', label: '组织', tipField: 'pathname' },
+          { prop: 'postname', label: '岗位', width: '120' },
+        ],
+        pagination: {
+          page: 1,
+          pageSize: 50,
+          total: 0,
+          showTotal: true,
+        },
+        createQuery: {},
+        activeGroup: 'contact',
+      }
+    },
+    watch: {
+      activeGroup: function() {
+        this.$refs.userSelectorEl.showDialog()
+      },
+      defaultContactGroup: function() {
+        this.loadContactGroupUser()
+      },
+    },
+    mounted() {
+      // 没有值而且需要显示当前用户
+      if (!this.value && this.selectCurrent) {
+        this.$requestConfig.getCurrentUser().then((currentUserDetail) => {
+          this.initCurrentValue(currentUserDetail)
+        })
+      }
+    },
+    methods: {
+      initCurrentValue(user) {
+        this.$emit('input', user.fullname)
+        // 同时更新绑定的字段
+        if (this.config) {
+          // 配置了id的绑定关系，则回填到指定属性上
+          if (this.config.hasOwnProperty('id')) {
+            utils.setValueByConfigKey(this, this.config, 'id', user.id)
+          }
+          // 配置了fullname的绑定关系，则回填到指定的属性上
+          if (this.config.hasOwnProperty('fullname')) {
+            utils.setValueByConfigKey(
+              this,
+              this.config,
+              'fullname',
+              user.fullname
+            )
+          }
+          // 配置了account的绑定关系，则回填到指定的属性上
+          if (this.config.hasOwnProperty('account')) {
+            utils.setValueByConfigKey(
+              this,
+              this.config,
+              'account',
+              user.account
+            )
+          }
+          if (this.config.hasOwnProperty('mobile')) {
+            utils.setValueByConfigKey(this, this.config, 'mobile', user.mobile)
+          }
+          if (this.config.hasOwnProperty('email')) {
+            utils.setValueByConfigKey(this, this.config, 'email', user.email)
+          }
+        }
+      },
+      handleLoad(param, cb) {
+        this.data = []
+        this.pagination.page = 1
+        this.pagination.pageSize = 50
+        this.pagination.total = 0
+        if (this.activeGroup == 'all') {
+          this.loadAllUser(param, cb)
+        } else {
+          this.loadContactUser(param, cb)
+        }
+      },
+      // 加载全部用户
+      loadAllUser(param, cb) {
+        let queryFilter = param
+        if (
+          JSON.stringify(this.createQuery) != '{}' &&
+          queryFilter.querys.length == 0 &&
+          this.createQuery.value
+        ) {
+          let query = this.createQuery
+          queryFilter.querys.push(query)
+        }
+        //必须设置分页。以免请求全部数据而导致前端卡死。
+        if (!queryFilter.pageBean) {
+          queryFilter.pageBean = {
+            page: 1,
+            pageSize: 50,
+            total: 0,
+            showTotal: true,
+          }
+        }
+        let _this = this
+        this.$requestConfig
+          .getUserList(queryFilter)
+          .then((data) => {
+            _this.data = data.rows
+            _this.pagination.page = data.page
+            _this.pagination.pageSize = data.pageSize
+            _this.pagination.total = data.total
+          })
+          .finally(() => {
+            cb()
+          })
+      },
+      // 加载常用联系人
+      loadContactUser(param, cb) {
+        if (this.defaultContactGroup != 'all') {
+          param.contactGroupId = this.defaultContactGroup
+        }
+        if (this.$requestConfig.getContactUser) {
+          this.$requestConfig
+            .getContactUser(param)
+            .then((data) => {
+              if (data.state && data.value) {
+                const { rows, page, pageSize, total } = data.value
+                this.data = rows
+                this.pagination.page = page
+                this.pagination.pageSize = pageSize
+                this.pagination.total = total
+              }
+            })
+            .finally(() => cb())
+        } else {
+          cb()
+        }
+      },
+      valueChange(value) {
+        this.$emit('input', value)
+      },
+      loadOrgTree(node, resolve) {
+        if (node && node.data && node.data.isParent) {
+          if (node.data.children) {
+            resolve(node.data.children)
+          } else {
+            this.$requestConfig
+              .getOrgTree({
+                demId: node.data.demId,
+                parentId: node.data.id,
+              })
+              .then((data) => {
+                resolve(data)
+              })
+          }
+        } else {
+          resolve([])
+        }
+      },
+      changeDemension(currentDemensionId) {
+        // 维度改变 重新获取组织
+        let _this = this
+        this.$requestConfig
+          .getOrgTree({
+            demId: currentDemensionId
+              ? currentDemensionId
+              : this.defaultDemension,
+          })
+          .then((data) => {
+            _this.orgs = utils.tile2nest(data)
+          })
+      },
+      loadOrgUser(org) {
+        let queryFilter = {
+          pageBean: this.pagination,
+          querys: [],
+        }
+        let query = {
+          property: 'path_',
+          value: org.path,
+          group: 'main',
+          operation: 'RIGHT_LIKE',
+          relation: 'AND',
+        }
+        this.createQuery = {}
+        if (org.path) {
+          this.createQuery = query
+          queryFilter.querys.push(query)
+        }
+        this.handleLoad(queryFilter, () => {})
+      },
+      // 加载指定群组的常用联系人
+      loadContactGroupUser() {
+        let queryFilter = {
+          pageBean: this.pagination,
+          querys: [],
+        }
+        this.createQuery = {}
+        this.handleLoad(queryFilter, () => {})
+      },
+      loadDemensions() {
+        if (this.demensions.length == 0) {
+          this.$requestConfig.getAllDemensions().then((data) => {
+            this.demensions = data
+            data.forEach((element) => {
+              if (element.isDefault == 1) {
+                this.defaultDemension = element.id
+              }
+            })
+            if (!this.defaultDemension) {
+              this.defaultDemension = data[0].id
+            }
+          })
+        }
+      },
+      loadContactGroup() {
+        if (this.contactGroups.length == 0) {
+          if (this.$requestConfig.getContactGroup) {
+            this.$requestConfig
+              .getContactGroup({
+                pageBean: {
+                  page: 1,
+                  pageSize: 100,
+                  total: 0,
+                },
+              })
+              .then((data) => {
+                if (data && data.rows.length > 0) {
+                  this.contactGroups = [{ id: 'all', name: '全部' }].concat(
+                    data.rows
+                  )
+                  this.defaultContactGroup = 'all'
+                } else {
+                  this.defaultContactGroup = null
+                }
+              })
+              .catch(() => {
+                this.defaultContactGroup = null
+              })
+          } else {
+            this.defaultContactGroup = null
+          }
+        }
+      },
+    },
+  }
+</script>

package/packages/picture/index.js

@@ -0,0 +1,7 @@
+import Picture from './src/main.vue'
+
+Picture.install = function(Vue) {
+  Vue.component(Picture.name, Picture)
+}
+
+export default Picture