@qqt-product/system 0.0.1

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

@@ -0,0 +1,94 @@
+<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 } from 'vue'
+//hook
+import { useConfigData } from './useConfigData'
+
+export default defineComponent({
+  name: 'QImChatGroupList',
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup(props) {
+    //data
+    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 },
+          {
+            type: 'delete',
+            title: '删除',
+            authorityCode: 'i18n#I18n:delete',
+            action: '/base/systemSet/delete',
+            // allow: allowDelete,
+          },
+        ],
+      },
+      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: '请选择单据类型',
+          },
+        ],
+        formState: {
+          keyWord: '',
+          recordType: '',
+        },
+      },
+      pagerConfig: {},
+    })
+    //data-hook
+    const { showEditPage, apiUrls } = useConfigData()
+    const { userInfo } = toRefs(props)
+    console.log('userInfos', userInfo)
+    //methods
+    // function allowDelete() {
+    //   console.log('userInfo.value?.userInfo?.elsAccount', userInfo.value?.userInfo?.elsAccount)
+    //   if (userInfo.value?.userInfo?.elsAccount != '100000') {
+    //     return true
+    //   } else {
+    //     return false
+    //   }
+    // }
+    return { showEditPage, apiUrls, pageData }
+  },
+})
+</script>
+<style scoped></style>

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

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

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

package/src/lib/components/QMqRecordList/src/QMqRecordList.vue

@@ -0,0 +1,105 @@
+<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'
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+import { message } from '@qqt-product/ui'
+export default defineComponent({
+  name: 'QMqRecordList',
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup() {
+    //data-hook
+    const { showEditPage, apiUrls, listLayoutRef } = useConfigData()
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    // const { userInfo } = toRefs(props)
+    //data
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [{ authorityCode: 'mq#mqRecord:retry', type: 'delete', title: '重试 ', click: retry, disabled: allowRetryOpt }],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          // {label: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_listCustom`, '列自定义'), icon: 'setting', clickFn: this.settingColumns}
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'select',
+            label: '消息分组',
+            dictCode: 'mqGroup',
+            fieldName: 'msgGroup',
+            placeholder: '请选择消息分组',
+          },
+          {
+            type: 'select',
+            label: '消息状态',
+            dictCode: 'mqStatus',
+            fieldName: 'msgStatus',
+            placeholder: '请选择消息状态',
+          },
+        ],
+        formState: {},
+      },
+      pagerConfig: {},
+    })
+
+    //methods
+    function allowRetryOpt({ row = {} as MapObjectNoneType }) {
+      if (row.msgStatus !== '1') {
+        return false
+      } else {
+        return true
+      }
+    }
+
+    function retry({ row = {} as MapObjectNoneType }) {
+      listLayoutRef.value.loading = true
+      qHttp
+        .post({
+          url: apiUrls.value.retry,
+          params: {
+            ...row,
+          },
+        })
+        .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/QMqRecordList/src/useConfigData.ts

@@ -0,0 +1,18 @@
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/base/mqRecord/list',
+    retry: '/base/mqRecord/retry',
+    columnsCode: 'mqRecord',
+  })
+  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/QPasswordSecurityPolicy/index.ts

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

package/src/lib/components/QPasswordSecurityPolicy/src/QPasswordSecurityPolicy.vue

