首页加入算法

hanbaoshan

2020-10-27 1e84774c0c0752c61e60592e7f7fc1c0d25a1dab

 src/pages/labelMark/components/RightSide.vue

@@ -1,16 +1,6 @@
<template>
  <div class="right-side">
    <div class="tool-bar">
      <div>
        <!-- <input type="color" ref="colorPicker" v-model="color"> -->
        <label for>拾色器:</label>
        <el-color-picker v-model="colorPick" show-alpha size="mini"></el-color-picker>
      </div>
      <div style="width:250px;">
        <label for>笔触:</label>
        <el-slider v-model="dotSize" :min="1" :max="20"></el-slider>
      </div>
    </div>
    <div class="figure">
    <div class="action-bar">
      <el-button
        class="drawboard-trigger"
@@ -70,6 +60,18 @@
      </div>
    </div>
  </div>
    <div class="tool-bar">
      <div>
        <!-- <input type="color" ref="colorPicker" v-model="color"> -->
        <label for>拾色器:</label>
        <el-color-picker v-model="colorPick" show-alpha size="mini"></el-color-picker>
      </div>
      <div style="width:250px;">
        <label for>笔触:</label>
        <el-slider v-model="dotSize" :min="1" :max="20"></el-slider>
      </div>
    </div>
  </div>
</template>

<script>
@@ -109,6 +111,7 @@
  watch: {
    'TreeDataPool.selectedNode': {
      handler(n, o) {
        debugger
        let curCamera = this.cameraData.find(item => item.id == n.id);
        this.snapshot_url = curCamera.snapshot_url;
      },
@@ -126,6 +129,7 @@
    getAllCameraData() {
      getCamerasByServer().then(res => {
        if (res.success) {
          debugger
          this.cameraData = res.data;
        }
      }).catch(e => {
@@ -153,6 +157,7 @@
      this.isNewLabel = true;
    },
    editLabel(label) {
      debugger
      if (!this.isEdit) return;
      this.isShowPop = true;
      this.curLabel = JSON.parse(JSON.stringify(label));
@@ -183,9 +188,13 @@
.right-side {
  height: 100%;
  background: #d2dcea;
  .figure{
    float: left;
  }
  .tool-bar {
    width: 100%;
    height: 60px;
    float: right;
    width: 40px;
    height: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    background: rgb(250, 250, 250);