调整摄像机接入页面

zhangzengfei

2020-07-30 d6bf6c38fe15510aac8e56569ca0450fb8656c89

 src/pages/cameraAccess/components/SceneRule.vue

File was renamed from src/components/camera/SceneRule.vue
@@ -2,7 +2,13 @@
  <div class="scene-edit-container">
    <div class="scene-title">
      <b style="font-size: 14px; line-height: 18px;">场景</b>
      <el-button type="primary" size="mini" @click="handleCreate" style="margin-left:87%" v-show='!editScene'>+ 添加场景</el-button>
      <el-button
        type="primary"
        size="mini"
        @click="handleCreate"
        style="margin-left:87%"
        v-show="!editScene"
      >+ 添加场景</el-button>
    </div>

    <el-form ref="form" label-width="80px"  v-show="editScene">
@@ -26,12 +32,7 @@
            </el-select>
          </el-form-item>
          <el-form-item label="时间段">
            <el-select
              v-model="sceneForm.time_rule_id"
              placeholder="请选择"
              size="mini"
              
            >
            <el-select v-model="sceneForm.time_rule_id" placeholder="请选择" size="mini">
              <el-option
                v-for="item in VideoManageData.TimeRules"
                :key="item.id"
@@ -152,9 +153,7 @@
              <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" width="100"></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">
@@ -198,7 +197,7 @@
  deleteCameraScene
} from '@/api/scene'
import RuleEditor from "@/components/subComponents/RuleEditor";
import SceneEditor from "@/components/scene/Editor";
import SceneEditor from "./scene/Editor";

export default {
  name: "SceneRuleEditor",
@@ -306,7 +305,7 @@
      this.$refs.sceneEditor.cleanRule();
    },
    handleCreate() {
      debugger

      console.log(this.DataStackPool.selectedDir.id,this.TreeDataPool.treeActiveName=='dataStack')
      if (this.linkRule && this.TreeDataPool.selectedNodes.length < 2) {
        this.$notify({
@@ -335,7 +334,7 @@
      var pattern = /^场景\s*\d+\s*$/;
      var tempArr = [];
      this.tableRuleList.forEach(scene=>{
        debugger

        if(pattern.test(scene.scene_name)){
          tempArr.push(Number(scene.scene_name.substring(2).trim()));
        }
@@ -348,7 +347,7 @@
      
    },
    handleEdit(scene) {
      debugger

      this.sceneForm = scene;
      this.editScene = true;
      let selectedTpl = {};
@@ -358,7 +357,7 @@
        }
      })
      this.templateSdks = selectedTpl.sdks;
      debugger

      this.templateRules = JSON.stringify(scene.rules);
      this.$refs.sceneEditor.editHandle(this.templateRules);
      
@@ -387,7 +386,7 @@
      this.templateRules = selectedTpl.rules;
    },
    validateForm(){
      debugger

      if(!this.sceneForm.scene_name.trim()){
        this.$notify({
          type: 'warning',
@@ -410,7 +409,7 @@
      return true
    },
    saveSceneRule() {
      debugger

      if(!this.validateForm()){
        return
      }
@@ -460,13 +459,13 @@
    height: 30px;
    text-align: left;
    margin: 10px 0px;
    
  }
  .flex-form{
    display: flex;
    width: 80%;
    padding-left: 25px;
    .left,.right{
    .left,
    .right {
      width: 43.3%;
      min-width: 550px;
      .el-form-item{
@@ -477,7 +476,8 @@
      }
      .el-form-item__content{
        text-align: left;
        .el-input,.el-select{
        .el-input,
        .el-select {
          width: 400px !important;
        }
      }
@@ -497,7 +497,6 @@
    }
    .el-form-item{
      width: calc(100% - 30px);
      
    }
    .el-input__inner {
      border: 0px !important;