fix : 完善详情页面细节

src/views/projectdemand/demandcollection/detail.vue

@@ -1,28 +1,44 @@
 <template>
   <div class="detail-block">
+    <el-form :model="form" label-width="auto">
       <el-row gutter="20">
         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="14">
-        <div class="left-info">
           <baseTitle title="需求征集详情"></baseTitle>
-          <div class="info">
+          <div class="left-info">
-            <div v-for="item in list">
+            <el-row>
-              <span>{{ item.title }}：</span>
+              <el-col :span="12" v-for="item in list">
+                <el-form-item :label="item.title">
                   <span>{{ item.text }}</span>
-            </div>
+                </el-form-item>
-          </div>
+              </el-col>
               <baseTitle title="征集说明"></baseTitle>
-          <el-card>
+              <el-col :span="24">
+                <el-form-item>
+                  <el-card style="width: 100%">
                     {{ instructions }}
                   </el-card>
+                </el-form-item>
+              </el-col>
               <baseTitle title="申请文件"></baseTitle>
-          <fvTable ref="tableIns" style="max-height: 200px" :tableConfig="tableConfig" @headBtnClick="headBtnClick" :pagination="false"></fvTable>
+              <el-col :span="24">
+                <el-form-item>
+                  <fvTable ref="tableIns" style="max-height: 200px;width: 100%" :tableConfig="tableConfig"
+                           @headBtnClick="headBtnClick"
+                           :pagination="false"></fvTable>
+                </el-form-item>
+              </el-col>
               <baseTitle title="审核意见"></baseTitle>
+              <el-col :span="24">
+                <el-form-item>
                   <el-input
                       v-model="auditOpinion"
                       :rows="3"
                       type="textarea"
                       placeholder="请输入审核意见"
                   />
+                </el-form-item>
+              </el-col>
+            </el-row>
           </div>
         </el-col>
         <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="10">
@@ -34,6 +50,7 @@
           </div>
         </el-col>
       </el-row>
+    </el-form>
     <div class="oper-page-btn">
       <el-button @click="handleSubmit">驳回</el-button>
       <el-button color="#DED0B2" @click="handleBack">同意</el-button>
@@ -46,6 +63,8 @@ import {getInitiateInfo} from "@/api/workflow/process-definition.js";
 import ProcessTree from '@/views/workflow/process/ProcessTree.vue';
 import {useProcessStore} from '@/stores/processStore.js';
 import {ElMessage} from "element-plus";
+
+const form = ref();
 const processStore = useProcessStore()
 const list = ref([
   {
@@ -147,6 +166,7 @@ getTree()
       //max-height: calc(100vh - 96px);
       height: calc(100vh - 250px);
       overflow: auto;
+
       &::-webkit-scrollbar {
         width: 6px;
         height: 6px;