@qqt-product/system 0.0.1

package/src/lib/components/QcustomConfigList/src/QcustomConfigList.vue

@@ -0,0 +1,268 @@
+<template>
+  <div class="page-list">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+    <QcustomConfigEdit :busAccount="userInfo?.userInfo?.elsAccount" :currentEditRow="currentEditRow" @handleReturn="handleReturn" v-else />
+    <ImportJsonCustomConfig :isShow="uploadShow" :userToken="userInfo?.token" @close="uploadClose" />
+  </div>
+</template>
+
+<script lang="ts">
+//JS引入
+import { defineComponent, reactive, inject, nextTick } from 'vue'
+
+//hook
+import { useConfigData } from './useConfigData'
+import { useConigApiMethods } from '../../../utils/global.hook'
+import { useMethods } from './useMethods'
+//组件
+import QcustomConfigEdit from '../../QcustomConfigEdit/src/QcustomConfigEdit.vue'
+import { message } from '@qqt-product/ui'
+import ImportJsonCustomConfig from '../../QcustomConfigList/component/ImportJsonCustomConfig.vue'
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+
+export default defineComponent({
+  name: 'QcustomConfigList',
+  components: {
+    QcustomConfigEdit,
+    ImportJsonCustomConfig,
+  },
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+
+  setup() {
+    //inject
+
+    //常量
+
+    /*
+    data
+     */
+
+    const { apiUrls, currentEditRow, showEditPage, listLayoutRef, uploadShow } = useConfigData()
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const { handleExport, handleCopy, handleCancel, handleDelete, handleUpgrade } = useConigApiMethods(qHttp)
+    const { allowCancel, allowDelete, allowEdit, allowUpgrade } = useMethods()
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [
+          { authorityCode: 'template#templateHead:edit', type: 'edit', title: '编辑', click: handleEdit, allow: allowEdit },
+          { authorityCode: 'template#templateHead:copyById', type: 'copyById', title: '复制', click: handleCusotmCopy },
+          { authorityCode: 'template#templateHead:cancel', type: 'cancel', title: '作废', click: handleCustomCancel, allow: allowCancel },
+          { authorityCode: 'template#templateHead:delete', type: 'delete', title: `删除`, click: handleCustomDetel, allow: allowDelete },
+          { authorityCode: 'template#templateHead:upload', type: 'upload', title: '文件上传', click: uploadFile, allow: allowUpgrade },
+          { authorityCode: 'template#templateHead:upgradeVersion', type: 'upgradeVersion', title: '版本升级', click: handleCustomUpgrade, allow: allowUpgrade },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            authorityCode: 'template#templateHead:add',
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            click: handleAdd,
+            attrs: {
+              type: 'primary',
+            },
+          },
+          { authorityCode: 'template#templateHead:batchGenerateConfig', label: '批量生成配置', icon: 'download', click: batchGeneratorConfig },
+          // { label: '列自定义', icon: 'setting', clickFn: this.settingColumns },
+          { authorityCode: 'template#templateHead:exportJson', label: '导出', icon: 'download', folded: true, click: handleExportJson },
+          { authorityCode: 'template#templateHead:importJson', label: '导入', icon: 'import', folded: true, click: handleImportJson },
+          // { label: '帮助说明', icon: 'file-text', folded: true, isDocument: true, clickFn: this.showHelpText },
+          // { label: '说明附件', icon: 'file-pdf', folded: true, isDocument: true, clickFn: this.showHelpPDF },
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'select',
+            label: '模板名称',
+            dictCode: 'srmBusinessType',
+            fieldName: 'businessType',
+            placeholder: '请选择业务类型',
+          },
+          {
+            type: 'input',
+            label: '模板名称',
+            fieldName: 'templateName',
+          },
+        ],
+        formState: {},
+      },
+      pagerConfig: {},
+    })
+    //computed
+
+    /*
+      method
+     */
+    function handleAdd() {
+      currentEditRow.value = {}
+      showEditPage.value = true
+    }
+    function handleReturn() {
+      showEditPage.value = false
+    }
+    function batchGeneratorConfig() {
+      listLayoutRef.value.loading = true
+      let records = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+      let temIds = records.map((n: MapObjectNoneType) => {
+        return n.id
+      })
+      if (temIds.length == 0) {
+        message.warning('请至少选择一个模版进行配置生成！')
+        return false
+      }
+      qHttp
+        .post({
+          url: apiUrls.value.batchGeneratorConfig,
+          data: temIds,
+        })
+        .then((res: MapObjectNoneType) => {
+          if (res.success) {
+            message.success(res.message)
+            // this.$emit('ok')
+          } else {
+            message.warning(res.message)
+          }
+        })
+        .finally(() => {
+          listLayoutRef.value.loading = false
+          listLayoutRef.value.gridInstance.clearCheckboxRow()
+          listLayoutRef.value.fetchListData()
+        })
+
+      // console.log('records', listLayoutRef.value.loa)
+      // listLayoutRef.value.loading.value = true
+    }
+
+    function handleExportJson() {
+      handleExport({
+        actionType: 'get',
+        fileName: '业务模板配置',
+        type: 'json',
+        exportXlsUrl: apiUrls.value.exportJson,
+        setPostParms: () => {
+          const records = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+          // 构造查询参数
+          let params = !records.length ? Object.assign({}, listLayoutRef.value.pageData.form) : { selections: records.map((n: MapObjectNoneType) => n.id).join(',') }
+          // let isOrder = listLayoutRef.value.pageData.isOrder || listLayoutRef.value.pageData.isOrder
+          // this.$set(params, 'column', isOrder.column)
+          // this.$set(params, 'order', isOrder.order)
+          // params.column = isOrder.column
+          // params.order = isOrder.order
+          return params
+        },
+        berforCallback() {
+          listLayoutRef.value.loading = true
+        },
+        afterCallback() {
+          listLayoutRef.value.loading = false
+        },
+      })
+    }
+    function handleImportJson() {
+      uploadShow.value = true
+    }
+    function uploadClose() {
+      uploadShow.value = false
+      listLayoutRef.value.fetchListData()
+    }
+
+    function handleEdit({ row }: MapObjectNoneType) {
+      currentEditRow.value = row
+      nextTick(() => {
+        showEditPage.value = true
+      })
+    }
+
+    function handleCusotmCopy({ row }: MapObjectNoneType) {
+      handleCopy({
+        url: apiUrls.value.copyData,
+        row,
+        type: 'get',
+        tip: '确认复制模板',
+        afterCallback() {
+          listLayoutRef.value.fetchListData()
+        },
+      })
+    }
+
+    function handleCustomCancel({ row = {} as MapObjectNoneType }) {
+      handleCancel({
+        url: apiUrls.value.cancel,
+        row,
+        type: 'get',
+        tip: '确认作废模板',
+        afterCallback() {
+          listLayoutRef.value.fetchListData()
+        },
+      })
+    }
+
+    function handleCustomDetel({ row = {} as MapObjectNoneType }) {
+      handleDelete({
+        url: apiUrls.value.delete,
+        row,
+        type: 'get',
+        tip: '是否删除选中数据',
+        afterCallback() {
+          listLayoutRef.value.fetchListData()
+        },
+      })
+    }
+    function handleCustomUpgrade({ row = {} as MapObjectNoneType }) {
+      handleUpgrade({
+        url: apiUrls.value.upgrade,
+        row,
+        type: 'get',
+        tip: '是否需要版本升级',
+        afterCallback() {
+          listLayoutRef.value.fetchListData()
+        },
+      })
+    }
+
+    function uploadFile({ row = {} as MapObjectNoneType }) {
+      currentEditRow.value = row
+    }
+
+    return {
+      pageData,
+      apiUrls,
+      showEditPage,
+      currentEditRow,
+      handleReturn,
+      batchGeneratorConfig,
+      listLayoutRef,
+      handleExportJson,
+      uploadShow,
+      handleImportJson,
+      uploadClose,
+      handleCustomCancel,
+    }
+  },
+})
+</script>
+
+<style lang="less" scoped>
+@import url(../style/index.less);
+</style>

