From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/bpmnProcessDesigner/package/penal/listeners/template.js | 178 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 178 insertions(+), 0 deletions(-)
diff --git a/src/components/bpmnProcessDesigner/package/penal/listeners/template.js b/src/components/bpmnProcessDesigner/package/penal/listeners/template.js
new file mode 100644
index 0000000..430dc64
--- /dev/null
+++ b/src/components/bpmnProcessDesigner/package/penal/listeners/template.js
@@ -0,0 +1,178 @@
+export const template = (isTaskListener) => {
+ return `
+ <div class="panel-tab__content">
+ <el-table :data="elementListenersList" size="small" border>
+ <el-table-column label="搴忓彿" width="50px" type="index" />
+ <el-table-column label="浜嬩欢绫诲瀷" min-width="100px" prop="event" />
+ <el-table-column label="鐩戝惉鍣ㄧ被鍨�" min-width="100px" show-overflow-tooltip :formatter="row => listenerTypeObject[row.listenerType]" />
+ <el-table-column label="鎿嶄綔" width="90px">
+ <template #default="scope">
+ <el-button size="small" type="primary" link @click="openListenerForm(scope, scope.$index)">缂栬緫</el-button>
+ <el-divider direction="vertical" />
+ <el-button size="small" type="primary" link style="color: #ff4d4f" @click="removeListener(scope, scope.$index)">绉婚櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="element-drawer__button">
+ <el-button size="small" type="primary" icon="el-icon-plus" @click="openListenerForm(null)">娣诲姞鐩戝惉鍣�</el-button>
+ </div>
+
+ <!-- 鐩戝惉鍣� 缂栬緫/鍒涘缓 閮ㄥ垎 -->
+ <el-drawer :visible.sync="listenerFormModelVisible" title="鎵ц鐩戝惉鍣�" :size="width + 'px'" append-to-body destroy-on-close>
+ <el-form size="small" :model="listenerForm" label-width="96px" ref="listenerFormRef" @submit.native.prevent>
+ <el-form-item label="浜嬩欢绫诲瀷" prop="event" :rules="{ required: true, trigger: ['blur', 'change'] }">
+ <el-select v-model="listenerForm.event">
+ <el-option label="start" value="start" />
+ <el-option label="end" value="end" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐩戝惉鍣ㄧ被鍨�" prop="listenerType" :rules="{ required: true, trigger: ['blur', 'change'] }">
+ <el-select v-model="listenerForm.listenerType">
+ <el-option v-for="i in Object.keys(listenerTypeObject)" :key="i" :label="listenerTypeObject[i]" :value="i" />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ v-if="listenerForm.listenerType === 'classListener'"
+ label="Java绫�"
+ prop="class"
+ key="listener-class"
+ :rules="{ required: true, trigger: ['blur', 'change'] }"
+ >
+ <el-input v-model="listenerForm.class" clearable />
+ </el-form-item>
+ <el-form-item
+ v-if="listenerForm.listenerType === 'expressionListener'"
+ label="琛ㄨ揪寮�"
+ prop="expression"
+ key="listener-expression"
+ :rules="{ required: true, trigger: ['blur', 'change'] }"
+ >
+ <el-input v-model="listenerForm.expression" clearable />
+ </el-form-item>
+ <el-form-item
+ v-if="listenerForm.listenerType === 'delegateExpressionListener'"
+ label="浠ｇ悊琛ㄨ揪寮�"
+ prop="delegateExpression"
+ key="listener-delegate"
+ :rules="{ required: true, trigger: ['blur', 'change'] }"
+ >
+ <el-input v-model="listenerForm.delegateExpression" clearable />
+ </el-form-item>
+ <template v-if="listenerForm.listenerType === 'scriptListener'">
+ <el-form-item
+ label="鑴氭湰鏍煎紡"
+ prop="scriptFormat"
+ key="listener-script-format"
+ :rules="{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欒剼鏈牸寮�' }"
+ >
+ <el-input v-model="listenerForm.scriptFormat" clearable />
+ </el-form-item>
+ <el-form-item
+ label="鑴氭湰绫诲瀷"
+ prop="scriptType"
+ key="listener-script-type"
+ :rules="{ required: true, trigger: ['blur', 'change'], message: '璇烽�夋嫨鑴氭湰绫诲瀷' }"
+ >
+ <el-select v-model="listenerForm.scriptType">
+ <el-option label="鍐呰仈鑴氭湰" value="inlineScript" />
+ <el-option label="澶栭儴鑴氭湰" value="externalScript" />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ v-if="listenerForm.scriptType === 'inlineScript'"
+ label="鑴氭湰鍐呭"
+ prop="value"
+ key="listener-script"
+ :rules="{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欒剼鏈唴瀹�' }"
+ >
+ <el-input v-model="listenerForm.value" clearable />
+ </el-form-item>
+ <el-form-item
+ v-if="listenerForm.scriptType === 'externalScript'"
+ label="璧勬簮鍦板潃"
+ prop="resource"
+ key="listener-resource"
+ :rules="{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欒祫婧愬湴鍧�' }"
+ >
+ <el-input v-model="listenerForm.resource" clearable />
+ </el-form-item>
+ </template>
+ ${
+ isTaskListener
+ ? "<el-form-item label='瀹氭椂鍣ㄧ被鍨�' prop='eventDefinitionType' key='eventDefinitionType'>" +
+ "<el-select v-model='listenerForm.eventDefinitionType'>" +
+ "<el-option label='鏃ユ湡' value='date' />" +
+ "<el-option label='鎸佺画鏃堕暱' value='duration' />" +
+ "<el-option label='寰幆' value='cycle' />" +
+ "<el-option label='鏃�' value='' />" +
+ '</el-select>' +
+ '</el-form-item>' +
+ "<el-form-item v-if='!!listenerForm.eventDefinitionType' label='瀹氭椂鍣�' prop='eventDefinitions' key='eventDefinitions'>" +
+ "<el-input v-model='listenerForm.eventDefinitions' clearable />" +
+ '</el-form-item>'
+ : ''
+ }
+ </el-form>
+ <el-divider />
+ <p class="listener-filed__title">
+ <span><i class="el-icon-menu"></i>娉ㄥ叆瀛楁锛�</span>
+ <el-button size="small" type="primary" @click="openListenerFieldForm(null)">娣诲姞瀛楁</el-button>
+ </p>
+ <el-table :data="fieldsListOfListener" size="small" max-height="240" border fit style="flex: none">
+ <el-table-column label="搴忓彿" width="50px" type="index" />
+ <el-table-column label="瀛楁鍚嶇О" min-width="100px" prop="name" />
+ <el-table-column label="瀛楁绫诲瀷" min-width="80px" show-overflow-tooltip :formatter="row => fieldTypeObject[row.fieldType]" />
+ <el-table-column label="瀛楁鍊�/琛ㄨ揪寮�" min-width="100px" show-overflow-tooltip :formatter="row => row.string || row.expression" />
+ <el-table-column label="鎿嶄綔" width="100px">
+ <template #default="scope">
+ <el-button size="small" type="primary" link @click="openListenerFieldForm(scope, scope.$index)">缂栬緫</el-button>
+ <el-divider direction="vertical" />
+ <el-button size="small" type="primary" link style="color: #ff4d4f" @click="removeListenerField(scope, scope.$index)">绉婚櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <div class="element-drawer__button">
+ <el-button size="small" @click="listenerFormModelVisible = false">鍙� 娑�</el-button>
+ <el-button size="small" type="primary" @click="saveListenerConfig">淇� 瀛�</el-button>
+ </div>
+ </el-drawer>
+
+ <!-- 娉ㄥ叆瑗挎 缂栬緫/鍒涘缓 閮ㄥ垎 -->
+ <el-dialog title="瀛楁閰嶇疆" :visible.sync="listenerFieldFormModelVisible" width="600px" append-to-body destroy-on-close>
+ <el-form :model="listenerFieldForm" size="small" label-width="96px" ref="listenerFieldFormRef" style="height: 136px" @submit.native.prevent>
+ <el-form-item label="瀛楁鍚嶇О锛�" prop="name" :rules="{ required: true, trigger: ['blur', 'change'] }">
+ <el-input v-model="listenerFieldForm.name" clearable />
+ </el-form-item>
+ <el-form-item label="瀛楁绫诲瀷锛�" prop="fieldType" :rules="{ required: true, trigger: ['blur', 'change'] }">
+ <el-select v-model="listenerFieldForm.fieldType">
+ <el-option v-for="i in Object.keys(fieldTypeObject)" :key="i" :label="fieldTypeObject[i]" :value="i" />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ v-if="listenerFieldForm.fieldType === 'string'"
+ label="瀛楁鍊硷細"
+ prop="string"
+ key="field-string"
+ :rules="{ required: true, trigger: ['blur', 'change'] }"
+ >
+ <el-input v-model="listenerFieldForm.string" clearable />
+ </el-form-item>
+ <el-form-item
+ v-if="listenerFieldForm.fieldType === 'expression'"
+ label="琛ㄨ揪寮忥細"
+ prop="expression"
+ key="field-expression"
+ :rules="{ required: true, trigger: ['blur', 'change'] }"
+ >
+ <el-input v-model="listenerFieldForm.expression" clearable />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <el-button size="small" @click="listenerFieldFormModelVisible = false">鍙� 娑�</el-button>
+ <el-button size="small" type="primary" @click="saveListenerFiled">纭� 瀹�</el-button>
+ </template>
+ </el-dialog>
+ </div>
+ `
+}
--
Gitblit v1.8.0