优化部分样式

zhangzengfei

2022-08-04 2e4133d2bbb0f4626cf336f3e456783b9fb7867e

 src/views/search/components/CardItem.vue

@@ -20,15 +20,8 @@
            indicator-position="none"
            :arrow="data.baseInfo.length > 1 ? 'always' : 'never'"
          >
            <el-carousel-item
              v-for="(item, index) in data.baseInfo"
              :key="index"
            >
              <img
                :src="item.targetPicUrl | httpImage"
                class="cursor-pointer"
                @click="detailsClick($event)"
              />
            <el-carousel-item v-for="(item, index) in data.baseInfo" :key="index">
              <img :src="item.targetPicUrl | httpImage" class="cursor-pointer" @click="detailsClick($event)" />
            </el-carousel-item>
          </el-carousel>
        </div>
@@ -36,15 +29,10 @@
          class="s-card-left-isCompare-div compareScore111"
          :style="{
            bottom: '0',
            background: getUrl(
              data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType
            ),
            background: getUrl(data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType)
          }"
        >
          <b>{{
            data.baseInfo[initialIndex] &&
            data.baseInfo[initialIndex].compareScore | percentage
          }}</b>
          <b>{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].compareScore | percentage }}</b>
        </div>
      </div>
    </div>
@@ -60,23 +48,13 @@
          :autoplay="false"
          @change="changeCarousel"
        >
          <el-carousel-item
            v-for="(item, index) in data.picMaxUrl"
            :key="index + 'img'"
          >
            <img
              :src="item | httpImage"
              class="cursor-pointer"
              @click="detailsClick($event)"
            />
          <el-carousel-item v-for="(item, index) in data.picMaxUrl" :key="index + 'img'">
            <img :src="item | httpImage" class="cursor-pointer" @click="detailsClick($event)" />
          </el-carousel-item>
        </el-carousel>
        <!-- 暂时认为只有人脸抓拍的报警, 首页显示小图, 其他时间均显示大图 -->
        <img
          v-else-if="
            data.targetInfo == null ||
            data.targetInfo[0].targetType !== 'FaceDetect'
          "
          v-else-if="data.targetInfo == null || data.targetInfo[0].targetType !== 'FaceDetect'"
          :src="data.picMaxUrl[0] | httpImage"
          class="cursor-pointer"
          @click="detailsClick($event)"
@@ -89,10 +67,7 @@
        />
      </div>
      <div class="s-card-left-box" v-else>
        <img
          :src="data.baseInfo[0].targetPicUrl | httpImage"
          class="cursor-pointer"
        />
        <img :src="data.baseInfo[0].targetPicUrl | httpImage" class="cursor-pointer" />
      </div>
    </div>

@@ -106,9 +81,7 @@
        @mouseleave="cardMouseleave($event)"
      >
        <p>
          <span class="fontStyle color222">{{
            data.picDate | formatTime
          }}</span>
          <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
        </p>
        <p style="margin-bottom: 8px">
          <span class="fontStyle color222">{{ data.cameraAddr }}</span>
@@ -117,9 +90,7 @@
          <div slot="content">
            <p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
              <span>{{ data.taskName }}</span
              >&nbsp;
              <span v-if="item.alarmLevel !== '撤防'"
                >&nbsp;{{ item.alarmLevel }}</span
              >&nbsp; <span v-if="item.alarmLevel !== '撤防'">&nbsp;{{ item.alarmLevel }}</span
              >&nbsp;
              <span v-if="item.linkInfo == '联动任务'">&nbsp;联动任务</span>
            </p>
@@ -143,14 +114,9 @@
            >
              <span class="fontStyle color666">{{ data.taskName }}</span
              >&nbsp;
              <span class="fontStyle color666" v-if="item.alarmLevel !== '撤防'"
                >&nbsp;{{ item.alarmLevel }}</span
              <span class="fontStyle color666" v-if="item.alarmLevel !== '撤防'">&nbsp;{{ item.alarmLevel }}</span
              >&nbsp;
              <span
                class="fontStyle color666"
                v-if="item.linkInfo == '联动任务'"
                >&nbsp;联动任务</span
              >
              <span class="fontStyle color666" v-if="item.linkInfo == '联动任务'">&nbsp;联动任务</span>
              <span v-if="index < data.alarmRules.length - 1">/&nbsp;</span>
            </span>
          </el-button>
