格式化

src/HDrpManagement/contactProfile/index.vue

@@ -2,31 +2,32 @@
   <div>
     <basicLayout
         ref="list"
-        tableName="contactTable"
-        idName="sa_accountclassid"
         :apiId="{query:20240603162604}"
-        :options="options"
         :isExport="false"
+        :options="options"
+        idName="sa_accountclassid"
+        tableName="contactTable"
         @listCreate="listCreate"
     >
       <div slot="custom" style="display:flex;flex-wrap:wrap">
         <div class="mt-10">
-          <label  class="search__label" >部门:</label>
+          <label class="search__label">部门:</label>
           <el-cascader
-              class="inline-24"
               ref="selectdep"
-              size="small"
               v-model="dep"
               :options="selectList.dep"
               :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"
-              @change="depChange"
+              class="inline-24"
               clearable
+              size="small"
+              @change="depChange"
           ></el-cascader>
         </div>
 
         <div class="mt-10">
-          <label  class="search__label" >业务员:</label>
-          <el-select class="inline-16" filterable v-model="people" size="small" placeholder="请选择业务员"  @change="peopleChange">
+          <label class="search__label">业务员:</label>
+          <el-select v-model="people" class="inline-16" filterable placeholder="请选择业务员" size="small"
+                     @change="peopleChange">
             <el-option
                 v-for="item in selectList.hr"
                 :key="item.userid"
@@ -37,179 +38,186 @@
         </div>
         <div class="inline-16">
           <p class="search__label">状态:</p>
-          <el-select v-model="isleave" clearable style="margin-right:10px" size="small" placeholder="请选择状态" @change="leaveChange" :disabled="dep == ''">
+          <el-select v-model="isleave" :disabled="dep == ''" clearable placeholder="请选择状态" size="small"
+                     style="margin-right:10px" @change="leaveChange">
             <el-option label="在职" value="1"></el-option>
             <el-option label="离职" value="2"></el-option>
           </el-select>
         </div>
         <div class="inline-16 mt-10">
           <p class="search__label">标签:</p>
-          <el-select  v-model="tags" placeholder="请选择标签" size="small" @change="selectTag" clearable @clear="selectTag" filterable class="inline-16" multiple>
+          <el-select v-model="tags" class="inline-16" clearable filterable multiple placeholder="请选择标签"
+                     size="small" @change="selectTag" @clear="selectTag">
             <el-option
                 v-for="item in tagList"
                 :key="item.index"
+                :disabled="hasDisabledTag(item)"
                 :label="item.tag"
-                :value="item.tag"
-                :disabled="hasDisabledTag(item)">
+                :value="item.tag">
             </el-option>
           </el-select>
         </div>
         <div class="mt-10" style="margin-right:10px">
-          <label  class="search__label" >范围:</label>
+          <label class="search__label">范围:</label>
           <el-date-picker
-              size="small"
-              @change="timeChange"
-              value-format="yyyy-MM-dd"
               v-model="dateSelect"
-              type="daterange"
+              clearable
+              end-placeholder="结束日期"
               range-separator="至"
+              size="small"
               start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              clearable>
+              type="daterange"
+              value-format="yyyy-MM-dd"
+              @change="timeChange">
           </el-date-picker>
         </div>
       </div>
       <template v-slot:tbList="scope">
         <div v-if="scope.data.column.columnname === 'tag'">
-          <el-tag v-for="(item,index) in scope.data.column.data.tag"  :type="item==='支持者'?'warning':item==='反对者'?'danger':''" size="mini" style="margin-right:10px" :key="index">{{ item }}</el-tag>
+          <el-tag v-for="(item,index) in scope.data.column.data.tag"
+                  :key="index" :type="item==='支持者'?'warning':item==='反对者'?'danger':''" size="mini"
+                  style="margin-right:10px">{{ item }}
+          </el-tag>
         </div>
         <div v-else-if="scope.data.column.columnname === 'islinkcustomer'">
-          {{ scope.data.column.data[[scope.data.column.columnname]] == '1' ? '是': '否' }}
+          {{ scope.data.column.data[[scope.data.column.columnname]] == '1' ? '是' : '否' }}
         </div>
         <div v-else-if="scope.data.column.columnname === 'islinkproject'">
-          {{ scope.data.column.data[[scope.data.column.columnname]] == '1' ? '是': '否' }}
+          {{ scope.data.column.data[[scope.data.column.columnname]] == '1' ? '是' : '否' }}
         </div>
         <div v-else>
-          {{scope.data.column.data[[scope.data.column.columnname]] || scope.data.column.columnname === 'operation'?scope.data.column.data[[scope.data.column.columnname]]:'--'}}
+          {{ scope.data.column.data[[scope.data.column.columnname]] || scope.data.column.columnname === 'operation' ? scope.data.column.data[[scope.data.column.columnname]] : '--' }}
         </div>
       </template>
       <template v-slot:tbOpreation="scope">
-        <el-button type="text" size="small" @click="goDetail(scope.data.data)">详 情</el-button>
+        <el-button size="small" type="text" @click="goDetail(scope.data.data)">详 情</el-button>
       </template>
     </basicLayout>
-    <Detail ref="Detail" v-if="Object.keys(detail).length" :data="detail"></Detail>
+    <Detail v-if="Object.keys(detail).length" ref="Detail" :data="detail"></Detail>
   </div>
 </template>
 
 <script>
 import Detail from './modules/detail'