@@ -0,0 +1,266 @@
+<template>
+  <div class="password-security-policy">
+    <div class="password-security-policy-breadcrumb">
+      <!-- <div>
+        <breadcrumb></breadcrumb>
+      </div> -->
+      <div>
+        <a-button type="primary" @click="onSubmit"> 提交 </a-button>
+        <a-button @click="onReset"> 重置</a-button>
+      </div>
+    </div>
+    <div class="password-security-policy-content">
+      <div class="password-security-policy-form" :style="{ minHeight: `${height - 154}px` }">
+        <div class="item" v-for="(item, index) in list" :key="index">
+          <div class="desc">
+            <div class="tit">{{ item.title }}</div>
+            <div class="tip" v-html="item.tip"></div>
+          </div>
+          <div class="type">
+            <template v-if="item.itemtype === 'checkbox'">
+              <a-checkbox-group v-model:value="form[item.key]" :options="item.options" />
+            </template>
+            <template v-else-if="item.itemtype === 'switch'">
+              <a-switch v-model:checked="form[item.key]" />
+            </template>
+            <template v-else-if="item.itemtype === 'inputNumber'">
+              <div>
+                {{ item.textStart || '' }}
+                <span class="red">{{ form[item.key] }}</span>
+                {{ item.textEnd || '' }}
+              </div>
+              <a-input-number size="small" :min="item.minValue" :max="item.maxValue" :precision="0" v-model:value="form[item.key]" />
+            </template>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+//JS
+import { HttpClient, INJECT_HTTP, MapObjectNoneType } from '../../../utils/global.types'
+import { message } from '@qqt-product/ui'
+import { defineComponent, inject } from 'vue'
+
+export default defineComponent({
+  name: 'QPasswordSecurityPolicy',
+  data() {
+    return {
+      height: 0,
+      form: {
+        complexity: [],
+        minLength: 0,
+        modifyInterval: 0,
+        errorLock: 0,
+        errorLockTime: 0,
+        forcePwdHis: 0,
+        allowRepeatLogin: true,
+        id: '',
+      } as MapObjectNoneType,
+      list: [
+        {
+          title: '密码复杂性',
+          tip: '更改或创建密码时，会强制实施复杂性要求。',
+          itemtype: 'checkbox',
+          key: 'complexity',
+          options: [
+            {
+              value: 'includeNum',
+              label: '数字',
+            },
+            {
+              value: 'includeLowerCase',
+              label: '小写字母',
+            },
+            {
+              value: 'includeUpperCase',
+              label: '大写字母',
+            },
+            {
+              value: 'includeSymbol',
+              label: '特殊字符',
+            },
+          ],
+        },
+        {
+          title: '密码长度最小值 (位)',
+          tip: '设置账号密码最小字符数，单位为位。注: 个于1-14之间。',
+          itemtype: 'inputNumber',
+          key: 'minLength',
+          minValue: 0,
+          textStart: '长度必须大于',
+          textEnd: '位',
+        },
+        {
+          title: '密码使用期限 (天)',
+          tip: '密码达到使用期限，强制修改密码，单位为天。',
+          itemtype: 'inputNumber',
+          key: 'modifyInterval',
+          minValue: 0,
+          textStart: '每',
+          textEnd: '天修改一次密码',
+        },
+        {
+          title: '强制密码历史',
+          tip: ` 新密码与前几个历史密码关联唯一，单位为个<span style="color:red;">
+            '注:个于0-24之间，0表示新密码可以和旧密码相同，24表示新密码不能与前24个历史密码相同。',
+          </span>`,
+          itemtype: 'inputNumber',
+          key: 'forcePwdHis',
+          minValue: 0,
+          maxValue: 24,
+          textStart: '新密码与前',
+          textEnd: '个历史密码唯一',
+        },
+        {
+          title: '账号锁定阈值',
+          tip: `连续密码输入错误次数达到阀值，则账号被锁定。<span style="color:red;"> 注：0表示不限制。</span>`,
+          itemtype: 'inputNumber',
+          key: 'errorLock',
+          minValue: 0,
+          textStart: '连续输入密码错误',
+          textEnd: '次锁定账号',
+        },
+        {
+          title: '账号锁定持续时长 (分钟)',
+          tip: `账号锁定持续时长，单位为分钟。<span style="color:red;"> 注：-1表示无限期锁定。</span>`,
+          itemtype: 'inputNumber',
+          key: 'errorLockTime',
+          minValue: -1,
+          textStart: '账号锁定',
+          textEnd: '分钟后解锁',
+        },
+      ],
+      allowRepeatLogin: '0',
+      complexity: {
+        includeNum: 0,
+        includeLowerCase: 0,
+        includeUpperCase: 0,
+        includeSymbol: 0,
+      } as MapObjectNoneType,
+    }
+  },
+  setup() {
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    return {
+      qHttp,
+    }
+  },
+  // components: {
+  //   Breadcrumb,
+  // },
+  created() {
+    this.height = document.documentElement.clientHeight
+    this.init()
+  },
+  methods: {
+    onReset() {
+      message.success('已重置')
+      this.init()
+    },
+    onSubmit() {
+      console.log(this.form)
+      let url = this.form.id ? '/account/elsPasswordSecurity/editElsPwSecurity' : '/account/elsPasswordSecurity/addElsPwSecurity'
+      Object.keys(this.complexity).forEach((item) => {
+        this.complexity[item] = 0
+        if (this.form.complexity.includes(item)) {
+          this.complexity[item] = 1
+        }
+      })
+      this.allowRepeatLogin = this.form.allowRepeatLogin ? '1' : '0'
+      let postData = Object.assign({}, this.form, { complexity: JSON.stringify(this.complexity), allowRepeatLogin: this.allowRepeatLogin })
+      console.log('postData!', postData)
+      this.qHttp.post({ url, data: postData }).then((res) => {
+        if (res.success) {
+          message.success('提交成功')
+          this.init()
+        } else {
+          message.warning(res.message)
+        }
+      })
+    },
+    init() {
+      let url = '/account/elsPasswordSecurity/getElsPasswordSecurity'
+      this.qHttp.post({ url }).then((res) => {
+        if (res.success) {
+          let result = res.result || {}
+          console.log('result', result)
+          result.allowRepeatLogin = !!result.allowRepeatLogin
+          result.complexity = JSON.parse(result.complexity)
+          result.complexity = Object.keys(result.complexity).filter((item) => result.complexity[item] === 1)
+          this.form = result
+          console.log(this.form)
+        }
+      })
+    },
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+$glay: rgba(69, 79, 89, 0.6);
+
+.password-security-policy {
+  height: 100%;
+  &-breadcrumb {
+    height: 44px;
+    display: flex;
+    /* justify-content: space-between; */
+    justify-content: flex-end;
+    align-items: center;
+    padding-left: 16px;
+    padding-right: 25px;
+    background: white;
+  }
+  &-content {
+    padding: 8px;
+  }
+  &-form {
+    background: white;
+    padding: 0 16px;
+    .item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 18px;
+      border-bottom: 1px dashed #dadada;
+      .desc {
+        padding: 16px 0;
+        .tit {
+          color: #454f59;
+          font-weight: 500;
+          font-size: 14px;
+          line-height: 14px;
+        }
+        .tip {
+          font-weight: 400;
+          font-size: 12px;
+          line-height: 12px;
+          color: $glay;
+          margin-top: 8px;
+        }
+      }
+      .type {
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 12px;
+        color: $glay;
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+  .red {
+    color: red;
+  }
+  .ant-input-number {
+    margin-left: 16px;
+    width: 60px;
+  }
+  .ant-btn + .ant-btn {
+    margin-left: 8px;
+  }
+}
+</style>

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

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

package/src/lib/components/QPermissionDataList/src/QPermissionDataAuth.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>auth</div>
+</template>