|
|
@@ -1,14 +1,13 @@
|
|
|
<template>
|
|
|
<el-drawer
|
|
|
:close-on-click-modal="false"
|
|
|
- class="local-launch_drawer-wrap"
|
|
|
+ class="le-drawer"
|
|
|
:title="record.processName"
|
|
|
:model-value="modelValue"
|
|
|
size="760px"
|
|
|
@update:model-value="updateModelValue"
|
|
|
>
|
|
|
<div v-if="validateForm.loading" v-loading="true" class="local_loading"></div>
|
|
|
-
|
|
|
<div class="info-wrap">
|
|
|
<el-divider content-position="left">{{ record.processName }}表单</el-divider>
|
|
|
<!-- 表单设计 -->
|
|
|
@@ -183,46 +182,6 @@ onMounted(() => {
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
-// 和ItemDrawer一样可以公用，待提取
|
|
|
-.local-launch_drawer-wrap {
|
|
|
- .el-drawer__header {
|
|
|
- display: flex;
|
|
|
- padding: 16px 24px;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- background-color: var(--el-color-info-light-9);
|
|
|
- text-align: left;
|
|
|
- /* margin-right: 0; */
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
- .el-drawer__close-btn {
|
|
|
- padding: 0;
|
|
|
- margin-right: -12px;
|
|
|
- }
|
|
|
- .el-drawer__body {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- .el-drawer__footer {
|
|
|
- border-top: 1px solid var(--el-border-color-lighter);
|
|
|
- padding: 12px 24px;
|
|
|
- }
|
|
|
- .local_loading {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 999;
|
|
|
- background: rgba(0, 0, 0, 0.05);
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
|
|
-
|
|
|
<style scoped lang="scss">
|
|
|
.info-wrap {
|
|
|
.form-wrap {
|
lanceJiang