辅助决策功能添加

src/views/process/processApproval/auxiliary.vue

@@ -0,0 +1,98 @@
+<template>
+    <div class="auxiliary">
+        <ul>
+            <li>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品123asdasd1231啊实打实大苏打阿三大熬是的</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+            </li>
+            <li>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品123asdasd1231啊实打实大苏打阿三大熬是的</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+            </li>
+            <li>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品123asdasd1231啊实打实大苏打阿三大熬是的</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+                <div class="list-box">
+                    <div class="label">货币类型：</div>
+                    <div class="value">产品</div>
+                </div>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<style lang="scss">
+    .auxiliary{
+        ul{
+            padding: 0;
+            margin: 0;
+            li{
+                list-style:none;
+                padding: 15px 15px;
+                background: #f1f1f1;
+                overflow: hidden;
+                margin-bottom: 10px;
+                .list-box{
+                    float: left;
+                    width: 50%;
+                    padding:0 5px;
+                    box-sizing: border-box;
+                    .label{
+                        width: 70px;
+                        text-align: right;
+                        color: #666;
+                        font-size: 14px;
+                        float: left;
+                        line-height: 30px;
+                    }
+                    .value{
+                        flex: 1;
+                        float: left;
+                        font-size: 14px;
+                        line-height: 30px;
+                        color: #333;
+                        width: calc(100% - 70px);
+                    }
+                }
+            }
+        }
+    }
+</style>

src/views/process/processApproval/index.vue

@@ -97,9 +97,10 @@
             </li>
           </ul>
         </el-tab-pane>
-        <el-tab-pane label="决策辅助" name="second">
-          
-        </el-tab-pane>
+        
+        <!-- <el-tab-pane label="决策辅助" name="second">
+          <auxiliary></auxiliary>
+        </el-tab-pane> -->
       </el-tabs>
     </div>
 
@@ -133,6 +134,8 @@
 <script setup name='ProcessApproval'>
 import useTagsViewStore from "@/store/modules/tagsView.js"
 import { useRouter, useRoute } from "vue-router";
+//决策辅助
+import auxiliary from "./auxiliary";
 //申购发起
 import SendSubscribe from "@/components/process/SendSubscribe";
 //采购发起
@@ -374,7 +377,7 @@ onMounted(() => {
     background: #fff;
     border-radius: 4px;
     padding: 0 20px 20px;
-    width: 400px;
+    width: 600px;
     box-sizing: border-box;
     .flow-chart {
       overflow: auto;