@@ -158,49 +124,18 @@
        <el-tooltip placement="right" popper-class="atooltip">
          <div slot="content">
            <p>
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].tableName
                "
                >{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].tableName
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName">{{
                data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName
              }}</span
              >&nbsp;
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].targetName
                "
                >/&nbsp;{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].targetName
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName"
                >/&nbsp;{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName }}</span
              >&nbsp;
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].labels
                "
                >/&nbsp;{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].labels | idCard
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels"
                >/&nbsp;{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels | idCard }}</span
              >&nbsp;
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].monitorLevel
                "
                >/&nbsp;{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].monitorLevel
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel"
                >/&nbsp;{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel }}</span
              >
            </p>
          </div>
@@ -219,55 +154,23 @@
          >
            <span
              :style="
                data.baseInfo[initialIndex] &&
                data.baseInfo[initialIndex].bwType === '1'
                data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType === '1'
                  ? 'color: red;font-size:12px;line-height:20px'
                  : 'font-size:12px;line-height:20px'
              "
            >
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].tableName
                "
                >{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].tableName
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName">{{
                data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName
              }}</span
              >&nbsp;
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].targetName
                "
                >/&nbsp;{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].targetName
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName"
                >/&nbsp;{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName }}</span
              >&nbsp;
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].labels
                "
                >/&nbsp;{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].labels | idCard
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels"
                >/&nbsp;{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels | idCard }}</span
              >&nbsp;
              <span
                class="fontStyle"
                v-if="
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].monitorLevel
                "
                >/&nbsp;{{
                  data.baseInfo[initialIndex] &&
                  data.baseInfo[initialIndex].monitorLevel
                }}</span
              <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel"
                >/&nbsp;{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel }}</span
              >
            </span>
          </el-button>
@@ -320,31 +223,17 @@
        <p :style="data.baseInfo[0].bwType == '0' ? '' : 'color:red'">
          <span>{{ data.baseInfo[0] && data.baseInfo[0].targetName }}</span
          >&nbsp;&nbsp;
          <span v-if="data.baseInfo[0].labels"
            >/&nbsp;{{ data.baseInfo[0].labels | idCard }}</span
          >
          <span v-if="data.baseInfo[0].labels">/&nbsp;{{ data.baseInfo[0].labels | idCard }}</span>
        </p>
      </div>
      <div class="card-icon-box">
        <el-tooltip
          content="查找此人"
          placement="top"
          popper-class="atooltip"
          style="margin-left: 10px"
        >
          <i
            class="iconfont iconsousuoren"
            @click="tosearch(data)"
            title="查找此人"
          ></i>
        <el-tooltip content="查找此人" placement="top" popper-class="atooltip" style="margin-left: 10px">
          <i class="iconfont iconsousuoren" @click="tosearch(data)" title="查找此人"></i>
        </el-tooltip>
      </div>
    </div>
    <!-- 没有底库 16：9图片 最正常的yolo抓拍 无人值守  正常yolo抓拍没有小图-->
    <div
      v-else-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''"
      class="s-card-right-signal"
    >
    <div v-else-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''" class="s-card-right-signal">
      <div
        class="signal-img-dev"
        :style="overflowState ? 'overflow: hidden' : 'overflow: auto'"
@@ -352,9 +241,7 @@
        @mouseleave="cardMouseleave($event)"
      >
        <p :title="data.picDate">
          <span class="fontStyle color222">{{
            data.picDate | formatTime
          }}</span>
          <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
        </p>
        <p :title="data.cameraAddr" style="margin-bottom: 8px">
          <span class="fontStyle color222">{{ data.cameraAddr }}</span>
