@qqt-product/system 0.0.2 → 0.0.17

package/src/lib/components/QCompanyermissionList/src/index.vue

@@ -1,309 +0,0 @@
-<template>
-  <div class="permission-box">
-    <vxe-table
-      show-overflow
-      keep-source
-      ref="xTable"
-      height="auto"
-      :row-config="{ keyField: 'id' }"
-      :edit-config="{ trigger: 'click', mode: 'row', showStatus: true }"
-      :column-config="{ resizable: true }"
-      :data="permissionList"
-      :tree-config="{ transform: true, rowField: 'id', parentField: 'parentId' }"
-      :checkbox-config="{ labelField: 'name' }"
-      @checkbox-change="selectChangeEvent"
-    >
-      <vxe-column field="name" title="菜单名称" width="200" fixed="left" tree-node :edit-render="{}">
-        <template #edit="{ row }">
-          <vxe-input v-model="row.name" type="text"></vxe-input>
-        </template>
-      </vxe-column>
-      <vxe-column field="nameI18nKey" title="菜单名称国际化" width="180" :edit-render="{}">
-        <template #edit="{ row }">
-          <vxe-input v-model="row.nameI18nKey" type="text"></vxe-input>
-        </template>
-      </vxe-column>
-      <vxe-column field="icon" title="icon" width="80">
-        <template #default="{ row }">
-          <a-icon :class="`vxe-icon-${row.icon}`" />
-        </template>
-      </vxe-column>
-      <vxe-column field="menuType" title="菜单类型" width="100" :edit-render="{}">
-        <template #default="{ row }">
-          <span v-if="row.menuType === 0">一级菜单</span>
-          <span v-if="row.menuType === 1">子菜单</span>
-          <span v-if="row.menuType === 2">按钮/权限</span>
-        </template>
-        <template #edit="{ row }">
-          <vxe-select v-model="row.menuType" placeholder="请选择菜单类型">
-            <vxe-option v-for="menu in menuTypes" :key="menu.key" :value="menu.value" :label="menu.label"></vxe-option>
-          </vxe-select>
-        </template>
-      </vxe-column>
-      <vxe-column field="menuAttribute" title="菜单属性" width="100" :edit-render="{}">
-        <template #default="{ row }">
-          <span v-if="row.menuAttribute === '1'">采购</span>
-          <span v-if="row.menuAttribute === '2'">销售</span>
-          <span v-if="row.menuAttribute === '3'">公共</span>
-          <span v-if="row.menuAttribute === '4'">平台</span>
-        </template>
-        <template #edit="{ row }">
-          <vxe-select v-model="row.menuAttribute" placeholder="请选择菜单属性">
-            <vxe-option v-for="menuAttr in menuAttributeTypes" :key="menuAttr.key" :value="menuAttr.value" :label="menuAttr.label"></vxe-option>
-          </vxe-select>
-        </template>
-      </vxe-column>
-      <vxe-column field="component" title="路由视图" width="120" :edit-render="{}" :title-prefix="componentTypesTip">
-        <template #default="{ row }">
-          <span v-if="row.component === 'layouts/RouteView'">路由视图</span>
-          <span v-else-if="row.component === 'layouts/TabLayout'">Tab路由视图</span>
-          <span v-else-if="row.component === 'layouts/IframePageView'">Iframe路由视图</span>
-          <span v-else>自定义</span>
-        </template>
-        <template #edit="{ row }">
-          <vxe-select v-model="row.component" placeholder="请选择菜单类型">
-            <vxe-option v-for="com in componentTypes" :key="com.key" :value="com.value" :label="com.label"></vxe-option>
-          </vxe-select>
-          <!-- <vxe-input v-model="row.component" type="text"></vxe-input> -->
-        </template>
-      </vxe-column>
-      <vxe-column field="url" title="访问路径" width="180" :edit-render="{}" :title-prefix="{ content: '页面访问的真实路径' }">
-        <template #edit="{ row }">
-          <vxe-input v-model="row.url" type="text"></vxe-input>
-        </template>
-      </vxe-column>
-      <vxe-column field="perms" title="授权标识" width="250" :edit-render="{}">
-        <template #edit="{ row }">
-          <vxe-input v-model="row.perms" type="text"></vxe-input>
-        </template>
-      </vxe-column>
-      <!-- <vxe-column field="sortNo" title="排序"></vxe-column> -->
-      <vxe-column field="action" title="操作" width="380" fixed="right">
-        <template #default="{ row }">
-          <vxe-button v-if="row.menuType !== 2" type="text" status="primary" @click="insertRow(row, 'top')">顶部插入节点</vxe-button>
-          <vxe-button v-if="row.menuType !== 2" type="text" status="primary" @click="insertRow(row, 'bottom')">尾部插入节点</vxe-button>
-          <!-- <vxe-button v-if="row.menuType === 2" type="text" status="primary" @click="insertRow(row, 'current')">插入节点</vxe-button> -->
-          <!-- <vxe-button type="text" status="primary" @click="showDrawer('edit')">顶部插入节点</vxe-button>
-          <vxe-button type="text" status="primary" @click="showDrawer('new')">尾部插入节点</vxe-button> -->
-          <vxe-button type="text" status="danger" @click="removeRow(row)">删除</vxe-button>
-          <vxe-button type="text" status="success" v-if="(row.menuType === 0 && row.children && !row.children.length) || row.menuType === 1">说明</vxe-button>
-        </template>
-      </vxe-column>
-    </vxe-table>
-    <a-drawer :width="500" :title="drawerTitle" :placement="drawerPlacement" :visible="drawervisible" @close="closeDrawer">
-      <template #extra>
-        <a-button style="font-size: 12px; margin-right: 8px" size="small" @click="closeDrawer">取消</a-button>
-        <a-button style="font-size: 12px" type="primary" size="small" @click="closeDrawer">确定</a-button>
-      </template>
-      <permission-form></permission-form>
-    </a-drawer>
-  </div>
-</template>
-<script lang="ts">
-import { defineComponent, reactive, ref, inject } from 'vue'
-import { PermissionDataType } from './types'
-import { VxeTableInstance, VxeTableEvents } from 'vxe-table'
-// import type { DrawerProps } from 'ant-design-vue'
-import { INJECT_HTTP, HttpClient } from '../../../../../src/lib/utils/global.types'
-import PermissionForm from './form.vue'
-export default defineComponent({
-  components: {
-    PermissionForm,
-  },
-  props: {
-    gridConfig: {
-      type: Object,
-      required: true,
-    },
-  },
-  setup(props) {
-    const tableOptions = ref(props.gridConfig)
-    // 菜单类型
-    const menuTypes = ref([
-      {
-        key: 0,
-        value: 0,
-        label: '一级菜单',
-      },
-      {
-        key: 1,
-        value: 1,
-        label: '子菜单',
-      },
-      {
-        key: 2,
-        value: 2,
-        label: '按钮/权限',
-      },
-    ])
-    // 路由组件类型
-    const componentTypes = ref([
-      {
-        key: 0,
-        value: 'qCustom',
-        label: '自定义',
-      },
-      {
-        key: 1,
-        value: 'layouts/RouteView',
-        label: '路由视图',
-      },
-      {
-        key: 2,
-        value: 'layouts/TabLayout',
-        label: 'Tab路由视图',
-      },
-      {
-        key: 3,
-        value: 'layouts/IframePageView',
-        label: 'Iframe路由视图',
-      },
-      {
-        key: 4,
-        value: 'listEmbedding',
-        label: '列表内嵌',
-      },
-    ])
-    const componentTypesTip = ref({
-      content: '自定义路由视图使用的是tab路由视图作为父级，并且要以访问路径要一致；列表内嵌属于列表明细页的路由，可任意定义，但是访问路径要比列表的深一级；其它路由视图是继承的关系',
-    })
-    // 菜单属性类型
-    const menuAttributeTypes = ref([
-      {
-        key: '1',
-        value: '1',
-        label: '采购',
-      },
-      {
-        key: '2',
-        value: '2',
-        label: '销售',
-      },
-      {
-        key: '3',
-        value: '3',
-        label: '公共',
-      },
-      {
-        key: '4',
-        value: '4',
-        label: '平台',
-      },
-    ])
-    const drawerTitle = ref('新建')
-    const drawerPlacement = ref<any['placement']>('right')
-    const drawervisible = ref<boolean>(false)
-    const showDrawer = (type: string) => {
-      drawerTitle.value = type === 'new' ? '新建' : '编辑'
-      drawervisible.value = true
-    }
-    const closeDrawer = () => {
-      drawervisible.value = false
-    }
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-    const permissionList = ref<PermissionDataType[]>([])
-    const tilePermissionList = (result: PermissionDataType[]) => {
-      result.forEach((data) => {
-        let menu = Object.assign({}, data)
-        menu.children && delete menu.children
-        permissionList.value.push(menu)
-        if (data.children) {
-          tilePermissionList(data.children)
-        }
-      })
-    }
-    qHttp.registerModuleAction('PermissionModule/getPermissionList').then((res) => {
-      if (res && res.success) {
-        tilePermissionList(res.result)
-        console.log(permissionList.value)
-      }
-    })
-    const xTable = ref<VxeTableInstance>()
-    // const xToolbar = ref<VxeToolbarInstance>()
-    const demo2 = reactive({
-      tableData: [
-        { id: 10000, parentId: null, name: 'test abc1', type: 'mp3', size: 1024, date: '2020-08-01' },
-        { id: 10050, parentId: null, name: 'Test2', type: 'mp4', size: null, date: '2021-04-01' },
-        { id: 24300, parentId: 10050, name: 'Test3', type: 'avi', size: 1024, date: '2020-03-01' },
-        { id: 20045, parentId: 24300, name: 'test abc4', type: 'html', size: 600, date: '2021-04-01' },
-        { id: 10053, parentId: 24300, name: 'test abc96', type: 'avi', size: null, date: '2021-04-01' },
-        { id: 24330, parentId: 10053, name: 'test abc5', type: 'txt', size: 25, date: '2021-10-01' },
-        { id: 21011, parentId: 10053, name: 'Test6', type: 'pdf', size: 512, date: '2020-01-01' },
-        { id: 22200, parentId: 10053, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 23666, parentId: null, name: 'Test8', type: 'xlsx', size: 2048, date: '2020-11-01' },
-        { id: 23677, parentId: 23666, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 23671, parentId: 23677, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 23672, parentId: 23677, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 23688, parentId: 23666, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 23681, parentId: 23688, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 23682, parentId: 23688, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 24555, parentId: null, name: 'test abc9', type: 'avi', size: 224, date: '2020-10-01' },
-        { id: 24566, parentId: 24555, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-        { id: 24577, parentId: 24555, name: 'Test7', type: 'js', size: 1024, date: '2021-06-01' },
-      ],
-    })
-
-    const selectChangeEvent: VxeTableEvents.CheckboxChange = ({ $table }) => {
-      const records = $table.getCheckboxRecords()
-      console.info(`勾选${records.length}个树形节点`, records)
-    }
-    // const http: qqtApi.Request = qqtApi.useHttp()
-    // http.registerModuleAction('PermissionModule/getPermissionList').then(() => {
-    //   console.log(111)
-    // })
-    // 插入
-    const insertRow = async (currentRow: PermissionDataType, locat: string) => {
-      const $table = xTable.value
-      if ($table) {
-        const waitInsertData = {
-          id: Date.now(),
-          parentId: locat === 'current' ? currentRow.parentId : currentRow.id,
-          name: currentRow.name + '子菜单',
-        }
-        if (locat === 'current') {
-          const { row: newRow } = await $table.insertAt(waitInsertData, currentRow)
-          await $table.setEditRow(newRow)
-        } else if (locat === 'top') {
-          const { row: newRow } = await $table.insert(waitInsertData)
-          await $table.setTreeExpand(currentRow, true) // 将父节点展开
-          await $table.setEditRow(newRow)
-        } else if (locat === 'bottom') {
-          const { row: newRow } = await $table.insertAt(waitInsertData, -1)
-          await $table.setTreeExpand(currentRow, true) // 将父节点展开
-          await $table.setEditRow(newRow)
-        }
-      }
-    }
-    // 删除
-    const removeRow = async (currentRow: PermissionDataType) => {
-      if (xTable.value) {
-        const $table = xTable.value
-        await $table.remove(currentRow)
-      }
-    }
-    return {
-      tableOptions,
-      menuTypes,
-      componentTypes,
-      componentTypesTip,
-      menuAttributeTypes,
-      xTable,
-      insertRow,
-      removeRow,
-      drawerTitle,
-      drawerPlacement,
-      drawervisible,
-      showDrawer,
-      closeDrawer,
-      permissionList,
-      demo2,
-      selectChangeEvent,
-    }
-  },
-})
-</script>
-<style scoped lang="scss">
-.permission-box {
-  height: 100%;
-}
-</style>

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

@@ -1,44 +0,0 @@
-export interface PermissionDataType {
-  id?: string
-  alwaysShow?: boolean
-  children?: PermissionDataType[] | null
-  companyMeunId?: string
-  component?: string
-  createBy?: string
-  createTime?: string
-  defaultMenu?: string
-  deleted?: string | number
-  description?: string
-  helpDocUrl?: string
-  hidden?: boolean
-  icon?: string
-  iconColor?: string
-  internalOrExternal?: boolean
-  isLeaf?: boolean
-  keepAlive?: boolean
-  key?: string
-  leaf?: boolean
-  menuAttribute?: number | string
-  menuType?: string | number
-  mobile?: boolean
-  name?: string
-  nameI18nKey?: string
-  parentId?: string
-  perms?: string
-  permsType?: string | number
-  purchasePermissionId?: string | number
-  redirect?: string
-  route?: boolean
-  sortNo?: string | number | null
-  status?: string | number
-  superQueryFlag?: boolean
-  title?: string
-  updateBy?: string
-  updateTime?: string
-  url?: string
-}
-export interface PermissionFormState {
-  username: string
-  nickname: string
-  checkNick: boolean
-}

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

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

package/src/lib/components/QElsEmailSendLogList/src/QElsEmailSendLogList.vue

@@ -1,166 +0,0 @@
-<template>
-  <div style="height: 100%">
-    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
-  </div>
-</template>
-
-<script lang="ts">
-//JS
-import { defineComponent, reactive, inject } from 'vue'
-//hook
-import { useConfigData } from './useConfigData'
-import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
-
-//组件
-import { Modal, message } from '@qqt-product/ui'
-export default defineComponent({
-  name: 'QElsEmailSendLogList',
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  setup() {
-    //data-hook
-    const { showEditPage, apiUrls, listLayoutRef } = useConfigData()
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-    //data
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optColumn: {
-        attrs: {},
-        extend: {},
-        optColumnList: [
-          { type: 'retry', title: '重试', click: retry, disabled: retryShow },
-          {
-            type: 'delete',
-            title: '删除',
-            args: {
-              url: apiUrls.value.delete,
-            },
-          },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          // {
-          //   label: '导入',
-          //   args: {
-          //     url: 'material/purchaseMaterialHead/importExcel',
-          //     excelCode: 'purchaseMaterialExcel',
-          //     handleBeforeImportExcel(data) {
-          //       console.log('data :>> ', data)
-          //       return Promise.resolve({
-          //         flag: true,
-          //         params: {},
-          //       })
-          //     },
-          //   },
-          //   icon: {
-          //     type: 'icon-Q-import',
-          //   },
-          //   type: 'import',
-          // },
-          // {
-          //   label: '导出',
-          //   args: {
-          //     url: 'price/purchaseInformationRecordsRequest/exportXls',
-          //   },
-          //   icon: {
-          //     type: 'icon-Q-setting',
-          //   },
-          //   type: 'export',
-          // },
-          // {
-          //   label: '帮助说明',
-          //   icon: {
-          //     type: 'icon-Q-help-text',
-          //   },
-          //   type: 'help-text',
-          // },
-          // {
-          //   label: '附件说明',
-          //   icon: {
-          //     type: 'icon-Q-attachment-text',
-          //   },
-          //   type: 'attachment-text',
-          // },
-          // {
-          //   label: '视频说明',
-          //   icon: {
-          //     type: 'icon-Q-video-text',
-          //   },
-          //   type: 'video-text',
-          // },
-          // { type: 'edit', title: this.$srmI18n(`${this.$getLangAccount()}#i18n_menu_sK_1233a8`, '重试'), clickFn: this.retry, allow: this.retryShow },
-          // { type: 'delete', title: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_delete`, '删除'), clickFn: this.handleDeleteSingle },
-        ],
-      },
-      queryConfig: {
-        attrs: {},
-        extend: {},
-        form: [
-          {
-            type: 'input',
-            label: '邮件标题',
-            fieldName: 'subject',
-            placeholder: '请输入邮件标题',
-          },
-          {
-            type: 'input',
-            label: '邮件接收人',
-            fieldName: 'emailTo',
-            placeholder: '请输入邮件接收人',
-          },
-        ],
-        formState: {},
-      },
-      pagerConfig: {},
-    })
-
-    // const { userInfo } = toRefs(props)
-    // console.log('userInfos', userInfo)
-    //methods
-    function retryShow({ row = {} as MapObjectNoneType }) {
-      return row.sendStatus === '1'
-    }
-
-    function retry({ row = {} as MapObjectNoneType }) {
-      // let param = { id: row.id }
-
-      Modal.confirm({
-        title: '提示',
-        content: '是否重新发送邮件?',
-        onOk: function () {
-          listLayoutRef.value.loading = true
-          qHttp
-            .post({
-              url: apiUrls.value.retry + '/' + row.id,
-            })
-            .then((res) => {
-              if (res.success) {
-                listLayoutRef.value.fetchListData()
-                message.success(res.message)
-              } else {
-                message.warning(res.message)
-              }
-            })
-            .finally(() => {
-              listLayoutRef.value.loading = true
-            })
-        },
-      })
-    }
-
-    return { showEditPage, apiUrls, pageData, listLayoutRef }
-  },
-})
-</script>
-<style scoped></style>

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

@@ -1,19 +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: '/system/elsEmailSendLog/list',
-    columnsCode: 'elsEmailSendLog',
-    delete: '/system/elsEmailSendLog/delete',
-    retry: '/system/elsEmailSendLog/retry',
-  })
-  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/QElsMsgRecordList/index.ts

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