新增vuedraggable package,算力管理摄像机ip排序方法重定义,比对库/数据栈列表size调试

hanbaoshan

2020-11-03 56f7ab1f14f2de2ceff75db982b8acca1d80ca46

 src/pages/cameraAccess/components/SceneRule.vue

@@ -6,7 +6,7 @@
        type="primary"
        size="mini"
        @click="handleCreate"
        style="margin-left:87%"
        style="margin-left:90%"
        v-show="!editScene"
      >+ 添加场景</el-button>
    </div>
@@ -48,74 +48,7 @@
          </el-form-item>
        </div>
      </div>
      <!-- <el-row>
      <el-col :span="8">-->
      <!-- <el-form-item label="场景模板">
            <el-select
              v-model="sceneForm.template_id"
              placeholder="请选择"
              @change="selectTemplate"
              size="mini"
              style="width:200px"
            >
              <el-option
                v-for="item in sceneTemplates"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </el-select>
      </el-form-item>-->
      <!-- </el-col>
        <el-col :span="8">
          <el-form-item label="时间段">
            <el-select
              v-model="sceneForm.time_rule_id"
              placeholder="请选择"
              size="mini"
              style="width:200px"
            >
              <el-option
                v-for="item in VideoManageData.TimeRules"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>-->
      <!-- <el-row>
        <el-col :span="8">
          <el-form-item label="场景名称">
            <el-input v-model="sceneForm.scene_name" size="mini" style="width:200px"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="场景描述">
            <el-input v-model="sceneForm.desc" type="textarea" size="mini" style="width:200px;height:180px;"></el-input>
          </el-form-item>
        </el-col>
      </el-row>-->
      <!-- <el-row>
        <el-col :span="8">
          <el-form-item label="事件等级">
            <el-select
              v-model="sceneForm.alarm_level"
              placeholder="请选择"
              size="mini"
              style="width:200px"
            >
              <el-option label="一级" :value="1"></el-option>
              <el-option label="二级" :value="2"></el-option>
              <el-option label="三级" :value="3"></el-option>
              <el-option label="四级" :value="4"></el-option>
              <el-option label="五级" :value="5"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>-->

      
      <scene-editor
        ref="sceneEditor"
        :isLinkRule="linkRule"
@@ -136,15 +69,15 @@
        <el-table
          :data="tableRuleList"
          border
          style="width: 100%"
          style="width:100%"
          :cell-style="cellStyle"
          :header-cell-style="{background:'#f8f8f8',color:'#222222'}"
        >
          <el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
          <el-table-column label="序号" type="index" align="center" ></el-table-column>
          <el-table-column
            label="场景名称"
            prop="scene_name"
            width="120"
            
            align="center"
            show-overflow-tooltip
          ></el-table-column>
@@ -153,28 +86,28 @@
              <span v-html="scope.row.group_text"></span>
            </template>
          </el-table-column>
          <el-table-column label="时间段" prop="time_name" align="center" width="100"></el-table-column>
          <el-table-column label="时间段" prop="time_name" align="center" ></el-table-column>
          <el-table-column label="描述" prop="desc" align="center" min-width="150"></el-table-column>
          <!-- <el-table-column label="状态" align="center" width="90">
            <template slot-scope="scope">
              <el-switch v-model="scope.row.defence_state" @change="updateDefence(scope.row)"></el-switch>
            </template>
          </el-table-column>-->
          <el-table-column label="事件等级" align="center" width="120">
          <el-table-column label="事件等级" align="center" >
            <template slot-scope="scope">
              <span>{{scope.row.alarm_level | alarmLevel }}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作" fixed="right" align="center" width="100">
          <el-table-column label="操作" fixed="right" align="center" >
            <template slot-scope="scope">
              <el-tooltip content="编辑" placement="top" popper-class="atooltip">
              <el-tooltip content="编辑" :hide-after="700" placement="top" popper-class="atooltip">
                <i
                  class="iconfont iconbianji1 btn-icon"
                  style="font-size: 28px;"
                  @click="handleEdit(scope.row)"
                ></i>
              </el-tooltip>
              <el-tooltip content="删除" placement="top" popper-class="atooltipgroup_">
              <el-tooltip content="删除" :hide-after="700" placement="top" popper-class="atooltipgroup_">
                <i
                  class="iconfont iconshanchu4 btn-icon"
                  style="font-size: 28px; color:red;"
@@ -191,7 +124,6 @@

<script>
import {
  getAllTemplate,
  saveCameraScene,
  getCameraSceneRule,
  deleteCameraScene
@@ -249,7 +181,7 @@
  },
  mounted() {
    // window.addEventListener('resize', this.windowSizeChange)
    this.updateTemplates();
    
  },
  data() {
    return {
@@ -303,6 +235,7 @@
        time_rule_id: "",
      };
      this.$refs.sceneEditor.cleanRule();
      this.$refs.sceneEditor.getSdkConnection();
    },
    handleCreate() {

@@ -362,13 +295,7 @@
      this.$refs.sceneEditor.editHandle(this.templateRules);

    },
    updateTemplates() {
      getAllTemplate().then(rsp => {
        if (rsp && rsp.success) {
          this.sceneTemplates = rsp.data;
        }
      })
    },

    selectTemplate() {
      let selectedTpl = {};
      this.sceneTemplates.forEach((t) => {
@@ -420,6 +347,7 @@
      this.onSaveScene(this.sceneForm);
    },
    handleDelScene(groupRule) {
      let _this = this;
      this.$confirm("提示：删除后，该条规则将失效，是否删除？", {
        center: true,
        cancelButtonClass: "comfirm-class-cancle",
@@ -433,7 +361,7 @@
                type: "success",
                message: "删除成功"
              });

              _this.$root.$children[0].$children[0].querySearchAsync('camera')
            } else {
              this.$notify({
                type: "error",
@@ -513,6 +441,9 @@
    }
    .cell {
      padding-left: 0 !important;
      i{
        outline: none!important;
      }
    }
  }
}