@qqt-product/system 0.0.16 → 0.0.18

package/src/lib/components/QQuartzJobList/src/components/QuartzJobModal.vue

@@ -1,176 +0,0 @@
-<template>
-  <a-modal :title="title" :width="800" :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleCancel" ok-text="保存并安排任务" cancel-text="关闭">
-    <a-spin :spinning="confirmLoading">
-      <a-form ref="Aform" :model="form">
-        <a-form-item name="jobNameKey" :rules="[{ required: true, message: '请输入任务编码!' }]" :label-col="labelCol" :wrapper-col="wrapperCol" label="任务编码">
-          <a-input placeholder="请输入任务编码" :disabled="isJobNameKey" v-model:value="form.jobNameKey" />
-        </a-form-item>
-        <a-form-item name="jobClassName" :rules="[{ required: true, message: '请输入任务类名!' }]" :label-col="labelCol" :wrapper-col="wrapperCol" label="任务类名" has-feedback>
-          <a-input placeholder="请输入任务类名" v-model:value="form.jobClassName" />
-        </a-form-item>
-        <a-form-item
-          name="cronExpression"
-          :rules="[
-            {
-              required: true,
-              message: '请输入cron表达式!',
-            },
-          ]"
-          :label-col="labelCol"
-          :wrapper-col="wrapperCol"
-          label="cron表达式"
-        >
-          <!--                    <a-input placeholder="请输入cron表达式" v-decorator="['cronExpression', {'initialValue':'0/1 * * * * ?',rules: [{ required: true, message: '请输入任务类名!' }]}]" />-->
-          <!--                    <a target="_blank" href="http://cron.qqe2.com/">-->
-          <!--                      <a-icon type="share-alt" />-->
-          <!--                      在线cron表达式生成-->
-          <!--                    </a>-->
-          <!--          <j-cron ref="innerVueCron" v-decorator="['cronExpression', {'initialValue':'0/1 * * * * ?',rules: [{ required: true, message: '请输入cron表达式!' }]}]"  @change="setCorn"></j-cron>-->
-          <j-cron ref="innerVueCron" v-model:value="form.cronExpression" @change="setCorn" />
-        </a-form-item>
-        <a-form-item name="parameter" :label-col="labelCol" :wrapper-col="wrapperCol" label="参数">
-          <a-input placeholder="请输入参数" v-model:value="form.parameter" />
-        </a-form-item>
-        <a-form-item name="description" :label-col="labelCol" :wrapper-col="wrapperCol" label="描述">
-          <a-input placeholder="请输入描述" v-model:value="form.description" />
-        </a-form-item>
-        <a-form-item :rules="[{ required: true, message: '请选择状态!' }]" name="status" :label-col="labelCol" :wrapper-col="wrapperCol" label="状态">
-          <a-radio-group button-style="solid" v-model:value="form.status">
-            <a-radio-button :value="0"> 正常 </a-radio-button>
-            <a-radio-button :value="-1"> 停止 </a-radio-button>
-          </a-radio-group>
-        </a-form-item>
-      </a-form>
-    </a-spin>
-  </a-modal>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, inject, nextTick } from 'vue'
-// import { postAction } from '@/api/manage'
-import JCron from '../components/JCron.vue'
-
-import { HttpClient, INJECT_HTTP, MapObjectNoneType } from '../../../../utils/global.types'
-import { message } from '@qqt-product/ui'
-// import moment from "moment"
-
-export default defineComponent({
-  name: 'QuartzJobModal',
-  emits: ['close', 'ok'],
-  components: {
-    JCron,
-  },
-  setup() {
-    const Aform = ref()
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-    return { Aform, qHttp }
-  },
-  data() {
-    return {
-      title: '操作',
-      visible: false,
-      isJobNameKey: false,
-      model: {} as MapObjectNoneType,
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 5 },
-      },
-      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 16 },
-      },
-      cron: {
-        label: '',
-        value: '',
-      },
-      confirmLoading: false,
-      form: {
-        jobNameKey: '',
-        jobClassName: '',
-        cronExpression: '* * * * * ? *',
-        parameter: undefined,
-        description: '',
-        status: undefined,
-      },
-
-      url: {
-        add: '/job/quartzJob/add',
-        edit: '/job/quartzJob/edit',
-      },
-    }
-  },
-  methods: {
-    add() {
-      this.edit({})
-    },
-    edit(record: MapObjectNoneType) {
-      this.visible = true
-      // let _that = this
-      nextTick(() => {
-        this.Aform.resetFields()
-        this.model = Object.assign({}, record)
-        if (this.model.id) {
-          this.isJobNameKey = true
-        }
-        nextTick(() => {
-          console.log('this.Aform', this.Aform)
-          this.form = { ...this.form, ...this.model }
-        })
-      })
-    },
-    close() {
-      this.$emit('close')
-      this.visible = false
-    },
-    handleOk() {
-      // const that = this
-      // 触发表单验证
-      console.log('this.Aform', this.Aform)
-      this.Aform.validate().then(() => {
-        this.confirmLoading = true
-        let httpurl = ''
-        if (!this.model.id) {
-          httpurl += this.url.add
-        } else {
-          httpurl += this.url.edit
-        }
-        let formData: MapObjectNoneType = this.form
-        //时间格式化
-        this.qHttp
-          .post({
-            url: httpurl,
-            data: formData,
-          })
-          .then((res: MapObjectNoneType) => {
-            if (res.success) {
-              message.success(res.message)
-              this.$emit('ok')
-            } else {
-              message.warning(res.message)
-            }
-          })
-          .finally(() => {
-            this.confirmLoading = false
-            this.close()
-          })
-      })
-    },
-    handleCancel() {
-      this.close()
-    },
-    setCorn(data: string) {
-      console.log('data)', data)
-      this.$nextTick(() => {
-        this.form.cronExpression = data
-      })
-
-      // console.log(Object.keys(data).length==0);
-      if (Object.keys(data).length == 0) {
-        message.warning('请输入cron表达式!')
-      }
-    },
-  },
-})
-</script>
-
-<style scoped></style>

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

