@qqt-product/system 0.0.1

package/src/lib/components/QRoleList/src/components/userAuthorization/userAuthorization.less

@@ -0,0 +1,97 @@
+.UserAuthorization {
+  position: relative;
+  .ant-checkbox-wrapper {
+    color: rgba(0, 0, 0, 0.65);
+  }
+  .title {
+    padding-left: 16px;
+    margin-bottom: 16px;
+    > strong {
+      font-size: 18px;
+      color: #4d72ff;
+    }
+    > span {
+      font-size: 12px;
+      color: #b9bcc1;
+      margin-left: 22px;
+    }
+  }
+  .container {
+    padding: 8px;
+  }
+  .pageBox {
+    background: #fff;
+    padding: 16px 16px 32px 16px;
+    min-height: calc(100vh - 158px);
+  }
+  .level {
+    &[class*='level_'] {
+      .triangle {
+        margin-right: 8px;
+        cursor: pointer;
+      }
+      .rotate90 {
+        .anticon {
+          transform: rotate(90deg);
+          transition: transform 0.3 ease-in-out;
+        }
+      }
+    }
+    &.level_1 {
+      display: flex;
+      align-items: center;
+      padding: 16px 20px;
+      &:hover {
+        background: rgba(254, 206, 0, 0.1);
+      }
+      .info {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        strong {
+          font-size: 14px;
+          color: #454f59;
+        }
+        span.tip {
+          font-size: 12px;
+          color: rgba(69, 79, 89, 0.6);
+          margin-top: 8px;
+        }
+      }
+      & + .collapse.noneGrandchildren {
+        padding: 24px;
+      }
+    }
+    &.border {
+      border-bottom: 1px dashed #dadada;
+    }
+    &.level_2 {
+      display: flex;
+      &:not(:last-child) {
+        border-bottom: 1px dashed #dadada;
+      }
+      .info {
+        flex: 0 0 150px;
+        padding: 22px 0 22px 20px;
+        background-color: #f9f9f9;
+      }
+      .children {
+        flex: 1;
+        margin-left: 24px;
+        padding: 22px 20px 22px 0;
+      }
+    }
+  }
+  .level_3 {
+    & + .level_3 {
+      margin-top: 12px;
+    }
+  }
+  .checkboxGroup {
+    padding: 12px 0 12px 36px;
+  }
+  .collapse {
+    min-height: 70px;
+    border: 1px solid #dadcde;
+  }
+}

package/src/lib/components/QRoleList/src/useConfigData.ts

@@ -0,0 +1,33 @@
+import { MapObjectNoneType } from '../../../utils/global.types'
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/account/role/list',
+    columnsCode: 'elsRole',
+    delete: '/account/role/delete',
+    copy: '/account/role/copy',
+    userRoleList: '/account/elsSubAccount/userRoleList',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  const copyRoleShow = shallowRef<boolean>(false)
+  const copyRoleFrom = ref<MapObjectNoneType>({})
+  const itemRow = ref()
+
+  const userInformsFrom = ref<MapObjectNoneType>({})
+  const userInformsFromShow = shallowRef<boolean>(false)
+
+  const userInformsFromRules = ref({
+    roleName: [{ required: true, message: '请输入角色名称' }],
+    roleCode: [{ required: true, message: '请输入角色编码' }],
+  })
+
+  return { userInformsFromRules, userInformsFromShow, userInformsFrom, itemRow, copyRoleFrom, copyRoleShow, apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
+}

package/src/lib/components/QSupplierAccountList/index.ts

@@ -0,0 +1,6 @@
+import QSupplierAccountList from './src/QSupplierAccountList.vue'
+import qqtUtils from '@qqt-product/utils'
+
+export default qqtUtils.withInstall(QSupplierAccountList)
+
+export { QSupplierAccountList }

package/src/lib/components/QSupplierAccountList/src/QSupplierAccountForm.vue