@@ -363,10 +250,7 @@
          <div slot="content">
            <p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
              <span>{{ data.taskName }}</span
              >&nbsp;&nbsp;
              <span v-if="item.alarmLevel !== '撤防'">{{
                item.alarmLevel
              }}</span
              >&nbsp;&nbsp; <span v-if="item.alarmLevel !== '撤防'">{{ item.alarmLevel }}</span
              >&nbsp;
              <span v-if="item.linkInfo == '联动任务'">&nbsp;联动任务</span>
            </p>
@@ -389,16 +273,9 @@
            >
              <span class="fontStyle color666">{{ data.taskName }}</span
              >&nbsp;&nbsp;
              <span
                class="fontStyle color666"
                v-if="item.alarmLevel !== '撤防'"
                >{{ item.alarmLevel }}</span
              <span class="fontStyle color666" v-if="item.alarmLevel !== '撤防'">{{ item.alarmLevel }}</span
              >&nbsp;
              <span
                class="fontStyle color666"
                v-if="item.linkInfo == '联动任务'"
                >&nbsp;联动任务</span
              >
              <span class="fontStyle color666" v-if="item.linkInfo == '联动任务'">&nbsp;联动任务</span>
              <span v-if="index < data.alarmRules.length - 1">/&nbsp;</span>
            </span>
          </el-button>
@@ -407,18 +284,11 @@
      <div class="right-bottom">
        <div v-if="!data.id" class="card-icon-box">
          <!-- <i class="iconfont systemxing ml50" title="收藏" ></i> -->
          <el-tooltip
            content="查找此人"
            placement="top"
            popper-class="atooltip"
          >
          <el-tooltip content="查找此人" placement="top" popper-class="atooltip">
            <i class="iconfont iconsousuoren ml50" @click="tosearch(data)"></i>
          </el-tooltip>
        </div>
        <div
          v-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''"
          class="card-icon-box"
        >
        <div v-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''" class="card-icon-box">
          <el-tooltip content="详情" placement="top" popper-class="atooltip">
            <i class="iconfont iconcaidan" @click="detailsClick($event)"></i>
          </el-tooltip>
@@ -433,18 +303,10 @@
          <el-tooltip content="详情" placement="top" popper-class="atooltip">
            <i class="iconfont iconcaidan" @click="detailsClick($event)"></i>
          </el-tooltip>
          <el-tooltip
            content="查找此人"
            placement="top"
            popper-class="atooltip"
          >
          <el-tooltip content="查找此人" placement="top" popper-class="atooltip">
            <i class="iconfont iconsousuoren" @click="tosearch(data)"></i>
          </el-tooltip>
          <el-tooltip
            content="加入底库"
            placement="top"
            popper-class="atooltip"
          >
          <el-tooltip content="加入底库" placement="top" popper-class="atooltip">
            <i class="iconfont icontianjiaren" @click="toAdd(data)"></i>
          </el-tooltip>
          <!-- <el-tooltip content="收藏" placement="top" popper-class="atooltip">
@@ -455,10 +317,7 @@
    </div>

    <!-- 没有底库，非比对，普通模式 一定有targetInfo，并且targetInfo个数为1-->
    <div
      v-else-if="data.targetInfo !== null && data.targetInfo[0].picSmUrl !== ''"
      class="s-card-right-signal"
    >
    <div v-else-if="data.targetInfo !== null && data.targetInfo[0].picSmUrl !== ''" class="s-card-right-signal">
      <div
        class="signal-img-dev"
        :style="overflowState ? 'overflow: hidden' : 'overflow: auto'"
@@ -479,29 +338,18 @@
          <span v-else>{{ data.baseInfo[0].compareScore | percentage }}</span>
        </p>
        <p :title="data.picDate">
          <span class="fontStyle color222">{{
            data.picDate | formatTime
          }}</span>
          <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
        </p>
        <p :title="data.cameraAddr" style="margin-bottom: 8px">
          <span class="fontStyle color222">{{ data.cameraAddr }}</span>
        </p>
        <el-tooltip
          placement="right"
          popper-class="atooltip"
          v-if="!VideoPhotoData.uploadType"
        >
        <el-tooltip placement="right" popper-class="atooltip" v-if="!VideoPhotoData.uploadType">
          <div slot="content">
            <p v-for="(item, index) in data.alarmRules" :key="index + 'rule2'">
              <span class="fontStyle">{{ data.taskName }}</span
              >&nbsp;&nbsp;
              <span class="fontStyle" v-if="item.alarmLevel !== '撤防'">{{
                item.alarmLevel
              }}</span
              >&nbsp;&nbsp; <span class="fontStyle" v-if="item.alarmLevel !== '撤防'">{{ item.alarmLevel }}</span
              >&nbsp;
              <span v-if="item.linkInfo == '联动任务'" class="fontStyle"
                >&nbsp;联动任务</span
              >
              <span v-if="item.linkInfo == '联动任务'" class="fontStyle">&nbsp;联动任务</span>
              <span v-if="index < data.alarmRules.length - 1">/&nbsp;</span>
            </p>
          </div>
