|
|
@@ -1,15 +1,57 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <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>
|
|
|
- </div>-->
|
|
|
- <p>{{scope.column.data[scope.column.columnname]}}</p>
|
|
|
- </template>
|
|
|
- <template v-slot:opreation="scope">
|
|
|
- </template>
|
|
|
- </tableLayout>
|
|
|
+ <!-- 评估项 -->
|
|
|
+ <div>
|
|
|
+ <tableLayout :layout="tablecolsItem" :data="listItem" :opwidth="200" :custom="true" @rowClick="rowClick">
|
|
|
+ <template v-slot:customcol="scope">
|
|
|
+ <p>{{scope.column.data[scope.column.columnname]}}</p>
|
|
|
+ </template>
|
|
|
+ <template v-slot:opreation="scope">
|
|
|
+ </template>
|
|
|
+ </tableLayout>
|
|
|
+ </div>
|
|
|
+ <!-- 关联对象 -->
|
|
|
+ <div style="margin-top: 20px" v-if="flag">
|
|
|
+ <el-table
|
|
|
+ :header-cell-style="{background:'#EEEEEE',color:'#333'}"
|
|
|
+ :data="listObject"
|
|
|
+ ref="listObject"
|
|
|
+ stripe
|
|
|
+ size="mini"
|
|
|
+ style="width: 100%"
|
|
|
+ border>
|
|
|
+ <el-table-column
|
|
|
+ v-if="flagObject"
|
|
|
+ prop="partiestype"
|
|
|
+ label="客户对象">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-for="(item,index) in scope" :key="index" >
|
|
|
+ {{item.partiestype}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-if="flagStage"
|
|
|
+ prop="enterprisename"
|
|
|
+ label="项目阶段">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-for="(item,index) in scope" :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" :key="index">
|
|
|
+ {{item.score}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -20,15 +62,47 @@ export default {
|
|
|
data(){
|
|
|
return {
|
|
|
tableHieght:"600px",
|
|
|
- tablecols:[],
|
|
|
- list:[],
|
|
|
+ tablecolsItem:[],
|
|
|
+ listItem:[],
|
|
|
+ listObject:[],
|
|
|
+ flag:false,
|
|
|
+ flagObject:true,
|
|
|
+ flagStage:true,
|
|
|
total:0,
|
|
|
currentPage:0,
|
|
|
}
|
|
|
},
|
|
|
+ methods:{
|
|
|
+ rowClick(row){
|
|
|
+ console.log(row,'行数据')
|
|
|
+ if (this.data.onparties === 0){
|
|
|
+ this.flagObject = false
|
|
|
+ }else {
|
|
|
+ console.log("有对象")
|
|
|
+ this.flagObject = true
|
|
|
+ }
|
|
|
+ if (this.data.onstage === 0){
|
|
|
+ this.flagStage = false
|
|
|
+ }else {
|
|
|
+ console.log("有阶段")
|
|
|
+ this.flagStage = true
|
|
|
+ }
|
|
|
+ if (this.data.onstage === 0 || this.data.onparties === 0){
|
|
|
+ this.flag = false
|
|
|
+ }else {
|
|
|
+ this.flag = true
|
|
|
+ this.listObject = row.projtaskmag_optionscore
|
|
|
+ }
|
|
|
+ console.log(this.flag,this.flagObject,this.flagStage)
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
created() {
|
|
|
- this.tablecols = this.tool.tabelCol(this.$route.name).evaluationItems.tablecols
|
|
|
- this.list = this.data
|
|
|
+ this.tablecolsItem = this.tool.tabelCol(this.$route.name).evaluationItems.tablecols
|
|
|
+ this.listItem = this.data.projtaskmag_options
|
|
|
+ this.listObject = []
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
</script>
|