update: 客户详情ui调整

src/components/allCustomers/customerDetail.vue

@@ -103,14 +103,9 @@
                   </el-descriptions-item>
                   <el-descriptions-item label="手机号">
                     {{ member.phoneNumber ||'--' }}
-                    <el-button
-                      class="copy-btn"
-                      type="text"
-                      v-if="typeof member.phoneNumber == 'string' && member.phoneNumber.indexOf('*') == -1"
-                      v-clipboard:copy="member.phoneNumber"
-                      v-clipboard:success="onCopy">
-                      <i class="iconfont icon-fuzhi"></i>
-                    </el-button>
+                    <el-tooltip v-if="typeof member.phoneNumber == 'string' && member.phoneNumber.indexOf('*') == -1" placement="top" content="复制手机号">
+                      <i class="iconfont icon-fuzhi copy-btn" v-clipboard:copy="member.phoneNumber" v-clipboard:success="onCopy"></i>
+                    </el-tooltip>
                   </el-descriptions-item>
                   <el-descriptions-item label="常驻城市">
                     {{ member.memberMainStoreArea||'--' }}
@@ -239,14 +234,9 @@
               <template v-if="showClique">
                 <el-descriptions-item label="集团会员卡号:">
                   {{ memberInfo.cliqueCardNo||'--' }}
-                  <el-button
-                    class="copy-btn"
-                    type="text"
-                    v-if="typeof memberInfo.cliqueCardNo == 'string' && memberInfo.cliqueCardNo.indexOf('*') == -1"
-                    v-clipboard:copy="memberInfo.cliqueCardNo"
-                    v-clipboard:success="onCopy">
-                    <i class="iconfont icon-fuzhi"></i>
-                  </el-button>
+                  <el-tooltip v-if="typeof memberInfo.cliqueCardNo == 'string' && memberInfo.cliqueCardNo.indexOf('*') == -1" placement="top" content="复制会员卡号">
+                    <i class="iconfont icon-fuzhi copy-btn" v-clipboard:copy="memberInfo.cliqueCardNo" v-clipboard:success="onCopy"></i>
+                  </el-tooltip>
                 </el-descriptions-item>
                 <el-descriptions-item label="集团会员等级:">
                   {{ memberInfo.cliqueGradeName||'--' }}
@@ -270,14 +260,9 @@
               </template>
               <el-descriptions-item label="会员卡号:">
                 {{ memberInfo.cardNum||'--' }}
-                <el-button
-                    class="copy-btn"
-                    type="text"
-                    v-if="typeof memberInfo.cardNum == 'string' && memberInfo.cardNum.indexOf('*') == -1"
-                    v-clipboard:copy="memberInfo.cardNum"
-                    v-clipboard:success="onCopy">
-                    <i class="iconfont icon-fuzhi"></i>
-                  </el-button>
+                <el-tooltip v-if="typeof memberInfo.cardNum == 'string' && memberInfo.cardNum.indexOf('*') == -1" placement="top" content="复制会员卡号">
+                  <i class="iconfont icon-fuzhi copy-btn" v-clipboard:copy="memberInfo.cardNum" v-clipboard:success="onCopy"></i>
+                </el-tooltip>
               </el-descriptions-item>
               <el-descriptions-item label="会员等级:">
                 {{ memberInfo.gradeName||'--' }}
@@ -712,6 +697,10 @@ export default { ...action };
 @import './customerDetail.less';
 </style>
 <style lang="less">
+.customer-details .el-descriptions-item__container {
+  height: 24px;
+  line-height: 24px;
+}
 .channel-info-popover {
   width: 193px;
   .channel-info {
@@ -755,7 +744,18 @@ export default { ...action };
   }
 }
 .copy-btn {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: 6px;
+  width: 24px;
+  height: 24px;
   color: #606266;
+  cursor: pointer;
+  font-size: 14px;
+  &:hover {
+    background-color: #F2F3F5;
+  }
 }
 .grade-confirm-wrap {
   .el-popconfirm__main {