feat : 详情页修改

src/views/projectdemand/demandcollection/add.vue

@@ -179,7 +179,6 @@ const getFile = (val) => {
   fileList.value = val
 }
 const init = async () => {
-  console.log("asdasdasd")
   getWorkflowInfo().then(res => {
     let data = res.data
     console.log('res2', res)
@@ -191,7 +190,6 @@ const init = async () => {
     processStore.refuseList.value = data.refuseList;
     processStore.passList.value = data.passList;
     nextTick(()=>{
-      console.log('processDiagramViewer')
       processDiagramViewer.value=true
     })
   })

src/views/projectdemand/demandcollection/detail.vue

@@ -1,21 +1,35 @@
 <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">-->
           <baseTitle title="需求征集详情"></baseTitle>
           <div class="left-info">
             <el-row>
-              <el-col :span="12" v-for="item in list">
+              <el-col :span="12">
-                <el-form-item :label="item.title">
+                <el-form-item label="名称">
-                  <span>{{ item.text }}</span>
+                  <span>{{ formData.requirementName }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="名称">
+                  <span>{{ formData.requirementName }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="名称">
+                  <span>{{ formData.requirementName }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="截止时间">
+                  <span>{{ formData.deadline }}</span>
                 </el-form-item>
               </el-col>
               <baseTitle title="征集说明"></baseTitle>
               <el-col :span="24">
                 <el-form-item>
                   <el-card style="width: 100%">
-                    {{ instructions }}
+                    <div v-html="formData.collectExplain">
+                    </div>
                   </el-card>
                 </el-form-item>
               </el-col>
@@ -45,8 +59,7 @@
           <div class="approval-record">
             <baseTitle title="审批记录"></baseTitle>
             <div class="process" id="approvalRecord">
-              <process-diagram-viewer/>
+              <process-diagram-viewer v-if="processDiagramViewer"/>
-<!--              <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
             </div>
           </div>
 <!--        </el-col>-->
@@ -70,24 +83,10 @@ import {ElMessage} from "element-plus";
 const form = ref();
 const processStore = useProcessStore()
 const processInstanceData = ref()
+const processDiagramViewer = ref(false)
 
-const list = ref([
-  {
-    title: '名称',
-    text: '名名称称名名称名称名称名称'
-  }, {
-    title: '所属公司',
-    text: '名称名称名称名称'
-  }, {
-    title: '征集类型',
-    text: '名称名称名称名称'
-  }, {
-    title: '截止时间',
-    text: '名称名称名称名称'
-  },
-])
 const processTree = ref()
-const instructions = ref('ds')
+const formData = ref({})
 const auditOpinion = ref('')
 const tableConfig = reactive({
   columns: [
@@ -120,8 +119,9 @@ const tableConfig = reactive({
   api: ''
 })
 const getTree = async () => {
-  getInfo(9).then(res => {
+  getInfo(10).then(res => {
     let data = res.data
+    formData.value = data.formData;
     processInstanceData.value = data
     processStore.setDesign(data)
     processStore.runningList.value = data.runningList;
@@ -129,21 +129,10 @@ const getTree = async () => {
     processStore.noTakeList.value = data.noTakeList;
     processStore.refuseList.value = data.refuseList;
     processStore.passList.value = data.passList;
+    nextTick(()=>{
+      processDiagramViewer.value=true
+    })
   })
-
-
-
-  // getInitiateInfo('pronode_46c5e446-b4d1-495e-a97d-40667fa6aa9f').then(res => {
-  //   console.log('res11', res)
-  //   // processDefinition.value = res.data;
-  //   //构建表单及校验规则
-  //   processStore.setDesign(res.data)
-  //   nextTick(() => {
-  //     processTree.value.init()
-  //   })
-  // }).catch(err => {
-  //   ElMessage.error(err);
-  // });
 }
 getTree()
 </script>