@qqt-product/system 0.0.16 → 0.0.17

package/src/lib/components/QUsageList/src/QUsageList.vue

@@ -1,287 +0,0 @@
-<template>
-  <div style="height: 100%; padding: 6px">
-    <a-row :gutter="5">
-      <a-col :span="12">
-        <a-card :title="srmI18n(`i18n_title_moduleUsage`, '模块使用情况')">
-          <vxe-grid v-bind="moduleOptains"> </vxe-grid>
-        </a-card>
-      </a-col>
-      <a-col :span="12">
-        <a-card :title="srmI18n(`i18n_title_useredUsage`, '用户使用情况')">
-          <vxe-grid v-bind="useOptains"> </vxe-grid>
-        </a-card>
-      </a-col>
-    </a-row>
-    <a-row :gutter="5" style="margin-top: 6px">
-      <a-col :span="24">
-        <a-card :title="`${srmI18n(`i18n_title_moduleUsage`, '模块使用情况')}(${getYearMonth(month)})`">
-          <template #extra> <a-date-picker :disabled-date="disabledDate" v-model:value="month" picker="month" @change="datePickerChange" /></template>
-          <div class="chart" ref="chartRef"></div>
-        </a-card>
-      </a-col>
-    </a-row>
-
-    <a-row :gutter="5" style="margin-top: 6px">
-      <a-col :span="24">
-        <a-card :title="`${srmI18n(`i18n_title_userUsageSummary`, '用户使用情况(汇总)')}`">
-          <!-- <template #extra> <a-date-picker :disabled-date="disabledDate" v-model:value="month" picker="month" @change="datePickerChange" /></template> -->
-          <div class="chart" ref="useChartRef"></div>
-        </a-card>
-      </a-col>
-    </a-row>
-  </div>
-</template>
-
-<script lang="ts">
-//JS
-import { defineComponent, inject, onMounted, ref, nextTick } from 'vue'
-import qqtApi from '@qqt-product/api'
-import { init, graphic } from 'echarts'
-import type { ECharts } from 'echarts'
-
-import qqtUtils from '@qqt-product/utils'
-//hook
-import { useConfigData } from './useConfigData'
-//ts
-
-//组件
-
-export default defineComponent({
-  name: 'QUsageList',
-
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  setup() {
-    //inject
-    const srmI18n = inject('Q_SRM_I18N', (i18nKey: string, defaultValue: string, account?: string | number): string => {
-      if (i18nKey) {
-        if (account) {
-          return account + defaultValue
-        }
-        return defaultValue
-      }
-      return defaultValue
-    })
-    //data-hook
-    const { apiUrls, moduleOptains, useOptains, moduleChartoption, useChartoption, useChartoptionInstan, moduleChartoptionInstan } = useConfigData(srmI18n)
-    //data
-    const qHttp: qqtApi.Request = qqtApi.useHttp()
-    const chartRef = ref()
-    const useChartRef = ref()
-    let chart: ECharts
-    let useChart: ECharts
-    // const dateNow = new Date().getTime()
-    const month = ref()
-
-    //methods
-    function getModuleList(params = {}) {
-      qHttp
-        .get({
-          url: apiUrls.moduleOptList,
-          params,
-        })
-        .then((res) => {
-          if (res.success) {
-            moduleOptains.data = res.result.records
-            moduleChartoptionInstan.xAxis.data = res.result.records.length > 0 ? res.result.records.map((n) => n.busModule) : []
-            moduleChartoptionInstan.series[0].data = res.result.records.length > 0 ? res.result.records.map((n) => n.totalCount) : []
-
-            moduleChartoption.value = {
-              ...moduleChartoptionInstan,
-            }
-            nextTick(() => {
-              chart.setOption(moduleChartoption.value)
-            })
-            return res.records
-          }
-        })
-    }
-
-    function getUseList() {
-      qHttp
-        .get({
-          url: apiUrls.useOptList,
-        })
-        .then((res) => {
-          if (res.success) {
-            useOptains.data = res.result
-
-            const year = new Date().getFullYear()
-            const tableData = res.result.map((n) => ({
-              ...n,
-              _account: `${n.subAccount}_${n.userName}`,
-            }))
-            let xAxisData: string[] = []
-            for (let i = 0; i < 12; i++) {
-              let mo = ''
-              let n = i + 1
-              if (n < 10) {
-                mo = '0' + n
-              }
-              xAxisData.push(`${year}-${mo}`)
-            }
-
-            let groupBySubAccount = qqtUtils.groupBy(tableData, '_account')
-            let legendData = Object.keys(groupBySubAccount)
-            let areaStyles = [
-              {
-                opacity: 0.8,
-                color: new graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: 'rgba(128, 255, 165)',
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(1, 191, 236)',
-                  },
-                ]),
-              },
-              {
-                opacity: 0.8,
-                color: new graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: 'rgba(0, 221, 255)',
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(77, 119, 255)',
-                  },
-                ]),
-              },
-              {
-                opacity: 0.8,
-                color: new graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: 'rgba(55, 162, 255)',
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(116, 21, 219)',
-                  },
-                ]),
-              },
-              {
-                opacity: 0.8,
-                color: new graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: 'rgba(255, 0, 135)',
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(135, 0, 157)',
-                  },
-                ]),
-              },
-              {
-                opacity: 0.8,
-                color: new graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: 'rgba(255, 191, 0)',
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(224, 62, 76)',
-                  },
-                ]),
-              },
-            ]
-            let series = Object.keys(groupBySubAccount).map((prop, i) => {
-              let name = prop
-              let areaStyle
-              if (i < 5) {
-                areaStyle = areaStyles[i]
-              } else {
-                const index = Math.floor(Math.random() * 5)
-                areaStyle = areaStyles[index]
-              }
-              let accountData = groupBySubAccount[prop]
-              let data = xAxisData.map((sub) => {
-                let { totalCount = 0 } = accountData.find((n) => n.logMonth === sub) || {}
-                return totalCount
-              })
-              return {
-                name: name,
-                type: 'line',
-                stack: srmI18n(`i18n_title_total`, '总量'),
-                smooth: true,
-                lineStyle: {
-                  width: 0,
-                },
-                showSymbol: false,
-                areaStyle: areaStyle,
-                emphasis: {
-                  focus: 'series',
-                },
-                data: data,
-              }
-            })
-            useChartoptionInstan.legend.data = legendData.length > 0 ? legendData : []
-            useChartoptionInstan.xAxis.data = xAxisData.length > 0 ? xAxisData : []
-            useChartoptionInstan.series = series.length > 0 ? series : []
-
-            useChartoption.value = {
-              ...useChartoptionInstan,
-            }
-
-            nextTick(() => {
-              useChart.setOption(useChartoption.value)
-            })
-
-            return res.records
-          }
-        })
-    }
-
-    function getYearMonth(date) {
-      if (date) {
-        const curDate = new Date(date)
-        let curDateY = curDate.getFullYear()
-        let curDateM = curDate.getMonth() + 1
-        return curDateY + '-' + (curDateM <= 9 ? '0' + curDateM : curDateM)
-      } else {
-        return ''
-      }
-    }
-
-    function disabledDate(current) {
-      const datacurren = new Date(current)
-      const datenow = new Date()
-      return datacurren.getMonth() + 1 > datenow.getMonth() + 1
-    }
-
-    function datePickerChange() {
-      getModuleList({
-        logMonth: getYearMonth(month.value),
-        pageSize: 200,
-      })
-    }
-
-    //生命周期
-    onMounted(async () => {
-      chart = init(chartRef.value)
-      useChart = init(useChartRef.value)
-      await getModuleList()
-      await getUseList()
-    })
-
-    return { useChartRef, apiUrls, srmI18n, moduleOptains, useOptains, moduleChartoption, chartRef, month, getYearMonth, disabledDate, datePickerChange }
-  },
-})
-</script>
-<style scoped>
-.chart {
-  width: 100%;
-  height: 400px;
-}
-</style>

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

