@qqt-product/system 0.0.1

package/src/lib/components/QAccountList/src/QAccountList.vue

@@ -0,0 +1,530 @@
+<template>
+  <div style="height: 100%">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+
+    <!--工作交接-->
+    <vxe-modal v-model="deliverToShow" title="工作转交" type="confirm" :showFooter="false">
+      <vxe-form title-colon title-align="right" title-width="160" :data="deliverToFrom" :rules="deliverToFromRule" @submit="deliverTosubmitEvent">
+        <vxe-form-gather span="24">
+          <vxe-form-item title="转交人" field="realname" span="24">
+            <template #default="{ data }">
+              <vxe-input :disabled="true" v-model="data.realname" type="text" placeholder="请输入转交人"></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="接收人" field="receiveId" span="24">
+            <template #default="{ data }">
+              <a-select :filter-option="filterOption" placeholder="请选择接收人" v-model:value="data.receiveId" :options="subAccountList"></a-select>
+            </template>
+          </vxe-form-item>
+          <vxe-form-item title="转交内容" field="businessDeliverToType" span="24">
+            <template #default="{ data }">
+              <q-select mode="multiple" style="width: 200px" v-model:value="data.businessDeliverToType" dict-code="businessDeliverToType" placeholder="请输入转交内容"></q-select>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item align="center" span="24">
+            <template #default>
+              <vxe-button content="取消" @click="deliverToShow = false"></vxe-button>
+              <vxe-button type="submit" status="primary" content="保存"></vxe-button>
+            </template>
+          </vxe-form-item>
+        </vxe-form-gather>
+      </vxe-form>
+    </vxe-modal>
+    <!--更改密码-->
+    <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>
+  </div>
+</template>
+
+<script lang="ts">
+//JS
+import { defineComponent, reactive, toRefs, inject, ref, nextTick } from 'vue'
+//hook
+import { useConfigData } from './useConfigData'
+
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+import { Modal, message } from '@qqt-product/ui'
+import { GlobalListPageLayoutTypes } from '@qqt-product/ui'
+
+export default defineComponent({
+  name: 'QAccountList',
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  emits: ['create', 'edit', 'detail'],
+  setup(props, { emit }) {
+    //data
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const listLayoutRef = ref()
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [
+          {
+            type: 'edit',
+            title: '编辑',
+            authorityCode: 'elsSubAccount#ElsSubAccount:edit',
+            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+              const payload = {
+                row,
+                $rowIndex,
+                column,
+                $columnIndex,
+              }
+              emit('edit', payload)
+            },
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:view',
+            type: 'view',
+            title: '查看',
+            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+              const payload = {
+                row,
+                $rowIndex,
+                column,
+                $columnIndex,
+              }
+              emit('detail', payload)
+            },
+          },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:deliverTo', type: 'stop', title: '工作转交', click: deliverTo },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:changPassword', type: 'change', title: '更改密码', click: handleChangePassword },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:frozenBatch', type: 'frozen', title: '冻结/解冻', click: handleFrozen },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:add',
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            click({ row, $rowIndex, column, $columnIndex }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+              const payload = {
+                row,
+                $rowIndex,
+                column,
+                $columnIndex,
+              }
+              emit('create', payload)
+            },
+          },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:getDataByErp', label: '获取ERP数据', click: getDataByErp },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:pushDataToErp', label: '推送到ERP', click: pushDataToERP },
+          { authorityCode: 'elsSubAccount#ElsSubAccount:pushDataToMall', label: '推送到商城', click: pushDataToMall },
+          {
+            label: '列自定义',
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:import',
+            label: '导入',
+            icon: {
+              type: 'icon-Q-import',
+            },
+            type: 'import',
+          },
+          {
+            authorityCode: 'elsSubAccount#ElsSubAccount:export',
+            label: '导出',
+            icon: {
+              type: 'icon-Q-export',
+            },
+            type: 'export',
+          },
+          {
+            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: 'i18nKey',
+            placeholder: '请输入姓名',
+          },
+          {
+            type: 'input',
+            label: '子账号',
+            fieldName: 'chinese',
+            placeholder: '请输入子账号',
+          },
+        ],
+        formState: {},
+      },
+      pagerConfig: {},
+    })
+    const passwordModalFormRule = ref({
+      password: [
+        { required: true, message: '请输入登录密码' },
+        {
+          validator: validateToNextPassword,
+        },
+      ],
+      confirmpassword: [
+        { required: true, message: '请输入确认密码' },
+        {
+          validator: compareToFirstPassword,
+        },
+      ],
+    })
+    //data-hook
+    const { passwordRef, passwordModalForm, passwordModalShow, showEditPage, apiUrls, deliverToShow, deliverToFrom, subAccountList, deliverToFromRule } = useConfigData()
+    const { userInfo } = toRefs(props)
+
+    //methods
+
+    function getDataByErp() {
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.getDataByErpUrl,
+        })
+        .then((res) => {
+          listLayoutRef.value.loading = false
+          if (res.success) {
+            // this.$message.success(res.message)
+            message.success('操作成功')
+          } else {
+            // this.$message.warning(res.message)
+            message.warning('操作失败')
+          }
+        })
+        .catch(() => {
+          listLayoutRef.value.loading = false
+        })
+    }
+
+    function pushDataToERP() {
+      let checkRow = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+      if (!checkRow.length) {
+        message.warning('请至少选择一行')
+        return
+      }
+      let ids = checkRow.map((row: MapObjectNoneType) => row.id).join(',')
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.pushDataToERPUrl,
+          params: {
+            ids,
+          },
+        })
+        .then((res) => {
+          listLayoutRef.value.loading = false
+          if (res.success) {
+            // this.$message.success(res.message)
+            message.success('操作成功')
+          } else {
+            // this.$message.warning(res.message)
+            message.warning('操作失败')
+          }
+        })
+        .catch(() => {
+          listLayoutRef.value.loading = false
+        })
+    }
+
+    function pushDataToMall() {
+      let checkRow = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+      if (!checkRow.length) {
+        message.warning('请至少选择一行')
+        return
+      }
+      let ids = checkRow.map((row: MapObjectNoneType) => row.id).join(',')
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.pushDataToMallUrl,
+          params: {
+            ids,
+          },
+        })
+        .then((res) => {
+          listLayoutRef.value.loading = false
+          if (res.success) {
+            // this.$message.success(res.message)
+            message.success(res.message)
+          } else {
+            // this.$message.warning(res.message)
+            message.warning(res.message)
+          }
+        })
+        .catch(() => {
+          listLayoutRef.value.loading = false
+        })
+    }
+
+    function handleFrozen({ row = {} as MapObjectNoneType }) {
+      let id = row.id
+      let status = row.status
+      let subAccount = row.subAccount
+
+      let messages = '冻结'
+      if ('admin' == subAccount) {
+        const t = '管理员账号不允许此操作！'
+        message.warning(t)
+        return
+      }
+      if ('1' == status) {
+        status = '2'
+      } else {
+        status = '1'
+        messages = '解冻'
+      }
+      const c = '确认'
+      const t = '是否'
+      const d = '选中数据?'
+      Modal.confirm({
+        title: c + messages,
+        content: t + messages + d + '?',
+        onOk: function () {
+          qHttp
+            .put({
+              url: '/account/elsSubAccount/frozenBatch',
+              data: { ids: id, status: status },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+        },
+      })
+    }
+
+    // 获取配置项分类
+    const getConfigurationItemClassificationList = () => {
+      let postData = {
+        pageSize: '100000',
+      }
+      qHttp.get({ url: '/account/elsSubAccount/list', params: postData }).then((res) => {
+        if (res && res.success) {
+          subAccountList.value = res.result.records.map((val: MapObjectNoneType) => {
+            return { value: val.id, label: val.realname }
+          })
+        }
+      })
+    }
+    getConfigurationItemClassificationList()
+
+    function deliverTo({ row = {} as MapObjectNoneType }) {
+      deliverToFrom.value = {
+        ...row,
+      }
+      nextTick(() => {
+        deliverToShow.value = true
+      })
+    }
+
+    function deliverToHandle() {
+      console.log(123)
+    }
+    function filterOption(input: MapObjectNoneType, option: MapObjectNoneType) {
+      return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    }
+
+    function deliverTosubmitEvent() {
+      let params = { sourceAccountId: deliverToFrom.value.id, targetAccountId: deliverToFrom.value.receiveId, businessDeliverToType: deliverToFrom.value.businessDeliverToType }
+
+      const t = '工作转交确认'
+      const c = '确认是否进行工作转交?'
+      Modal.confirm({
+        title: t,
+        content: c,
+        onOk: function () {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: '/account/elsSubAccount/deliverTo',
+              params,
+            })
+            .then((res) => {
+              listLayoutRef.value.loading = true
+              if (res.success) {
+                message.success(res.message)
+                deliverToFrom.value = {}
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              deliverToShow.value = false
+            })
+        },
+      })
+    }
+
+    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
+                })
+            }
+          })
+        })
+      }
+    }
+
+    async function validateToNextPassword(ErrMap: MapObjectNoneType) {
+      // const form = passwordModalForm.value
+      let EmessTxt = ''
+      if (ErrMap.itemValue) {
+        let params = {
+          elsAccount: userInfo.value?.userInfo?.elsAccount,
+          password: ErrMap.itemValue,
+        }
+        let curMess = await qHttp
+          .get({
+            url: '/account/noToken/pwdRuleCheck',
+            params,
+          })
+          .then((res) => {
+            if (res.success) {
+              if (res.message) {
+                EmessTxt = res.message ? res.message : ''
+                return EmessTxt
+              }
+            }
+          })
+        if (curMess) {
+          message.error(curMess)
+
+          return Promise.reject(curMess)
+        }
+      }
+    }
+
+    function compareToFirstPassword(ErrMap: MapObjectNoneType) {
+      const form = passwordModalForm.value
+      if (ErrMap.itemValue && ErrMap.itemValue !== form.password) {
+        return new Error(' 登录密码与确认密码不一致')
+      }
+    }
+
+    return {
+      passwordModalFormRule,
+      passwordModalForm,
+      passwordModalShow,
+      deliverTosubmitEvent,
+      deliverToFromRule,
+      filterOption,
+      subAccountList,
+      deliverToFrom,
+      deliverToHandle,
+      deliverToShow,
+      listLayoutRef,
+      showEditPage,
+      apiUrls,
+      pageData,
+      passwordModalHandle,
+      passwordRef,
+    }
+  },
+})
+</script>
+<style scoped></style>

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

