github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 03:01:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2025-05-07 13:53:12 +08:00
parent 1e45d199e2
commit 1fc141050f
4 changed files with 86 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
resources/assets/js/components/MicroApps/content.vue Normal file
View File

@ -0,0 +1,50 @@
<template>
<div class="micro-app-content">
<micro-app
v-if="isOpen"
:name="appName"
:url="appUrl"
:keep-alive="keepAlive"
:data="appData"
@created="$emit('created', $event)"
@beforemount="$emit('beforemount', $event)"
@mounted="$emit('mounted', $event)"
@unmount="$emit('unmount', $event)"
@error="$emit('error', $event)"/>
<div v-if="isLoading" class="micro-app-loader">
<Loading/>
</div>
</div>
</template>
<script>
export default {
name: "MicroContent",
props: {
isOpen: {
type: Boolean,
required: true
},
appName: {
type: String,
required: true
},
appUrl: {
type: String,
required: true
},
keepAlive: {
type: Boolean,
default: true
},
isLoading: {
type: Boolean,
default: false
},
appData: {
type: Object,
required: true
}
}
}
</script>

75
resources/assets/js/components/MicroApps.vue → resources/assets/js/components/MicroApps/index.vue
View File

@ -10,22 +10,18 @@
:beforeClose="async () => { await onBeforeClose(app.appName) }" :beforeClose="async () => { await onBeforeClose(app.appName) }"
class-name="micro-app-trans" class-name="micro-app-trans"
fullscreen> fullscreen>
<template> <MicroContent
<micro-app :is-open="app.isOpen"
v-if="app.isOpen" :app-name="app.appName"
:name="app.appName" :app-url="app.appUrl"
:url="app.appUrl" :keep-alive="app.keepAlive"
:keep-alive="app.keepAlive" :is-loading="app.isLoading"
:data="appData(app.appName)" :app-data="appData(app.appName)"
@created="created" @created="created"
@beforemount="beforemount" @beforemount="beforemount"
@mounted="mounted" @mounted="mounted"
@unmount="unmount" @unmount="unmount"
@error="error"/> @error="error"/>
<div v-if="app.isLoading" class="micro-app-loader">
<Loading/>
</div>
</template>
</Modal> </Modal>
<DrawerOverlay <DrawerOverlay
v-else v-else
@ -35,22 +31,18 @@
placement="right" placement="right"
:beforeClose="async () => { await onBeforeClose(app.appName) }" :beforeClose="async () => { await onBeforeClose(app.appName) }"
:size="1200"> :size="1200">
<template> <MicroContent
<micro-app :is-open="app.isOpen"
v-if="app.isOpen" :app-name="app.appName"
:name="app.appName" :app-url="app.appUrl"
:url="app.appUrl" :keep-alive="app.keepAlive"
:keep-alive="app.keepAlive" :is-loading="app.isLoading"
:data="appData(app.appName)" :app-data="appData(app.appName)"
@created="created" @created="created"
@beforemount="beforemount" @beforemount="beforemount"
@mounted="mounted" @mounted="mounted"
@unmount="unmount" @unmount="unmount"
@error="error"/> @error="error"/>
<div v-if="app.isLoading" class="micro-app-loader">
<Loading/>
</div>
</template>
</DrawerOverlay> </DrawerOverlay>
</template> </template>
</div> </div>
@ -95,21 +87,22 @@
<script> <script>
import Vue from 'vue' import Vue from 'vue'
import store from '../store/index'
import {mapState} from "vuex"; import {mapState} from "vuex";
import microApp from '@micro-zoe/micro-app'
import DialogWrapper from '../pages/manage/components/DialogWrapper.vue'
import UserSelect from "./UserSelect.vue";
import {languageList, languageName} from "../language";
import {DatePicker} from 'view-design-hi'; import {DatePicker} from 'view-design-hi';
import DrawerOverlay from "./DrawerOverlay/index.vue"; import microApp from '@micro-zoe/micro-app'
import emitter from "../store/events"; import store from '../../store/index'
import TransferDom from "../directives/transfer-dom"; import DialogWrapper from '../../pages/manage/components/DialogWrapper.vue'
import UserSelect from "../UserSelect.vue";
import {languageList, languageName} from "../../language";
import DrawerOverlay from "../DrawerOverlay/index.vue";
import emitter from "../../store/events";
import TransferDom from "../../directives/transfer-dom";
import MicroContent from "./content.vue";
export default { export default {
name: "MicroApps", name: "MicroApps",
directives: {TransferDom}, directives: {TransferDom},
components: {DrawerOverlay}, components: {MicroContent, DrawerOverlay},
data() { data() {
return { return {

2
resources/assets/js/pages/manage.vue
View File

@ -379,7 +379,7 @@ import CheckinExport from "./manage/components/CheckinExport";
import TaskExport from "./manage/components/TaskExport"; import TaskExport from "./manage/components/TaskExport";
import ApproveExport from "./manage/components/ApproveExport"; import ApproveExport from "./manage/components/ApproveExport";
import ComplaintManagement from "./manage/components/ComplaintManagement"; import ComplaintManagement from "./manage/components/ComplaintManagement";
import MicroApps from "../components/MicroApps.vue"; import MicroApps from "../components/MicroApps";
import UserSelect from "../components/UserSelect.vue"; import UserSelect from "../components/UserSelect.vue";
import ImgUpload from "../components/ImgUpload.vue"; import ImgUpload from "../components/ImgUpload.vue";
import ApproveDetails from "./manage/approve/details.vue"; import ApproveDetails from "./manage/approve/details.vue";

2
resources/assets/js/pages/single/apps.vue
View File

@ -5,7 +5,7 @@
</template> </template>
<script> <script>
import MicroApps from "../../components/MicroApps.vue"; import MicroApps from "../../components/MicroApps";
export default { export default {
components: { MicroApps }, components: { MicroApps },