@qqt-product/system 0.0.1 → 0.0.16

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

@@ -1,268 +1,276 @@
-<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>
+<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,
+  },
+  emits: ['uploadFile'],
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+
+  setup(props, { emit }) {
+    //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,
+      },
+      optionConfig: {
+        attrs: {},
+        extend: {},
+        options: [
+          { authorityCode: 'template#templateHead:edit', type: 'edit', title: '编辑', click: handleEdit, disabled: allowEdit },
+          { authorityCode: 'template#templateHead:copyById', type: 'copyById', title: '复制', click: handleCusotmCopy },
+          { authorityCode: 'template#templateHead:cancel', type: 'cancel', title: '作废', click: handleCustomCancel, disabled: allowCancel },
+          { authorityCode: 'template#templateHead:delete', type: 'delete', title: `删除`, click: handleCustomDetel, disabled: allowDelete },
+          { authorityCode: 'template#templateHead:upload', type: 'upload', title: '文件上传', click: uploadFile, disabled: allowUpgrade },
+          { authorityCode: 'template#templateHead:upgradeVersion', type: 'upgradeVersion', title: '版本升级', click: handleCustomUpgrade, disabled: 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',
+          },
+        ],
+      },
+      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() {
+      const records = listLayoutRef.value.gridInstance.getCheckboxRecords() || []
+      if (records.length > 1 || records.length === 0) {
+        message.warning('请选中一条数据导出')
+        return
+      }
+
+      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
+      console.log('uploadFile', uploadFile)
+      emit('uploadFile', 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/useConfigData.ts

@@ -1,4 +1,4 @@
-import { shallowRef, reactive, ref } from 'vue'
+import { shallowRef, ref } from 'vue'
 // import type { MapObjectNoneType } from './types'
 // import { VxeTableInstance } from 'vxe-table'
 // import type  {}