Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

引用抽屉组件

Browse Source
This commit is contained in:
zhujiyan
2024-05-06 19:56:23 +08:00
parent c584d2fce8
commit f33b077960
1 changed files with 114 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/components/XnWorkflow/index.vue
View File

@@ -11,34 +11,28 @@
<!-- 配置流程全局属性 --> <!-- 配置流程全局属性 -->
<div style="float: right; padding-right: 10px"> <div style="float: right; padding-right: 10px">
<span v-if="!toDataLegal(childNode)" style="padding-right: 5px"> <span v-if="!toDataLegal(childNode)" style="padding-right: 5px">
<!-- <exclamation-circle-outlined style="color: red; font-size: 18px" />--> <!-- <exclamation-circle-outlined style="color: red; font-size: 18px" />-->
<!-- <Warning style="color: red; font-size: 18px"/>--> <!-- <Warning style="color: red; font-size: 18px"/>-->
</span> </span>
<!-- <el-tooltip>--> <!-- <el-tooltip>-->
<!-- <template #title></template>--> <!-- <template #title></template>-->
<!-- <el-button @click="$refs.process.showDrawer()">--> <!-- <el-button @click="$refs.process.showDrawer()">-->
<!-- <template #icon>--> <!-- <template #icon>-->
<!--&lt;!&ndash; <setting-outlined />&ndash;&gt;--> <!--&lt;!&ndash; <setting-outlined />&ndash;&gt;-->
<!-- <Setting />--> <!-- <Setting />-->
<!-- </template>--> <!-- </template>-->
<!-- --> <!-- -->
<!-- </el-button>--> <!-- </el-button>-->
<!-- </el-tooltip>--> <!-- </el-tooltip>-->
<el-tooltip <el-tooltip class="box-item" effect="dark" content="配置流程全局属性" placement="top">
class="box-item" <el-button :icon="Setting" @click="drawerVisibile=true">
effect="dark"
content="配置流程全局属性"
placement="top"
>
<el-button :icon='Setting'>
全局配置 全局配置
<template #icon> <template #icon>
<Setting /> <Setting />
</template> </template>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="box-scale"> <div class="box-scale">
<node-wrap <node-wrap
@@ -69,14 +63,16 @@
:selector-api-function="selectorApiFunction" :selector-api-function="selectorApiFunction"
/> />
</div> </div>
<!-- 全局属性抽屉组件 -->
<drawerTabs v-if="drawerVisibile" v-model="drawerVisibile" @updateDrawer="updateDrawer"></drawerTabs>
</template> </template>
<script> <script>
import nodeWrap from './nodeWrap.vue' import nodeWrap from './nodeWrap.vue'
import { Warning, Setting, Plus } from '@element-plus/icons-vue' import { Warning, Setting, Plus } from '@element-plus/icons-vue'
import process from './process.vue' import process from './process.vue'
import drawerTabs from './components/drawerTabs.vue'
export default { export default {
computed: { computed: {
Plus() { Plus() {
return Plus return Plus
@@ -86,7 +82,8 @@
nodeWrap, nodeWrap,
Warning, Warning,
Setting, Setting,
process process,
drawerTabs
}, },
props: { props: {
modelValue: { type: Object, default: () => {} }, modelValue: { type: Object, default: () => {} },
@@ -102,6 +99,7 @@
}, },
data() { data() {
return { return {
drawerVisibile: false,
childNode: this.modelValue, childNode: this.modelValue,
childFormFieldListValue: this.formFieldListValue, childFormFieldListValue: this.formFieldListValue,
childRecordData: this.recordData childRecordData: this.recordData
@@ -120,7 +118,7 @@
}, },
childNode(val) { childNode(val) {
this.$emit('update:modelValue', val) this.$emit('update:modelValue', val)
} },
}, },
methods: { methods: {
toDataLegal(childNode) { toDataLegal(childNode) {
@@ -129,11 +127,14 @@
} else { } else {
return childNode.dataLegal return childNode.dataLegal
} }
},
updateDrawer(){
this.drawerVisibile=false;
} }
} }
} }
</script> </script>
<style lang="less"> <style lang="less">
@import './flowIndex.less'; @import './flowIndex.less';
</style> </style>