销售漏斗

src/views/mediaStatistics/modules/salesfunnel.vue

@@ -85,7 +85,54 @@
       <p class="title">{{projectTile}}</p>
       <tableTemp :layout="tablecols" :data="projectList" :opwidth="200" :custom="true"  :height="tableHieght">
         <template v-slot:customcol="scope">
-          <p>{{scope.column.data[scope.column.columnname]?scope.column.data[scope.column.columnname]:'&#45;&#45;'}}</p>
+          <div v-if="scope.column.columnname === 'status'">
+            <span style="color:#52c41a" v-if="scope.column.data[[scope.column.columnname]] == '跟进中'">{{scope.column.data[[scope.column.columnname]]}}</span>
+            <span style="color:#fa8c16" v-else-if="scope.column.data[[scope.column.columnname]] == '已成交'">{{scope.column.data[[scope.column.columnname]]}}</span>
+            <span style="color:#999999" v-else-if="scope.column.data[[scope.column.columnname]] == '已失败'">{{scope.column.data[[scope.column.columnname]]}}</span>
+            <span style="color:#999999" v-else-if="scope.column.data[[scope.column.columnname]] == '已结束'">{{scope.column.data[[scope.column.columnname]]}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname === 'tag_sys'">
+            <div v-for="item in scope.column.data.tag_sys" :key="item.index"  style="float: left;margin-left: 5px;margin-bottom: 5px">
+              <el-tag  color="#3874F6" size="mini" type="primary" effect="dark">
+                <span>{{item}}</span>
+              </el-tag>
+            </div>
+            <div v-for="item in scope.column.data.tag" :key="item.index"  style="float: left;margin-left: 5px;margin-bottom: 5px">
+              <el-tag color="#FA8C16" size="mini" type="warning" effect="dark">
+                <span>{{item}}</span>
+              </el-tag>
+            </div>
+          </div>
+          <div v-else-if="scope.column.columnname === 'leader'">
+            {{scope.data.column.leader[0] && scope.data.column.data.leader[0].name}}
+          </div>
+          <div v-else-if="scope.column.columnname === 'projecttype'">
+            {{scope.column.data.projecttype + '-' + scope.column.data.projecttype_remarks}}
+          </div>
+          <div v-else-if="scope.column.columnname == 'totalinvestment'">
+            <span>{{scope.column.data[[scope.column.columnname]] ?tool.formatAmount(scope.column.data[[scope.column.columnname]],2):'--'}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname == 'costofconstruction'">
+            <span>{{scope.column.data[[scope.column.columnname]] ?tool.formatAmount(scope.column.data[[scope.column.columnname]],2):'--'}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname == 'budgetary'">
+            <span>{{scope.column.data[[scope.column.columnname]] ?tool.formatAmount(scope.column.data[[scope.column.columnname]],2):'--'}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname == 'signamount_due'">
+            <span>{{scope.column.data[[scope.column.columnname]] ?tool.formatAmount(scope.column.data[[scope.column.columnname]],2):'--'}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname == 'begdate_due'">
+            <span>{{scope.column.data[[scope.column.columnname]] ? scope.column.data[[scope.column.columnname]] !== 'NaN-NaN'?scope.column.data[[scope.column.columnname]]:'--' :'--'}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname == 'enddate_due'">
+            <span>{{scope.column.data[[scope.column.columnname]] ? scope.column.data[[scope.column.columnname]] !== 'NaN-NaN'?scope.column.data[[scope.column.columnname]]:'--' :'--'}}</span>
+          </div>
+          <div v-else-if="scope.column.columnname == 'scale'">
+            <span>{{scope.column.data[[scope.column.columnname]]?scope.column.data[[scope.column.columnname]] + scope.column.data.unitname:'--'}}</span>
+          </div>
+          <div v-else>
+            {{scope.column.data[[scope.column.columnname]]?scope.column.data[[scope.column.columnname]]:'--'}}
+          </div>
         </template>
       </tableTemp>
       <div  style="text-align:right;margin-top: 10px">