@qqt-product/system 0.0.16 → 0.0.17

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

@@ -1,141 +0,0 @@
-<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

@@ -1,365 +0,0 @@
-<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" width="600" show-footer @confirm="addZhWordHandle('confirm')" @cancel="addZhWordHandle('cancel')">
-      <vxe-form title-colon title-align="right" title-width="120" :data="addZhWordFrom" :loading="addZhWordLoading">
-        <vxe-form-gather span="24">
-          <vxe-form-item title="词条类型" field="translateType" span="24">
-            <template #default="{ data }">
-              <q-select style="width: 100%" 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 style="width: 100%" v-model="data.i18nValue" type="text" placeholder="请输入中文内容" clearable></vxe-input>
-              <!-- <a-input style="width: 200px" v-model:value="data.i18nValue" placeholder="请输入中文内容" clearable /> -->
-            </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(props) {
-    //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,
-      },
-      optionConfig: {
-        attrs: {},
-        extend: {},
-        options: [
-          { 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: '请输入国际化名称',
-          },
-        ],
-      },
-      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() {
-      // console.log(props.userInfo?.userInfo?.elsAccount)
-      const elsAccount = props.userInfo?.userInfo?.elsAccount
-
-      if (elsAccount != '100000') {
-        message.warning('请在平台添加词条！')
-        return
-      }
-      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

@@ -1,37 +0,0 @@
-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

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

package/src/lib/components/QImChatGroupList/src/QImChatGroupList.vue

@@ -1,103 +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, toRefs, inject } from 'vue'
-//hook
-import { useConfigData } from './useConfigData'
-//ts
-interface layimTS {
-  openGruopChat: (parmas: object) => void
-}
-
-export default defineComponent({
-  name: 'QImChatGroupList',
-
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  setup() {
-    //inject
-    const layIM = inject('Q_APPLICATION_IM') as layimTS
-    //data
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optionConfig: {
-        attrs: {},
-        extend: {},
-        options: [
-          // { 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 },
-          {
-            type: 'chat',
-            title: '查看',
-            click: handleViewChat,
-          },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          // {label: srmI18n(`${getLangAccount()}#i18n_title_listCustom`, '列自定义'), icon: 'setting', clickFn: this.settingColumns}
-        ],
-      },
-      queryConfig: {
-        attrs: {},
-        extend: {},
-        form: [
-          {
-            type: 'input',
-            label: '群组名称',
-            fieldName: 'keyWord',
-            placeholder: '请输入群组名称',
-          },
-          {
-            type: 'select',
-            label: 'IM群聊单据类型',
-            fieldName: 'recordType',
-            dictCode: 'ImRecordType',
-            placeholder: '请选择单据类型',
-          },
-        ],
-      },
-      pagerConfig: {},
-    })
-    //data-hook
-    const { showEditPage, apiUrls } = useConfigData()
-    //methods
-    // function allowDelete() {
-    //   console.log('userInfo.value?.userInfo?.elsAccount', userInfo.value?.userInfo?.elsAccount)
-    //   if (userInfo.value?.userInfo?.elsAccount != '100000') {
-    //     return true
-    //   } else {
-    //     return false
-    //   }
-    // }
-    //methods
-    function handleViewChat({ row }) {
-      let chatInfo = {
-        groupname: row.name,
-        avatar: row.avatar || '',
-        id: row.id,
-      }
-      console.log('123123', layIM)
-      layIM.openGruopChat(chatInfo)
-    }
-    return { showEditPage, apiUrls, pageData }
-  },
-})
-</script>
-<style scoped></style>

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

@@ -1,17 +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: 'im/message/group-page',
-    columnsCode: 'imChatGroupList',
-  })
-  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/QMqRecordList/index.ts

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