@qqt-product/system 0.0.16 → 0.0.17

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

@@ -1,97 +0,0 @@
-.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

@@ -1,28 +0,0 @@
-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)
-
-  return { userInformsFromShow, userInformsFrom, itemRow, copyRoleFrom, copyRoleShow, apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
-}

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

@@ -1,6 +0,0 @@
-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

@@ -1,187 +0,0 @@
-<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

@@ -1,304 +0,0 @@
-<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,
-      },
-      optionConfig: {
-        attrs: {},
-        extend: {},
-        options: [
-          { 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: '导出',
-            args: {
-              url: '/account/elsSubAccount/exportXlsOtherList', // 原来的 exportXlsUrl
-            },
-            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账号/姓名/子账号',
-          },
-        ],
-      },
-      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

@@ -1,29 +0,0 @@
-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

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