From eece5b838b0fe29ea003c355b1228de4795d3873 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期日, 04 一月 2026 11:14:06 +0800
Subject: [PATCH] 提交流程表单
---
src/views/WebViewEntry.vue | 68 +++++++++++++++++++++++++++++-----
1 files changed, 58 insertions(+), 10 deletions(-)
diff --git a/src/views/WebViewEntry.vue b/src/views/WebViewEntry.vue
index 113a30c..9e3a1bb 100644
--- a/src/views/WebViewEntry.vue
+++ b/src/views/WebViewEntry.vue
@@ -1,10 +1,10 @@
<template>
<div class="app-container">
<el-card class="box-card" >
- <div slot="header" class="clearfix" style="display: flex">
- <div style="flex: 1" class="el-icon-document">{{`浠诲姟璇︽儏锛歚 + this.processName}}</div>
- <div style="flex: 2; color: #303133">{{projectName + '鈥斺��' + flowName}}</div>
- <el-button style="float: right;" size="mini" type="danger" @click="goBack">鍏抽棴</el-button>
+ <div slot="header" class="clearfix header-container">
+ <div class="header-title el-icon-document">{{`浠诲姟璇︽儏锛歚 + this.processName}}</div>
+ <div class="header-subtitle">{{projectName + '鈥斺��' + flowName}}</div>
+ <!-- <el-button class="header-close-btn" size="mini" type="danger" @click="goBack">鍏抽棴</el-button> -->
</div>
<el-tabs tab-position="top" v-model="activeName" @tab-click="handleClick">
<!--琛ㄥ崟淇℃伅-->
@@ -14,7 +14,7 @@
<div v-if="formDataList && formDataList.length > 0">
<div v-for="(formDataObj, index) in formDataList" :key="index" class="form-warp" style="position: relative">
<el-row>
- <el-col :span="18">
+ <el-col :xs="24" :sm="18">
<div v-if="formDataObj.current">
<div class="current">褰撳墠闃舵锛�<span>{{formDataObj.beforeNodeName}}</span></div>
</div>
@@ -42,7 +42,7 @@
</el-alert>
</div>
</el-col>
- <el-col :span="6">
+ <el-col :xs="24" :sm="6">
<log-time-line v-if="formDataObj.events.length > 0" :log-list="formDataObj.events"/>
</el-col>
</el-row>
@@ -52,7 +52,7 @@
</el-tab-pane>
<!--娴佺▼娴佽浆璁板綍-->
<el-tab-pane label="娴佽浆璁板綍" name="2">
- <el-col :span="16" :offset="4" >
+ <el-col :xs="24" :sm="{span: 16, offset: 4}" >
<div class="block">
<el-timeline>
<el-timeline-item
@@ -158,8 +158,6 @@
},
created() {
this.initPage()
-
-
// 娴佺▼浠诲姟閲嶈幏鍙栧彉閲忚〃鍗�
this.processVariables( this.taskForm.taskId, this.taskForm.procInsId)
this.getFlowRecordList(this.taskForm.procInsId);
@@ -297,6 +295,57 @@
};
</script>
<style lang="scss" scoped>
+.header-container {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 10px;
+
+ .header-title {
+ flex: 1;
+ min-width: 150px;
+ font-weight: bold;
+ color: #409EFF;
+ }
+
+ .header-subtitle {
+ flex: 2;
+ min-width: 200px;
+ color: #303133;
+ font-size: 14px;
+ }
+
+ .header-close-btn {
+ margin-left: auto;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .header-container {
+ flex-direction: column;
+ align-items: flex-start;
+
+ .header-subtitle {
+ min-width: 100%;
+ margin-bottom: 5px;
+ }
+
+ .header-close-btn {
+ margin-left: 0;
+ width: 100%;
+ }
+ }
+
+ .form-warp {
+ min-width: auto !important;
+ padding: 10px !important;
+ }
+
+ ::v-deep .el-descriptions-item__label {
+ width: 80px;
+ }
+}
+
.test-form {
margin: 15px auto;
width: 800px;
@@ -327,7 +376,6 @@
}
.form-warp {
- min-width: 700px;
padding: 20px;
margin-top: 5px;
margin-bottom: 20px;
--
Gitblit v1.8.0