@qqt-product/system 0.0.1

package/src/lib/components/QElsTenantPortalNewsList/src/QElsTenantPortalNewsList.vue

@@ -0,0 +1,122 @@
+<template>
+  <q-list-layout ref="listLayoutRef" :pageData="pageData" :apiUrls="apiUrls" />
+</template>
+<script setup lang="ts">
+import { reactive, ref, inject } from 'vue'
+const listLayoutRef = ref()
+const emit = defineEmits(['create', 'detail', 'edit', 'delete', 'publish'])
+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
+})
+const apiUrls = {
+  list: '/news/elsTenantPortalNews/list',
+  columnsCode: 'elsTenantPortalNewsList',
+}
+const pageData = reactive({
+  statusConfig: {
+    show: false,
+  },
+  optColumn: {
+    attrs: {},
+    extend: {},
+    optColumnList: [
+      {
+        type: 'view',
+        title: srmI18n('i18n_title_view', '查看'),
+        click: ({ row }) => {
+          emit('detail', row)
+        },
+      },
+      {
+        type: 'edit',
+        title: srmI18n('i18n_title_edit', '编辑'),
+        click: ({ row }) => {
+          emit('edit', row)
+        },
+        disabled: ({ row }) => row.status == '1',
+      },
+      {
+        type: 'delete',
+        title: '删除',
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        click: ({ row }: any) => {
+          emit('delete', row)
+        },
+      },
+      {
+        type: 'publish',
+        title: srmI18n('i18n_title_publish', '发布'),
+        disabled: ({ row }) => row.status == '1',
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        click: ({ row }: any) => {
+          emit('publish', row)
+        },
+      },
+    ],
+  },
+  buttonConfig: {
+    attrs: {},
+    extend: {},
+    buttons: [
+      {
+        label: srmI18n('i18n_title_add', '新增'),
+        icon: {
+          type: 'icon-Q-add',
+        },
+        type: 'add',
+        click: () => {
+          emit('create')
+        },
+      },
+      {
+        label: srmI18n('i18n_title_listCustom', '列自定义'),
+        icon: {
+          type: 'icon-Q-setting',
+        },
+        type: 'setting',
+      },
+      {
+        label: srmI18n('i18n_title_helpText', '帮助说明'),
+        icon: {
+          type: 'icon-Q-help-text',
+        },
+        type: 'help-text',
+      },
+      {
+        label: srmI18n('i18n_title_attachment', '说明附件'),
+        icon: {
+          type: 'icon-Q-attachment-text',
+        },
+        type: 'attachment-text',
+      },
+    ],
+  },
+  queryConfig: {
+    attrs: {},
+    extend: {},
+    form: [
+      {
+        type: 'input',
+        label: '关键字',
+        fieldName: 'keyWord',
+        placeholder: '请输入新闻标题、新闻简介',
+      },
+    ],
+    formState: {},
+  },
+  pagerConfig: {},
+})
+const refresh = () => {
+  listLayoutRef.value.fetchListData()
+}
+defineExpose({
+  refresh,
+})
+</script>
+<style scoped></style>

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

@@ -0,0 +1,20 @@
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/news/elsTenantPortalNews/list',
+    columnsCode: 'elsTenantPortalNewsList',
+    add: '/news/elsTenantPortalNews/add',
+    delete: '/news/elsTenantPortalNews/delete',
+    publish: '/news/elsTenantPortalNews/publish',
+  })
+  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/QI18nList/index.ts

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

package/src/lib/components/QI18nList/src/QI18nForm.vue