@@ -517,22 +365,12 @@
              text-align: left;
            "
          >
            <span
              v-for="(item, index) in data.alarmRules"
              :key="index + 'rule3'"
            >
            <span v-for="(item, index) in data.alarmRules" :key="index + 'rule3'">
              <span class="fontStyle color666">{{ data.taskName }}</span
              >&nbsp;&nbsp;
              <span
                class="fontStyle color666"
                v-if="item.alarmLevel !== '撤防'"
                >{{ item.alarmLevel }}</span
              <span class="fontStyle color666" v-if="item.alarmLevel !== '撤防'">{{ item.alarmLevel }}</span
              >&nbsp;
              <span
                v-if="item.linkInfo == '联动任务'"
                class="fontStyle color666"
                >&nbsp;联动任务</span
              >
              <span v-if="item.linkInfo == '联动任务'" class="fontStyle color666">&nbsp;联动任务</span>
              <span v-if="index < data.alarmRules.length - 1">/&nbsp;</span>
            </span>
          </el-button>
@@ -548,16 +386,10 @@
          <div slot="content">
            <p v-for="(item, index) in data.baseInfo" :key="index + 'base1'">
              <span class="fontStyle">{{ item.tableName }}</span
              >&nbsp; <span class="fontStyle" v-if="item.targetName.length">/&nbsp;{{ item.targetName }}</span
              >&nbsp; <span class="fontStyle" v-if="item.labels.length">/&nbsp;{{ item.labels | idCard }}</span
              >&nbsp;
              <span class="fontStyle" v-if="item.targetName.length"
                >/&nbsp;{{ item.targetName }}</span
              >&nbsp;
              <span class="fontStyle" v-if="item.labels.length"
                >/&nbsp;{{ item.labels | idCard }}</span
              >&nbsp;
              <span class="fontStyle" v-if="item.labels.length"
                >/&nbsp;{{ item.labels | sex }}</span
              >
              <span class="fontStyle" v-if="item.labels.length">/&nbsp;{{ item.labels | sex }}</span>
            </p>
          </div>
          <el-button
@@ -576,36 +408,21 @@
              v-for="(item, index) in data.baseInfo"
              :key="index + 'base'"
              :style="
                item.bwType == '1'
                  ? 'color:red;font-size:12px;line-height:20px'
                  : 'font-size:12px;line-height:20px'
                item.bwType == '1' ? 'color:red;font-size:12px;line-height:20px' : 'font-size:12px;line-height:20px'
              "
            >
              <span class="fontStyle">{{ item.tableName }}</span
              >&nbsp; <span class="fontStyle" v-if="item.targetName.length">/&nbsp;{{ item.targetName }}</span
              >&nbsp; <span class="fontStyle" v-if="item.labels.length">/&nbsp;{{ item.labels | idCard }}</span
              >&nbsp;
              <span class="fontStyle" v-if="item.targetName.length"
                >/&nbsp;{{ item.targetName }}</span
              >&nbsp;
              <span class="fontStyle" v-if="item.labels.length"
                >/&nbsp;{{ item.labels | idCard }}</span
              >&nbsp;
              <span class="fontStyle" v-if="item.labels.length"
                >/&nbsp;{{ item.labels | sex }}</span
              >
              <span class="fontStyle" v-if="item.labels.length">/&nbsp;{{ item.labels | sex }}</span>
            </span>
          </el-button>
        </el-tooltip>

        <el-tooltip
          placement="right"
          popper-class="atooltip"
          v-if="data.baseInfo == null"
          style="margin-top: 5px"
        >
        <el-tooltip placement="right" popper-class="atooltip" v-if="data.baseInfo == null" style="margin-top: 5px">
          <div slot="content">
            <span :style="'color:red;font-size:14px;line-height:20px'">{{
              data.showLabels
            }}</span>
            <span :style="'color:red;font-size:14px;line-height:20px'">{{ data.showLabels }}</span>
          </div>
          <el-button
            style="
