@qqt-product/system 0.0.1

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

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

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

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

@@ -0,0 +1,288 @@
+<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 v-model="userInformsFromShow" title="基本信息" type="confirm" :showFooter="false">
+      <vxe-form title-colon title-align="right" title-width="160" :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 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 { userInformsFromRules, userInformsFromShow, userInformsFrom, showEditPage, apiUrls, copyRoleShow, copyRoleFrom, itemRow, listLayoutRef } = useConfigData()
+    // const { userInfo } = toRefs(props)
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+
+    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,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [
+          { 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: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            click: handleAdd,
+          },
+          //             {label: srmI18n(`${getLangAccount()}#i18n_title_listCustom`, '列自定义'), icon: 'setting', clickFn: this.settingColumns},
+          //             {label: srmI18n(`${getLangAccount()}#i18n_title_helpText`, '帮助说明'), icon: 'file-text', folded: true, isDocument: true, clickFn: this.showHelpText},
+          //             {label: srmI18n(`${getLangAccount()}#i18n_title_attachment`, '说明附件'), icon: 'file-pdf', folded: true, isDocument: true, clickFn: this.showHelpPDF}
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'input',
+            label: '角色名称',
+            fieldName: 'roleName',
+            placeholder: '请输入角色名称',
+          },
+        ],
+        formState: {},
+      },
+      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() {
+      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)
+          } else {
+            message.warning(res.message)
+          }
+        })
+        .finally(() => {
+          userInformsFrom.value = {}
+          userInformsFromShow.value = false
+        })
+    }
+
+    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

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

@@ -0,0 +1,42 @@
+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>
+      )
+    }
+  },
+})