@@ -1,26 +0,0 @@
-import { MapObjectNoneType } from '../../../utils/global.types'
-import { shallowRef, ref } from 'vue'
-// import type { MapObjectNoneType } from './types'
-// import { VxeTableInstance } from 'vxe-table'
-// import type  {}
-export function useConfigData() {
-  //响应
-
-  const apiUrls = shallowRef({
-    list: '/job/quartzJob/list',
-    delete: '/job/quartzJob/delete',
-    deleteBatch: '/job/quartzJob/deleteBatch',
-    pause: '/job/quartzJob/pause',
-    manualExecute: '/job/quartzJob/manualExecute',
-    resume: '/job/quartzJob/resume',
-    exportXlsUrl: 'job/quartzJob/exportXls',
-    importExcelUrl: 'job/quartzJob/importExcel',
-    columnsCode: 'ElsQuartzJob',
-  })
-  const uploadShow = shallowRef<boolean>(false)
-  const showEditPage = shallowRef<boolean>(false)
-  const currentEditRow = ref<MapObjectNoneType>({})
-  const listLayoutRef = ref()
-  const editPage = ref()
-  return { editPage, apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
-}

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

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

package/src/lib/components/QRoleList/src/QRoleList.vue

@@ -1,332 +0,0 @@
-<template>
-  <div style="height: 100%">
-    <q-list-layout ref="listLayoutRef" v-if="!showAuth && !showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
-
-    <!--复制功能-->
-    <vxe-modal v-model="copyRoleShow" title="复制角色" type="confirm" :showFooter="false">
-      <vxe-form title-colon title-align="right" title-width="160" :data="copyRoleFrom" :rules="userInformsFromRules" @submit="copyRolesubmitEvent">
-        <vxe-form-gather span="24">
-          <vxe-form-item title="角色名称" field="roleName" span="24">
-            <template #default="{ data }">
-              <vxe-input v-model="data.roleName" type="text" placeholder="请输入角色名称"></vxe-input>
-            </template>
-          </vxe-form-item>
-          <vxe-form-item title="角色编码" field="roleCode" span="24">
-            <template #default="{ data }">
-              <vxe-input v-model="data.roleCode" type="text" placeholder="请输入角色编码"></vxe-input>
-            </template>
-          </vxe-form-item>
-
-          <vxe-form-item align="center" span="24">
-            <template #default>
-              <vxe-button content="取消" @click="copyRoleShow = false"></vxe-button>
-              <vxe-button type="submit" status="primary" content="保存"></vxe-button>
-            </template>
-          </vxe-form-item>
-        </vxe-form-gather>
-      </vxe-form>
-    </vxe-modal>
-
-    <!--新增-->
-
-    <vxe-modal :width="560" v-model="userInformsFromShow" title="基本信息" type="confirm" :showFooter="false">
-      <vxe-form title-colon title-align="right" title-width="100" :rules="userInformsFromRules" :data="userInformsFrom" @submit="userInformFormEvent">
-        <vxe-form-gather span="24">
-          <vxe-form-item title="角色名称" field="roleName" span="24">
-            <template #default="{ data }">
-              <vxe-input v-model="data.roleName" type="text" placeholder="请输入角色名称"></vxe-input>
-            </template>
-          </vxe-form-item>
-          <vxe-form-item title="角色编码" field="roleCode" span="24">
-            <template #default="{ data }">
-              <vxe-input :disabled="!!userInformsFrom.id" v-model="data.roleCode" type="text" placeholder="请输入角色编码"></vxe-input>
-            </template>
-          </vxe-form-item>
-
-          <vxe-form-item title="描述" field="description" span="24">
-            <template #default="{ data }">
-              <vxe-textarea :autosize="{ minRows: 6, maxRows: 10 }" v-model="data.description" type="text" placeholder="请输入描述"></vxe-textarea>
-            </template>
-          </vxe-form-item>
-
-          <vxe-form-item align="center" span="24">
-            <template #default>
-              <vxe-button
-                content="取消"
-                @click="
-                  () => {
-                    userInformsFromShow = false
-                    userInformsFrom = {}
-                  }
-                "
-              ></vxe-button>
-              <vxe-button type="submit" status="primary" content="保存"></vxe-button>
-            </template>
-          </vxe-form-item>
-        </vxe-form-gather>
-      </vxe-form>
-    </vxe-modal>
-
-    <!-- 租户授权 -->
-    <user-authorization v-if="showAuth" parentPath="RoleList" :rows="currentRows" @authCancel="handleAuthCancel"></user-authorization>
-  </div>
-</template>
-
-<script lang="ts">
-//JS
-import { ref, defineComponent, reactive, nextTick, inject } from 'vue'
-//hook
-import { useConfigData } from './useConfigData'
-import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
-import { message } from '@qqt-product/ui'
-
-import UserAuthorization from './components/userAuthorization'
-
-export default defineComponent({
-  name: 'QRoleList',
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  components: {
-    UserAuthorization,
-  },
-  setup() {
-    //data-hook
-    const { userInformsFromShow, userInformsFrom, showEditPage, apiUrls, copyRoleShow, copyRoleFrom, itemRow, listLayoutRef } = useConfigData()
-    // const { userInfo } = toRefs(props)
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-    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 userInformsFromRules = ref({
-      roleName: [{ required: true, message: '请输入角色名称' }],
-      roleCode: [
-        { required: true, message: '请输入角色编码' },
-        {
-          // todo：异步校验
-          validator: async ({ itemValue }) => {
-            if (/[\u4E00-\u9FA5]/g.test(itemValue)) {
-              message.warn('角色编码不可输入汉字!')
-              return Promise.reject('角色编码不可输入汉字!')
-            } else {
-              if (userInformsFrom.value.id) {
-                return Promise.resolve()
-              } else {
-                const params = {
-                  tableName: 'els_role',
-                  fieldName: 'role_code',
-                  fieldVal: itemValue,
-                  dataId: copyRoleFrom.value.id,
-                }
-                const res = await qHttp.get({ url: '/base/duplicate/check', params })
-                if (res && res.success) {
-                  return Promise.resolve()
-                } else {
-                  message.warn(res.message)
-                  return Promise.reject(res.message)
-                }
-              }
-            }
-          },
-        },
-      ],
-    })
-    const showAuth = ref(false)
-    const currentRows = ref([])
-
-    const handleAuth = ({ row }: { row: never }) => {
-      showAuth.value = true
-      if (Array.isArray(row)) {
-        currentRows.value = [...row] as never
-      } else {
-        currentRows.value.push(row as never)
-      }
-    }
-
-    const handleAuthCancel = () => {
-      showAuth.value = false
-      currentRows.value = []
-    }
-
-    //data
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optionConfig: {
-        attrs: {},
-        extend: {},
-        options: [
-          { authorityCode: 'role#Role:edit', type: 'edit', title: '编辑', click: handleEdit },
-          { authorityCode: 'role#Role:copy', type: 'copy', title: '复制', click: handleCopy },
-          {
-            type: 'authorization',
-            title: '授权',
-            click: handleAuth,
-            authorityCode: 'role#Permissio:saveRolePermission',
-          },
-          {
-            authorityCode: 'role#Role:delete',
-            type: 'delete',
-            title: '删除',
-            args: {
-              url: apiUrls.value.delete,
-            },
-            disabled: allowDelete,
-          },
-          // { authorityCode: 'role#Role:userSet', type: 'usersList', title: srmI18n(`${getLangAccount()}#i18n_btn_jDER_36c46210`, '用户配置'), clickFn: this.handleUsersList },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          {
-            authorityCode: 'role#Role:add',
-            label: srmI18n('i18n_title_add', '新增'),
-            icon: {
-              type: 'icon-Q-add',
-            },
-            attrs: {
-              type: 'primary',
-            },
-            click: handleAdd,
-          },
-          {
-            label: srmI18n('i18n_title_listCustom', '列自定义'),
-            icon: {
-              type: 'icon-Q-setting',
-            },
-            type: 'setting',
-          },
-        ],
-      },
-      queryConfig: {
-        attrs: {},
-        extend: {},
-        form: [
-          {
-            type: 'input',
-            label: '角色名称',
-            fieldName: 'roleName',
-            placeholder: '请输入角色名称',
-          },
-        ],
-      },
-      pagerConfig: {},
-    })
-
-    //method
-    function handleCopy({ row = {} as MapObjectNoneType }) {
-      itemRow.value = row
-      nextTick(() => {
-        copyRoleShow.value = true
-      })
-    }
-
-    function allowDelete({ row = {} as MapObjectNoneType }) {
-      if (row.roleCode == 'companyAdmin' || row.roleCode == 'admin') {
-        return true
-      } else {
-        return false
-      }
-    }
-
-    function copyRolesubmitEvent() {
-      if (copyRoleFrom.value.roleName == '') {
-        message.warning('请输入角色名称')
-        return
-      }
-      if (copyRoleFrom.value.roleCode == '') {
-        message.warning('请输入角色编码')
-        return
-      }
-
-      let data = { id: itemRow.value.id, roleName: copyRoleFrom.value.roleName, roleCode: copyRoleFrom.value.roleCode }
-      listLayoutRef.value.loading = true
-      qHttp
-        .post({
-          url: apiUrls.value.copy,
-          data,
-        })
-        .then((res) => {
-          listLayoutRef.value.loading = false
-          if (res.success) {
-            listLayoutRef.value.fetchListData()
-            message.success(res.message)
-          } else {
-            message.warning(res.message)
-          }
-        })
-        .finally(() => {
-          itemRow.value = {}
-          copyRoleFrom.value = {}
-          copyRoleShow.value = false
-        })
-    }
-
-    function handleAdd() {
-      userInformsFrom.value = {}
-      nextTick(() => {
-        userInformsFromShow.value = true
-      })
-    }
-    function handleEdit({ row = {} as MapObjectNoneType }) {
-      userInformsFrom.value = { ...row }
-      nextTick(() => {
-        userInformsFromShow.value = true
-      })
-    }
-    function userInformFormEvent() {
-      let url = userInformsFrom.value.id ? '/account/role/edit' : '/account/role/add'
-      qHttp
-        .post({
-          url,
-          data: {
-            ...userInformsFrom.value,
-          },
-        })
-        .then((res) => {
-          listLayoutRef.value.loading = false
-          if (res.success) {
-            listLayoutRef.value.fetchListData()
-            message.success(res.message)
-            userInformsFrom.value = {}
-            userInformsFromShow.value = false
-          } else {
-            message.warning(res.message)
-          }
-        })
-    }
-
-    return {
-      userInformsFromRules,
-      userInformFormEvent,
-      userInformsFromShow,
-      userInformsFrom,
-      listLayoutRef,
-      copyRolesubmitEvent,
-      copyRoleFrom,
-      showEditPage,
-      apiUrls,
-      pageData,
-      copyRoleShow,
-      showAuth,
-      currentRows,
-      handleAuthCancel,
-    }
-  },
-})
-</script>