@@ -619,9 +436,7 @@
              text-align: left;
            "
          >
            <span :style="'color:red;font-size:14px;line-height:20px'">{{
              data.showLabels
            }}</span>
            <span :style="'color:red;font-size:14px;line-height:20px'">{{ data.showLabels }}</span>
          </el-button>
        </el-tooltip>
      </div>
@@ -629,11 +444,7 @@
        <div v-if="!data.id" class="card-icon-box">
          <!-- 底库人员 -->
          <!-- <i class="iconfont systemxing ml50" title="收藏" ></i> -->
          <el-tooltip
            content="查找此人"
            placement="top"
            popper-class="atooltip"
          >
          <el-tooltip content="查找此人" placement="top" popper-class="atooltip">
            <i class="iconfont iconsousuoren ml50" @click="tosearch(data)"></i>
          </el-tooltip>
        </div>
@@ -687,23 +498,16 @@
        >
          <div>
            <p :title="data.picDate">
              <span class="fontStyle color222">{{
                data.picDate | formatTime
              }}</span>
              <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
            </p>
            <p :title="data.cameraAddr" style="margin-bottom: 8px">
              <span class="fontStyle color222">{{ data.cameraAddr }}</span>
            </p>
            <p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
              <span class="fontStyle color666">{{ data.taskName }}</span
              >&nbsp;/&nbsp; <span class="fontStyle color666">{{ item.alarmLevel }}</span
              >&nbsp;/&nbsp;
              <span class="fontStyle color666">{{ item.alarmLevel }}</span
              >&nbsp;/&nbsp;
              <span
                v-if="item.linkInfo == '联动任务'"
                class="fontStyle color666"
                >联动任务</span
              >
              <span v-if="item.linkInfo == '联动任务'" class="fontStyle color666">联动任务</span>
              <span v-if="index < data.alarmRules.length - 1">/&nbsp;</span>
            </p>
          </div>
@@ -714,7 +518,7 @@
</template>

<script>
Date.prototype.Format = function (fmt) {
Date.prototype.Format = function(fmt) {
  var o = {
    "M+": this.getMonth() + 1, //月份
    "d+": this.getDate(), //日
@@ -722,78 +526,69 @@
    "m+": this.getMinutes(), //分
    "s+": this.getSeconds(), //秒
    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
    S: this.getMilliseconds(), //毫秒
  };
  if (/(y+)/.test(fmt))
    fmt = fmt.replace(
      RegExp.$1,
      (this.getFullYear() + "").substr(4 - RegExp.$1.length)
    );
    S: this.getMilliseconds() //毫秒
  }
  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length))
  for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt))
      fmt = fmt.replace(
        RegExp.$1,
        RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
      );
  return fmt;
};
      fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length))
  return fmt
}

