hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-07-19 13:25:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: vue3.3 defineOptions

Browse Source
This commit is contained in:
xingyu
2023-06-21 19:14:34 +08:00
parent a5c7c886ee
commit 922f83d99c
259 changed files with 955 additions and 381 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
View File

@ -206,7 +206,7 @@
</div>
</template>
<script setup lang="ts" name="MyProcessDesigner">
<script setup lang="ts">
// import 'bpmn-js/dist/assets/diagram-js.css' // 左边工具栏以及编辑节点的样式
// import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
// import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
@ -244,6 +244,9 @@ import { XmlNode, XmlNodeType, parseXmlString } from 'steady-xml'
// const eventName = reactive({
// name: ''
// })
defineOptions({ name: 'MyProcessDesigner' })
const bpmnCanvas = ref()
const refFile = ref()
const emit = defineEmits([

6
src/components/bpmnProcessDesigner/package/designer/ProcessViewer.vue
View File

@ -6,10 +6,14 @@
</div>
</template>
<script setup lang="ts" name="MyProcessViewer">
<script setup lang="ts">
import BpmnViewer from 'bpmn-js/lib/Viewer'
import DefaultEmptyXML from './plugins/defaultEmpty'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { formatDate } from '@/utils/formatTime'
defineOptions({ name: 'MyProcessViewer' })
const props = defineProps({
value: {
// BPMN XML 字符串

4
src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue
View File

@ -5,9 +5,11 @@
</div>
</template>
<script setup lang="ts" name="MyProcessPalette">
<script setup lang="ts">
import { assign } from 'min-dash'
defineOptions({ name: 'MyProcessPalette' })
const bpmnInstances = () => (window as any).bpmnInstances
const addTask = (event, options: any = {}) => {
const ElementFactory = bpmnInstances().elementFactory

5
src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
View File

@ -62,7 +62,7 @@
</el-collapse>
</div>
</template>
<script setup lang="ts" name="MyPropertiesPanel">
<script setup lang="ts">
import ElementBaseInfo from './base/ElementBaseInfo.vue'
import ElementOtherConfig from './other/ElementOtherConfig.vue'
import ElementTask from './task/ElementTask.vue'
@ -73,6 +73,9 @@ import ElementListeners from './listeners/ElementListeners.vue'
import ElementProperties from './properties/ElementProperties.vue'
// import ElementForm from './form/ElementForm.vue'
import UserTaskListeners from './listeners/UserTaskListeners.vue'
defineOptions({ name: 'MyPropertiesPanel' })
/**
* 侧边栏
* @Author MiyueFE

7
src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
View File

@ -7,8 +7,9 @@
href="https://doc.iocoder.cn/bpm/#_3-%E6%B5%81%E7%A8%8B%E5%9B%BE%E7%A4%BA%E4%BE%8B"
type="danger"
target="_blank"
>如何实现实现会签、或签？</el-link
>
如何实现实现会签、或签？
</el-link>
<el-form-item label="流程标识" prop="id">
<el-input
v-model="needProps.id"
@ -37,7 +38,9 @@
</el-form>
</div>
</template>
<script setup lang="ts" name="ElementBaseInfo">
<script setup lang="ts">
defineOptions({ name: 'ElementBaseInfo' })
const props = defineProps({
businessObject: {
type: Object,

4
src/components/bpmnProcessDesigner/package/penal/flow-condition/FlowCondition.vue
View File

@ -62,7 +62,9 @@
</div>
</template>
<script setup lang="ts" name="FlowCondition">
<script setup lang="ts">
defineOptions({ name: 'FlowCondition' })
const props = defineProps({
businessObject: Object,
type: String

4
src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue
View File

@ -222,7 +222,9 @@
</div>
</template>
<script setup lang="ts" name="ElementForm">
<script setup lang="ts">
defineOptions({ name: 'ElementForm' })
const props = defineProps({
id: String,
type: String

5
src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
View File

@ -241,10 +241,13 @@
</el-dialog>
</div>
</template>
<script setup lang="ts" name="ElementListeners">
<script setup lang="ts">
import { ElMessageBox } from 'element-plus'
import { createListenerObject, updateElementExtensions } from '../../utils'
import { initListenerType, initListenerForm, listenerType, fieldType } from './utilSelf'
defineOptions({ name: 'ElementListeners' })
const props = defineProps({
id: String,
type: String

5
src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
View File

@ -287,10 +287,13 @@
</el-dialog>
</div>
</template>
<script setup lang="ts" name="UserTaskListeners">
<script setup lang="ts">
import { ElMessageBox } from 'element-plus'
import { createListenerObject, updateElementExtensions } from '../../utils'
import { initListenerForm, initListenerType, eventType, listenerType, fieldType } from './utilSelf'
defineOptions({ name: 'UserTaskListeners' })
const props = defineProps({
id: String,
type: String

4
src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
View File

@ -66,7 +66,9 @@
</div>
</template>
<script setup lang="ts" name="ElementMultiInstance">
<script setup lang="ts">
defineOptions({ name: 'ElementMultiInstance' })
const props = defineProps({
businessObject: Object,
type: String

3
src/components/bpmnProcessDesigner/package/penal/other/ElementOtherConfig.vue
View File

@ -16,7 +16,8 @@
</div>
</template>
<script setup lang="ts" name="ElementOtherConfig">
<script setup lang="ts">
defineOptions({ name: 'ElementOtherConfig' })
const props = defineProps({
id: String
})

12
src/components/bpmnProcessDesigner/package/penal/properties/ElementProperties.vue
View File

@ -6,17 +6,18 @@
<el-table-column label="属性值" prop="value" min-width="100px" show-overflow-tooltip />
<el-table-column label="操作" width="110px">
<template #default="scope">
<el-button link @click="openAttributesForm(scope.row, scope.$index)" size="small"
>编辑</el-button
>
<el-button link @click="openAttributesForm(scope.row, scope.$index)" size="small">
编辑
</el-button>
<el-divider direction="vertical" />
<el-button
link
size="small"
style="color: #ff4d4f"
@click="removeAttributes(scope.row, scope.$index)"
>移除</el-button
>
移除
</el-button>
</template>
</el-table-column>
</el-table>
@ -52,8 +53,9 @@
</div>
</template>
<script setup lang="ts" name="ElementProperties">
<script setup lang="ts">
import { ElMessageBox } from 'element-plus'
defineOptions({ name: 'ElementProperties' })
const props = defineProps({
id: String,
type: String

10
src/components/bpmnProcessDesigner/package/penal/signal-message/SignalAndMessage.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="panel-tab__content">
<div class="panel-tab__content--title">
<span><Icon icon="ep:menu" style="margin-right: 8px; color: #555555" />消息列表</span>
<span><Icon icon="ep:menu" style="margin-right: 8px; color: #555" />消息列表</span>
<XButton type="primary" title="创建新消息" preIcon="ep:plus" @click="openModel('message')" />
</div>
<el-table :data="messageList" border>
@ -11,9 +11,9 @@
</el-table>
<div
class="panel-tab__content--title"
style="padding-top: 8px; margin-top: 8px; border-top: 1px solid #eeeeee"
style="padding-top: 8px; margin-top: 8px; border-top: 1px solid #eee"
>
<span><Icon icon="ep:menu" style="margin-right: 8px; color: #555555" />信号列表</span>
<span><Icon icon="ep:menu" style="margin-right: 8px; color: #555" />信号列表</span>
<XButton type="primary" title="创建新信号" preIcon="ep:plus" @click="openModel('signal')" />
</div>
<el-table :data="signalList" border>
@ -45,7 +45,9 @@
</el-dialog>
</div>
</template>
<script setup lang="ts" name="SignalAndMassage">
<script setup lang="ts">
defineOptions({ name: 'SignalAndMassage' })
const message = useMessage()
const signalList = ref<any[]>([])
const messageList = ref<any[]>([])

4
src/components/bpmnProcessDesigner/package/penal/task/ElementTask.vue
View File

@ -20,11 +20,13 @@
</div>
</template>
<script setup lang="ts" name="ElementTaskConfig">
<script setup lang="ts">
import UserTask from './task-components/UserTask.vue'
import ScriptTask from './task-components/ScriptTask.vue'
import ReceiveTask from './task-components/ReceiveTask.vue'
defineOptions({ name: 'ElementTaskConfig' })
const props = defineProps({
id: String,
type: String

3
src/components/bpmnProcessDesigner/package/penal/task/task-components/ReceiveTask.vue
View File

@ -48,7 +48,8 @@
</div>
</template>
<script setup lang="ts" name="ReceiveTask">
<script setup lang="ts">
defineOptions({ name: 'ReceiveTask' })
const props = defineProps({
id: String,
type: String

3
src/components/bpmnProcessDesigner/package/penal/task/task-components/ScriptTask.vue
View File

@ -44,7 +44,8 @@
</div>
</template>
<script setup lang="ts" name="ScriptTask">
<script setup lang="ts">
defineOptions({ name: 'ScriptTask' })
const props = defineProps({
id: String,
type: String

3
src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
View File

@ -37,7 +37,8 @@
</div>
</template>
<script setup lang="ts" name="UserTask">
<script setup lang="ts">
defineOptions({ name: 'UserTask' })
const props = defineProps({
id: String,
type: String