@@ -0,0 +1,187 @@
+<template>
+  <vxe-modal v-model="showModal" :width="800" :title="modalTitle" :hide="hideModal">
+    <template #default>
+      <vxe-form title-colon title-align="right" title-width="160" :data="itemInfo.formData" :rules="itemInfo.formRules" :loading="itemInfo.loading" @submit="submitEvent">
+        <vxe-form-item title="ELS账号" field="elsAccount" span="24">
+          <template #default="{ data }">
+            <vxe-input :disabled="true" v-model="data.elsAccount" type="text" placeholder="请输入ELS账号" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="子账号" field="subAccount" span="24">
+          <template #default="{ data }">
+            <vxe-input v-model="data.subAccount" type="text" placeholder="请输入子账号" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="姓名" field="realname" span="24">
+          <template #default="{ data }">
+            <vxe-input v-model="data.realname" type="text" placeholder="请输入姓名" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="密码" field="password" span="24">
+          <template #default="{ data }">
+            <vxe-input v-model="data.password" type="text" placeholder="请输入密码" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="角色" field="selectedroles" span="24">
+          <template #default="{ data }">
+            <a-select mode="multiple" v-model:value="data.selectedroles" placeholder="请选择角色" allowClear>
+              <a-select-option :value="item.value" v-for="(item, index) in selectedrolesList" :key="index">{{ item.title }}</a-select-option>
+            </a-select>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="电子邮件" field="email" span="24">
+          <template #default="{ data }">
+            <vxe-input v-model="data.email" type="text" placeholder="请输入电子邮件" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="手机号" field="phone" span="24">
+          <template #default="{ data }">
+            <vxe-input v-model="data.phone" type="text" placeholder="请输入手机号" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-item title="工号" field="workNo" span="24">
+          <template #default="{ data }">
+            <vxe-input v-model="data.workNo" type="text" placeholder="请输入工号" clearable></vxe-input>
+          </template>
+        </vxe-form-item>
+
+        <vxe-form-gather span="24">
+          <vxe-form-item title="账号过期时间" field="accountValidityDate" span="24">
+            <template #default="{ data }">
+              <a-date-picker picker="week" v-model:value="data.accountValidityDate" format="YYYY-MM-DD" />
+            </template>
+          </vxe-form-item>
+        </vxe-form-gather>
+        <vxe-form-item align="center" span="24">
+          <template #default>
+            <vxe-button content="取消" @click="hideModal"></vxe-button>
+            <vxe-button type="submit" status="primary" content="保存"></vxe-button>
+          </template>
+        </vxe-form-item>
+      </vxe-form>
+    </template>
+  </vxe-modal>
+</template>
+<script lang="ts">
+import { defineComponent, reactive, ref, inject } from 'vue'
+import { VXETable, VxeFormEvents, VxeFormPropTypes } from 'vxe-table'
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+import { useCommonRegexp } from '../../../utils/global.hook'
+export default defineComponent({
+  name: 'QSupplierAccountForm',
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    currentRow: {
+      type: Object,
+    },
+    selectedrolesList: {
+      type: Object,
+    },
+    itemTypeList: {
+      type: Object,
+    },
+  },
+  setup(props, { emit }) {
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const REGEXP = useCommonRegexp()
+    const modalTitle = ref(props.title)
+    const showModal = ref(true)
+    const hideModal = () => {
+      emit('hide', false)
+    }
+    const itemInfo = reactive({
+      loading: false,
+      formData: {
+        elsAccount: '',
+        subAccount: '',
+        realname: '',
+        password: '',
+        selectedroles: undefined,
+        email: '',
+        phone: '',
+        workNo: '',
+        accountValidityDate: '',
+      },
+      formRules: {
+        subAccount: [{ required: true, message: '请输入子账号' }],
+        realname: [{ required: true, message: '请输入名字' }],
+        password: [{ required: true, message: '请输入密码' }],
+        selectedroles: [{ required: true, message: '请选择角色' }],
+        email: [
+          {
+            validator({ itemValue }) {
+              // 自定义校验
+              if (itemValue && !REGEXP.email.test(itemValue)) {
+                return new Error('邮箱格式不对')
+              }
+            },
+          },
+        ],
+        phone: [
+          {
+            validator({ itemValue }) {
+              // 自定义校验
+              if (itemValue && !REGEXP.mobile.test(itemValue)) {
+                return new Error('手机号码不对')
+              }
+            },
+          },
+        ],
+        // defaultValue: [{ required: true, message: '请输入默认值' }],
+      } as VxeFormPropTypes.Rules,
+    })
+    itemInfo.formData = Object.assign({}, itemInfo.formData, props.currentRow)
+    // 保存
+
+    const vertDate = (obj: string | number | Date) => {
+      //日期转yyyy-MM-dd
+      const date = new Date(obj)
+      const y = date.getFullYear()
+      const m = '0' + (date.getMonth() + 1)
+      const d = '0' + date.getDate()
+      return y + '-' + m.substring(m.length - 2, m.length) + '-' + d.substring(d.length - 2, d.length)
+    }
+    const save = async () => {
+      itemInfo.loading = true
+      let params: MapObjectNoneType = { ...itemInfo.formData }
+      params.accountValidityDate = params.accountValidityDate ? vertDate(params.accountValidityDate) : ''
+      params.selectedroles = params.selectedroles.join(',')
+      const res = await qHttp.post({ url: '/account/elsSubAccount/addOther', data: params })
+      if (res && res.success) {
+        VXETable.modal.message({ content: res.message, status: 'success' })
+        hideModal()
+        emit('afterHandleSaveSuccess')
+      } else {
+        VXETable.modal.message({ content: res.message, status: 'error' })
+      }
+      itemInfo.loading = false
+    }
+    const submitEvent: VxeFormEvents.Submit = () => {
+      save()
+    }
+    return {
+      modalTitle,
+      showModal,
+      hideModal,
+      itemInfo,
+      save,
+      submitEvent,
+    }
+  },
+})
+</script>
+<style lang="scss" scoped>
+:deep(.vxe-form--gather) {
+  padding: 20px 0px;
+}
+</style>