@@ -0,0 +1,53 @@
+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({
+    add: '/account/elsSubAccount/add',
+    list: '/account/elsSubAccount/list',
+    delete: '/account/elsSubAccount/delete',
+    copy: '/account/permissionData/copy',
+    columnsCode: 'ElsSubaccountInfoList',
+    exportXlsUrl: '/account/elsSubAccount/exportXls',
+    excelCode: 'elsSubAccountExcel',
+    handlerName: 'accountExportServiceImpl',
+    getDataByErpUrl: '/account/elsSubAccount/getDataByErp',
+    pushDataToERPUrl: '/account/elsSubAccount/pushDataToErp',
+    pushDataToMallUrl: '/mall/pushUserDataToMall',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  const deliverToShow = shallowRef<boolean>(false)
+
+  const deliverToFrom = ref<MapObjectNoneType>({})
+  const deliverToFromRule = {
+    receiveId: [{ required: true, message: '当前内容为必填项' }],
+    businessDeliverToType: [{ required: true, message: '当前内容为必填项' }],
+  }
+
+  const passwordModalShow = shallowRef<boolean>(false)
+  const passwordModalForm = ref()
+
+  const subAccountList = ref([])
+  const passwordRef = ref()
+  return {
+    passwordModalForm,
+    passwordModalShow,
+    deliverToFromRule,
+    subAccountList,
+    deliverToFrom,
+    deliverToShow,
+    apiUrls,
+    showEditPage,
+    currentEditRow,
+    listLayoutRef,
+    uploadShow,
+    passwordRef,
+  }
+}

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

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