Merge remote-tracking branch 'origin/mergeBranch' into mergeBranch

src/Form/marketing2/agent/add.vue

@@ -140,7 +140,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="是否授权所有标准:" style="height:51px" prop="standardsauth" label-width="160px">
-              <el-checkbox v-model="form.standardsauth" :true-label="1" :false-label="0"></el-checkbox>
+              <el-checkbox v-model="form.standardsauth" :true-label="0" :false-label="1"></el-checkbox>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -228,7 +228,7 @@ export default {
         "invoicingpoint": 1, //开票节点（1:订单审核：2:发货）
         "saleclassauth": 1, //是否需要经营授权,默认1
         "grade":'',
-        "standardsauth":1,
+        "standardsauth":0,
       },
       ENlist:[],
       agent_level:[],

src/Form/marketing2/agent/edit.vue

@@ -153,7 +153,7 @@
             </el-col>
             <el-col :span="12">
             <el-form-item label="是否授权所有标准:" style="height:51px" prop="standardsauth" label-width="160px">
-              <el-checkbox v-model="form.standardsauth" :true-label="1" :false-label="0"></el-checkbox>
+              <el-checkbox v-model="form.standardsauth" :true-label="0" :false-label="1"></el-checkbox>
             </el-form-item>
           </el-col>
             <el-col :span="12">

src/HDrpManagement/customerPortrait/index.vue

@@ -50,13 +50,13 @@
         </div>
 
         <div class="mt-10">
-          <label  class="search__label" >标签类型:</label>
-          <el-select v-model="form.tag" class="inline-24" placeholder="请选择标签" @change="selectChange" size="small" >
+          <label  class="search__label" >标签:</label>
+          <el-select v-model="form.tag" class="inline-24" placeholder="请选择标签" @change="selectChange" size="small" clearable filterable>
             <el-option
               v-for="item in tagType"
-              :key="item.value"
-              :label="item.value"
-              :value="item.value">
+              :key="item.sys_systemtagdetailid"
+              :label="item.tag"
+              :value="item.tag">
             </el-option>
           </el-select>
         </div>
@@ -343,9 +343,15 @@ export default {
       this.$refs.list.param.content.where = this.form
       this.$refs.list.listData()
     },
-    timeChange () {
-      this.$refs.list.param.content.where.begindate = this.dateSelect[0]
-      this.$refs.list.param.content.where.enddate = this.dateSelect[1]
+    timeChange (data) {
+      if (data) {
+        this.$refs.list.param.content.where.begindate = this.dateSelect[0]
+        this.$refs.list.param.content.where.enddate = this.dateSelect[1]
+      } else {
+        this.$refs.list.param.content.where.begindate = ''
+        this.$refs.list.param.content.where.enddate = ''
+      }
+      
       this.$refs.list.listData()
     },
     depChange(val){
@@ -390,8 +396,7 @@ export default {
     console.log(this.tagType);
 
     this.form.people = JSON.parse(sessionStorage.getItem('active_account')).name
-  }
-
+  },
 }
 </script>
 

src/HDrpManagement/customerPortrait/modules/detail.vue

@@ -72,7 +72,7 @@
                 {title:'跟进次数',value:$refs.fllow && $refs.fllow.total,bg:'#F3F9FC',color:'#3874F6'},
                 {title:'最近跟进人',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].name,bg:'#E8F7EC',color:'#78B32B'},
                 {title:'最近跟进时间',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].createdate || '--',bg:'#F9F2E5',color:'#FF7603'},
-                {title:'跟进频率',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].followfrequency,descript:'平均跟进天数，跟进频率=（总跟进天数-节假日）÷总跟进次数',bg:'#FDF3F3',color:'#E85B5B'},
+                {title:'跟进频率',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].followfrequency,descript:'定义：平均跟进天数；若没有跟进次数，则按照：跟进频率=创建时间到当前时间的天数-节假日；若有跟进次数，则按照：跟进频率=（首次跟进时间到当前时间的天数-节假日）÷跟进次数；',bg:'#FDF3F3',color:'#E85B5B'},
               ]"
             >
             </myCard>
@@ -170,7 +170,7 @@
             <showIsNone title="报价单明细">
             <pageTable 
               ref="baojiadan"
-              :tablecols="tool.tabelCol($route.name).quotedPriceTable.tablecols"
+              :tablecols="tool.tabelCol($route.name).quotedPriceTable2.tablecols"
               :param="param3"
               :custom="true"
             >
@@ -221,7 +221,7 @@
             <showIsNone title="合同明细">
             <pageTable 
               ref="hetong"
-              :tablecols="tool.tabelCol($route.name).contractTable.tablecols"
+              :tablecols="tool.tabelCol($route.name).contractTable2.tablecols"
               :param="param4"
               :custom="true"
             >