package/src/lib/components/QSupplierAccountList/src/QSupplierAccountList.vue

@@ -0,0 +1,302 @@
+<template>
+  <div style="height: 100%">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+    <!--更改密码-->
+    <vxe-modal v-model="passwordModalShow" title="重新设定密码">
+      <template #default>
+        <vxe-form ref="passwordRef" title-colon title-align="right" title-width="160" :data="passwordModalForm" :rules="passwordModalFormRule">
+          <vxe-form-gather span="24">
+            <vxe-form-item title="ELS账号" field="elsAccount" span="24">
+              <template #default="{ data }">
+                <vxe-input :disabled="true" v-model="data.elsAccount" type="text" placeholder="请输入ELS账号" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="子账号" field="subAccount" span="24">
+              <template #default="{ data }">
+                <vxe-input :disabled="true" v-model="data.subAccount" type="text" placeholder="请输入子账号" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="登录密码" field="password" span="24">
+              <template #default="{ data }">
+                <vxe-input v-model="data.password" type="text" placeholder="请输入登录密码" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="确认密码" field="confirmpassword" span="24">
+              <template #default="{ data }">
+                <vxe-input v-model="data.confirmpassword" type="text" placeholder="请输入确认密码" clearable></vxe-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item align="center" span="24">
+              <template #default>
+                <vxe-button content="取消" @click="passwordModalShow = false"></vxe-button>
+                <vxe-button @click="passwordModalHandle('confirm')" content="保存"></vxe-button>
+              </template>
+            </vxe-form-item>
+          </vxe-form-gather>
+        </vxe-form>
+      </template>
+    </vxe-modal>
+    <!--新增-->
+
+    <QSupplierAccountForm
+      v-if="showEditPage"
+      title="新增"
+      :currentRow="itemInfoRow"
+      @hide="showEditPage = false"
+      @afterHandleSaveSuccess="afterHandleSaveItemInfoSuccess"
+      :selectedrolesList="selectedrolesList"
+    ></QSupplierAccountForm>
+  </div>
+</template>
+
+<script lang="ts">
+//JS
+import { defineComponent, reactive, inject, nextTick, toRefs } from 'vue'
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+//hook
+import { useConfigData } from './useConfigData'
+//组件
+import { message, Modal } from '@qqt-product/ui'
+import QSupplierAccountForm from './QSupplierAccountForm.vue'
+export default defineComponent({
+  name: 'QSupplierAccountList',
+  components: {
+    QSupplierAccountForm,
+  },
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup(props) {
+    const { userInfo } = toRefs(props)
+    //data-hook
+    const { selectedrolesList, itemInfoRow, passwordRef, showEditPage, apiUrls, listLayoutRef, passwordModalShow, passwordModalForm, passwordModalFormRule } = useConfigData()
+
+    //data
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [
+          { authorityCode: 'supplierAccount#ElsSubAccount:changPassword', type: 'change', title: '更改密码', click: handleChangePassword },
+          { authorityCode: 'supplierAccount#ElsSubAccount:frozenBatch', type: 'frozen', title: '冻结/解冻', click: handleFrozen },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            authorityCode: 'supplierAccount#ElsSubAccount:add',
+            click: addAccount,
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:exportOtherList',
+            label: '导出',
+            icon: {
+              type: 'icon-Q-export',
+            },
+            type: 'export',
+          },
+          {
+            label: '列自定义',
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+          {
+            label: '帮助说明',
+            icon: {
+              type: 'icon-Q-help-text',
+            },
+            type: 'help-text',
+          },
+          {
+            label: '附件说明',
+            icon: {
+              type: 'icon-Q-attachment-text',
+            },
+            type: 'attachment-text',
+          },
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'input',
+            label: '关键字',
+            fieldName: 'keyWord',
+            placeholder: '供应商名称/els账号/姓名/子账号',
+          },
+        ],
+        formState: {},
+      },
+      pagerConfig: {},
+    })
+
+    //methods
+
+    function handleFrozen({ row = {} as MapObjectNoneType }) {
+      let id = row.id
+      let status = row.status
+      let subAccount = row.subAccount
+
+      let messages = '冻结'
+      if ('admin' == subAccount) {
+        message.warning('管理员账号不允许此操作！')
+        return
+      }
+      if ('1' == status) {
+        status = '2'
+      } else {
+        status = '1'
+        messages = '解冻'
+      }
+      Modal.confirm({
+        title: '确认' + messages,
+        content: '是否' + messages + '选中数据?',
+        onOk: function () {
+          qHttp
+            .put({
+              url: '/account/elsSubAccount/frozenBatch',
+              data: { ids: id, status: status },
+            })
+            .then((res) => {
+              if (res.success) {
+                listLayoutRef.value.fetchListData()
+                message.success(res.message)
+              } else {
+                message.warning(res.message)
+              }
+            })
+        },
+      })
+    }
+
+    function handleChangePassword({ row = {} as MapObjectNoneType }) {
+      passwordModalForm.value = row
+      nextTick(() => {
+        passwordModalShow.value = true
+      })
+    }
+
+    function passwordModalHandle(handleType: string) {
+      if (handleType == 'confirm') {
+        nextTick(() => {
+          passwordRef.value.validate((res: MapObjectNoneType) => {
+            if (!res) {
+              if (passwordModalForm.value.confirmpassword != passwordModalForm.value.password) {
+                message.warning('两次输入的密码不一致')
+                return
+              }
+              qHttp
+                .put({
+                  url: '/account/elsSubAccount/changPassword',
+                  data: {
+                    ...passwordModalForm.value,
+                  },
+                })
+                .then((res) => {
+                  if (res.success) {
+                    // this.$message.success(res.message)
+                    listLayoutRef.value.fetchListData()
+                    message.success('操作成功')
+                  } else {
+                    // this.$message.warning(res.message)
+                    message.warning('操作失败')
+                  }
+                })
+                .finally(() => {
+                  passwordModalShow.value = false
+                })
+            }
+          })
+        })
+      }
+    }
+
+    // 获取配置项分类
+    const getConfigurationItemClassificationList = (row: MapObjectNoneType) => {
+      // qHttp.get(
+      //   { url: `account/role/queryAllByAccount/${userInfo}` }
+      //   ).then((res) => {
+      //   if (res && res.success) {
+      //     selectedrolesList.value = res.result
+      //   }
+      // })
+
+      return new Promise((resolve) => {
+        qHttp
+          .get({
+            // url: `account/role/queryAllByAccount/${userInfo?.value?.userInfo?.elsAccount}`,
+            url: `account/role/queryAllByAccount/${userInfo?.value?.userInfo?.elsAccount}`,
+          })
+          .then((res) => {
+            selectedrolesList.value = res.result.map((item: MapObjectNoneType) => ({
+              ...item,
+              title: item.roleName,
+              value: item.id,
+            }))
+            resolve(res)
+          })
+      })
+    }
+
+    async function addAccount() {
+      let listArry = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+
+      if (listArry.length > 1 || listArry.length == 0) {
+        message.warning('请选中一条数据')
+        return
+      }
+      itemInfoRow.value.elsAccount = listArry[0]?.elsAccount
+
+      // itemInfoRow.value.selectedroles = itemInfoRow.value.selectedroles ? itemInfoRow.value.selectedroles : undefined
+
+      getConfigurationItemClassificationList(listArry[0]).then(() => {
+        nextTick(() => {
+          showEditPage.value = true
+        })
+      })
+    }
+    function afterHandleSaveItemInfoSuccess() {
+      console.log(111)
+    }
+
+    return {
+      itemInfoRow,
+      afterHandleSaveItemInfoSuccess,
+      passwordRef,
+      passwordModalFormRule,
+      passwordModalForm,
+      passwordModalHandle,
+      listLayoutRef,
+      showEditPage,
+      apiUrls,
+      pageData,
+      passwordModalShow,
+      selectedrolesList,
+    }
+  },
+})
+</script>
+<style scoped></style>

package/src/lib/components/QSupplierAccountList/src/useConfigData.ts

@@ -0,0 +1,29 @@
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/account/elsSubAccount/otherList',
+    columnsCode: 'ElsSubaccountInfoList',
+    exportXlsUrl: '/account/elsSubAccount/exportXlsOtherList',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  const passwordModalShow = shallowRef<boolean>(false)
+  const passwordModalForm = ref()
+  const passwordModalFormRule = ref({
+    password: [{ required: true, message: '请输入登录密码' }],
+    confirmpassword: [{ required: true, message: '请输入确认密码' }],
+  })
+  const passwordRef = ref()
+  const itemInfoRow = ref({
+    elsAccount: '',
+  })
+  const selectedrolesList = ref()
+  return { selectedrolesList, itemInfoRow, passwordRef, passwordModalFormRule, passwordModalForm, passwordModalShow, apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
+}

package/src/lib/components/QUsageList/index.ts

@@ -0,0 +1,6 @@
+import QUsageList from './src/QUsageList.vue'
+import qqtUtils from '@qqt-product/utils'
+
+export default qqtUtils.withInstall(QUsageList)
+
+export { QUsageList }