修改z-tree默认为展开

zhangzengfei

2021-03-15 f86e41e97c01355d483475511a0fe3834a85061d

 src/components/subComponents/ModelCard.vue

@@ -1,6 +1,6 @@
<template>
  <div class="model-card-box" :style="`height:${height};width:${width};`">
    <el-tabs style="height: 100%;" @before-leave="changeTabs" v-model="VideoPhotoData.activeName">
    <el-tabs style="height: 100%;" @before-leave="changeTabs" v-model="activeName">
      <el-tab-pane label="大图" name="pic">
        <div
          class="model-card-box-left"
@@ -63,8 +63,8 @@
              <p>
                <span class="fontStyleForModel">{{ data.picDate | formatTime}}</span>
              </p>
              <p>
                <span class="fontStyleForModel">{{ data.cameraAddr }}</span> <span class="fontStyleForModel analyServer" style="margin-left:20px;">{{ data.analyServerName }}</span>
              <p class="align-right">
                <span class="fontStyleForModel camera-addr" :title="data.cameraAddr">{{ data.cameraAddr }}</span> <span class="fontStyleForModel analyServer" style="margin-left:20px;">{{ data.analyServerName }}</span>
              </p>
              <p style="width:100%">
                <span v-for="(item,index) in data.alarmRules" :key="index+'rule'">
@@ -354,10 +354,11 @@
    console.log('ModelCard data',this.data);
    console.log(this.data.baseInfo)
    console.log(this.initialIndex)
    this.VideoPhotoData.activeName = "pic"
    //this.VideoPhotoData.activeName = "pic"
  },
  data() {
    return {
      activeName:'pic',
      initialIndex: 0,
    };
  },
@@ -502,6 +503,17 @@
          float: left;
          margin-top: 5px;
          p {
            &.align-right{
              text-align: right;
              .camera-addr{
                display: inline-block;
                vertical-align: top;
                width: 90px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }
            }
            b {
              //color: #e43933;
            }