export default {
  mounted() {
    //window.addEventListener("resize", this.watchWindow);
    window.addEventListener("resize", this.getBottom);
    window.addEventListener("resize", this.getBottom)
  },
  props: {
    data: {
      type: Object,
      default: null,
      default: null
    },
    showType: {
      type: String,
      default: "search",
      default: "search"
    },
    fromCluster: {
      type: Boolean,
      default: false,
      default: false
    },
    searchT: {},
    searchT: {}
  },
  computed: {
    isId() {
      return this.data.id;
    },
      return this.data.id
    }
  },
  filters: {
    formatTime(t) {
      return new Date(t).Format("yyyy-MM-dd HH:mm:ss");
      return new Date(t).Format("yyyy-MM-dd HH:mm:ss")
    },
    percentage(score) {
      return score.toFixed(2) + "%";
      return score.toFixed(2) + "%"
    },
    idCard(v) {
      try {
        let obj = JSON.parse(v);
        return obj.idCard;
        let obj = JSON.parse(v)
        return obj.idCard
      } catch (error) {
        return v.split("/")[1];
        return v.split("/")[1]
      }
    },
    sex(v) {
      try {
        let obj = JSON.parse(v);
        return obj.sex;
        let obj = JSON.parse(v)
        return obj.sex
      } catch (error) {
        return v.split("/")[0];
        return v.split("/")[0]
      }
    },
    httpImage(url) {
      if (!url.length) {
        return "";
        return ""
      }
      return (
        "/httpImage/" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160"
      );
    },
      return "/httpImage/" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160"
    }
  },
  data() {
    return {
@@ -801,64 +596,62 @@
      initialIndex: 0,
      carouselIndex: 0,
      dialogVisible: false,
      overflowState: true,
    };
      overflowState: true
    }
  },
  watch: {
    data: {
      handler() {
        this.$forceUpdate();
        this.$forceUpdate()
      },
      deep: true,
    },
      deep: true
    }
  },
  methods: {
    getBottom() {
      this.$nextTick(() => {
        let imgDom = this.$refs.firstImg;
        let imgDom = this.$refs.firstImg
        if (imgDom) {
          let num = (imgDom.offsetHeight - imgDom.offsetWidth) / 2;
          return `${num}px`;
          let num = (imgDom.offsetHeight - imgDom.offsetWidth) / 2
          return `${num}px`
        }
        return `4px`;
      });
        return `4px`
      })
    },
    getUrl(bwtype) {
      if (bwtype == 1) {
        return `url(${require("@/assets/img/red.png")})`;
        return `url(${require("@/assets/img/red.png")})`
      } else {
        return `url(${require("@/assets/img/green.png")})`;
        return `url(${require("@/assets/img/green.png")})`
      }
    },
    changeInitialIndex(index) {
      this.initialIndex = index;
      this.initialIndex = index
    },
    cardMouseenter() {
      this.overflowState = false;
      this.overflowState = false
    },
    cardMouseleave() {
      this.overflowState = true;
      this.overflowState = true
    },
    changeCarousel(index) {
      this.carouselIndex = index;
      this.carouselIndex = index
    },
    detailsClick(ev) {
      this.$emit("detailsClick", ev);
      this.$emit("detailsClick", ev)
    },
    toAdd(item) {
      this.$emit("addToBase", item);
      this.$emit("addToBase", item)
    },
    tosearch(item) {
      this.searchT;
      let captureId = item.id == "" ? item.baseInfo[0].targetId : item.id;
      let imgUrl = item.targetInfo
        ? item.targetInfo[0].picSmUrl
        : item.baseInfo[0].targetPicUrl;
      let compType = 1; //  数据来自于es
      this.searchT
      let captureId = item.id == "" ? item.baseInfo[0].targetId : item.id
      let imgUrl = item.targetInfo ? item.targetInfo[0].picSmUrl : item.baseInfo[0].targetPicUrl
      let compType = 1 //  数据来自于es
      if (!item.id || item.id == "") {
        compType = 0; // 数据来自于底库
        compType = 0 // 数据来自于底库
      }
      let message;
      let message
      if (this.fromCluster) {
        message =
          "toCluster?showType=findByPic&targetId=" +
@@ -872,7 +665,7 @@
          "&start=" +
          this.searchT[0] +
          "&end=" +
          this.searchT[1];
          this.searchT[1]
      } else {
        message =
          "toSearch?showType=findByPic&targetId=" +
@@ -886,19 +679,22 @@
          "&start=" +
          this.searchT[0] +
          "&end=" +
          this.searchT[1];
          this.searchT[1]
      }
      window.parent.postMessage(
        {
          msg: message,
          msg: message
        },
        "*"
      );
    },
  },
};
      )
    }
  }
}
</script>
<style lang="scss">
.cursor-pointer {
  cursor: pointer;
}
.fontStyle {
  font-family: PingFangSC-Medium;
}