+
 export default {
   name: "index",
-  components:{Detail},
-  data(){
+  components: {Detail},
+  data() {
     return {
-      options:[],
-      list:[],
-      detail:{},
-      total:0,
-      editableTabs:[
+      options: [],
+      list: [],
+      detail: {},
+      total: 0,
+      editableTabs: [
         {
-          templetname:'我负责的',
-          templetid:1
+          templetname: '我负责的',
+          templetid: 1
         },
         {
-          templetname:'我参与的',
-          templetid:2
+          templetname: '我参与的',
+          templetid: 2
         },
         {
-          templetname:'我下属负责的',
-          templetid:3
+          templetname: '我下属负责的',
+          templetid: 3
         },
         {
-          templetname:'我下属参与的',
-          templetid:4
+          templetname: '我下属参与的',
+          templetid: 4
         },
         {
-          templetname:'我创建的',
-          templetid:5
+          templetname: '我创建的',
+          templetid: 5
         }
       ],
-      param:{
-        "id":20221012164402,
-        "content":{
+      param: {
+        "id": 20221012164402,
+        "content": {
           "pageNumber": 1,
           "pageSize": 20,
-          "type":'',
+          "type": '',
           "deleted": 0,
           "isExport": false,
           "isend": 0,
-          where:{
-            a:''
+          where: {
+            a: ''
           }
         }
       },
-      dep:'',
-      people:'',
-      selectList:[],
-      dateSelect:[],
-      isleave:'',
-      tagList:[],
-      tags:[]
+      dep: '',
+      people: '',
+      selectList: [],
+      dateSelect: [],
+      isleave: '',
+      tagList: [],
+      tags: []
     }
   },
   computed: {
-    grade () {
+    grade() {
       return (n) => {
-        let result
+        let result;
         switch (n) {
           case 0:
-            result = '无'
+            result = '无';
             break;
           case 1:
-            result = '等级一'
+            result = '等级一';
             break;
           case 2:
-            result = '等级二'
+            result = '等级二';
             break;
           case 3:
-            result = '等级三'
+            result = '等级三';
             break;
           case 4:
-            result = '等级四'
+            result = '等级四';
             break;
           case 5:
-            result = '等级一五'
+            result = '等级一五';
             break;
         }
         return result
       }
     }
   },
-  methods:{
-    createMenu (array) {
-      var that = this
-      let arr = []
+  methods: {
+    createMenu(array) {
+      var that = this;
+      let arr = [];
+
       function convertToElementTree(node) {
         // 新节点
-        if (node.subdep.length === 0){
+        if (node.subdep.length === 0) {
           var elNode = {
             label: node["depname"],
-            parentid:node['parentid'],
-            parentname:node['parentname'],
-            departmentid:node["departmentid"],
-            value:node["departmentid"],
-            remarks:node["remarks"],
-            isused:node["isused"],
-            changedate:node['changedate'],
-            changeby:node['changeby'],
-            createdate:node['createdate'],
-            createby:node['createby'],
-            depno:node['depno'],
+            parentid: node['parentid'],
+            parentname: node['parentname'],
+            departmentid: node["departmentid"],
+            value: node["departmentid"],
+            remarks: node["remarks"],
+            isused: node["isused"],
+            changedate: node['changedate'],
+            changeby: node['changeby'],
+            createdate: node['createdate'],
+            createby: node['createby'],
+            depno: node['depno'],
           }
-        }else {
+        } else {
           var elNode = {
             label: node["depname"],
-            parentid:node['parentid'],
-            parentname:node['parentname'],
-            departmentid:node["departmentid"],
-            value:node["departmentid"],
-            remarks:node["remarks"],
-            isused:node["isused"],
-            changedate:node['changedate'],
-            changeby:node['changeby'],
-            createdate:node['createdate'],
-            createby:node['createby'],
-            depno:node['depno'],
+            parentid: node['parentid'],
+            parentname: node['parentname'],
+            departmentid: node["departmentid"],
+            value: node["departmentid"],
+            remarks: node["remarks"],
+            isused: node["isused"],
+            changedate: node['changedate'],
+            changeby: node['changeby'],
+            createdate: node['createdate'],
+            createby: node['createby'],
+            depno: node['depno'],
             children: []
           }
         }
@@ -222,122 +230,122 @@ export default {
         }
         return elNode;
       }
+
       array.forEach((element) => {
         arr.push(convertToElementTree(element))
       });
       return arr
     },
-    listCreate (param) {
+    listCreate(param) {
       console.log(param);
-      param.content.type = ''
+      param.content.type = '';
       param.content.dataid = ''
     },
-    goDetail (data) {
-      console.log(data,'data')
-      this.detail= {}
+    goDetail(data) {
+      console.log(data, 'data');
+      this.detail = {};
       this.$router.push({
-        path:'contactProfile',
+        path: 'contactProfile',
         query: {
-          id:data.sys_phonebookid
+          id: data.sys_phonebookid
         }
-      })
+      });
       setTimeout(() => {
-        this.detail = data
+        this.detail = data;
         this.$nextTick(() => {
-          this.$refs.Detail.dialogFormVisible=true
+          this.$refs.Detail.dialogFormVisible = true
         })
       })
     },
-    async getDepAndpeople () {
+    async getDepAndpeople() {
       let res = await this.$api.requested({
         "id": 20230620102004,
-        "content": {
-        }
-      })
-      this.selectList = res.data
-      this.selectList.dep = this.createMenu(res.data.dep)
-      console.log(this.selectList,'范围选择数据');
+        "content": {}
+      });
+      this.selectList = res.data;
+      this.selectList.dep = this.createMenu(res.data.dep);
+      console.log(this.selectList, '范围选择数据');
     },
-    timeChange (data) {
+    timeChange(data) {
       if (data) {
-        this.$refs.list.param.content.where.begdate = this.dateSelect[0]
+        this.$refs.list.param.content.where.begdate = this.dateSelect[0];
         this.$refs.list.param.content.where.enddate = this.dateSelect[1]
       } else {
-        this.$refs.list.param.content.where.begdate = ''
+        this.$refs.list.param.content.where.begdate = '';
         this.$refs.list.param.content.where.enddate = ''
       }
 
       this.$refs.list.listData()
     },
     leaveChange() {
-      this.$refs.list.param.content.where.isleave = this.isleave
+      this.$refs.list.param.content.where.isleave = this.isleave;
       this.$refs.list.listData()
     },
-    depChange(val){
-      this.people = ''
-      this.$refs.list.param.content.type = 1
-      this.$refs.list.param.content.dataid = val[val.length - 1]
+    depChange(val) {
+      this.people = '';
+      this.$refs.list.param.content.type = 1;
+      this.$refs.list.param.content.dataid = val[val.length - 1];
       this.$refs.list.listData()
     },
-    peopleChange(){
-      this.dep = ''
-      this.isleave = ''
-      this.$refs.list.param.content.type = 0
-      this.$refs.list.param.content.dataid = this.people
+    peopleChange() {
+      this.dep = '';
+      this.isleave = '';
+      this.$refs.list.param.content.type = 0;
+      this.$refs.list.param.content.dataid = this.people;
       this.$refs.list.listData()
     },
     handleSizeChange(val) {
       // console.log(`每页 ${val} 条`);
-      this.param.content.pageSize = val
+      this.param.content.pageSize = val;
       this.listData()
     },
     handleCurrentChange(val) {
       // console.log(`当前页: ${val}`);
-      this.param.content.pageNumber = val
+      this.param.content.pageNumber = val;
       this.listData()
     },
-    async getTagList () {
+    async getTagList() {
       let res = await this.$api.requested({
         "id": 20220929085401,
         "content": {
-          "ownertable":"sys_phonebook",
-          "ownerid":102
+          "ownertable": "sys_phonebook",
+          "ownerid": 102
         }
-      })
+      });
       this.tagList = res.data.option
     },
-    hasDisabledTag (item) {
-      let arr = []
-      let arr2 = []
-      arr = this.tagList.filter(item=>{
+    hasDisabledTag(item) {
+      let arr = [];
+      let arr2 = [];
+      arr = this.tagList.filter(item => {
         return this.tags.includes(item.tag)
-      })
-      arr.forEach(e=>{
+      });
+      arr.forEach(e => {
         arr2 = arr2.concat(e.mutextag)
-      })
-      arr2 = this.tags.length === 0?[]:arr2
-      let _isSame = arr2.some(tag=>item.tag === tag)
+      });
+      arr2 = this.tags.length === 0 ? [] : arr2;
+      let _isSame = arr2.some(tag => item.tag === tag);
       return _isSame
     },
-    selectTag(){
-      this.$refs.list.param.content.where.tag = this.tags
+    selectTag() {
+      this.$refs.list.param.content.where.tag = this.tags;
       this.$refs.list.listData()
     }
   },
-  created () {
-    this.getDepAndpeople()
+  created() {
+    this.getDepAndpeople();
     this.people = JSON.parse(sessionStorage.getItem('active_account')).name
   },
-  mounted () {
-    this.getTagList()
+  mounted() {
+    this.getTagList();
     setTimeout(() => {
       if (this.$route.query.isTrue == '1') {
-        this.detail = {1:1}
+        this.detail = {1: 1};
         this.$nextTick(() => {
-          this.$refs.Detail.dialogFormVisible=true
+          this.$refs.Detail.dialogFormVisible = true
         })
       }
-    },1000)
+    }, 1000)
   }
 }
 </script>

src/HDrpManagement/contactProfile/modules/detail.vue

@@ -1,29 +1,35 @@
 <template>
-  <el-drawer append-to-body :visible.sync="dialogFormVisible" size="97%">
+  <el-drawer :visible.sync="dialogFormVisible" append-to-body size="97%">
     <div class="Mcontainer">
-      <div style="background:#ffffff;padding:10px" v-if="Object.keys(detailInfo).length">
+      <div v-if="Object.keys(detailInfo).length" style="background:#ffffff;padding:10px">
         <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="">
+              <img alt="" src="@/assets/saler.svg" style="width:100%;height:100%">
             </div>
             <div class="account">
               <p class="normal-title" style="font-size:18px">
-                <el-tooltip class="item" effect="dark" :content="detailInfo.projectname" placement="top">
+                <el-tooltip :content="detailInfo.projectname" class="item" effect="dark" placement="top">
                   <span>{{ detailInfo.name }}</span>
-                 </el-tooltip>
+                </el-tooltip>
               </p>
               <div class="Mtag">
-                <el-tag size="small" v-for="(item,index) in detailInfo.tag" :key="index" style="margin-right:10px">{{ item }}</el-tag>
+                <el-tag v-for="(item,index) in detailInfo.tag" :key="index" size="small" style="margin-right:10px">
+                  {{ item }}
+                </el-tag>
               </div>
             </div>
           </div>
           <div class="Mcontainer-header__right">
             <el-descriptions class="margin-top">
-              <el-descriptions-item label="联系方式"><span style="color:#E85B5B;font-size:16px;font-weight:bold">{{ detailInfo.phonenumber }}</span></el-descriptions-item>
+              <el-descriptions-item label="联系方式"><span
+                  style="color:#E85B5B;font-size:16px;font-weight:bold">{{ detailInfo.phonenumber }}</span>
+              </el-descriptions-item>
               <el-descriptions-item label="微信">{{ detailInfo.wechatnum }}</el-descriptions-item>
               <el-descriptions-item label="偏好">{{ detailInfo.preference }}</el-descriptions-item>
-              <el-descriptions-item label="分级"><span style="color:#E85B5B;font-size:16px;font-weight:bold"> {{ detailInfo.grade }}</span></el-descriptions-item>
+              <el-descriptions-item label="分级"><span
+                  style="color:#E85B5B;font-size:16px;font-weight:bold"> {{ detailInfo.grade }}</span>
+              </el-descriptions-item>
               <el-descriptions-item label="邮箱">{{ detailInfo.email }}</el-descriptions-item>
               <el-descriptions-item label="爱好">{{ detailInfo.hobby }}</el-descriptions-item>
               <el-descriptions-item label="性别"> {{ detailInfo.sex }}</el-descriptions-item>
@@ -31,11 +37,14 @@
               <el-descriptions-item label="备注"> {{ detailInfo.remarks }}</el-descriptions-item>
               <el-descriptions-item label="生日"> {{ detailInfo.birthday }}</el-descriptions-item>
               <el-descriptions-item label="单位">{{ detailInfo.company }}</el-descriptions-item>
-              <el-descriptions-item label="负责人"><span style="color:#E85B5B;font-size:16px;font-weight:bold">{{ detailInfo.leadername }}</span></el-descriptions-item>
+              <el-descriptions-item label="负责人"><span
+                  style="color:#E85B5B;font-size:16px;font-weight:bold">{{ detailInfo.leadername }}</span>
+              </el-descriptions-item>
               <el-descriptions-item label="家庭住址"> {{ detailInfo.homeaddress }}</el-descriptions-item>
               <el-descriptions-item label="部门"> {{ detailInfo.depname }}</el-descriptions-item>
-              <el-descriptions-item label="未跟进天数"><span style="color:#E85B5B;font-size:16px;font-weight:bold;margin-right: 10px">{{ detailInfo.subdate ? detailInfo.subdate  + '天' : detailInfo.subdate}}</span>
-                <el-tooltip class="item" effect="dark" content="未跟进天数=当前查询时间-最近跟进时间-节假日" placement="top">
+              <el-descriptions-item label="未跟进天数"><span
+                  style="color:#E85B5B;font-size:16px;font-weight:bold;margin-right: 10px">{{ detailInfo.subdate ? detailInfo.subdate + '天' : detailInfo.subdate }}</span>
+                <el-tooltip class="item" content="未跟进天数=当前查询时间-最近跟进时间-节假日" effect="dark" placement="top">
                   <i class="el-icon-warning-outline"></i>
                 </el-tooltip>
               </el-descriptions-item>
@@ -51,7 +60,9 @@
           <el-card class="box-card">
             <div slot="header">
               <span class="myTitle">跟进记录</span>
-              <myRadio :value1="followParam.content" :value2="followParam.content.where" key1="dateType" @clickBtn="refreshTable('followParam','followRef')"  :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]">
+              <myRadio :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]" :value1="followParam.content" :value2="followParam.content.where"
+                       key1="dateType"
+                       @clickBtn="refreshTable('followParam','followRef')">
               </myRadio>
             </div>
             <myCard
@@ -64,22 +75,24 @@
               ]"
             >
             </myCard>
-            <p style="font-size:14px;font-weight:bold;margin-bottom:10px" v-if="$refs.followRef && $refs.followRef.list[0] && $refs.followRef.list[0].followDetail.length">跟进人及次数</p>
+            <p v-if="$refs.followRef && $refs.followRef.list[0] && $refs.followRef.list[0].followDetail.length"
+               style="font-size:14px;font-weight:bold;margin-bottom:10px">
+              跟进人及次数</p>
             <div style="display:flex">
               <myTag
-                  style="margin-right:10px"
                   v-for="(item,index) in $refs.followRef && $refs.followRef.list[0] && $refs.followRef.list[0].followDetail"
                   :key="index + 'b'"
                   :data="{title:item.name,descript:'跟进次数',value:item.qty}"
+                  style="margin-right:10px"
               >
               </myTag>
             </div>
             <showIsNone title="跟进记录明细">
               <pageTable
                   ref="followRef"
-                  :tablecols="tool.tabelCol($route.name).followTable.tablecols"
-                  :param="followParam"
                   :custom="true"
+                  :param="followParam"
+                  :tablecols="tool.tabelCol($route.name).followTable.tablecols"
               >
                 <template v-slot:custom="scope">
                   <div v-if="scope.data.columnname === 'followname'">
@@ -97,7 +110,9 @@
           <el-card class="box-card">
             <div slot="header">
               <span class="myTitle">关联客户</span>
-              <myRadio :value1="customerParam.content" :value2="customerParam.content.where" key1="dateType" @clickBtn="refreshTable('customerParam','customerRef')"  :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]">
+              <myRadio :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]" :value1="customerParam.content" :value2="customerParam.content.where"
+                       key1="dateType"
+                       @clickBtn="refreshTable('customerParam','customerRef')">
               </myRadio>
             </div>
             <myNewCard
@@ -116,32 +131,42 @@
             <showIsNone title="客户明细">
               <pageTable
                   ref="customerRef"
-                  :tablecols="tool.tabelCol($route.name).customerTable.tablecols"
-                  :param="customerParam"
                   :custom="true"
+                  :param="customerParam"
+                  :tablecols="tool.tabelCol($route.name).customerTable.tablecols"
               >
                 <template v-slot:custom="scope">
                   <div v-if="scope.data.columnname === 'tag'">
                     <div v-if="scope.data.data[scope.data.columnname].length > 0">
-                      <el-tag v-for="item in scope.data.data[scope.data.columnname]" :key="item.index" style="margin-right: 5px">{{item}}</el-tag>
+                      <el-tag v-for="item in scope.data.data[scope.data.columnname]" :key="item.index"
+                              style="margin-right: 5px">{{ item }}
+                      </el-tag>
                     </div>
                     <div v-else>--</div>
                   </div>
                   <div v-else-if="scope.data.columnname === 'industry'">
                     <div v-if="scope.data.data[scope.data.columnname].length > 0">
-                      <el-tag v-for="item in scope.data.data[scope.data.columnname]" :key="item.index" style="margin-right: 5px">{{item}}</el-tag>
+                      <el-tag v-for="item in scope.data.data[scope.data.columnname]" :key="item.index"
+                              style="margin-right: 5px">{{ item }}
+                      </el-tag>
                     </div>
                     <div v-else>--</div>
                   </div>
                   <div v-else-if="scope.data.columnname === 'tradingstatus'">
-                    <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '未成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '未成交'"
+                          style="color:#3874f6">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'"
+                          style="color:#fa8c16">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '多次成交'"
+                          style="color:#333333">{{ scope.data.data[[scope.data.columnname]] }}</span>
                   </div>
                   <div v-else-if="scope.data.columnname === 'status'">
-                    <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '潜在'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '合作中'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已终止'">{{scope.data.data[[scope.data.columnname]]}}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '潜在'"
+                          style="color:#3874f6">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '合作中'"
+                          style="color:#52c41a">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '已终止'"
+                          style="color:#999999">{{ scope.data.data[[scope.data.columnname]] }}</span>
                   </div>
                   <div v-else>
                     {{ scope.data.data[scope.data.columnname] || '--' }}
@@ -156,7 +181,9 @@
           <el-card class="box-card">
             <div slot="header">
               <span class="myTitle">关联项目</span>
-              <myRadio :value1="projectParam.content" :value2="projectParam.content.where" key1="dateType" @clickBtn="refreshTable('projectParam','projectRef')"  :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]">
+              <myRadio :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]" :value1="projectParam.content" :value2="projectParam.content.where"
+                       key1="dateType"
+                       @clickBtn="refreshTable('projectParam','projectRef')">
               </myRadio>
             </div>
             <myNewCard
@@ -175,25 +202,29 @@
             <showIsNone title="项目明细">
               <pageTable
                   ref="projectRef"
-                  :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
-                  :param="projectParam"
                   :custom="true"
+                  :param="projectParam"
+                  :tablecols="tool.tabelCol($route.name).projectTable.tablecols"
               >
                 <template v-slot:custom="scope">
                   <div v-if="scope.data.columnname === 'tradingamount'">
-                    {{scope.data.data[scope.data.columnname]?'¥'+tool.formatAmount(scope.data.data[scope.data.columnname],2):'¥0.00'}}
+                    {{ scope.data.data[scope.data.columnname] ? '¥' + tool.formatAmount(scope.data.data[scope.data.columnname], 2) : '¥0.00' }}
                   </div>
                   <div v-else-if="scope.data.columnname === 'signamount_due'">
-                    {{scope.data.data[scope.data.columnname]?'¥'+tool.formatAmount(scope.data.data[scope.data.columnname],2):'¥0.00'}}
+                    {{ scope.data.data[scope.data.columnname] ? '¥' + tool.formatAmount(scope.data.data[scope.data.columnname], 2) : '¥0.00' }}
                   </div>
                   <div v-else-if="scope.data.columnname === 'status'">
-                    <span style="color:#52c41a" v-if="scope.data.data[[scope.data.columnname]] == '跟进中'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已失败'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#999999" v-else-if="scope.data.data[[scope.data.columnname]] == '已结案'">{{scope.data.data[[scope.data.columnname]]}}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '跟进中'"
+                          style="color:#52c41a">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '已成交'"
+                          style="color:#fa8c16">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '已失败'"
+                          style="color:#999999">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '已结案'"
+                          style="color:#999999">{{ scope.data.data[[scope.data.columnname]] }}</span>
                   </div>
                   <div v-else-if="scope.data.columnname === 'projecttype'">
-                    {{scope.data.data.projecttype + '-' + scope.data.data.projecttype_remarks}}
+                    {{ scope.data.data.projecttype + '-' + scope.data.data.projecttype_remarks }}
                   </div>
                   <div v-else>
                     {{ scope.data.data[scope.data.columnname] || '--' }}
@@ -208,9 +239,12 @@
           <el-card class="box-card">
             <div slot="header">
               <span class="myTitle">报价单</span>
-              <myRadio class="inline-16" :value1="quotationParam.content" :value2="quotationParam.content.where" key1="dateType" @clickBtn="refreshTable('quotationParam','quotationRef')"  :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]">
+              <myRadio :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]" :value1="quotationParam.content" :value2="quotationParam.content.where"
+                       class="inline-16" key1="dateType"
+                       @clickBtn="refreshTable('quotationParam','quotationRef')">
               </myRadio>
-              <el-select v-model="quotationParam.content.where.isproject" placeholder="请选择" @change="refreshTable('quotationParam','quotationRef')" clearable size="small">
+              <el-select v-model="quotationParam.content.where.isproject" clearable
+                         placeholder="请选择" size="small" @change="refreshTable('quotationParam','quotationRef')">
                 <el-option label="全部" value=""></el-option>
                 <el-option label="项目报价单" value="1"></el-option>
                 <el-option label="客户报价单" value="0"></el-option>
@@ -228,28 +262,32 @@
             <showIsNone title="报价单明细">
               <pageTable
                   ref="quotationRef"
-                  :tablecols="tool.tabelCol($route.name).quotedPriceTable.tablecols"
-                  :param="quotationParam"
                   :custom="true"
+                  :param="quotationParam"
+                  :tablecols="tool.tabelCol($route.name).quotedPriceTable.tablecols"
               >
                 <template v-slot:custom="scope">
                   <div v-if="scope.data.columnname === 'sumamount'">
-                    {{scope.data.data[scope.data.columnname]?'¥'+tool.formatAmount(scope.data.data[scope.data.columnname],2):'¥0.00'}}
+                    {{ scope.data.data[scope.data.columnname] ? '¥' + tool.formatAmount(scope.data.data[scope.data.columnname], 2) : '¥0.00' }}
                   </div>
                   <div v-else-if="scope.data.columnname === 'discountrate'">
-                    {{scope.data.data[scope.data.columnname]?Math.round((scope.data.data[scope.data.columnname] * 100)*100)/100 + '%':'--'}}
+                    {{ scope.data.data[scope.data.columnname] ? Math.round((scope.data.data[scope.data.columnname] * 100) * 100) / 100 + '%' : '--' }}
                   </div>
                   <div v-else-if="scope.data.columnname === 'specialoffer'">
-                    {{scope.data.data[scope.data.columnname] == '1'?'是':'否'}}
+                    {{ scope.data.data[scope.data.columnname] == '1' ? '是' : '否' }}
                   </div>
                   <div v-else-if="scope.data.columnname === 'begdate'">
-                    {{scope.data.data.begdate?scope.data.data.begdate +'至' + scope.data.data.enddate:'--'}}
+                    {{ scope.data.data.begdate ? scope.data.data.begdate + '至' + scope.data.data.enddate : '--' }}
                   </div>
                   <div v-else-if="scope.data.columnname === 'status'">
-                    <span style="color:#3874f6" v-if="scope.data.data[[scope.data.columnname]] == '新建'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#52c41a" v-else-if="scope.data.data[[scope.data.columnname]] == '提交'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#333333" v-else-if="scope.data.data[[scope.data.columnname]] == '审核'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#fa8c16" v-else-if="scope.data.data[[scope.data.columnname]] == '复核'">{{scope.data.data[[scope.data.columnname]]}}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '新建'"
+                          style="color:#3874f6">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '提交'"
+                          style="color:#52c41a">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '审核'"
+                          style="color:#333333">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '复核'"
+                          style="color:#fa8c16">{{ scope.data.data[[scope.data.columnname]] }}</span>
                   </div>
                   <div v-else style="text-wrap:wrap;word-wrap: break-word;white-space: normal;">
                     {{ scope.data.data[scope.data.columnname] || '--' }}
@@ -264,11 +302,15 @@
           <el-card class="box-card">
             <div slot="header">
               <span class="myTitle">订单</span>
-              <myRadio :value1="orderParam.content" :value2="orderParam.content.where" key1="dateType" @clickBtn="refreshTable('orderParam','orderRef')"  :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]">
+              <myRadio :btnOptions="[{label:'全部',value:'全部'},{label:'本年',value:'本年'},{label:'本季',value:'本季'},{label:'本月',value:'本月'}]" :value1="orderParam.content" :value2="orderParam.content.where"
+                       key1="dateType"
+                       @clickBtn="refreshTable('orderParam','orderRef')">
               </myRadio>
-              <el-select style="margin-left:24px" v-model="orderParam.content.where.type" clearable size="mini" placeholder="请选择订单类型" @change="refreshTable('orderParam','orderRef')">
+              <el-select v-model="orderParam.content.where.type" clearable placeholder="请选择订单类型" size="mini"
+                         style="margin-left:24px" @change="refreshTable('orderParam','orderRef')">
                 <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-option v-for="(item,index) in orderTypeList" :key="index" :label="item.value"
+                           :value="item.value"></el-option>
               </el-select>
             </div>
             <myCard
@@ -286,33 +328,47 @@
             <showIsNone title="订单明细">
               <pageTable
                   ref="orderRef"
-                  :tablecols="tool.tabelCol($route.name).orderTable.tablecols"
-                  :param="orderParam"
                   :custom="true"
+                  :param="orderParam"
+                  :tablecols="tool.tabelCol($route.name).orderTable.tablecols"
               >
                 <template v-slot:custom="scope">
                   <div v-if="scope.data.columnname == 'amount'">
-                    {{scope.data.data.amount && tool.formatAmount(scope.data.data.amount || 0,2,'￥')  }}
+                    {{ scope.data.data.amount && tool.formatAmount(scope.data.data.amount || 0, 2, '￥') }}
                   </div>
                   <div v-else-if="scope.data.columnname == 'writeoffamount'">
-                    {{scope.data.data.writeoffamount?'￥'+tool.formatAmount(scope.data.data.writeoffamount,2):'￥0.00' }}
+                    {{
+                      scope.data.data.writeoffamount ? '￥' + tool.formatAmount(scope.data.data.writeoffamount, 2) : '￥0.00'
+                    }}
                   </div>
                   <div v-else-if="scope.data.columnname == 'unoutOrderamount'">
-                    {{scope.data.data.unoutOrderamount && tool.formatAmount(scope.data.data.unoutOrderamount || 0,2,'￥')  }}
+                    {{
+                      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,'￥')  }}
+                    {{
+                      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,'￥')  }}
+                    {{
+                      scope.data.data.unwriteoffamount && tool.formatAmount(scope.data.data.unwriteoffamount || 0, 2, '￥')
+                    }}
                   </div>
                   <div v-else-if="scope.data.columnname == 'status'">