@@ -0,0 +1,141 @@
+<template>
+  <vxe-modal v-model="showModal" :width="800" :title="modalTitle" :hide="hideModal">
+    <template #default>
+      <vxe-form title-colon title-align="right" title-width="160" :data="itemInfo.formData" :rules="itemInfo.formRules" :loading="itemInfo.loading" @submit="submitEvent">
+        <vxe-form-gather span="24">
+          <vxe-form-item title="国际化key" field="i18nKey" span="24">
+            <template #default="{ data }">
+              <vxe-input :disabled="true" v-model="data.i18nKey" type="text" placeholder="请输入国际化key" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="中文内容" field="chinese" span="24">
+            <template #default="{ data }">
+              <vxe-input :disabled="true" v-model="data.chinese" type="text" placeholder="请输入中文内容" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="英文内容" field="english" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.english" type="text" placeholder="请输入英文内容" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="繁体中文" field="traditionalChinese" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.traditionalChinese" type="text" placeholder="请输入繁体中文" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="法语" field="french" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.french" type="text" placeholder="请输入法语" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+
+          <vxe-form-item title="德语" field="german" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.german" type="text" placeholder="请输入德语" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+          <vxe-form-item title="越南" field="vietnamese" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.vietnamese" type="text" placeholder="请输入越南" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+        </vxe-form-gather>
+        <vxe-form-item align="center" span="24">
+          <template #default>
+            <vxe-button content="取消" @click="hideModal"></vxe-button>
+            <vxe-button type="submit" status="primary" content="保存"></vxe-button>
+          </template>
+        </vxe-form-item>
+      </vxe-form>
+    </template>
+  </vxe-modal>
+</template>
+<script lang="ts">
+import { defineComponent, reactive, ref, inject } from 'vue'
+import { VXETable, VxeFormEvents, VxeFormPropTypes } from 'vxe-table'
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+
+export default defineComponent({
+  name: 'QI18nForm',
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    currentRow: {
+      type: Object,
+    },
+
+    itemTypeList: {
+      type: Object,
+    },
+  },
+  setup(props, { emit }) {
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const modalTitle = ref(props.title)
+    const showModal = ref(true)
+    const hideModal = () => {
+      emit('hide', false)
+    }
+    const itemInfo = reactive({
+      loading: false,
+      formData: {
+        i18nKey: '',
+        chinese: '',
+        english: '',
+        traditionalChinese: '',
+        french: '',
+        german: '',
+        vietnamese: '',
+      },
+      formRules: {
+        i18nKey: [{ required: true, message: '当前内容为必填项' }],
+        chinese: [{ required: true, message: '当前内容为必填项' }],
+        english: [{ required: true, message: '当前内容为必填项' }],
+        traditionalChinese: [{ required: true, message: '当前内容为必填项' }],
+        french: [{ required: true, message: '当前内容为必填项' }],
+        german: [{ required: true, message: '当前内容为必填项' }],
+        vietnamese: [{ required: true, message: '当前内容为必填项' }],
+        // defaultValue: [{ required: true, message: '请输入默认值' }],
+      } as VxeFormPropTypes.Rules,
+    })
+    itemInfo.formData = Object.assign({}, itemInfo.formData, props.currentRow)
+    // 保存
+
+    const save = async () => {
+      itemInfo.loading = true
+      let params: MapObjectNoneType = { ...itemInfo.formData }
+
+      const res = await qHttp.post({ url: '/base/i18n/editNew', data: params })
+      if (res && res.success) {
+        VXETable.modal.message({ content: res.message, status: 'success' })
+        hideModal()
+        emit('afterHandleSaveSuccess')
+      } else {
+        VXETable.modal.message({ content: res.message, status: 'error' })
+      }
+      itemInfo.loading = false
+    }
+    const submitEvent: VxeFormEvents.Submit = () => {
+      save()
+    }
+    return {
+      modalTitle,
+      showModal,
+      hideModal,
+      itemInfo,
+      save,
+      submitEvent,
+    }
+  },
+})
+</script>
+<style lang="scss" scoped>
+:deep(.vxe-form--gather) {
+  padding: 20px 0px;
+}
+</style>

package/src/lib/components/QI18nList/src/QI18nList.vue