@@ -1,154 +0,0 @@
-import { shallowRef, ref, reactive } from 'vue'
-//ts
-import type { MapObjectNoneType } from '../../../utils/global.types'
-
-export function useConfigData(srmI18n) {
-  //响应
-
-  const apiUrls = reactive({
-    moduleOptList: '/log/elsLogStatistics/list',
-    useOptList: '/log/findUserLoginList',
-  })
-  const uploadShow = shallowRef<boolean>(false)
-  const currentEditRow = ref({})
-  const listLayoutRef = ref()
-  const moduleOptains = reactive<MapObjectNoneType>({
-    border: true,
-    height: 500,
-    align: null,
-    columnConfig: {
-      resizable: true,
-    },
-    columns: [
-      { type: 'seq', width: 50, title: srmI18n(`i18n_title_seq`, '序号') },
-      { title: srmI18n(`i18n_title_moduleName`, '模块名称'), field: 'busModule' },
-      { title: srmI18n(`i18n_field_logMonth`, '月份'), field: 'logMonth' },
-      { title: srmI18n(`i18n_title_operationsNum`, '操作次数'), field: 'totalCount' },
-    ],
-    data: [],
-  })
-
-  const useOptains = reactive<MapObjectNoneType>({
-    border: true,
-    height: 500,
-    align: null,
-    columnConfig: {
-      resizable: true,
-    },
-    columns: [
-      { type: 'seq', width: 50, title: srmI18n(`i18n_title_seq`, '序号') },
-      { title: srmI18n(`i18n_field_Jey_16832e1`, '子账号'), field: 'subAccount' },
-      { title: srmI18n(`i18n_title_userName`, '用户名'), field: 'userName' },
-      { title: srmI18n(`i18n_field_logMonth`, '月份'), field: 'logMonth' },
-      { title: srmI18n(`i18n_title_loginCount`, '登录次数'), field: 'totalCount' },
-    ],
-
-    data: [],
-  })
-
-  const moduleChartoption = ref({})
-
-  const useChartoption = ref({})
-
-  const useChartoptionInstan = {
-    title: {
-      text: srmI18n(`i18n_title_loginCount`, '登录次数'),
-    },
-    tooltip: {
-      trigger: 'axis',
-      axisPointer: {
-        type: 'cross',
-        label: {
-          backgroundColor: '#6a7985',
-        },
-      },
-    },
-    legend: {
-      width: '60%',
-      type: 'scroll',
-      data: [] as string[],
-    },
-    toolbox: {
-      show: true,
-      feature: {
-        dataZoom: {
-          yAxisIndex: 'none',
-        },
-        // dataView: {readOnly: false},
-        magicType: { type: ['line', 'bar', 'stack'] },
-        restore: {},
-        saveAsImage: {},
-      },
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
-      containLabel: true,
-    },
-    xAxis: {
-      type: 'category',
-      boundaryGap: false,
-      data: [] as string[],
-    },
-    yAxis: {
-      type: 'value',
-    },
-    series: [] as MapObjectNoneType[],
-  }
-
-  const moduleChartoptionInstan = {
-    title: {
-      text: srmI18n(`i18n_title_moduleUsage`, '模块使用情况'),
-      subtext: '汇总',
-    },
-    tooltip: {
-      trigger: 'axis',
-    },
-    legend: {
-      data: [srmI18n(`i18n_title_usage`, '使用情况')],
-    },
-    toolbox: {
-      show: true,
-      feature: {
-        dataZoom: {
-          yAxisIndex: 'none',
-        },
-        // dataView: {readOnly: false},
-        magicType: { type: ['line', 'bar', 'stack'] },
-        restore: {},
-        saveAsImage: {},
-      },
-    },
-    xAxis: {
-      type: 'category',
-      data: [],
-      axisLabel: {
-        // 坐标轴刻度标签
-        rotate: '45',
-      },
-    },
-    yAxis: {
-      type: 'value',
-    },
-    series: [
-      {
-        name: srmI18n(`i18n_title_usage`, '使用情况'),
-        type: 'bar',
-        data: [],
-        center: ['50%', '50%'],
-        markPoint: {
-          data: [
-            { type: 'max', name: srmI18n(`i18n_title_maximum`, '最大值') },
-            { type: 'min', name: srmI18n(`i18n_title_minimum`, '最小值') },
-          ],
-        },
-        markLine: {
-          data: [{ type: 'average', name: srmI18n(`i18n_title_averagemum`, '平均值') }],
-        },
-      },
-    ],
-  }
-
-  return { moduleChartoptionInstan, useChartoptionInstan, apiUrls, useOptains, moduleChartoption, currentEditRow, moduleOptains, listLayoutRef, uploadShow, useChartoption }
-}