-                    <span style="color:#000000" v-if="scope.data.data[[scope.data.columnname]] == '新建'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#d90a0a" v-else-if="scope.data.data[[scope.data.columnname]] == '提交'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#e09a1a" v-if="scope.data.data[[scope.data.columnname]] == '交期待确认'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#3874f6" v-else-if="scope.data.data[[scope.data.columnname]] == '交期确认'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#52C41A" v-if="scope.data.data[[scope.data.columnname]] == '审核'">{{scope.data.data[[scope.data.columnname]]}}</span>
-                    <span style="color:#b2c0ea" v-else-if="scope.data.data[[scope.data.columnname]] == '关闭'">{{scope.data.data[[scope.data.columnname]]}}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '新建'"
+                          style="color:#000000">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '提交'"
+                          style="color:#d90a0a">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '交期待确认'"
+                          style="color:#e09a1a">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '交期确认'"
+                          style="color:#3874f6">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-if="scope.data.data[[scope.data.columnname]] == '审核'"
+                          style="color:#52C41A">{{ scope.data.data[[scope.data.columnname]] }}</span>
+                    <span v-else-if="scope.data.data[[scope.data.columnname]] == '关闭'"
+                          style="color:#b2c0ea">{{ scope.data.data[[scope.data.columnname]] }}</span>
                   </div>
                   <div v-else style="text-wrap:wrap;word-wrap: break-word;white-space: normal;">
                     {{ scope.data.data[scope.data.columnname] || '--' }}