@@ -705,9 +705,11 @@ export default {
 }
 .peopleInfo-content .people .title {
   font-size: 14px;
+  white-space:nowrap;
 }
 .peopleInfo-content .people .content {
   display: flex;
+  flex-wrap:wrap;
 }
 .peopleInfo-content .people .content .item {
   display: flex;
@@ -741,6 +743,7 @@ export default {
   font-size: 12px;
   color: #cccccc;
   margin-right: 20px;
+  white-space:nowrap;
 }
 .title {
   font-size: 14px;

src/HDrpManagement/projectChange/modules/detail.vue

@@ -17,7 +17,11 @@
 <!--    <tagPanl slot="tags" :data="tagObj" ownertable="sa_project" :id="mainData.sa_projectid" @onSuccess="queryMainData"/>-->
     <div slot="customOperation">
       <!-- 此区域提供了自定义操作按钮 -->
-      <mindmap ref="mindmap" class="inline-16" :id="this.$route.query.id" name="project"></mindmap>
+      <div class="inline-16">
+        <PortraitDetail ref="PortraitDetail" v-if="Object.keys(mainData).length >= 3" :data="mainData"></PortraitDetail>
+        <el-button type="primary" size="mini" @click="$refs.PortraitDetail.dialogFormVisible=true">360°画像</el-button>
+      </div>
+      <!-- <mindmap ref="mindmap" class="inline-16" :id="this.$route.query.id" name="project"></mindmap> -->
       <putPeople style=" display: inline-block !important;" @putSuccess="putSuccess" v-if="flagTag !== ''" :isbpm="isbpm" :rowData="mainData" :flagTag="flagTag" :disabled="mainData.disabled" @onClose="onSuccess"/>
       <projectRecovery class="inline-16" :data="mainData" v-if="tool.checkAuth($route.name,'recovery')  && mainData.status === '已结束'" :disabled="mainData.disabled" @onRecovery="onSuccess"></projectRecovery>
       <duplicatesProject class="inline-16" :data="mainData" v-if="tool.checkAuth($route.name,'queryDuplicates') " :disabled="mainData.disabled" @dialogClose="dialogClose"></duplicatesProject>
@@ -98,6 +102,7 @@ import projectRecovery from "@/components/duplicatesCheck/projectRecovery";
 import mindmap from "@/components/mindmap/index.vue";
 import reportingProgress from './modules/reportingProgress/index.vue'
 import defeat from '../components/defeat'
+import PortraitDetail from '@/HDrpManagement/projectPortrait/modules/detail.vue'
 
 export default {
   components:{
@@ -121,7 +126,8 @@ export default {
     duplicatesProject,
     projectRecovery,
     mindmap,
-    defeat
+    defeat,
+    PortraitDetail
   },
   data () {
     return {

src/HDrpManagement/projectPortrait/index.vue

@@ -39,7 +39,7 @@
 
         <div class="mt-10">
           <label  class="search__label" >项目类型:</label>
-          <el-select class="inline-24" v-model="form.projecttype" placeholder="请选择项目类型" size="mini">
+          <el-select class="inline-24" v-model="form.projecttype" @change="selectChange" placeholder="请选择项目类型" size="mini" clearable filterable>
             <el-option
                 v-for="(item,index) in projectType"
                 :key="index"
@@ -78,8 +78,8 @@
         </div>
 
         <div class="mt-10">
-          <label class="search__label" >标签类型:</label>
-          <el-select v-model="form.tag" class="inline-24" placeholder="请选择标签" @change="selectChange" size="small" clearable>
+          <label  class="search__label" >标签:</label>
+          <el-select v-model="form.tag" class="inline-24" placeholder="请选择标签" @change="selectChange" size="small" clearable filterable>
             <el-option
               v-for="item in tagType"
               :key="item.sys_systemtagdetailid"
@@ -355,9 +355,15 @@ export default {
       this.selectList.dep = this.createMenu(res.data.dep)
       console.log(this.selectList,'范围选择数据');
     },
-    timeChange () {
-      this.$refs.list.param.content.where.begindate = this.dateSelect[0]
-      this.$refs.list.param.content.where.enddate = this.dateSelect[1]
+    timeChange (data) {
+      if (data) {
+        this.$refs.list.param.content.where.begindate = this.dateSelect[0]
+        this.$refs.list.param.content.where.enddate = this.dateSelect[1]
+      } else {
+        this.$refs.list.param.content.where.begindate = ''
+        this.$refs.list.param.content.where.enddate = ''
+      }
+      
       this.$refs.list.listData()
     },
     selectChange () {
@@ -421,6 +427,16 @@ export default {
     console.log(this.tagType);
 
     this.form.people = JSON.parse(sessionStorage.getItem('active_account')).name
+  },
+  mounted () {
+    setTimeout(() => {
+      if (this.$route.query.isTrue == '1') {
+        this.detail = {1:1}
+        this.$nextTick(() => {
+          this.$refs.Detail.dialogFormVisible=true
+        })
+      }
+    },1000)
   }
 }
 </script>

src/HDrpManagement/projectPortrait/modules/detail.vue

@@ -100,7 +100,7 @@
                 {title:'跟进次数',value:$refs.fllow && $refs.fllow.total,bg:'#F3F9FC',color:'#3874F6'},
                 {title:'最近跟进人',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].name,bg:'#E8F7EC',color:'#78B32B'},
                 {title:'最近跟进时间',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].createdate || '--',bg:'#F9F2E5',color:'#FF7603'},
-                {title:'跟进频率',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].followfrequency,descript:'平均跟进天数，跟进频率=（总跟进天数-节假日）÷总跟进次数',bg:'#FDF3F3',color:'#E85B5B'},
+                {title:'跟进频率',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].followfrequency,descript:'定义：平均跟进天数；若没有跟进次数，则按照：跟进频率=创建时间到当前时间的天数-节假日；若有跟进次数，则按照：跟进频率=（首次跟进时间到当前时间的天数-节假日）÷跟进次数；',bg:'#FDF3F3',color:'#E85B5B'},
               ]"
             >
             </myCard>
@@ -149,7 +149,7 @@
             <showIsNone title="客户明细">
             <pageTable 
               ref="kehu"
-              :tablecols="tool.tabelCol($route.name).customerTable.tablecols"
+              :tablecols="tool.tabelCol($route.name).customerTable2.tablecols"
               :param="param3"
             ></pageTable>
             </showIsNone>
@@ -216,7 +216,7 @@
             <showIsNone title="产品配置明细" style="margin-top:10px">
             <pageTable 
               ref="productset"
-              :tablecols="tool.tabelCol($route.name).projectSetTable.tablecols"
+              :tablecols="tool.tabelCol($route.name).projectSetTable2.tablecols"
               :param="param5"
               :custom="true"
             >
@@ -309,7 +309,7 @@
             <showIsNone title="合同明细">
             <pageTable 
               ref="hetong"
-              :tablecols="tool.tabelCol($route.name).contractTable.tablecols"
+              :tablecols="tool.tabelCol($route.name).contractTable2.tablecols"
               :param="param7"
               :custom="true"
             >
@@ -787,6 +787,7 @@ export default {
 }
 .peopleInfo-content .people .content {
   display: flex;
+  flex-wrap:wrap;
 }
 .peopleInfo-content .people .content .item {
   display: flex;
@@ -820,11 +821,13 @@ export default {
   font-size: 12px;
   color: #cccccc;
   margin-right: 20px;
+  white-space:nowrap;
 }
 .title {
   font-size: 14px;
   color: #000000;
   margin-right: 10px;
+  white-space:nowrap;
 }
 .myTitle {
   margin-right:24px;

src/HDrpManagement/salerPortrait/index.vue

@@ -249,9 +249,15 @@ export default {
       this.selectList.dep = this.createMenu(res.data.dep)
       console.log(this.selectList,'范围选择数据');
     },
-    timeChange () {
-      this.$refs.list.param.content.where.begindate = this.dateSelect[0]
-      this.$refs.list.param.content.where.enddate = this.dateSelect[1]
+    timeChange (data) {
+      if (data) {
+        this.$refs.list.param.content.where.begindate = this.dateSelect[0]
+        this.$refs.list.param.content.where.enddate = this.dateSelect[1]
+      } else {
+        this.$refs.list.param.content.where.begindate = ''
+        this.$refs.list.param.content.where.enddate = ''
+      }
+      
       this.$refs.list.listData()
     },
     depChange(val){
@@ -280,6 +286,16 @@ export default {
   created () {
     this.getDepAndpeople()
     this.people = JSON.parse(sessionStorage.getItem('active_account')).name
+  },
+  mounted () {
+    setTimeout(() => {
+      if (this.$route.query.isTrue == '1') {
+        this.detail = {1:1}
+        this.$nextTick(() => {
+          this.$refs.Detail.dialogFormVisible=true
+        })
+      }
+    },1000)
   }
 }
 </script>

src/HDrpManagement/salerPortrait/modules/detail.vue

@@ -711,6 +711,7 @@ export default {
 }
 .peopleInfo-content .people .content {
   display: flex;
+  flex-wrap:wrap;
 }
 .peopleInfo-content .people .content .item {
   display: flex;
@@ -744,11 +745,13 @@ export default {
   font-size: 12px;
   color: #cccccc;
   margin-right: 20px;
+  white-space:nowrap;
 }
 .title {
   font-size: 14px;
   color: #000000;
   margin-right: 10px;
+  white-space:nowrap;
 }
 .myTitle {
   margin-right:24px;

src/HDrpManagement/writeoffbill/components/add.vue

@@ -29,7 +29,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="核销金额" prop="writeoffamount">
-                <el-input size="small" placeholder="请输入核销金额" v-model.number="form.writeoffamount"></el-input>
+                <el-input size="small" placeholder="请输入核销金额" v-model="form.writeoffamount"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
@@ -44,7 +44,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="备注" prop="remarks">
-                <el-input size="small" type="textarea" placeholder="请输入备注" v-model.number="form.remarks"></el-input>
+                <el-input size="small" type="textarea" placeholder="请输入备注" v-model="form.remarks"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="24">
@@ -96,6 +96,13 @@ export default {
   name: "add",
   components:{selectEnterprise,selectVoucher,selectOrder},
   data(){
+    var checkNumber = (rule, value, callback) => {
+      console.log(+value)
+      if (isNaN(+value) && value != '') {
+        return callback(new Error('请填写数字'));
+      }
+      callback()
+    }
     return {
       dialogFormVisible:false,
       accountType:[],
@@ -107,7 +114,7 @@ export default {
         "sys_enterpriseid": "",
         "sa_accountclassid": "",
         "sa_cashbillid":"",
-        "writeoffamount":0,  //新增时可不传
+        "writeoffamount":'',  //新增时可不传
         "billnodate": '',
         "remarks":''
       },
@@ -122,7 +129,7 @@ export default {
           { required: true, message: '请选择支出或收入凭证', trigger: 'change'}
         ],
         writeoffamount:[
-          { message: '请填写正确金额', trigger: 'blur',type:'number'}
+          { validator: checkNumber, trigger: 'blur'}
         ],
       },
       params: {

src/HDrpManagement/writeoffbill/components/edit.vue

@@ -32,7 +32,7 @@
             </el-col>
             <el-col :span="24">
               <el-form-item label="核销金额" prop="writeoffamount">
-                <el-input size="small" placeholder="请输入核销金额" v-model.number="form.writeoffamount"></el-input>
+                <el-input size="small" placeholder="请输入核销金额" v-model="form.writeoffamount"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="24">
@@ -47,7 +47,7 @@
             </el-col>
             <el-col :span="24">
               <el-form-item label="备注" prop="remarks">
-                <el-input size="small" type="textarea" placeholder="请输入备注" v-model.number="form.remarks"></el-input>
+                <el-input size="small" type="textarea" placeholder="请输入备注" v-model="form.remarks"></el-input>
               </el-form-item>
             </el-col>
           </el-form>
@@ -69,6 +69,13 @@ export default {
   props:['data','disabled'],
   components:{selectEnterprise,selectVoucher},
   data(){
+    var checkNumber = (rule, value, callback) => {
+      console.log(+value)
+      if (isNaN(+value) && value != '') {
+        return callback(new Error('请填写数字'));
+      }
+      callback()
+    }
     return {
       dialogFormVisible:false,
       accountType:[],
@@ -92,7 +99,7 @@ export default {
           { required: true, message: '请选择支出或收入凭证', trigger: 'blur'}
         ],
         writeoffamount:[
-          { message: '请填写正确金额', trigger: 'change',type:'number'}
+          { validator: checkNumber, trigger: 'blur'}
         ],
       }
     }

src/HManagement/marketing2/agent/details/index.vue

@@ -275,7 +275,7 @@ export default {
         },
         {
           label:'是否授权所有标准',
-          value: this.mainData.standardsauth ? '开启' : '关闭'
+          value: this.mainData.standardsauth ? '否' : '是'
         },
         {
           label:'是否订单审核可开票',

src/HManagement/marketing2/agent/details/modules/areaBase/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Add class="inline-16 mt-10" @onSuccess="listData" v-if="tool.checkAuth($route.name,'areaBase')"/>
+    <Add class="inline-16 mt-10" @onSuccess="listData" v-if="tool.checkAuth($route.name,'areaBase') && data.standardsauth"/>
     <el-table
       :data="list"
       style="width: 100%"

src/HManagement/marketing2/saler/area/detail/index.vue

@@ -16,7 +16,11 @@
       <div slot="tags">
       </div>
       <div slot="customOperation" >
-        <mindmap class="inline-16" ref="mindmap" :id="mainData.hrid" name="saler"></mindmap>
+        <div class="inline-16">
+          <PortraitDetail ref="PortraitDetail" v-if="Object.keys(mainData).length" :data="mainData"></PortraitDetail>
+          <el-button type="primary" size="mini" @click="$refs.PortraitDetail.dialogFormVisible=true">360°画像</el-button>
+        </div>
+        <!-- <mindmap class="inline-16" ref="mindmap" :id="mainData.hrid" name="saler"></mindmap> -->
         <el-button class="inline-16" v-if="tool.checkAuth($route.name,'delete')" type="primary" size="mini" @click="deleteSaler">删 除</el-button>
       </div>
       <div slot="slot0" >
@@ -37,9 +41,10 @@ import detailed from './modules/detailedData'
 import TradefieldList from './modules/tradefieldList'
 import areaBase from './modules/areaBase/index'
 import mindmap from "@/components/mindmap/index.vue";
+import PortraitDetail from './modules/Prortraitdetail.vue'
 
 export default {
-  components:{detailed,TradefieldList,areaBase,mindmap},
+  components:{detailed,TradefieldList,areaBase,mindmap,PortraitDetail},
   data () {
     return {
       mainData:{},
@@ -84,6 +89,7 @@ export default {
         this.$refs.mindmap.onShow()
       }
       this.changeDataStructure()
+
     },
     // 监听切换数据,上一页,下一页
     pageChange (id,rowindex) {

src/HManagement/marketing2/saler/area/detail/modules/Prortraitdetail.vue

@@ -0,0 +1,761 @@
+<template>
+  <el-drawer append-to-body :visible.sync="dialogFormVisible" size="97%">
+    <div class="Mcontainer">
+      <div style="background:#ffffff;padding:10px" v-if="Object.keys(baseInfo).length">
+        <div class="Mcontainer-header">
+          <div class="Mcontainer-header__left">
+            <div style="width:60px;height: 60px;background:#F3F9FC;border-radius:10px;padding:10px">
+              <img src="@/assets/saler.svg" style="width:100%;height:100%" alt="">
+            </div>
+            <div class="account">
+              <p class="normal-title" style="font-size:18px">
+                <el-tooltip class="item" effect="dark" :content="baseInfo.projectname" placement="top">
+                  <p>{{ baseInfo.name }}</p>
+                </el-tooltip>
+              </p>
+              <div class="Mtag">
+                <el-tag size="small" v-for="(item,index) in baseInfo.sys_tag" :key="index" style="margin-right:10px">{{ item }}</el-tag>
+              </div>
+            </div>
+          </div>
+          <div class="Mcontainer-header__right">
+            <el-descriptions class="margin-top">
+              <el-descriptions-item label="编号">{{ baseInfo.hrcode }}</el-descriptions-item>
+              <el-descriptions-item label="部门">{{ baseInfo.depname }}</el-descriptions-item>
+              <el-descriptions-item label="手机号">{{ baseInfo.phonenumber }}</el-descriptions-item>
+              <el-descriptions-item label="营销区域"> {{ baseInfo.areaname }}</el-descriptions-item>
+              <el-descriptions-item label="登录账号">{{ baseInfo.accountno }}</el-descriptions-item>
+              <el-descriptions-item label="职位">{{ baseInfo.position }}</el-descriptions-item>
+              <el-descriptions-item label="邮箱"> {{ baseInfo.email }}</el-descriptions-item>
+              <el-descriptions-item label="最低授权折扣"><span style="color:#E85B5B;font-size:16px;font-weight:bold">{{ baseInfo.discountrate * 100 + '%' }}</span></el-descriptions-item>
+              <el-descriptions-item label="状态"> {{ +baseInfo.status ? '离职' : '在职' }}</el-descriptions-item>
+            </el-descriptions>
+          </div>
+        </div>
+      </div>
+      <div v-if="data" style="padding: 0 10px;">
+        <!--业绩-->
+        <div class="Mproject" style="margin-top:10px">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">业绩</span>
+              <myRadio :value1="param1.content" key1="type" @clickBtn="getPerformance" :btnOptions="[{label:'本年',value:3},{label:'本季',value:2},{label:'本月',value:1}]">
+              </myRadio>
+            </div>
+            <myCard 
+              :list="
+              [
+                {custom:'dingdan',data:performance,title:'订单目标',value2descript:'差额',value:performance.orderCR,value2:unitCompile(performance.amount - performance.target_l),bg:'#F3F9FC',color:'#3874F6'},
+                {custom:'chuhuo',data:performance,title:'出货目标',value2descript:'差额',value:performance.outOrderCR,value2:unitCompile(performance.outamount - performance.target_l),bg:'#E8F7EC',color:'#00B32B'},
+                {custom:'kaipiao',data:performance,title:'开票目标',value2descript:'差额',value:performance.invCR,value2:unitCompile(performance.invoiceamount - performance.target_l),bg:'#F9F2E5',color:'#FF7603'},
+                {title:'回款金额',value:unitCompile(performance.writeoffamount || 0),bg:'#FDF3F3',color:'#E85B5B'},
+              ]"
+            >
+              <template v-slot:dingdan="scope">
+                  <div>
+                    <p style="font-size:14px">实际/目标</p>
+                    <p :style="[{'font-size':'18px'},{color:scope.data.color},{'font-weight':'bold'}]">{{ unitCompile(scope.data.data.amount || 0) }}/{{ unitCompile(scope.data.data.target_l || 0) }}</p>
+                  </div>
+              </template>
+              <template v-slot:chuhuo="scope">
+                  <div>
+                    <p style="font-size:14px">实际/目标</p>
+                    <p :style="[{'font-size':'18px'},{color:scope.data.color},{'font-weight':'bold'}]">{{ unitCompile(scope.data.data.outamount || 0) }}/{{ unitCompile(scope.data.data.target_l || 0) }}</p>
+                  </div>
+              </template>
+              <template v-slot:kaipiao="scope">
+                  <div>
+                    <p style="font-size:14px">实际/目标</p>
+                    <p :style="[{'font-size':'18px'},{color:scope.data.color},{'font-weight':'bold'}]">{{ unitCompile(scope.data.data.invoiceamount || 0) }}/{{ unitCompile(scope.data.data.target_l || 0) }}</p>
+                  </div>
+              </template>
+            </myCard>
+          </el-card>
+        </div>
+
+        <!--订单-->
+        <div class="Mproject" style="margin-top:10px">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">订单</span>
+              <myRadio :value1="param2.content" key1="isAll" @clickBtn="refreshTable('param2','dingdan')" :btnOptions="[{label:'全部',value:1},{label:'本年',value:0}]">
+              </myRadio>
+              <el-select style="margin-left:24px" v-model="param2.content.where.type" clearable size="mini" placeholder="请选择订单类型" @change="typeChange('param2','dingdan')">
+                <el-option label="全部" value=""></el-option>
+                <el-option :label="item.value" :value="item.value" v-for="(item,index) in orderTypeList" :key="index"></el-option>
+              </el-select>
+            </div>
+            <myCard 
+              :list="
+              [
+                {title:'订单数量',value:$refs.dingdan && $refs.dingdan.list && $refs.dingdan.list[0] && $refs.dingdan.list[0].allOrderQty,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'订单总金额',value:unitCompile($refs.dingdan && $refs.dingdan.list && $refs.dingdan.list[0] && $refs.dingdan.list[0].allAmount || 0),bg:'#E8F7EC',color:'#78B32B'},
+                {title:'订单回款金额',value:unitCompile($refs.dingdan && $refs.dingdan.list && $refs.dingdan.list[0] && $refs.dingdan.list[0].cashbillAmount || 0),bg:'#F9F2E5',color:'#FF7603'},
+                {title:'订单未出货金额',value:unitCompile($refs.dingdan && $refs.dingdan.list && $refs.dingdan.list[0] && $refs.dingdan.list[0].allunAmount || 0),bg:'#FDF3F3',color:'#E85B5B'},
+                {title:'已出货未开票金额',value:unitCompile($refs.dingdan && $refs.dingdan.list && $refs.dingdan.list[0] && $refs.dingdan.list[0].alluninvoicamount || '0'),bg:'#F9F2E5',color:'#FF7603'},
+                {title:'已开票未回款金额',value:unitCompile($refs.dingdan && $refs.dingdan.list && $refs.dingdan.list[0] && $refs.dingdan.list[0].allunwriteoffamount || '0'),bg:'#FDF3F3',color:'#E85B5B'},
+              ]"
+            ></myCard>
+            <showIsNone title="订单明细">
+            <pageTable 
+              ref="dingdan"
+              :tablecols="tool.tabelCol($route.name).orderTable.tablecols"
+              :param="param2"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div v-if="scope.data.columnname == 'sumamount'">
+                  {{scope.data.data.sumamount && tool.formatAmount(scope.data.data.sumamount || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'writeoffamount'">
+                  {{scope.data.data.writeoffamount && tool.formatAmount(scope.data.data.writeoffamount || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'unoutOrderamount'">
+                  {{scope.data.data.unoutOrderamount && tool.formatAmount(scope.data.data.unoutOrderamount || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'uninvoicamount'">
+                  {{scope.data.data.uninvoicamount && tool.formatAmount(scope.data.data.uninvoicamount || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'unwriteoffamount'">
+                  {{scope.data.data.unwriteoffamount && tool.formatAmount(scope.data.data.unwriteoffamount || 0,2,'￥')  }}
+                </div>
+                <div v-else>
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+          </el-card>
+        </div>
+
+        <!--销售线索-->
+        <div class="Mfollow">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">销售线索</span>
+              <myRadio :value1="param3.content" key1="type" @clickBtn="refreshTable('param3','xiansuo');param8.content.type=param3.content.type;refreshTable('param8','fllow')" :btnOptions="[{label:'本年',value:3},{label:'本季',value:2},{label:'本月',value:1}]">
+              </myRadio>
+            </div>
+            <myCard 
+              :list="
+              [
+                {title:'线索数',value:$refs.xiansuo && $refs.xiansuo.list[0] && $refs.xiansuo.list[0].orderclueSize,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'新增线索数',value:$refs.xiansuo && $refs.xiansuo.list[0] && $refs.xiansuo.list[0].insertOrderclue,bg:'#E8F7EC',color:'#78B32B'},
+                {title:'线索转化率',value:$refs.xiansuo && $refs.xiansuo.list[0] && $refs.xiansuo.list[0].ordercluezhl,bg:'#F9F2E5',color:'#FF7603'},
+                {title:'跟进次数',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].createdate,bg:'#F3F9FC',color:'#3874F6'},
+                // {title:'跟进频率',value:$refs.fllow && $refs.fllow.list[0] && $refs.fllow.list[0].followfrequency,descript:'平均跟进天数，跟进频率=（总跟进天数-节假日）÷总跟进次数',bg:'#FDF3F3',color:'#E85B5B'},
+              ]"
+            >
+            </myCard>
+            <showIsNone title="销售线索明细">
+            <pageTable 
+              ref="xiansuo"
+              :tablecols="tool.tabelCol($route.name).orderclueList.tablecols"
+              :param="param3"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div v-if="scope.data.columnname == 'costofconstruction'">
+                  {{scope.data.data.costofconstruction && tool.formatAmount(scope.data.data.costofconstruction || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'totalinvestment'">
+                  {{scope.data.data.totalinvestment && tool.formatAmount(scope.data.data.totalinvestment || 0,2,'￥')  }}
+                </div>
+                <div v-else>
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+
+            <showIsNone title="线索跟进记录明细">
+            <pageTable 
+              ref="fllow"
+              :tablecols="tool.tabelCol($route.name).clueFollow.tablecols"
+              :param="param8"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div style="text-wrap:wrap">
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+          </el-card>
+        </div>
+
+        <!--关联客户-->
+        <div class="Mfollow">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">客户</span>
+              <myRadio :value1="param4.content" key1="type" @clickBtn="refreshTable('param4','kehu');param9.content.type=param4.content.type;refreshTable('param9','fllowkehu')" :btnOptions="[{label:'本年',value:3},{label:'本季',value:2},{label:'本月',value:1}]">
+              </myRadio>
+            </div>
+            <myCard
+              :list="
+              [
+                {title:'客户数',value:$refs.kehu && $refs.kehu.list.length,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'新增客户数',value:$refs.kehu && $refs.kehu.list[0] && $refs.kehu.list[0].customersSize,bg:'#E8F7EC',color:'#78B32B'},
+                {title:'跟进次数',value:$refs.fllowkehu && $refs.fllowkehu.list && $refs.fllowkehu.list[0] && $refs.fllowkehu.list[0].followSize,bg:'#F9F2E5',color:'#FF7603'},
+                // {title:'跟进频率',value:$refs.fllowkehu && $refs.fllowkehu.list && $refs.fllowkehu.list[0] && $refs.fllowkehu.list[0].followfrequency,descript:'平均跟进天数，跟进频率=（总跟进天数-节假日）÷总跟进次数',bg:'#FDF3F3',color:'#E85B5B'},
+              ]"
+            >
+            </myCard>
+            <showIsNone title="客户明细">
+            <pageTable 
+              ref="kehu"
+              :tablecols="tool.tabelCol($route.name).publicCustomerTable.tablecols"
+              :param="param4"
+              :custom="true"
+            >
+            <template v-slot:custom="scope">
+              <div v-if="scope.data.columnname == 'sys_tag'">
+                <el-tag size="mini" v-for="(item,index) in scope.data.data.sys_tag" :key="index">{{ item }}</el-tag>  
+              </div>
+              <div v-else-if="scope.data.columnname == 'industry'">
+                <el-tag size="mini" v-for="(item,index) in scope.data.data.industry" :key="index">{{ item }}</el-tag>  
+              </div>
+              <div v-else>
+                {{ scope.data.data[scope.data.columnname] }}
+              </div>
+            </template>
+            </pageTable>
+            </showIsNone>
+
+            <showIsNone title="客户跟进记录明细">
+            <pageTable 
+              ref="fllowkehu"
+              :tablecols="tool.tabelCol($route.name).customerFollow.tablecols"
+              :param="param9"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div style="text-wrap:wrap">
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+          </el-card>
+        </div>
+
+        <!--项目-->
+        <div class="Mproject" style="margin-top:10px">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">项目</span>
+              <myRadio :value1="param5.content" key1="type" @clickBtn="refreshTable('param5','project');param10.content.type=param5.content.type;refreshTable('param10','projectfllow')" :btnOptions="[{label:'本年',value:3},{label:'本季',value:2},{label:'本月',value:1}]">
+              </myRadio>
+            </div>
+            <myCard 
+              :list="
+              [
+                {title:'项目数',value:$refs.project && $refs.project.list && $refs.project.list[0] && $refs.project.list[0].projectSize,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'新增项目数',value:$refs.project && $refs.project.list && $refs.project.list[0] && $refs.project.list[0].insertProject,bg:'#E8F7EC',color:'#78B32B'},
+                {title:'项目成交率',value:$refs.project && $refs.project.list && $refs.project.list[0] && $refs.project.list[0].projectcjl,bg:'#F9F2E5',color:'#FF7603'},
+                {title:'跟进次数',value:$refs.projectfllow && $refs.projectfllow.list && $refs.projectfllow.list[0] && $refs.projectfllow.list[0].followSize,bg:'#F3F9FC',color:'#3874F6'},
+                // {title:'跟进频率',value:$refs.projectfllow && $refs.projectfllow.list[0] && $refs.projectfllow.list[0].followfrequency,descript:'平均跟进天数，跟进频率=（总跟进天数-节假日）÷总跟进次数',bg:'#FDF3F3',color:'#E85B5B'},
+              ]"
+            ></myCard>
+
+            <showIsNone title="项目明细">
+            <pageTable 
+              ref="project"
+              :tablecols="tool.tabelCol($route.name).competeProjectsTable.tablecols"
+              :param="param5"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div v-if="scope.data.columnname == 'stagecount'">
+                  <el-tag size="small" v-for="(item,index) in scope.data.data.stagecount" :key="index">{{ item.stagename }}</el-tag>
+                </div>
+                <div v-else-if="scope.data.columnname == 'signamount_due'">
+                  {{scope.data.data.signamount_due && tool.formatAmount(scope.data.data.signamount_due || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'scale'">
+                  {{scope.data.data.scalc ? scope.data.data.scale + scope.data.data.unitname : '' }}
+                </div>
+                <div v-else>
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+
+            <showIsNone title="项目跟进记录明细">
+            <pageTable 
+              ref="projectfllow"
+              :tablecols="tool.tabelCol($route.name).projectFollow.tablecols"
+              :param="param10"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div style="text-wrap:wrap">
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+
+          </el-card>
+        </div>
+
+        <!--报价单-->
+        <div class="Mproject" style="margin-top:10px">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">报价单</span>
+              <myRadio :value1="param6.content" key1="isAll" @clickBtn="refreshTable('param6','baojiadan')" :btnOptions="[{label:'全部',value:1},{label:'本年',value:0}]">
+              </myRadio>
+            </div>
+            <myCard 
+              :list="
+              [
+                {title:'报价次数',value:$refs.baojiadan && $refs.baojiadan.total,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'最近报价金额',value:unitCompile($refs.baojiadan && $refs.baojiadan.list && $refs.baojiadan.list[0] && $refs.baojiadan.list[0].sumamount || '0'),bg:'#E8F7EC',color:'#78B32B'},
+                {title:'最近报价时间',value:$refs.baojiadan && $refs.baojiadan.list && $refs.baojiadan.list[0] && $refs.baojiadan.list[0].submitdate || '--',bg:'#F9F2E5',color:'#FF7603'},
+              ]"
+            ></myCard>
+            <showIsNone title="报价单明细">
+            <pageTable 
+              ref="baojiadan"
+              :tablecols="tool.tabelCol($route.name).quotedPriceTable.tablecols"
+              :param="param6"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div v-if="scope.data.columnname == 'specialoffer'">
+                  {{ scope.data.data.specialoffer ? '是' : '否' }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'sumamount'">
+                  {{scope.data.data.sumamount && tool.formatAmount(scope.data.data.sumamount || 0,2,'￥')  }}
+                </div>
+                <div v-else-if="scope.data.columnname == 'begdate'">
+                  {{scope.data.data.begdate }}-{{scope.data.data.enddate }}
+                </div>
+                <div v-else>
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+          </el-card>
+        </div>
+
+
+        <!--合同-->
+        <div class="Mproject" style="margin-top:10px">
+          <el-card class="box-card">
+            <div slot="header">
+              <span class="myTitle">合同</span>
+              <myRadio :value1="param7.content" key1="isAll" @clickBtn="refreshTable('param7','hetong')" :btnOptions="[{label:'全部',value:1},{label:'本年',value:0}]">
+              </myRadio>
+              <el-select style="margin-left:24px" v-model="param7.content.where.type" clearable size="mini" placeholder="请选择合同类型" @change="typeChange('param7','hetong')">
+                <el-option label="全部" value=""></el-option>
+                <el-option :label="item.remarks" :value="item.value" v-for="(item,index) in contractTypeList" :key="index"></el-option>
+              </el-select>
+            </div>
+            <myCard 
+              :list="
+              [
+                {title:'合同总数',value:$refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].allQty,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'合同金额',value:unitCompile($refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].sumSignAmount || 0),bg:'#E8F7EC',color:'#78B32B'},
+                {title:'进行中合同数',value:$refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].inProgressQty,bg:'#FDF3F3',color:'#E85B5B'},
+                {title:'进行中合同金额',value:unitCompile($refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].inProgressAmount || 0),bg:'#F9F2E5',color:'#FF7603'},
+                {title:'到期合同数',value:$refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].expireQty,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'到期合同金额',value:unitCompile($refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].expireAmount || 0),bg:'#F9F2E5',color:'#FF7603'},
+                {title:'转订单合同数',value:$refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].convertOrderContractQty,bg:'#F3F9FC',color:'#3874F6'},
+                {title:'转订单金额',value:unitCompile($refs.hetong && $refs.hetong.list && $refs.hetong.list[0] && $refs.hetong.list[0].convertOrderContractAmount || 0),bg:'#E8F7EC',color:'#78B32B'},
+              ]"
+            ></myCard>
+            <showIsNone title="合同明细">
+            <pageTable 
+              ref="hetong"
+              :tablecols="tool.tabelCol($route.name).contractTable.tablecols"
+              :param="param7"
+              :custom="true"
+            >
+              <template v-slot:custom="scope">
+                <div v-if="scope.data.columnname == 'signAmount'">
+                  {{scope.data.data.signAmount && tool.formatAmount(scope.data.data.signAmount || 0,2,'￥')  }}
+                </div>
+                <div v-else>
+                  {{ scope.data.data[scope.data.columnname] }}
+                </div>
+              </template>
+            </pageTable>
+            </showIsNone>
+          </el-card>
+        </div>
+
+  
+      </div>
+      
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+import pageTable from '@/HDrpManagement/customerPortrait/modules/pageTable'
+import showIsNone from '@/HDrpManagement/customerPortrait/modules/showIsNone'
+import myCard from '@/HDrpManagement/customerPortrait/modules/myCrad'
+import myTag from '@/HDrpManagement/customerPortrait/modules/myTag'
+import myRadio from '@/HDrpManagement/customerPortrait/modules/myRadio'
+export default {
+  name: "index",
+  components:{showIsNone,pageTable,myCard,myTag,myRadio},
+  props:['data'],
+  data() {
+    return {
+      dialogFormVisible:false,
+      baseInfo:{},//基本信息
+      //业绩
+      param1: {
+        "id": 20230717100404,
+        "content": {
+            "type":3,
+            "hrid":this.data.hrid
+        }
+      },
+      //订单
+      param2: {
+        "id": 20230717100504,
+        "content": {
+            "pageNumber": 1,
+            "pageSize": 20,
+            "isAll":1,
+            "hrid":this.data.hrid,
+            "where": {
+              type:''
+            }
+        }
+      },
+      //销售线索
+      param3: {
+        "id": 20230717100604,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "type":3,
+          "hrid":this.data.hrid,
+        }
+      },
+      //线索跟进
+      param8: {
+        "id": 20230717100704,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "type":3,
+          "hrid":this.data.hrid,
+        }
+      },
+      //客户
+      param4: {
+        "id": 20230717100804,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "type":3,
+          "hrid":this.data.hrid,
+        }
+      },
+      //客户跟进
+      param9: {
+        "id": 20230717100904,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "type":3,
+          "hrid":this.data.hrid,
+        }
+      },
+      //项目
+      param5: {
+        "id": 20230717101004,
+        "content": {
+            "pageNumber": 1,
+            "pageSize": 20,
+            "type":3,
+            "hrid":this.data.hrid
+        }
+      },
+      //项目跟进
+      param10: {
+        "id": 20230717101104,
+        "content": {
+            "pageNumber": 1,
+            "pageSize": 20,
+            "type":3,
+            "hrid":this.data.hrid
+        }
+      },
+      //报价单
+      param6: {
+        "id": 20230717101204,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "isAll":1,
+          "hrid":this.data.hrid,
+          "where":{
+              "type":""
+          }
+        }
+      },
+      //合同
+      param7: {
+        "id": 20230717101304,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+          "isAll":1,
+          "hrid":this.data.hrid,
+          "where":{
+              "type":""
+          }
+        }
+      },
+      performance:{},
+      contractTypeList:[],
+      orderTypeList:[],
+      stageList:[]
+    }
+  },
+  methods:{
+    async getbaseInfo () {
+      let res = await this.$api.requested({
+        "id": 20230717100304,
+        "content": {
+            "hrid":this.data.hrid
+        }
+      })
+      this.baseInfo = res.data[0]
+      console.log(this.baseInfo,'基本信息');
+    },
+    async getPerformance () {
+      let res = await this.$api.requested(this.param1)
+      this.performance = res.data[0]
+      console.log(this.performance,'业绩');
+    },
+    async getSelectList () {
+      const res = await this.$store.dispatch('optiontypeselect','contracttype')
+      this.contractTypeList = res.data
+      console.log(this.contractTypeList,'合同类型');
+
+      const res2 = await this.$store.dispatch('optiontypeselect','ordertype')
+      this.orderTypeList = res2.data
+      console.log(this.orderTypeList,'订单类型');
+
+      /*获取阶段*/
+      const res3 = await this.$api.requested({
+        "id": 20221128143604,
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 9999,
+          "where": {
+            "condition": "",
+            "allprojecttype":"",
+            "projecttype":""
+          }
+        }
+      })
+      this.stageList = res3.data
+    },
+    refreshTable (param,el) {
+      this[param].content.pageNumber = 1
+      this.$refs[el] && this.$refs[el].listData()
+    },
+    typeChange(param,el) {
+      this[param].content.pageNumber = 1
+      this.$refs[el] && this.$refs[el].listData()
+    },
+    unitCompile (num) {
+      if (num == 0) {
+        return this.tool.formatAmount(num,0,'￥')
+      } else {
+        return this.tool.formatAmount(num / 10000,2,'￥') + '万'
+      }
+    },
+  },
+  mounted() {
+    this.getbaseInfo()
+    this.getPerformance()
+    this.getSelectList()
+  }
+}
+</script>
+
+<style scoped>
+*{
+  box-sizing: border-box;
+}
+.my-label {
+  background: rgba(235, 245, 253, 1);
+}
+.nowrap {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 100;
+}
+
+/deep/.el-drawer {
+  background:#F5F5F5 !important; 
+}
+/deep/.el-drawer__header{
+  display: none !important;
+}
+
+/deep/.el-descriptions-item__cell {
+  padding: 8px 8px 0px 8px !important;
+}
+
+
+/deep/.el-card__header,/deep/.el-card__body {
+  padding: 10px !important;
+}
+.Mcontainer .Mcontainer-header {
+  display: flex;
+  align-items: center;
+}
+.Mcontainer .Mcontainer-header .Mcontainer-header__left {
+  display: flex;
+  max-width: 350px;
+  min-width: 350px;
+  align-items: center;
+  padding-right: 20px;
+}
+.Mcontainer .Mcontainer-header .Mcontainer-header__right {
+  flex: 100;
+  border-left: 1px solid #cccccc;
+  padding-left: 20px;
+}
+.Mcontainer .Mcontainer-header .Mcontainer-header__left .account{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-left: 10px;
+  overflow: hidden;
+  flex:100;
+}
+.Mcontainer .Mcontainer-header .Mcontainer-header__left .account .Mtag{
+  margin-top: 5px;
+}
+
+.Mcontainer .Mfollow{
+  margin-top: 10px;
+}
+
+.Mcontainer .peopleInfo {
+  margin-top: 10px;
+  padding-bottom: 10px;
+}
+.peopleInfo-content {
+  display: flex;
+  flex-direction: column;
+  height: 300px;
+  overflow-y: scroll;
+}
+.peopleInfo-content::-webkit-scrollbar {
+  display: none;
+}
+.peopleInfo-content .leader {
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.peopleInfo-content .leader .title {
+  font-size: 14px;
+}
+.peopleInfo-content .leader .content {
+  display: flex;
+  flex-wrap: wrap;
+}
+.peopleInfo-content .leader .content .item {
+  display: flex;
+  align-items: center;
+  margin: 0 20px 10px 0;
+}
+.peopleInfo-content .leader .content .avatar {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 50px;
+  background: #3874F6;
+  margin-right:10px;
+  color: #ffffff;
+}
+.peopleInfo-content .leader .content .Info {
+  display: flex;
+  flex-direction: column;
+}
+.peopleInfo-content .leader .content .Info div {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color: #cccccc;
+}
+
+
+.peopleInfo-content .people {
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.peopleInfo-content .people .title {
+  font-size: 14px;
+}
+.peopleInfo-content .people .content {
+  display: flex;
+  flex-wrap:wrap;
+}
+.peopleInfo-content .people .content .item {
+  display: flex;
+  align-items: center;
+  margin: 0 20px 10px 0;
+}
+.peopleInfo-content .people .content .avatar {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 50px;
+  background: #3874F6;
+  margin-right: 10px;
+  color: #ffffff;
+}
+.peopleInfo-content .people .content .Info {
+  display: flex;
+  flex-direction: column;
+}
+.peopleInfo-content .people .content .Info div {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color: #cccccc;
+}
+
+.peopleInfo-content .people {}
+
+.descript {
+  font-size: 12px;
+  color: #cccccc;
+  margin-right: 20px;
+  white-space:nowrap;
+}
+.title {
+  font-size: 14px;
+  color: #000000;
+  margin-right: 10px;
+  white-space:nowrap;
+}
+.myTitle {
+  margin-right:24px;
+  font-size: 16px;
+  font-weight: bold;
+}
+</style>

src/SDrpManagement/salerPrivatecustomer/detail/customerDetail.vue

@@ -20,7 +20,8 @@
       </div>
       <div slot="customOperation" >
         <!-- 此区域提供了自定义操作按钮 -->
-        <mindmap class="inline-16" ref="mindmap" :id="this.$route.query.id" name="custom"></mindmap>
+        <el-button class="inline-16" type="primary" size="mini" @click="$refs.PortraitDetail.dialogFormVisible=true">360°画像</el-button>
+        <!-- <mindmap class="inline-16" ref="mindmap" :id="this.$route.query.id" name="custom"></mindmap> -->
         <statusChange class="inline-16" v-if="tool.checkAuth($route.name,'statusChange')" :disabled="mainData.disabled" :id="mainData.sa_customersid"  @statusChangeSuccess="statusChangeSuccess"></statusChange>
         <share class="inline-16" v-if="tool.checkAuth($route.name,'share') && mainData.sourcepoolname === ''" :disabled="mainData.disabled" :id="mainData.sa_customersid" @onshow="onSuccess" @shareSuccess="onSuccess"></share>
         <toBack class="inline-16" v-if="tool.checkAuth($route.name,'back') && mainData.sa_customerpoolid_source !== 0" :disabled="mainData.disabled" :data="mainData" @backSuccess="onSuccess"></toBack>
@@ -59,6 +60,7 @@
         <followLeads :data="mainData"  v-if="flag"></followLeads>
       </div>
     </basicDetails>
+    <PortraitDetail ref="PortraitDetail" v-if="Object.keys(mainData).length >= 2" :data="mainData"></PortraitDetail>
   </div>
 </template>
 
@@ -85,6 +87,7 @@ import accountMoney from './modules/accountMoney/index'
 import bankCard from './modules/bankCard/index'
 import duplicatesCustomer from "@/components/duplicatesData/duplicatesCustomer";
 import mindmap from "@/components/mindmap/index.vue";
+import PortraitDetail from '@/HDrpManagement/customerPortrait/modules/detail.vue'
 export default {
   name: "detail",
   data() {
@@ -130,7 +133,8 @@ export default {
     accountMoney,
     bankCard,
     duplicatesCustomer,
-    mindmap
+    mindmap,
+    PortraitDetail
   },
   watch:{
     /*$route (val) {
@@ -183,6 +187,32 @@ export default {
     }
   },
   methods:{
+    goPortrait () {
+      let model
+      let id = this.$route.query.id
+      JSON.parse(sessionStorage.getItem('module_info')).forEach(item1 => {
+        item1.modules.forEach(item2 => {
+          item2.apps.forEach(item3 => {
+            if(item3.systemappid == 259) {
+              model = item3
+              return
+            }
+          })
+        })
+      })
+      sessionStorage.setItem('active_modules',JSON.stringify(model))
+      this.$store.dispatch('changeDetailDrawer',false)
+      this.$router.push('/customerportrait')
+      setTimeout(() => {
+        this.$router.push({
+          path:'/customerportrait',
+          query:{
+            id:id,
+            isTrue:1
+          }
+        })
+      },1000)
+    },
     async queryMainData(id) {
       console.log('触发');
       console.log(this.$route,'$route')