update: update

src/components/allCustomers/customerDetail.less

@@ -176,7 +176,7 @@
         display: flex;
         padding: 20px 0 0;
         transition: height 1s;
-        &.shrink{
+        .shrink{
           height: 47px;
           overflow: hidden;
           box-sizing: border-box;

src/components/allCustomers/customerDetail.vue

@@ -122,9 +122,9 @@
                 </div>-->
               </div>
               <div class="max1600">
-                <div :class="['extend-description',toggleTag?'':'shrink']">
+                <div :class="['extend-description']">
                   <!-- 开卡拓展字段 -->
-                  <template
+                  <div :class="[toggleTag?'':'shrink']"
                     v-if="showFieldType===1&&(extendInfo.openField||extendInfo.openChildrenField)">
                     <el-descriptions :column="3" labelClassName="info-lebel"
                       contentClassName="info-content">
@@ -150,15 +150,10 @@
                         </el-tooltip>
                       </el-descriptions-item>
                     </el-descriptions>
-                    <template v-if="extendInfo&&extendInfo.openField">
-                      <div class="toggleTag" @click="toggleTag=!toggleTag" v-if="babyStr?extendInfo.openField.length>2:extendInfo.openField.length>3">
-                        {{ toggleTag?'收起':'展开更多' }}<i
-                          :class="toggleTag ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
-                      </div>
-                    </template>
-                  </template>
+                   
+                  </div>
                   <!-- 会员信息字段 -->
-                  <template v-if="showFieldType===2&&extendInfo.fieldList">
+                  <div  :class="[toggleTag?'':'shrink']" v-if="showFieldType===2&&extendInfo.fieldList">
                     <el-descriptions
                       :column="3"
                       labelClassName="info-lebel"
@@ -172,11 +167,8 @@
                         {{ item.fieldValue }}
                       </el-descriptions-item>
                     </el-descriptions>
-                    <div class="toggleTag" @click="toggleTag=!toggleTag" v-if="extendInfo.fieldList.length>3">
-                      {{ toggleTag?'收起':'展开更多' }}<i
-                        :class="toggleTag ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
-                    </div>
-                  </template>
+                   
+                  </div>
                   <div
                     class="empty-block"
                     v-if="(showFieldType===1&&!extendInfo.openField&&!extendInfo.openChildrenField)||(showFieldType===2&&!extendInfo.fieldList)"
@@ -184,6 +176,10 @@
                     <img :src="require('../../../static/img/no-data_icon.png')" alt="">
                     <p>暂无数据</p>
                   </div>
+                  <div class="toggleTag" @click="toggleTag=!toggleTag" v-if="toggleShow">
+                      {{ toggleTag?'收起':'展开更多' }}<i
+                        :class="toggleTag ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
+                  </div>
                 </div>
               </div>
             </div>

src/components/allCustomers/info.js

@@ -228,6 +228,13 @@ export default {
     },
   },
   computed: {
+    toggleShow: function() {
+      if (this.showFieldType===2&&this.extendInfo&&this.extendInfo.fieldList&&this.extendInfo.fieldList.length>3)return true;
+      if (this.showFieldType===1&&this.extendInfo&&this.extendInfo.openField) {
+        return this.babyStr?this.extendInfo.openField.length>2:this.extendInfo.openField.length>3
+      }
+      return false
+    },
     ...mapState(['showEditClique']),
   },
   created () {