package/src/lib/components/QcustomConfigEdit/component/AddDictCodeModal.vue

@@ -1,140 +0,0 @@
-<template>
-  <div>
-    <vxe-modal title="数据字典" width="760" v-model="visible" :confirmLoading="confirmLoading" type="confirm" show-footer @confirm="selectedOk" @cancel="close">
-      <a-radio-group v-model="inputType" button-style="solid" style="margin-bottom: 12px" @change="hanldeRadioChange">
-        <a-radio-button value="sysDictCode"> 系统字典 </a-radio-button>
-        <a-radio-button value="dictCode"> 企业字典 </a-radio-button>
-        <a-radio-button value="manual"> 手动输入 </a-radio-button>
-      </a-radio-group>
-      <div v-if="inputType === 'manual'">
-        <a-input v-model="dataSource" placeholder="请输入数据源地址或字典编码" />
-      </div>
-      <div v-else>
-        <a-spin :spinning="loading">
-          <a-input-search placeholder="请输入关键字" style="margin-bottom: 8px" v-model="keyWord" @search="onSearch" enterButton />
-          <vxe-grid
-            border
-            resizable
-            show-overflow
-            highlight-hover-row
-            max-height="320"
-            row-id="id"
-            size="mini"
-            :loading="loading"
-            ref="selectGrid"
-            :seq-config="{ startIndex: ((tablePage.currentPage as number) - 1) * (tablePage.pageSize as number) }"
-            :data="tableData"
-            :pager-config="tablePage"
-            :radio-config="{ highlight: true, reserve: true, trigger: 'row' }"
-            :columns="columns"
-            @page-change="handlePageChange"
-          >
-          </vxe-grid>
-        </a-spin>
-      </div>
-    </vxe-modal>
-  </div>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { HttpClient, INJECT_HTTP, MapObjectNoneType } from '../../../utils/global.types'
-import { message } from '@qqt-product/ui'
-import type { VxeGridPropTypes, VxeTableDefines } from 'vxe-table'
-export default defineComponent({
-  name: 'AddDictCodeModal',
-  inject: [INJECT_HTTP],
-  data() {
-    return {
-      visible: false,
-      loading: false,
-      confirmLoading: false,
-      inputType: 'sysDictCode',
-      dataSource: '',
-      keyWord: '',
-      columns: [
-        { type: 'radio', width: 40 },
-        { type: 'seq', title: '序号', width: 60 },
-        { field: 'dictCode', title: '字典编码' },
-        { field: 'dictName', title: '字典名称' },
-        { field: 'description', title: '字典描述' },
-      ] as VxeTableDefines.ColumnOptions[],
-      url: '',
-      queryParams: {},
-      tableData: [],
-      tablePage: {
-        total: 0,
-        currentPage: 1,
-        pageSize: 20,
-        align: 'left',
-        pageSizes: [20, 50, 100, 200, 500],
-        layouts: ['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'PageCount', 'Total'],
-        perfect: true,
-      } as VxeGridPropTypes.PagerConfig,
-    }
-  },
-  methods: {
-    hanldeRadioChange(e: MapObjectNoneType) {
-      let value = e.target.value || ''
-      let arr = ['dictCode', 'sysDictCode']
-      if (arr.includes(value)) {
-        this.loadData()
-      }
-    },
-    loadData() {
-      this.loading = true
-      let params = { pageSize: this.tablePage.pageSize, pageNo: this.tablePage.currentPage, keyWord: this.keyWord }
-      const url = this.inputType === 'sysDictCode' ? '/base/dict/listSys' : '/base/dict/list'
-      let http = this.http as HttpClient
-      http
-        .get({ url, params })
-        .then((res) => {
-          if (res.success) {
-            let list = res.result.records || []
-            this.tableData = list
-            this.tablePage.total = res.result.total
-            let selectGrid = this.$refs.selectGrid as MapObjectNoneType
-            if (this.$refs.selectGrid && selectGrid.clearRadioReserve) {
-              selectGrid.clearRadioReserve()
-            }
-          }
-        })
-        .finally(() => {
-          this.loading = false
-        })
-    },
-    open() {
-      // 清空默认值
-      this.dataSource = ''
-      this.keyWord = ''
-      this.loadData()
-      this.visible = true
-    },
-    close() {
-      this.visible = false
-    },
-    selectedOk() {
-      let selectedData = {}
-      if (this.inputType == 'manual' && this.dataSource) {
-        selectedData = { dictCode: this.dataSource }
-      } else {
-        if (this.$refs.selectGrid) selectedData = (this.$refs.selectGrid as MapObjectNoneType).getRadioRecord()
-      }
-      if (selectedData) {
-        this.visible = false
-        this.$emit('ok', selectedData)
-      } else {
-        message.warning('请选择数据')
-      }
-    },
-    handlePageChange({ currentPage, pageSize }: MapObjectNoneType) {
-      this.tablePage.currentPage = currentPage
-      this.tablePage.pageSize = pageSize
-      this.loadData()
-    },
-    onSearch(keyWord: string) {
-      this.keyWord = keyWord
-      this.loadData()
-    },
-  },
-})
-</script>

package/src/lib/components/QcustomConfigEdit/component/TempalePreviewModal.vue

@@ -1,100 +0,0 @@
-<template>
-  <div>
-    <vxe-modal centered title="预览" :width="1000" v-model="visible" class="tempale-preview-modal" show-footer>
-      <div>
-        <!-- {{ currentEditRow }} -->
-        <!-- <a-form layout="inline"> -->
-        <!-- <a-form-item>
-            <span slot="label">
-              {{ $srmI18n(`${$getLangAccount()}#i18n_field_xFCK_2c23c46b`, '布局模式') }}
-              <a-tooltip title="暂business模板支持">
-                <a-icon type="exclamation-circle" />
-              </a-tooltip>
-            </span>
-            <m-select v-model="modelLayout" dict-code="srmLayout" :placeholder="$srmI18n(`${$getLangAccount()}#i18n_alert_ViFxFVK_737ad3cc`, '请选择布局样式')" />
-          </a-form-item> -->
-        <!-- </a-form> -->
-        <q-edit-page-layout isUseLocalData="true" :localData="currentEditRow" :currentRow="currentEditRow" :businessType="currentEditRow.businessType"> </q-edit-page-layout>
-      </div>
-    </vxe-modal>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-// import BusinessLayout from '@comp/template/business/BusinessLayout'
-// import { businessUtilMixin } from '@comp/template/business/businessUtilMixin.js'
-// import fieldSelectModal from '@comp/template/fieldSelectModal'
-export default defineComponent({
-  name: 'TempalePreviewModal',
-  emits: ['update:openTure'],
-  props: {
-    currentEditRow: {
-      type: Object,
-      default() {
-        return {}
-      },
-    },
-    openTure: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      visible: false,
-      loading: false,
-      remoteJsFilePath: '',
-      modelLayout: 'tab',
-      // modelLayoutArr: [
-      //   {
-      //     key: 'tab',
-      //     value: this.$srmI18n(`${this.$getLangAccount()}#i18n_dict_WWWxF_69becf2`, 'tab布局'),
-      //   },
-      //   {
-      //     key: 'collapse',
-      //     value: this.$srmI18n(`${this.$getLangAccount()}#i18n_dict_qNs_1475877`, '可折叠'),
-      //   },
-      //   {
-      //     key: 'unCollapse',
-      //     value: this.$srmI18n(`${this.$getLangAccount()}#i18n_dict_xqNs_24c2334a`, '不可折叠'),
-      //   },
-      //   {
-      //     key: 'masterSlave',
-      //     value: this.$srmI18n(`${this.$getLangAccount()}#i18n_menu_dNmK_24c49586`, '主从格式'),
-      //   },
-      // ],
-    }
-  },
-  mixins: [],
-  components: {
-    // BusinessLayout,
-    // fieldSelectModal,
-  },
-  methods: {
-    // close() {
-    //   this.visible = false
-    // },
-    // open(data) {
-    //   this.remoteJsFilePath = data.url
-    //   this.visible = true
-    // },
-  },
-  watch: {
-    openTure(nw) {
-      this.visible = nw
-    },
-  },
-})
-</script>
-
-<style lang="less" scoped>
-.tempale-preview-modal {
-  :deep(.page-container .edit-page .ant-spin-nested-loading) {
-    height: 600px;
-  }
-  :deep(.ant-form-item-control-wrapper) {
-    width: 150px;
-  }
-}
-</style>