package/src/lib/components/QcustomConfigList/src/types.ts

@@ -0,0 +1 @@
+export {}

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

@@ -0,0 +1,23 @@
+import { shallowRef, reactive, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/template/templateHead/list',
+    columnsCode: 'TemplateHead',
+    delete: '/template/templateHead/delete',
+    upgrade: '/template/templateHead/upgradeVersion',
+    copyData: '/template/templateHead/copyById',
+    cancel: '/template/templateHead/cancel',
+    batchGeneratorConfig: '/template/templateHead/batchGenerateConfig',
+    exportJson: '/template/templateHead/exportJson',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  return { apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
+}

package/src/lib/components/QcustomConfigList/src/useMethods.ts

@@ -0,0 +1,36 @@
+import { MapObjectNoneType } from '../../../utils/global.types'
+
+export function useMethods() {
+  function allowEdit({ row = {} as MapObjectNoneType }) {
+    if (row.templateStatus == '1' || row.templateStatus == '0') {
+      return false
+    }
+    return true
+  }
+  function allowCancel({ row = {} as MapObjectNoneType }) {
+    if (row.templateStatus == '1' || row.templateStatus == '0') {
+      return false
+    }
+    return true
+  }
+
+  function allowDelete({ row = {} as MapObjectNoneType }) {
+    if (row.templateStatus == '0') {
+      return false
+    }
+    return true
+  }
+  function allowUpgrade({ row = {} as MapObjectNoneType }) {
+    if (row.templateStatus == '1') {
+      return false
+    }
+    return true
+  }
+
+  return {
+    allowEdit,
+    allowCancel,
+    allowDelete,
+    allowUpgrade,
+  }
+}

package/src/lib/components/QcustomConfigList/style/index.less

@@ -0,0 +1,3 @@
+.page-list {
+  // height: 100%;
+}

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

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

package/src/lib/components/QsysConfigList/src/QsysConfigList.vue

@@ -0,0 +1,125 @@
+<template>
+  <div class="page-list">
+    <q-list-layout ref="listLayoutRef" :pageData="pageData" :apiUrls="apiUrls" />
+  </div>
+</template>
+
+<script lang="ts">
+//JS引入
+import { defineComponent, reactive, inject } from 'vue'
+
+//hook
+import { useConfigData } from './useConfigData'
+import { useConigApiMethods } from '../../../utils/global.hook'
+import { useMethods } from './useMethods'
+//组件
+
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+
+export default defineComponent({
+  name: 'QsysConfigList',
+
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+
+  setup() {
+    //inject
+
+    //常量
+
+    /*
+    data
+     */
+
+    const { apiUrls, currentEditRow, listLayoutRef } = useConfigData()
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const { handlUniversal } = useConigApiMethods(qHttp)
+    const { allowEnable } = useMethods()
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [{ authorityCode: 'template#templateHead:addBy100000', type: 'edit', title: '添加至企业级', click: handleCustomAdd, allow: allowEnable }],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          // { authorityCode: 'template#templateHead:batchGenerateConfig', label: '批量生成配置', icon: 'download', click: batchGeneratorConfig },
+          // { label: '列自定义', icon: 'setting', clickFn: this.settingColumns },
+          // { authorityCode: 'template#templateHead:exportJson', label: '导出', icon: 'download', folded: true, click: handleExportJson },
+          // { authorityCode: 'template#templateHead:importJson', label: '导入', icon: 'import', folded: true, click: handleImportJson },
+          // { label: '帮助说明', icon: 'file-text', folded: true, isDocument: true, clickFn: this.showHelpText },
+          // { label: '说明附件', icon: 'file-pdf', folded: true, isDocument: true, clickFn: this.showHelpPDF },
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+
+        form: [
+          {
+            type: 'select',
+            label: '业务类型',
+            dictCode: 'srmBusinessType',
+            fieldName: 'businessType',
+            placeholder: '请选择业务类型',
+          },
+          {
+            type: 'input',
+            label: '模板名称',
+            fieldName: 'templateName',
+            placeholder: '请输入模板名称',
+          },
+          {
+            type: 'input',
+            label: '模板编号',
+            fieldName: 'templateNumber',
+            placeholder: '请输入表格编码',
+          },
+        ],
+        formState: {},
+      },
+      pagerConfig: {},
+    })
+    //computed
+
+    /*
+      method
+     */
+
+    function handleCustomAdd({ row = {} as MapObjectNoneType }) {
+      handlUniversal({
+        url: apiUrls.value.copyData,
+        row,
+        type: 'get',
+        tip: '是否需要添加到企业级',
+        afterCallback() {
+          listLayoutRef.value.fetchListData()
+        },
+      })
+    }
+
+    return {
+      pageData,
+      apiUrls,
+      currentEditRow,
+      listLayoutRef,
+    }
+  },
+})
+</script>
+
+<style lang="less" scoped>
+@import url(../style/index.less);
+</style>

