工作任务详情

src/HDrpManagement/projectTask/detail/index.vue

@@ -21,9 +21,10 @@
       <div slot="customOperation" >
       </div>
       <div slot="slot0" >
-        <evaluationItems></evaluationItems>
+        <evaluationItems :data="mainData.projtaskmag_options" v-if="flag === 1"></evaluationItems>
       </div>
       <div slot="slot1" >
+        <associatedObjects :data="mainData" v-if="flag === 1"></associatedObjects>
       </div>
     </basicDetails>
   </div>
@@ -31,13 +32,15 @@
 
 <script>
 import evaluationItems from './modules/evaluationItems'
+import associatedObjects from './modules/associatedObjects'
 export default {
   name: "index",
-  components:{evaluationItems},
+  components:{evaluationItems,associatedObjects},
   data(){
     return {
       mainData:{},
-      mainAreaData:{}
+      mainAreaData:{},
+      flag: 0
     }
   },
   methods:{
@@ -50,6 +53,7 @@ export default {
       })
       this.mainData = res.data
       console.log(this.mainData,"工作内容")
+      this.flag = 1
       this.changeDataStructure()
     },
     changeDataStructure() {

src/HDrpManagement/projectTask/detail/modules/associatedObjects.vue

@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-table
+        :header-cell-style="{background:'#EEEEEE',color:'#333'}"
+        :data="tableData"
+        stripe
+        size="mini"
+        style="width: 100%"
+        border>
+      <el-table-column
+          prop="partiestype"
+          label="客户对象">
+        <template slot-scope="scope">
+          <div v-for="(item,index) in scope.row.projtaskmag_optionscore" :key="index">
+            {{item.partiestype}}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+          prop="enterprisename"
+          label="项目阶段">
+        <template slot-scope="scope">
+          <div v-for="(item,index) in scope.row.projtaskmag_optionscore" :key="index">
+            {{item.stagename}}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+          prop="enterprisename"
+          label="分值">
+        <template slot-scope="scope">
+          <div v-for="(item,index) in scope.row.projtaskmag_optionscore" :key="index">
+            {{item.score}}
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "associatedObjects",
+  props:["data"],
+  data(){
+    return {
+      tableData:[]
+    }
+  },
+  mounted() {
+    console.log(this.data,"关联对象数据")
+    if (this.data.partiestype.length === 0 && this.data.stage.length === 0){
+      this.tableData = []
+    }else {
+      this.tableData = this.data.projtaskmag_options
+      console.log(this.tableData,"关联对象")
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HDrpManagement/projectTask/detail/modules/evaluationItems.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true"  :height="tableHieght" >
+    <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true"   >
       <template v-slot:customcol="scope">
 <!--        <div v-if="scope.column.columnname === 'province'">
           <p>{{ scope.column.data.province + '-' + scope.column.data.city + '-' + scope.column.data.county}}</p>
@@ -16,6 +16,7 @@
 <script>
 export default {
   name: "evaluationItems",
+  props:["data"],
   data(){
     return {
       tableHieght:"600px",
@@ -27,6 +28,7 @@ export default {
   },
   created() {
     this.tablecols = this.tool.tabelCol(this.$route.name).evaluationItems.tablecols
+    this.list = this.data
   },
 }
 </script>