@@ -0,0 +1,361 @@
+<template>
+  <div style="height: 100%">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+
+    <!--新增-->
+    <vxe-modal v-model="addZhWord" title="添加词条" type="confirm" show-footer @confirm="addZhWordHandle('confirm')" @cancel="addZhWordHandle('cancel')">
+      <vxe-form title-colon title-align="right" title-width="160" :data="addZhWordFrom" :loading="addZhWordLoading">
+        <vxe-form-gather span="24">
+          <vxe-form-item title="词条类型" field="translateType" span="24">
+            <template #default="{ data }">
+              <q-select style="width: 200px" v-model:value="data.translateType" dict-code="translateType"></q-select>
+            </template>
+          </vxe-form-item>
+          <vxe-form-item title="中文内容" field="i18nValue" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.i18nValue" type="text" placeholder="请输入中文内容" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+        </vxe-form-gather>
+      </vxe-form>
+    </vxe-modal>
+
+    <!--翻译-->
+    <vxe-modal v-model="translateVisible" title="翻译" type="confirm" show-footer @confirm="translateHandle('confirm')">
+      <q-select style="width: 200px" v-model:value="languageValue" dict-code="language"></q-select>
+    </vxe-modal>
+
+    <!--编辑-->
+    <QI18nForm v-if="showEditPage" title="编辑" :currentRow="itemInfoRow" @hide="showEditPage = false" />
+  </div>
+</template>
+
+<script lang="ts">
+//JS
+import { defineComponent, reactive, ref, inject, nextTick } from 'vue'
+//hook
+import { useConfigData } from './useConfigData'
+//组件
+import { Modal, message } from '@qqt-product/ui'
+import QI18nForm from './QI18nForm.vue'
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+
+export default defineComponent({
+  name: 'QI18nList',
+  components: {
+    QI18nForm,
+  },
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup() {
+    //data-hook
+    const { itemInfoRow, languageValue, translateVisible, showEditPage, apiUrls, addZhWord, addZhWordFrom, addZhWordLoading } = useConfigData()
+    //data
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [
+          { authorityCode: 'i18n#I18n:editNew', type: 'edit', title: '编辑', click: handleEdit },
+          {
+            type: 'delete',
+            title: '删除',
+            authorityCode: 'i18n#I18n:delete',
+            // args: {
+            //   url: apiUrls.value.deleteWord,
+            // },
+            click: I18nRowDel,
+            // allow: allowDelete,
+          },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            authorityCode: 'i18n#I18n:add',
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            click: addRow,
+          },
+          {
+            label: '导入',
+            icon: {
+              type: 'icon-Q-import',
+            },
+            type: 'import',
+            args: {
+              url: '/base/i18n/importExcel',
+              excelCode: 'i18n',
+            },
+          },
+          {
+            label: '导出',
+            icon: {
+              type: 'icon-Q-export',
+            },
+            args: {
+              url: '/base/i18n/exportXls',
+            },
+            type: 'export',
+          },
+          { authorityCode: 'i18n#I18n:delRedisData', label: '清除缓存', click: delRedis },
+          { authorityCode: 'i18n#I18n:delRedisData', label: '清除菜单缓存', click: delPerRedis },
+          { authorityCode: 'i18n#I18n:translateData', label: '翻译', click: translate },
+          { authorityCode: 'i18n#I18n:translateAll', label: '一键翻译', click: translateAll },
+          {
+            label: '列自定义',
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+          {
+            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: '国际化key',
+            fieldName: 'i18nKey',
+            placeholder: '请输入国际化key',
+          },
+          {
+            type: 'input',
+            label: '国际化名称',
+            fieldName: 'chinese',
+            placeholder: '请输入国际化名称',
+          },
+        ],
+        formState: {
+          i18nKey: '',
+          chinese: '',
+        },
+      },
+      pagerConfig: {},
+    })
+    const listLayoutRef = ref()
+
+    function delRedis() {
+      Modal.confirm({
+        title: '提示',
+        content: '确认清除缓存?',
+        onOk() {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.delRedisData,
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = true
+            })
+        },
+      })
+    }
+
+    function delPerRedis() {
+      Modal.confirm({
+        title: '提示',
+        content: '确认清除缓存?',
+        onOk() {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.delPerRedis,
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = true
+            })
+        },
+      })
+    }
+
+    function translateAll() {
+      listLayoutRef.value.loading = true
+      qHttp
+        .get({
+          url: apiUrls.value.translateAll,
+        })
+        .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 addRow() {
+      addZhWord.value = true
+    }
+    function addZhWordHandle(handleType: string) {
+      if (handleType == 'confirm') {
+        if (!addZhWordFrom.value.i18nValue && !addZhWordFrom.value.i18nValue) {
+          message.error('请填写词条类型和中文内容')
+        } else {
+          listLayoutRef.value.loading = true
+          qHttp
+            .post({
+              url: apiUrls.value.add,
+              data: {
+                translateType: addZhWordFrom.value.translateType,
+                i18nValue: addZhWordFrom.value.i18nValue,
+              },
+            })
+            .then((res) => {
+              listLayoutRef.value.loading = false
+              if (res.success) {
+                // this.$message.success(res.message)
+                message.success('操作成功')
+                listLayoutRef.value.fetchListData()
+              } else {
+                // this.$message.warning(res.message)
+                message.warning('操作失败')
+              }
+            })
+            .catch(() => {
+              listLayoutRef.value.loading = false
+            })
+        }
+      } else {
+        addZhWordFrom.value = {
+          translateType: '',
+          i18nValue: '',
+        }
+      }
+    }
+
+    function I18nRowDel({ row = {} as MapObjectNoneType }) {
+      Modal.confirm({
+        title: '提示',
+        content: '是否需要删除行?',
+        onOk() {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.deleteWord,
+              params: { i18nKey: row.i18nKey },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = true
+            })
+        },
+      })
+    }
+
+    function translate() {
+      translateVisible.value = true
+    }
+
+    function translateHandle(handleType: string) {
+      if (handleType == 'confirm') {
+        if (languageValue.value == 'zh') {
+          message.warning('中文不需要翻译！')
+        } else {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.translateData,
+              params: { to: languageValue.value },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success('操作成功！')
+                listLayoutRef.value.fetchListData()
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = false
+              translateVisible.value = false
+            })
+        }
+      }
+    }
+
+    function handleEdit({ row = {} as MapObjectNoneType }) {
+      itemInfoRow.value = row
+      nextTick(() => {
+        showEditPage.value = true
+      })
+    }
+
+    return {
+      itemInfoRow,
+      translateHandle,
+      languageValue,
+      translateVisible,
+      addZhWordHandle,
+      showEditPage,
+      apiUrls,
+      pageData,
+      listLayoutRef,
+      addZhWord,
+      addZhWordFrom,
+      addZhWordLoading,
+    }
+  },
+})
+</script>

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

@@ -0,0 +1,37 @@
+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: '/base/i18n/listAll',
+    columnsCode: 'i18nListAll',
+    delete: '/base/i18n/delete',
+    deleteWord: '/base/i18n/deleteWord',
+    add: '/base/i18n/add',
+    delRedisData: '/base/i18n/delRedisData',
+    delPerRedis: '/account/permission/delPerRedisData',
+    translateData: '/base/i18n/translateData',
+    translateAll: '/base/i18n/translateAll',
+    deleteBatch: '/base/i18n/deleteBatch',
+    importExcelUrl: '/base/i18n/importExcel',
+    excelCode: 'i18n',
+    exportXlsUrl: '/base/i18n/exportXls',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const addZhWord = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  const addZhWordFrom = ref({
+    translateType: '',
+    i18nValue: '',
+  })
+  const languageValue = ref('en')
+  const addZhWordLoading = shallowRef<boolean>(false)
+  const translateVisible = shallowRef<boolean>(false)
+  const itemInfoRow = ref({})
+  return { itemInfoRow, translateVisible, languageValue, addZhWordLoading, addZhWordFrom, addZhWord, apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
+}

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

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