package/src/lib/components/QsysConfigList/src/types.ts

@@ -0,0 +1 @@
+export {}

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

@@ -0,0 +1,17 @@
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/template/templateHead/sysList',
+    copyData: '/template/templateHead/addBy100000',
+    columnsCode: 'TemplateHead',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  return { apiUrls, currentEditRow, listLayoutRef, uploadShow }
+}

package/src/lib/components/QsysConfigList/src/useMethods.ts

@@ -0,0 +1,11 @@
+import { MapObjectNoneType } from '../../../utils/global.types'
+
+export function useMethods() {
+  function allowEnable({ row = {} as MapObjectNoneType }) {
+    return row.templateStatus == '2'
+  }
+
+  return {
+    allowEnable,
+  }
+}

package/src/lib/components/QsysConfigList/style/index.less

@@ -0,0 +1,3 @@
+.page-list {
+  // height: 100%;
+}

package/src/lib/components/index.ts

@@ -0,0 +1,78 @@
+import * as QcustomConfigEdit from './QcustomConfigEdit/src/QcustomConfigEdit.vue'
+import * as QcustomConfigList from './QcustomConfigList/src/QcustomConfigList.vue'
+import * as QsysConfigList from './QsysConfigList/src/QsysConfigList.vue'
+import * as QLoginLogList from './loginLogList/src/index.vue'
+import * as QOperateLogList from './operateLogList/src/index.vue'
+import * as QLoginSupplierLogList from './loginSupplierLogList/src/index.vue'
+import * as QLoginAbnormalLogList from './loginAbnormalLogList/src/index.vue'
+import * as QIntegratedNodesList from './integratedNodesList/src/index.vue'
+import * as QIntegratedNodesEdit from './integratedNodesList/src/QIntegratedNodesEdit.vue'
+import * as QIntegratedNodesDetail from './integratedNodesList/src/QIntegratedNodesDetail.vue'
+import * as QIntegratedReportList from './integratedReportList/src/index.vue'
+import * as QIntegratedReportSearchList from './integratedReportSearchList/src/index.vue'
+import * as QPasswordSecurityPolicy from './QPasswordSecurityPolicy/src/QPasswordSecurityPolicy.vue'
+import * as QI18nList from './QI18nList/src/QI18nList.vue'
+import * as QSupplierAccountList from './QSupplierAccountList/src/QSupplierAccountList.vue'
+import * as QCompanyermissionList from './QCompanyermissionList/src/editTree.vue'
+import * as QAccountList from './QAccountList/src/QAccountList.vue'
+import * as QAccountEdit from './QAccountList/src/QAccountEdit.vue'
+import * as QAccountDetail from './QAccountList/src/QAccountDetail.vue'
+import * as QRoleList from './QRoleList/src/QRoleList.vue'
+import * as QPermissionDataList from './QPermissionDataList/src/QPermissionDataList.vue'
+import * as QPermissionDataEdit from './QPermissionDataList/src/QPermissionDataEdit.vue'
+import * as QPermissionDataAuth from './QPermissionDataList/src/QPermissionDataAuth.vue'
+import * as QPurchaseNoticeTemplateList from './QPurchaseNoticeTemplateList/src/QPurchaseNoticeTemplateList.vue'
+import * as QElsTenantPortalNewsList from './QElsTenantPortalNewsList/src/QElsTenantPortalNewsList.vue'
+import * as QElsTenantPortalNewsEdit from './QElsTenantPortalNewsList/src/QElsTenantPortalNewsEdit.vue'
+import * as QElsTenantPortalNewsDetail from './QElsTenantPortalNewsList/src/QElsTenantPortalNewsDetail.vue'
+import * as QPurchaseNoticeList from './QPurchaseNoticeList/src/QPurchaseNoticeList.vue'
+import * as QPurchaseNoticeEdit from './QPurchaseNoticeList/src/QPurchaseNoticeEdit.vue'
+import * as QPurchaseNoticeDetail from './QPurchaseNoticeList/src/QPurchaseNoticeDetail.vue'
+import * as QElsMsgRecordList from './QElsMsgRecordList/src/QElsMsgRecordList.vue'
+import * as QElsMsgRecordDetail from './QElsMsgRecordList/src/QElsMsgRecordDetail.vue'
+import * as QImChatGroupList from './QImChatGroupList/src/QImChatGroupList.vue'
+import * as QElsEmailSendLogList from './QElsEmailSendLogList/src/QElsEmailSendLogList.vue'
+import * as QQuartzJobList from './QQuartzJobList/src/QQuartzJobList.vue'
+import * as QBackgroundFileTaskList from './QBackgroundFileTaskList/src/QBackgroundFileTaskList.vue'
+import * as QMqRecordList from './QMqRecordList/src/QMqRecordList.vue'
+import * as QUsageList from './QUsageList/src/QUsageList.vue'
+export {
+  QcustomConfigEdit,
+  QcustomConfigList,
+  QsysConfigList,
+  QLoginLogList,
+  QOperateLogList,
+  QLoginSupplierLogList,
+  QLoginAbnormalLogList,
+  QIntegratedNodesList,
+  QIntegratedNodesEdit,
+  QIntegratedNodesDetail,
+  QIntegratedReportList,
+  QIntegratedReportSearchList,
+  QPasswordSecurityPolicy,
+  QI18nList,
+  QSupplierAccountList,
+  QCompanyermissionList,
+  QAccountList,
+  QAccountEdit,
+  QAccountDetail,
+  QRoleList,
+  QPermissionDataList,
+  QPermissionDataEdit,
+  QPermissionDataAuth,
+  QPurchaseNoticeTemplateList,
+  QElsTenantPortalNewsList,
+  QElsTenantPortalNewsEdit,
+  QElsTenantPortalNewsDetail,
+  QPurchaseNoticeList,
+  QPurchaseNoticeEdit,
+  QPurchaseNoticeDetail,
+  QElsMsgRecordList,
+  QElsMsgRecordDetail,
+  QImChatGroupList,
+  QElsEmailSendLogList,
+  QQuartzJobList,
+  QBackgroundFileTaskList,
+  QMqRecordList,
+  QUsageList,
+}