package/src/lib/components/QRoleList/src/components/content-header/contentHeader.less

@@ -1,31 +0,0 @@
-.content-Header {
-    width: 100%;
-    position: sticky;
-    top: 0;
-    z-index: 99;
-    box-shadow: 0 3px 12px rgba(98, 107, 181, .25);
-    &.posA {
-        position: absolute;
-        left: 0;
-        top: 0;
-    }
-	.topWrap {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		background: #fff;
-        padding: 10px 24px 10px 10px;
-        .box {
-            display: flex;
-            align-items: center;
-        }
-        .extra {
-            & +.menu {
-                margin-left: 24px;
-            }
-        }
-		.menu {
-			text-align: right;
-		}
-	}
-}

package/src/lib/components/QRoleList/src/components/content-header/index.tsx

@@ -1,42 +0,0 @@
-import { defineComponent, PropType, ExtractPropTypes } from 'vue'
-import './contentHeader.less'
-
-import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
-
-const headerProps = {
-  buttons: {
-    type: Array as PropType<GlobalPageLayoutTypes.PageButton[]>,
-    default() {
-      return []
-    },
-  },
-}
-
-export type HeaderProps = ExtractPropTypes<typeof headerProps>
-
-export default defineComponent({
-  name: 'QContentHeader',
-  props: headerProps,
-  setup(prop: HeaderProps, ctx) {
-    const btnProps = {
-      buttons: prop.buttons,
-      ...ctx.attrs,
-    }
-    return () => {
-      return (
-        <div class="content-Header">
-          <div class="topWrap">
-            <div class="breadcrumb">
-              <q-breadcrumb></q-breadcrumb>
-            </div>
-            <div class="box">
-              <div class="menu">
-                <q-layout-buttons {...btnProps}></q-layout-buttons>
-              </div>
-            </div>
-          </div>
-        </div>
-      )
-    }
-  },
-})