@@ -334,104 +390,105 @@ import pageTable from '@/HDrpManagement/customerPortrait/modules/pageTable'
 import showIsNone from '@/HDrpManagement/customerPortrait/modules/showIsNone'
 import myNewCard from './myNewCrad'
 import myTag from '@/HDrpManagement/customerPortrait/modules/myTag'
+
 export default {
   name: "detail",
-  props:['data'],
-  components:{myRadio,myCard,pageTable,showIsNone,myTag,myNewCard},
-  data(){
+  props: ['data'],
+  components: {myRadio, myCard, pageTable, showIsNone, myTag, myNewCard},
+  data() {
     return {
-      dialogFormVisible:false,
-      detailInfo:{},
-      followParam:{
+      dialogFormVisible: false,
+      detailInfo: {},
+      followParam: {
         "id": 20240605110904,
         "content": {
-          "sys_phonebookid":this.$route.query.id,
-          "dateType":"全部",
-          "where":{
-            "begdate":"",
-            "enddate":""
+          "sys_phonebookid": this.$route.query.id,
+          "dateType": "全部",
+          "where": {
+            "begdate": "",
+            "enddate": ""
           }
         }
       },
-      customerParam:{
+      customerParam: {
         "id": 20240605124904,
         "content": {
-          "sys_phonebookid":this.$route.query.id,
-          "dateType":"全部",// 全部 本年 本季 本月 自定义
-          "where":{
-            "begdate":"",
-            "enddate":""
+          "sys_phonebookid": this.$route.query.id,
+          "dateType": "全部",// 全部 本年 本季 本月 自定义
+          "where": {
+            "begdate": "",
+            "enddate": ""
           }
         }
       },
-      projectParam:{
+      projectParam: {
         "id": 20240605131804,
         "content": {
-          "sys_phonebookid":this.$route.query.id,
-          "dateType":"全部",// 全部 本年 本季 本月 自定义
-          "where":{
-            "begdate":"",
-            "enddate":""
+          "sys_phonebookid": this.$route.query.id,
+          "dateType": "全部",// 全部 本年 本季 本月 自定义
+          "where": {
+            "begdate": "",
+            "enddate": ""
           }
         }
       },
-      quotationParam:{
+      quotationParam: {
         "id": 20240605133604,
         "content": {
-          "sys_phonebookid":this.$route.query.id,
-          "dateType":"全部",// 全部 本年 本季 本月 自定义
-          "where":{
-            "begdate":"",
-            "enddate":"",
-            "isproject":""
+          "sys_phonebookid": this.$route.query.id,
+          "dateType": "全部",// 全部 本年 本季 本月 自定义
+          "where": {
+            "begdate": "",
+            "enddate": "",
+            "isproject": ""
           }
         }
       },
-      orderParam:{
+      orderParam: {
         "id": 20240605135904,
         "content": {
-          "sys_phonebookid":this.$route.query.id,
-          "dateType":"全部",// 全部 本年 本季 本月 自定义
-          "where":{
-            "begdate":"",
-            "enddate":"",
-            "type":""//订单类型
+          "sys_phonebookid": this.$route.query.id,
+          "dateType": "全部",// 全部 本年 本季 本月 自定义
+          "where": {
+            "begdate": "",
+            "enddate": "",
+            "type": ""//订单类型
           }
         }
       },
-      orderTypeList:[],
+      orderTypeList: [],
     }
   },
-  methods:{
+  methods: {
     /*详情页信息*/
-    async getDetailInfo(){
+    async getDetailInfo() {
       const res = await this.$api.requested({
         "id": 20240605102804,
         "content": {
-          "sys_phonebookid":this.$route.query.id
+          "sys_phonebookid": this.$route.query.id
         }
-      })
-      this.detailInfo = res.data[0]
-      console.log(this.detailInfo,'detailInfo')
+      });
+      this.detailInfo = res.data[0];
+      console.log(this.detailInfo, 'detailInfo')
     },
-    refreshTable(param,el){
-      this[param].content.pageNumber = 1
+    refreshTable(param, el) {
+      this[param].content.pageNumber = 1;
       this.$refs[el] && this.$refs[el].listData()
     },
-    async queryType(){
-      const res = await this.$store.dispatch('optiontypeselect','ordertype')
+    async queryType() {
+      const res = await this.$store.dispatch('optiontypeselect', 'ordertype');
       this.orderTypeList = res.data
     },
-    unitCompile (num) {
+    unitCompile(num) {
       if (num == 0) {
-        return this.tool.formatAmount(num,0,'￥')
+        return this.tool.formatAmount(num, 0, '￥')
       } else {
-        return this.tool.formatAmount(num / 10000,2,'￥') + '万'
+        return this.tool.formatAmount(num / 10000, 2, '￥') + '万'
       }
     },
   },
   mounted() {
-    this.getDetailInfo()
+    this.getDetailInfo();
     this.queryType()
     /*this.followData()*/
   }
@@ -439,12 +496,14 @@ export default {
 </script>
 
 <style scoped>
-*{
+* {
   box-sizing: border-box;
 }
+
 .my-label {
   background: rgba(235, 245, 253, 1);
 }
+
 .nowrap {
   white-space: nowrap;
   overflow: hidden;
@@ -452,25 +511,28 @@ export default {
   flex: 100;
 }
 
-/deep/.el-drawer {
-  background:#F5F5F5 !important;
+/deep/ .el-drawer {
+  background: #F5F5F5 !important;
 }
-/deep/.el-drawer__header{
+
+/deep/ .el-drawer__header {
   display: none !important;
 }
 
-/deep/.el-descriptions-item__cell {
+/deep/ .el-descriptions-item__cell {
   padding: 8px 8px 0px 8px !important;
 }
 
 
-/deep/.el-card__header,/deep/.el-card__body {
+/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;
@@ -478,24 +540,27 @@ export default {
   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{
+
+.Mcontainer .Mcontainer-header .Mcontainer-header__left .account {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin-left: 10px;
   overflow: hidden;
-  flex:100;
+  flex: 100;
 }
-.Mcontainer .Mcontainer-header .Mcontainer-header__left .account .Mtag{
+
+.Mcontainer .Mcontainer-header .Mcontainer-header__left .account .Mtag {
   margin-top: 5px;
 }
 
-.Mcontainer .Mfollow{
+.Mcontainer .Mfollow {
   margin-top: 10px;
 }
 
@@ -503,32 +568,39 @@ export default {
   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;
@@ -536,13 +608,15 @@ export default {
   text-align: center;
   line-height: 50px;
   background: #3874F6;
-  margin-right:10px;
+  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;
@@ -556,18 +630,22 @@ export default {
   display: flex;
   flex-direction: column;
 }
+
 .peopleInfo-content .people .title {
   font-size: 14px;
 }
+
 .peopleInfo-content .people .content {
   display: flex;
-  flex-wrap:wrap;
+  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;
@@ -578,10 +656,12 @@ export default {
   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;
@@ -589,22 +669,25 @@ export default {
   color: #cccccc;
 }
 
-.peopleInfo-content .people {}
+.peopleInfo-content .people {
+}
 
 .descript {
   font-size: 12px;
   color: #cccccc;
   margin-right: 20px;
-  white-space:nowrap;
+  white-space: nowrap;
 }
+
 .title {
   font-size: 14px;
   color: #000000;
   margin-right: 10px;
-  white-space:nowrap;
+  white-space: nowrap;
 }
+
 .myTitle {
-  margin-right:24px;
+  margin-right: 24px;
   font-size: 16px;
   font-weight: bold;
 }

src/HDrpManagement/contactProfile/modules/myNewCrad.vue

@@ -1,62 +1,68 @@
 <template>
   <div class="dataInfo">
-    <div :style="[{'background': item.bg}]" class="item" v-for="(item,index) in list" >
-        <div>
-          <p :style="[{'font-size': '14px'}]">{{ item.title }}</p>
-<!--          <p :style="[{'font-size': '14px','marginTop':'10px'}]">{{ item.titleRate }}</p>-->
-          <div style="display:flex;justify-content:space-between">
-            <p v-if="item.value2descript" :style="[{'font-weight': 'bold'},{'font-size':'18px'},{'color':item.color}]">{{ item.value || 0  }}/{{unitCompile(item.value3)}}</p>
-            <p v-else :style="[{'font-weight': 'bold'},{'font-size':'18px'},{'color':item.color}]">{{ item.value || 0 }}</p>
-            <div style="position: relative;">
-              <span v-if="item.value2descript" style="position:absolute;top:-20px;right:0px;font-size:14px;white-space:nowrap;">{{ item.value2descript }}</span>
-              <p :style="[{'font-size':'16px'},{'color':+item.value2 > 0 ? '#000000' : item.color}]">{{ item.value4 }}</p>
-            </div>
+    <div v-for="(item,index) in list" :style="[{'background': item.bg}]" class="item">
+      <div>
+        <p :style="[{'font-size': '14px'}]">{{ item.title }}</p>
+        <!--          <p :style="[{'font-size': '14px','marginTop':'10px'}]">{{ item.titleRate }}</p>-->
+        <div style="display:flex;justify-content:space-between">
+          <p v-if="item.value2descript" :style="[{'font-weight': 'bold'},{'font-size':'18px'},{'color':item.color}]">
+            {{ item.value || 0 }}/{{ unitCompile(item.value3) }}</p>
+          <p v-else :style="[{'font-weight': 'bold'},{'font-size':'18px'},{'color':item.color}]">{{
+              item.value || 0
+            }}</p>
+          <div style="position: relative;">
+            <span v-if="item.value2descript"
+                  style="position:absolute;top:-20px;right:0px;font-size:14px;white-space:nowrap;">{{
+                item.value2descript
+              }}</span>
+            <p :style="[{'font-size':'16px'},{'color':+item.value2 > 0 ? '#000000' : item.color}]">{{ item.value4 }}</p>
           </div>
-          <slot v-if="item.custom" :name="item.custom" :data="item"></slot>
         </div>
-        <el-tooltip effect="dark" :content="item.descript" placement="top">
-          <i v-if="item.descript" style="cursor: pointer;position:absolute;right:10px;top:10px" class="el-icon-warning-outline"></i>
-        </el-tooltip>
+        <slot v-if="item.custom" :data="item" :name="item.custom"></slot>
+      </div>
+      <el-tooltip :content="item.descript" effect="dark" placement="top">
+        <i v-if="item.descript" class="el-icon-warning-outline"
+           style="cursor: pointer;position:absolute;right:10px;top:10px"></i>
+      </el-tooltip>
     </div>
 
   </div>
 </template>
 <script>
- export default {
-  name:'myCard',
-  props:{
+export default {
+  name: 'myCard',
+  props: {
     list: {
-      type:Array,
-      default:() => []
+      type: Array,
+      default: () => []
     },
   },
-  data () {
-    return {
-
-    }
+  data() {
+    return {}
   },
-   methods:{
-     unitCompile (num) {
-       if (num == 0) {
-         return this.tool.formatAmount(num,0,'￥')
-       } else {
-         return this.tool.formatAmount(num / 10000,2,'￥') + '万'
-       }
-     },
-   }
- }
+  methods: {
+    unitCompile(num) {
+      if (num == 0) {
+        return this.tool.formatAmount(num, 0, '￥')
+      } else {
+        return this.tool.formatAmount(num / 10000, 2, '￥') + '万'
+      }
+    },
+  }
+}
 </script>
 
 <style scoped>
 .dataInfo {
   display: flex;
-  flex-wrap:wrap;
+  flex-wrap: wrap;
 }
+
 .item {
-  min-width:260px;
-  padding:10px 10px;
-  margin:0 10px 10px 0;
-  position:relative;
+  min-width: 260px;
+  padding: 10px 10px;
+  margin: 0 10px 10px 0;
+  position: relative;
 }
 </style>