package/src/lib/components/integratedNodesList/src/QIntegratedNodesDetail.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="detail-page">
+    <q-detail-page-layout ref="layoutRef" v-bind="options"> </q-detail-page-layout>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+
+// 传参 props
+const props = defineProps<{
+  currentRow: GlobalPageLayoutTypes.CurrentRow | null
+  userInfo: GlobalPageLayoutTypes.UserInfo
+}>()
+
+const currentRow = props.currentRow
+  ? props.currentRow
+  : ref({
+      templateNumber: '',
+      templateVersion: 0,
+      templateAccount: '',
+      busAccount: '',
+      elsAccount: '',
+    })
+
+// 编辑组件 ref
+const layoutRef = ref<ComponentPublicInstance | null>(null)
+
+// 配置
+const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
+  /**
+   * 模块业务类型 string
+   * 取值根据各模块配置
+   * 当定义为"custom"时，使用本地配置
+   */
+  businessType: 'integrated',
+  // 布局模式
+  pattern: 'vertical',
+  // 当前已选行数据a
+  currentRow: currentRow as GlobalPageLayoutTypes.CurrentRow,
+  // 当前登录租户信息
+  userInfo: props.userInfo,
+  // 明细接口 -- 接口字符串
+  detailApi: '/integrated/integratedNodes/queryById',
+  // 本地页面数据配置
+  localConfig: {},
+})
+</script>