diff --git a/src/views/iceWeather/weather/index.vue b/src/views/iceWeather/weather/index.vue
index fed1feb..8998094 100644
--- a/src/views/iceWeather/weather/index.vue
+++ b/src/views/iceWeather/weather/index.vue
@@ -449,7 +449,7 @@ export default {
       const sTime = Math.floor(this.formdata.starttime / 1000);
       const eTime = Math.floor(this.formdata.endtime / 1000);
       weatherListJoggle({
-        lineId: row.lineId,
+        // lineId: row.lineId,
         termId: row.id,
         towerId: row.towerId,
         start: sTime,
@@ -473,7 +473,7 @@ export default {
       const sTime = Math.floor(this.formdata.starttime / 1000);
       const eTime = Math.floor(this.formdata.endtime / 1000);
       weatherListJoggle({
-        lineId: row.lineId,
+        // lineId: row.lineId,
         termId: row.id,
         towerId: row.towerId,
         start: sTime,
diff --git a/src/views/realTimeMonitor/components/parameterArea.vue b/src/views/realTimeMonitor/components/parameterArea.vue
index 88e3a64..2ab552f 100644
--- a/src/views/realTimeMonitor/components/parameterArea.vue
+++ b/src/views/realTimeMonitor/components/parameterArea.vue
@@ -27,20 +27,6 @@
     </div>
     <div class="paramsDate">
       <h3>通道监拍点</h3>
-      <!-- <el-radio-group v-model="selectChannelValue" @input="changeChannelId">
-        <el-radio-button
-          v-for="item in channelListOption"
-          :key="item.channelid"
-          :value="item.channelid"
-          :label="item.channelid"
-        >
-          {{
-            item.alias !== null && item.alias !== ""
-              ? item.alias
-              : item.channelname
-          }}</el-radio-button
-        >
-      </el-radio-group> -->
       <el-select
         v-model="selectChannelValue"
         placeholder="请选择通道"
@@ -68,7 +54,10 @@
     <div class="paramsDate setTimebtn">
       <h3>操作项</h3>
       <div class="buttonGroup">
-        <takePicButton v-if="showButton('pzShowBtn')" ref="takepicRef"></takePicButton>
+        <takePicButton
+          v-if="showButton('pzShowBtn')"
+          ref="takepicRef"
+        ></takePicButton>
         <takeVideoButton v-if="showButton('spShowBtn')"></takeVideoButton>
         <deviceInfoButton></deviceInfoButton>
         <scheduleButton v-if="showButton('pztimeShowBtn')"></scheduleButton>
@@ -184,7 +173,8 @@
 <script>
 import EventBus from "@/utils/event-bus";
 import takePicButton from "./takePicButton.vue";
-import setChannelButton from "./setChannelButton.vue";
+// import setChannelButton from "./setChannelButton.vue";
+import setChannelButton from "../components/setChannel/setChannelButton";
 import takeTimePicButton from "./takeTimePicButton.vue";
 import takeVideoButton from "./takeVideoButton.vue";
 import deviceInfoButton from "./deviceInfoButton.vue";
@@ -292,8 +282,8 @@ export default {
     this.getDateTime();
   },
   methods: {
-    takepicFun(){
-      console.log("点击了我自己，准备取消轮巡")
+    takepicFun() {
+      console.log("点击了我自己，准备取消轮巡");
       this.$refs.takepicRef.clearFn();
     },
     //控制显示与隐藏
@@ -401,8 +391,14 @@ export default {
           this.channelListOption = this.channelListOption.concat(res.data.list);
           console.log(this.channelListOption);
           this.channelfocalOpyion = res.data.list; //焦距通道
-          console.log("我是获取通道接口之后的通道",this.channelListOption[0].channelid)
-          this.selectChannelValue = Number(localStorage.getItem("channelId"))==0?-1:Number(localStorage.getItem("channelId")); //默认选中所有通道;
+          console.log(
+            "我是获取通道接口之后的通道",
+            this.channelListOption[0].channelid
+          );
+          this.selectChannelValue =
+            Number(localStorage.getItem("channelId")) == 0
+              ? -1
+              : Number(localStorage.getItem("channelId")); //默认选中所有通道;
           this.$store.commit("channelId", this.selectChannelValue); //通道保存在vuex中
           this.$store.commit("channelIdList", res.data.list); //将通道保存在vuex中
           this.$parent.getPhotoList(
diff --git a/src/views/realTimeMonitor/components/setChannel/setChannelButton.vue b/src/views/realTimeMonitor/components/setChannel/setChannelButton.vue
new file mode 100644
index 0000000..22fefe0
--- /dev/null
+++ b/src/views/realTimeMonitor/components/setChannel/setChannelButton.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="buttonBox">
+    <el-button type="primary" @click="handleSetChannel">通道设置 </el-button>
+    <setChannelDialog ref="setChannelDialog_ref"></setChannelDialog>
+  </div>
+</template>
+<script>
+import {} from "@/utils/api/index";
+import setChannelDialog from "./setChannelDialog.vue";
+export default {
+  components: { setChannelDialog },
+  data() {
+    return {};
+  },
+  watch: {},
+  mounted() {},
+  computed: {
+    termId() {
+      return this.$store.state.termId;
+    },
+    channelIdList() {
+      return this.$store.state.channelIdList;
+    },
+  },
+
+  methods: {
+    handleSetChannel() {
+      this.$refs.setChannelDialog_ref.display();
+    },
+  },
+  destroyed() {},
+  beforeRouteLeave(to, from, next) {},
+};
+</script>
diff --git a/src/views/realTimeMonitor/components/setChannel/setChannelDialog.vue b/src/views/realTimeMonitor/components/setChannel/setChannelDialog.vue
new file mode 100644
index 0000000..3dc8f37
--- /dev/null
+++ b/src/views/realTimeMonitor/components/setChannel/setChannelDialog.vue
@@ -0,0 +1,1701 @@
+<template>
+  <el-dialog
+    class="setChannelDialogNew"
+    title="通道设置"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="870px"
+    @close="handleclose"
+  >
+    <div class="zzinfo">
+      装置编号：{{ areaData.name
+      }}<el-button type="text" icon="el-icon-refresh" @click="searchBtn"
+        >刷新</el-button
+      >
+    </div>
+    <div class="channelsetBox" v-loading="channelsetLoading">
+      <!-- 通道设置 -->
+      <div class="channelList">
+        <h4>拍照通道</h4>
+        <el-radio-group
+          v-model="channelForm.selectChannel"
+          @input="changeChannel"
+        >
+          <el-radio
+            v-for="item in channelList"
+            :key="item.channelid"
+            :label="item.channelid"
+            :value="item.channelid"
+          >
+            {{
+              item.alias !== null && item.alias !== ""
+                ? item.alias
+                : item.channelname
+            }}</el-radio
+          >
+        </el-radio-group>
+      </div>
+      <el-divider></el-divider>
+      <!-- 模板 -->
+      <div class="modelList">
+        <div class="modeLeft">
+          <h4>模板</h4>
+          <el-select
+            size="mini"
+            v-model="channelForm.templateVal"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in templateOptions"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </div>
+        <div class="usbRight">
+          <el-checkbox
+            class="usbClass"
+            label="USB摄像头"
+            v-model="channelForm.usbchecked"
+          ></el-checkbox>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <!-- 图片设置 -->
+      <div class="photoList">
+        <div class="picradio">
+          <h4>图片尺寸</h4>
+          <el-input v-model="channelForm.resolutionCX" size="mini"></el-input>
+          <b> X </b>
+          <el-input v-model="channelForm.resolutionCY" size="mini"></el-input>
+          <el-popover
+            placement="right"
+            width="100"
+            trigger="click"
+            popper-class="my-popover"
+          >
+            <p v-for="item in imgSizeOption" @click="imgSizeClick(item)">
+              {{ item.cx }}X{{ item.cy }}
+            </p>
+            <el-tag slot="reference">例</el-tag>
+          </el-popover>
+        </div>
+        <div class="picysl">
+          <h4>压缩率</h4>
+          <el-input v-model="channelForm.ysl" size="mini"></el-input>
+        </div>
+        <div class="piczoom">
+          <h4>图片放大</h4>
+          <el-radio-group v-model="channelForm.isImageZoomEnabled">
+            <el-radio :label="1">开</el-radio>
+            <el-radio :label="0">关</el-radio>
+          </el-radio-group>
+        </div>
+        <div class="zoomclass">
+          <h4>放大倍数</h4>
+          <el-slider
+            v-model="channelForm.zoomVal"
+            :min="1"
+            :max="4"
+            :step="0.1"
+          ></el-slider>
+          <el-tag type="info">{{ channelForm.zoomVal }}</el-tag>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <!-- 视频设置 -->
+      <div class="photoList">
+        <div class="picradio">
+          <h4>视频尺寸</h4>
+          <el-input v-model="channelForm.videoCX" size="mini"></el-input>
+          <b> X </b>
+          <el-input v-model="channelForm.videoCY" size="mini"></el-input>
+          <el-popover
+            placement="right"
+            width="100"
+            trigger="click"
+            popper-class="my-popover"
+          >
+            <p v-for="item in videoOption" @click="videoClick(item)">
+              {{ item.videox }}X{{ item.videoy }}
+            </p>
+            <el-tag slot="reference">例</el-tag>
+          </el-popover>
+        </div>
+        <div class="picysl">
+          <h4>视频时长</h4>
+          <el-input v-model="channelForm.videoDuration" size="mini"></el-input>
+          <span class="infoSpan">(秒)</span>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <!-- 3A控制 -->
+      <div class="threeASet">
+        <div class="top">
+          <div class="screen">
+            <h4>场景选择</h4>
+            <el-select
+              size="mini"
+              v-model="channelForm.modelVal"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in modelOptions"
+                :key="item.id"
+                :label="item.chName"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="wait3Lock">
+            <el-checkbox
+              label="等待AE锁定"
+              v-model="channelForm.aechecked"
+            ></el-checkbox>
+            <el-checkbox
+              label="等待AWB锁定"
+              v-model="channelForm.awbchecked"
+            ></el-checkbox>
+            <el-checkbox
+              label="等待AF锁定"
+              v-model="channelForm.afchecked"
+            ></el-checkbox>
+            <el-checkbox
+              class="gmclass"
+              label="光敏控制"
+              v-model="channelForm.gmkzchecked"
+            ></el-checkbox>
+          </div>
+        </div>
+        <div class="mid">
+          <div class="bgms">
+            <h4>曝光模式</h4>
+            <el-checkbox
+              label="自动曝光"
+              v-model="channelForm.zdbgchecked"
+              @change="bgchange"
+            ></el-checkbox>
+          </div>
+          <div class="bgsj">
+            <h4>曝光时间</h4>
+            <el-input
+              v-model="channelForm.bgsj"
+              :disabled="bgflag"
+              size="mini"
+            ></el-input>
+            <span class="infoSpan">(ms)</span>
+            <el-input
+              v-model="channelForm.expsTimeUs"
+              :disabled="bgflag"
+              size="mini"
+            ></el-input>
+            <span class="infoSpan">(μs)</span>
+            <span
+              class="infoSpan"
+              v-if="
+                this.channelForm.bgsj !== '' ||
+                this.channelForm.expsTimeUs !== ''
+              "
+              >({{
+                this.channelForm.bgsj * 1000000 +
+                this.channelForm.expsTimeUs * 1000
+              }}ns)</span
+            >
+          </div>
+          <div class="iso">
+            <h4>ISO</h4>
+            <el-input
+              v-model="channelForm.iso"
+              :disabled="bgflag"
+              size="mini"
+            ></el-input>
+          </div>
+          <div class="bgbc">
+            <h4>曝光补偿</h4>
+            <el-select
+              v-model="channelForm.compensationVal"
+              placeholder="请选择"
+              size="mini"
+            >
+              <el-option
+                v-for="item in compensationOptions"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="btm">
+          <h4>对焦模式</h4>
+          <el-checkbox
+            label="自动对焦"
+            v-model="channelForm.zzdjchecked"
+          ></el-checkbox>
+          <h4>白平衡模式</h4>
+          <el-select
+            size="mini"
+            v-model="channelForm.awbMode"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in awbModeOption"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <!-- 旋转角度 -->
+      <div class="roteAiBox">
+        <h4>旋转角度</h4>
+        <el-select
+          v-model="channelForm.roteval"
+          placeholder="请选择"
+          size="mini"
+        >
+          <el-option
+            v-for="item in roteOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        <h4>AI识别</h4>
+        <el-select v-model="channelForm.aival" placeholder="请选择" size="mini">
+          <el-option
+            v-for="item in aiOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="textAreabox">
+        <div class="lt">
+          <h4>左上osd</h4>
+          <el-input
+            size="mini"
+            type="textarea"
+            rows="2"
+            v-model="channelForm.ltosd"
+          ></el-input>
+          <el-popover placement="right" width="230" trigger="click">
+            <el-collapse
+              v-model="activeNameOsd"
+              accordion
+              class="my-custom-class"
+            >
+              <el-collapse-item
+                v-for="(group, index) in macroption"
+                :key="index"
+                :name="index.toString()"
+                :title="group.name"
+              >
+                <p
+                  v-for="(item, itemIndex) in group.child"
+                  :key="itemIndex"
+                  @click="selectItem1(item)"
+                >
+                  {{ item.name }} {{ item.value }}
+                </p>
+              </el-collapse-item>
+            </el-collapse>
+            <el-tag slot="reference">宏</el-tag>
+          </el-popover>
+        </div>
+        <div class="rt">
+          <h4>右上osd</h4>
+          <el-input
+            size="mini"
+            type="textarea"
+            rows="2"
+            v-model="channelForm.rtosd"
+          ></el-input>
+          <el-popover placement="right" width="230" trigger="click">
+            <el-collapse
+              v-model="activeNameOsd"
+              accordion
+              class="my-custom-class"
+            >
+              <el-collapse-item
+                v-for="(group, index) in macroption"
+                :key="index"
+                :name="index.toString()"
+                :title="group.name"
+              >
+                <p
+                  v-for="(item, itemIndex) in group.child"
+                  :key="itemIndex"
+                  @click="selectItem2(item)"
+                >
+                  {{ item.name }} {{ item.value }}
+                </p>
+              </el-collapse-item>
+            </el-collapse>
+            <el-tag slot="reference">宏</el-tag>
+          </el-popover>
+        </div>
+        <div class="lb">
+          <h4>左下osd</h4>
+          <el-input
+            size="mini"
+            type="textarea"
+            rows="2"
+            v-model="channelForm.lbosd"
+          ></el-input>
+          <el-popover placement="right" width="230" trigger="click">
+            <el-collapse
+              v-model="activeNameOsd"
+              accordion
+              class="my-custom-class"
+            >
+              <el-collapse-item
+                v-for="(group, index) in macroption"
+                :key="index"
+                :name="index.toString()"
+                :title="group.name"
+              >
+                <p
+                  v-for="(item, itemIndex) in group.child"
+                  :key="itemIndex"
+                  @click="selectItem3(item)"
+                >
+                  {{ item.name }} {{ item.value }}
+                </p>
+              </el-collapse-item>
+            </el-collapse>
+            <el-tag slot="reference">宏</el-tag>
+          </el-popover>
+        </div>
+        <div class="rb">
+          <h4>右下osd</h4>
+          <el-input
+            size="mini"
+            type="textarea"
+            rows="2"
+            v-model="channelForm.rbosd"
+          ></el-input>
+          <el-popover placement="right" width="230" trigger="click">
+            <el-collapse
+              v-model="activeNameOsd"
+              accordion
+              class="my-custom-class"
+            >
+              <el-collapse-item
+                v-for="(group, index) in macroption"
+                :key="index"
+                :name="index.toString()"
+                :title="group.name"
+              >
+                <p
+                  v-for="(item, itemIndex) in group.child"
+                  :key="itemIndex"
+                  @click="selectItem4(item)"
+                >
+                  {{ item.name }} {{ item.value }}
+                </p>
+              </el-collapse-item>
+            </el-collapse>
+            <el-tag slot="reference">宏</el-tag>
+          </el-popover>
+        </div>
+      </div>
+      <div class="moreParams">
+        <div class="parambox" v-for="(val, index) in moreForm" :key="index">
+          <h4>name</h4>
+          <el-input v-model="val.parmasName" size="mini"></el-input>
+          <h4>value</h4>
+          <el-input v-model="val.parmasValue" size="mini"></el-input>
+          <h4>type</h4>
+          <el-select size="mini" v-model="val.parmasType" placeholder="请选择">
+            <el-option
+              v-for="item in typeOption"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+          <div class="btngropAdd">
+            <el-button
+              size="mini"
+              v-if="index !== 0"
+              type="danger"
+              icon="el-icon-minus"
+              @click="deleteModule(val, index)"
+            ></el-button>
+            <el-button
+              size="mini"
+              icon="el-icon-plus"
+              type="primary"
+              @click="addModule()"
+              v-if="index + 1 == moreForm.length"
+            ></el-button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <div class="jsonBox" v-if="resultJson !== ''">
+        <el-popover
+          placement="right"
+          width="200"
+          trigger="click"
+          popper-class="jsonclass"
+        >
+          <pre>{{ resultJson }}</pre>
+          <el-button type="text" slot="reference" :disabled="channelsetLoading"
+            >展示JSON</el-button
+          >
+        </el-popover>
+      </div>
+      <div class="btngrop">
+        <el-button @click="handleclose" :disabled="channelsetLoading"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          :disabled="channelsetLoading"
+          @click="handleConfim(false)"
+          >保存</el-button
+        >
+        <el-button
+          type="primary"
+          :disabled="channelsetLoading"
+          @click="handleConfim(true)"
+          >保存并关闭</el-button
+        >
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  getChannelListJoggle,
+  getTermStatus,
+  setTermCamera,
+  getTermCameraRequest,
+} from "@/utils/api/index";
+export default {
+  props: {},
+  data() {
+    return {
+      channelsetLoading: false,
+      isShow: false,
+      channelList: [], //通道列表
+      imageSizeOption: [{}],
+      channelForm: {
+        selectChannel: "", //通道选中
+        templateVal: 2, //模板选中
+        usbchecked: false, //usb摄像头
+        resolutionCX: "", //图片尺寸X
+        resolutionCY: "", //图片尺寸Y
+        videoCX: "", //视频尺寸X
+        videoCY: "", //视频尺寸Y
+        videoDuration: 15, //视频时长
+        ysl: 80, //图片压缩率
+        isImageZoomEnabled: 0, //图片放大默认关
+        zoomVal: 1, //放大倍数默认1
+        modelVal: 0, //场景选择
+        aechecked: false,
+        awbchecked: false,
+        afchecked: false,
+        gmkzchecked: false, //光敏控制
+        zdbgchecked: false, //自动曝光
+        bgsj: "", //曝光时间
+        expsTimeUs: "", //曝光时间
+        iso: "", //iso
+        compensationVal: 0, //曝光补偿
+        zzdjchecked: false, //自动对焦
+        awbMode: 1, //白平衡模式
+        roteval: "", //旋转角度
+        aival: "", //ai识别
+        ltosd: "", //水印
+        rtosd: "", //水印
+        lbosd: "", //水印
+        rbosd: "", //水印
+      },
+      moreForm: [
+        {
+          parmasName: "",
+          parmasValue: "",
+          parmasType: 0,
+        },
+      ],
+      bgflag: false, //曝光使用
+      activeNameOsd: 0, //宏的默认选择打开
+      //模板options
+      templateOptions: [
+        { name: "1 - 预览", value: 1 },
+        { name: "2 - 静态抓拍", value: 2 },
+        { name: "3 - 录像", value: 3 },
+        { name: "4 - 快照", value: 4 },
+      ],
+      //场景选择
+      modelOptions: [
+        {
+          name: "DISABLED",
+          id: 0,
+          chName: "0 - 无场景",
+        },
+        {
+          name: "FACE_PRIORITY",
+          id: 1,
+          chName: "1 - 面部优先",
+        },
+        {
+          name: "ACTION",
+          id: 2,
+          chName: "2 - 动作",
+        },
+        {
+          name: "PORTRAIT",
+          id: 3,
+          chName: "3 - 肖像",
+        },
+        {
+          name: "LANDSCAPE",
+          id: 4,
+          chName: "4 - 风景",
+        },
+        {
+          name: "NIGHT",
+          id: 5,
+          chName: "5 - 夜晚",
+        },
+        {
+          name: "NIGHT_PORTRAIT",
+          id: 6,
+          chName: "6 - 夜间肖像",
+        },
+        {
+          name: "THEATRE",
+          id: 7,
+          chName: "7 - 剧院",
+        },
+        {
+          name: "BEACH",
+          id: 8,
+          chName: "8 - 海滩",
+        },
+        {
+          name: "SNOW",
+          id: 9,
+          chName: "9 - 雪景",
+        },
+        {
+          name: "SUNSET",
+          id: 10,
+          chName: "10 - 日落",
+        },
+        {
+          name: "STEADYPHOTO",
+          id: 11,
+          chName: "11 - 稳定照片",
+        },
+        {
+          name: "FIREWORKS",
+          id: 12,
+          chName: "12 - 烟花",
+        },
+        {
+          name: "SPORTS",
+          id: 13,
+          chName: "13 - 运动",
+        },
+        {
+          name: "PARTY",
+          id: 14,
+          chName: "14 - 聚会",
+        },
+        {
+          name: "CANDLELIGHT",
+          id: 15,
+          chName: "15 - 烛光",
+        },
+        {
+          name: "16 - BARCODE",
+          id: 16,
+          chName: "16-条形码",
+        },
+        {
+          name: "18 - HDR",
+          id: 18,
+          chName: "HDR",
+        },
+      ],
+      //曝光补偿
+      compensationOptions: [
+        { name: -4, value: -4 },
+        { name: -3, value: -3 },
+        { name: -2, value: -2 },
+        { name: -1, value: -1 },
+        { name: 0, value: 0 },
+        { name: 1, value: 1 },
+        { name: 2, value: 2 },
+        { name: 3, value: 3 },
+        { name: 4, value: 4 },
+      ],
+      //白平衡模式
+      awbModeOption: [
+        { name: "0 - 禁用", value: 0 },
+        { name: "1 - 启用自动白平衡", value: 1 },
+        { name: "2 - 室内白炽灯", value: 2 },
+        { name: "3 - 荧光灯照明", value: 3 },
+        { name: "4 - 暖色荧光灯照明", value: 4 },
+        { name: "5 - 日光", value: 5 },
+        { name: "6 - 多云日光", value: 6 },
+        { name: "7 - 日落日出", value: 7 },
+        { name: "8 - 非阳光直射区域", value: 8 },
+      ],
+      //旋转角度
+      roteOptions: [
+        {
+          value: 0,
+          label: "0-无旋转",
+        },
+        {
+          value: 1,
+          label: "1-0°",
+        },
+        {
+          value: 2,
+          label: "2-90°",
+        },
+        {
+          value: 3,
+          label: "3-180°",
+        },
+        {
+          value: 4,
+          label: "4-270°",
+        },
+      ],
+      //ai识别
+      aiOptions: [
+        {
+          value: 0,
+          label: "0-关闭当前通道AI识别",
+        },
+        {
+          value: 1,
+          label: "1-启用但不绘制区域",
+        },
+        {
+          value: 2,
+          label: "2-启用并绘制区域",
+        },
+      ],
+      //宏
+      macroption: [
+        {
+          name: "系统信息",
+          child: [
+            {
+              name: "版本",
+              value: "%%V%%",
+            },
+            {
+              name: "CPU温度",
+              value: "%%CPUT%%",
+            },
+            {
+              name: "网络信号等级",
+              value: "%%SL%%",
+            },
+            {
+              name: "网络状态",
+              value: "%%NS%%",
+            },
+            {
+              name: "剩余存储空间",
+              value: "%%FD%%",
+            },
+            {
+              name: "剩余内存",
+              value: "%%FM%%",
+            },
+          ],
+        },
+        {
+          name: "拍照信息",
+          child: [
+            {
+              name: "通道",
+              value: "%%CH%%",
+            },
+            {
+              name: "预置位",
+              value: "%%PR%%",
+            },
+            {
+              name: "照片ID",
+              value: "%%IMGID%%",
+            },
+            {
+              name: "拍照日期和时间",
+              value: "%%DATETIME%%",
+            },
+            {
+              name: "拍照时间戳",
+              value: "%%TS%%",
+            },
+            {
+              name: "光敏采样值",
+              value: " %%LDR%%",
+            },
+          ],
+        },
+        {
+          name: "电池状态",
+          child: [
+            {
+              name: "电池电量",
+              value: "%%BP%%",
+            },
+            {
+              name: "电池电压",
+              value: "%%BV%%",
+            },
+            {
+              name: "电池电流",
+              value: "%%BC%%",
+            },
+          ],
+        },
+        {
+          name: "充电状态",
+          child: [
+            {
+              name: "充电电压",
+              value: "%%CV%%",
+            },
+            {
+              name: "充电总线电压",
+              value: "%%CBV%%",
+            },
+            {
+              name: "充电电流",
+              value: "%%CC%%",
+            },
+            {
+              name: "充放电状态",
+              value: "%%CS%%",
+            },
+          ],
+        },
+      ],
+      //图片尺寸示例
+      imgSizeOption: [
+        { cx: "5376", cy: "3024" },
+        { cx: "5344", cy: "4016" },
+        { cx: "5312", cy: "3984" },
+        { cx: "4096", cy: "3072" },
+        { cx: "4096", cy: "2304" },
+        { cx: "4032", cy: "3024" },
+        { cx: "3840", cy: "2160" },
+        { cx: "3264", cy: "2448" },
+        { cx: "2560", cy: "1920" },
+        { cx: "2560", cy: "1440" },
+        { cx: "1920", cy: "1440" },
+        { cx: "1920", cy: "1080" },
+      ],
+      //视频分辨率
+      videoOption: [
+        {
+          videox: "720",
+          videoy: "480",
+        },
+        {
+          videox: "320",
+          videoy: "240",
+        },
+        {
+          videox: "640",
+          videoy: "480",
+        },
+        {
+          videox: "1280",
+          videoy: "720",
+        },
+        {
+          videox: "1920",
+          videoy: "1080",
+        },
+      ],
+      typeOption: [
+        {
+          name: "0 - 整数",
+          value: 0,
+        },
+        {
+          name: "1 - 字符串",
+          value: 1,
+        },
+        {
+          name: "2 - 浮点数",
+          value: 2,
+        },
+      ],
+      wait3ALocked: "",
+      parmaresult: [], //填写的参数组成想要的内容
+      configNum: 26,
+      resultJson: "",
+    };
+  },
+  computed: {
+    areaData() {
+      return this.$store.state.currentData;
+    },
+    waite3alockVal() {
+      let val = 0;
+      if (this.channelForm.aechecked) val |= 1;
+      if (this.channelForm.awbchecked) val |= 2;
+      if (this.channelForm.afchecked) val |= 4;
+      return val;
+    },
+  },
+  mounted() {},
+  methods: {
+    //获取通道
+    getChannelSelect() {
+      getChannelListJoggle({ termid: this.areaData.id })
+        .then((res) => {
+          this.channelList = res.data.list;
+          if (
+            Number(localStorage.getItem("channelId")) == 1 ||
+            Number(localStorage.getItem("channelId")) == -1 ||
+            Number(localStorage.getItem("channelId")) == 0
+          ) {
+            this.channelForm.selectChannel = this.channelList[0].channelid;
+          } else {
+            this.channelForm.selectChannel = Number(
+              localStorage.getItem("channelId")
+            );
+          }
+          console.log(this.channelList);
+          this.changeChannel();
+        })
+        .catch((err) => {});
+    },
+    //修改通道
+    changeChannel() {
+      console.log(this.channelForm.selectChannel);
+      if (this.channelForm.selectChannel == 1) {
+        this.channelForm.resolutionCX = 5376;
+        this.channelForm.resolutionCY = 3024;
+      } else if (
+        this.channelForm.selectChannel == 2 ||
+        this.channelForm.selectChannel == 3
+      ) {
+        this.channelForm.resolutionCX = 1920;
+        this.channelForm.resolutionCY = 1080;
+      } else if (this.channelForm.selectChannel == 4) {
+        this.channelForm.resolutionCX = 2048;
+        this.channelForm.resolutionCY = 1536;
+      }
+      this.searchBtn();
+    },
+    //是否选中曝光
+    bgchange(val) {
+      console.log(val, "是否选中");
+      if (val) {
+        this.bgflag = true;
+      } else {
+        this.bgflag = false;
+      }
+    },
+    //点击图片示例
+    imgSizeClick(item) {
+      console.log(item);
+      this.channelForm.resolutionCX = item.cx;
+      this.channelForm.resolutionCY = item.cy;
+    },
+    //点击视频
+    videoClick(item) {
+      console.log(item);
+      this.channelForm.videoCX = item.videox;
+      this.channelForm.videoCY = item.videoy;
+    },
+    //点击宏，把内容添加到osd
+    selectItem1(item) {
+      console.log(item.value);
+      this.channelForm.ltosd += item.name + ":" + item.value + "  ";
+    },
+    selectItem2(item) {
+      console.log(item.value);
+      this.channelForm.rtosd += item.name + ":" + item.value + "  ";
+    },
+    selectItem3(item) {
+      console.log(item.value);
+      this.channelForm.lbosd += item.name + ":" + item.value + "  ";
+    },
+    selectItem4(item) {
+      console.log(item.value);
+      this.channelForm.rbosd += item.name + ":" + item.value + "  ";
+    },
+    display() {
+      this.isShow = true;
+      this.getChannelSelect();
+      console.log(this.areaData);
+    },
+    //刷新
+    searchBtn() {
+      this.channelsetLoading = true;
+      //--act=cfg --udp=1 --cmdid=XY-ANDROIDSIM-002 --pathType=1 --updateType=0 --path=data/channels/1.json --configs=3 --name1=osd.leftTop --type1=1 --value1="OSD for LeftTop %%CH%%" --name2=osd.rightTop --type2=255 --value2="OSD for rIGHTTop %%CH%%" --name3=usbCamera --type3=0 --value3=1 --clientid=5 --reqid=TS
+      getTermStatus({ termId: this.areaData.id }).then((res) => {
+        console.log(res);
+        if (res.data.isonline) {
+          let params = [
+            {
+              name: "act",
+              value: "cfg",
+            },
+            {
+              name: "udp",
+              value: 1,
+            },
+
+            {
+              name: "pathType",
+              value: 1,
+            },
+            {
+              name: "updateType",
+              value: 0,
+            },
+            {
+              name: "path",
+              value:
+                "data/channels/" + this.channelForm.selectChannel + ".json",
+            },
+          ];
+          console.log(params);
+          this.searchTermFn(params);
+        } else {
+          this.$message({
+            duration: 1500,
+            showClose: true,
+            message: "装置下线，发送指令失败",
+            type: "error",
+          });
+        }
+      });
+    },
+    searchTermFn(val) {
+      setTermCamera({
+        termId: this.areaData.id,
+        list: val,
+      })
+        .then((res) => {
+          console.log(res);
+          this.requestid = res.data.requestId;
+          this.getsearchchannelStatus();
+          clearInterval(this.searchTimer);
+          this.searchTimer = window.setInterval(() => {
+            this.getsearchchannelStatus();
+            this.searchNum++;
+          }, 1000);
+        })
+        .catch((err) => {});
+    },
+    getsearchchannelStatus() {
+      getTermCameraRequest({ requestid: this.requestid })
+        .then((res) => {
+          console.log(res);
+          if (res.data.success == 1) {
+            window.clearInterval(this.searchTimer);
+            this.searchTimer = null;
+            this.searchNum = 0;
+            this.channelsetLoading = false;
+            console.log(res.data);
+            console.log(JSON.parse(res.data.data));
+            const resultData = JSON.parse(res.data.data);
+
+            if (resultData.hasOwnProperty("content")) {
+              const resultContent = JSON.parse(
+                decodeURIComponent(escape(window.atob(resultData.content)))
+              );
+              this.resultJson = resultContent;
+              console.log(resultContent);
+              this.channelForm.resolutionCX = resultContent.resolutionCX;
+              this.channelForm.resolutionCY = resultContent.resolutionCY;
+              this.channelForm.ysl = resultContent.quality;
+              this.channelForm.zoomVal = resultContent.zoomRatio;
+              this.channelForm.isImageZoomEnabled = resultContent.zoom;
+              this.channelForm.usbchecked =
+                resultContent.usbCamera == 1 ? true : false;
+              this.channelForm.zzdjchecked =
+                resultContent.autoFocus == 1 ? true : false;
+              this.channelForm.zdbgchecked =
+                resultContent.autoExposure == 1 ? true : false;
+              this.channelForm.gmkzchecked =
+                resultContent.ldrEnabled == 1 ? true : false;
+              this.channelForm.bgsj =
+                resultContent.exposureTime == 0
+                  ? ""
+                  : resultContent.exposureTime;
+              this.channelForm.expsTimeUs =
+                resultContent.expsTimeUs == 0 ? "" : resultContent.expsTimeUs;
+              this.channelForm.iso =
+                resultContent.sensitivity == 0 ? "" : resultContent.sensitivity;
+              this.channelForm.modelVal = resultContent.sceneMode;
+              this.channelForm.awbMode = resultContent.awbMode;
+              this.wait3ALocked = resultContent.wait3ALocked;
+              console.log("三个选中", this.wait3ALocked);
+              this.channelForm.aechecked = (this.wait3ALocked & 1) === 1;
+              this.channelForm.awbchecked = (this.wait3ALocked & 2) === 2;
+              this.channelForm.afchecked = (this.wait3ALocked & 4) === 4;
+              this.channelForm.compensationVal = resultContent.compensation;
+              this.channelForm.aival = resultContent.recognization;
+              this.channelForm.roteval = resultContent.orientation;
+              this.channelForm.rtosd =
+                resultContent.osd.rightTop != "null"
+                  ? resultContent.osd.rightTop
+                  : "";
+              this.channelForm.ltosd =
+                resultContent.osd.leftTop != "null"
+                  ? resultContent.osd.leftTop
+                  : "";
+              this.channelForm.lbosd =
+                resultContent.osd.leftBottom != "null"
+                  ? resultContent.osd.leftBottom
+                  : "";
+              this.channelForm.rbosd =
+                resultContent.osd.rightBottom != "null"
+                  ? resultContent.osd.rightBottom
+                  : "";
+              this.channelForm.videoCX = resultContent.videoCX;
+              this.channelForm.videoCY = resultContent.videoCY;
+              if (this.channelForm.zdbgchecked) {
+                this.bgflag = true;
+              } else {
+                this.bgflag = false;
+              }
+              this.channelForm.videoDuration = resultContent.videoDuration;
+              this.channelForm.templateVal = resultContent.requestTemplate;
+            } else {
+            }
+            this.$message({
+              duration: 1500,
+              showClose: true,
+              message: "通道查询成功",
+              type: "success",
+            });
+          } else if (this.searchNum > 3) {
+            window.clearInterval(this.searchTimer);
+            this.searchTimer = null;
+            this.searchNum = 0;
+            this.channelsetLoading = false;
+            this.$message({
+              duration: 1500,
+              showClose: true,
+              message: "通道查询失败",
+              type: "error",
+            });
+          }
+        })
+        .catch((err) => {});
+    },
+
+    //点击确定
+    handleConfim(flag) {
+      this.channelsetLoading = true;
+      console.log(this.moreForm);
+      this.configNum = 26 + this.moreForm.length;
+      console.log(this.configNum);
+      let result = [];
+      this.moreForm.forEach((param, index) => {
+        let baseIndex = 26 + index + 1; // 计算每个参数的起始索引
+        // 添加 name
+        result.push({ name: `name${baseIndex}`, value: param.parmasName });
+        // 添加 value
+        result.push({ name: `value${baseIndex}`, value: param.parmasValue });
+        // 添加 type
+        result.push({ name: `type${baseIndex}`, value: param.parmasType });
+      });
+      console.log(result);
+      getTermStatus({ termId: this.areaData.id }).then((res) => {
+        console.log(res);
+        if (res.data.isonline) {
+          let params = [
+            {
+              name: "act",
+              value: "cfg",
+            },
+            {
+              name: "udp",
+              value: 1,
+            },
+            {
+              name: "reboot",
+              value: 0,
+            },
+            {
+              name: "pathType",
+              value: 1,
+            },
+            {
+              name: "updateType",
+              value: 1,
+            },
+            {
+              name: "path",
+              value:
+                "data/channels/" + this.channelForm.selectChannel + ".json",
+            },
+            {
+              name: "configs",
+              value: this.configNum,
+            },
+            { name: "name1", value: "resolutionCX" },
+            { name: "value1", value: this.channelForm.resolutionCX },
+            { name: "type1", value: 0 },
+
+            { name: "name2", value: "resolutionCY" },
+            { name: "value2", value: this.channelForm.resolutionCY },
+            { name: "type2", value: 0 },
+
+            { name: "name3", value: "quality" },
+            { name: "value3", value: this.channelForm.ysl },
+            { name: "type3", value: 0 },
+
+            { name: "name4", value: "usbCamera" },
+            { name: "value4", value: this.channelForm.usbchecked ? 1 : 0 },
+            { name: "type4", value: 0 },
+
+            { name: "name5", value: "autoFocus" },
+            { name: "value5", value: this.channelForm.zzdjchecked ? 1 : 0 },
+            { name: "type5", value: 0 },
+
+            { name: "name6", value: "autoExposure" },
+            { name: "value6", value: this.channelForm.zdbgchecked ? 1 : 0 },
+            { name: "type6", value: 0 },
+
+            { name: "name7", value: "exposureTime" },
+            { name: "value7", value: this.channelForm.bgsj },
+            { name: "type7", value: 0 },
+
+            { name: "name8", value: "sensitivity" },
+            { name: "value8", value: this.channelForm.iso },
+            { name: "type8", value: 0 },
+
+            { name: "name9", value: "sceneMode" },
+            { name: "value9", value: this.channelForm.modelVal },
+            { name: "type9", value: 0 },
+
+            { name: "name10", value: "orientation" },
+            { name: "value10", value: this.channelForm.roteval },
+            { name: "type10", value: 0 },
+
+            { name: "name11", value: "recognization" },
+            { name: "value11", value: this.channelForm.aival },
+            { name: "type11", value: 0 },
+
+            { name: "name12", value: "osd.leftTop" },
+            {
+              name: "value12",
+              value:
+                this.channelForm.ltosd == null ? "" : this.channelForm.ltosd,
+            },
+            { name: "type12", value: 1 },
+
+            { name: "name13", value: "osd.rightTop" },
+            {
+              name: "value13",
+              value:
+                this.channelForm.rtosd == null ? "" : this.channelForm.rtosd,
+            },
+            { name: "type13", value: 1 },
+
+            { name: "name14", value: "osd.leftBottom" },
+            {
+              name: "value14",
+              value:
+                this.channelForm.lbosd == null ? "" : this.channelForm.lbosd,
+            },
+            { name: "type14", value: 1 },
+
+            { name: "name15", value: "osd.rightBottom" },
+            {
+              name: "value15",
+              value:
+                this.channelForm.rbosd == null ? "" : this.channelForm.rbosd,
+            },
+            { name: "type15", value: 1 },
+            //视频分辨率
+
+            { name: "name16", value: "videoCX" },
+            { name: "value16", value: this.channelForm.videoCX },
+            { name: "type16", value: 0 },
+
+            { name: "name17", value: "videoCY" },
+            { name: "value17", value: this.channelForm.videoCY },
+            { name: "type17", value: 0 },
+            //视频时长
+            { name: "name18", value: "videoDuration" },
+            { name: "value18", value: this.channelForm.videoDuration },
+            { name: "type18", value: 0 },
+            //图片放大
+            { name: "name19", value: "zoom" },
+            { name: "value19", value: this.channelForm.isImageZoomEnabled },
+            { name: "type19", value: 0 },
+            //放大倍数
+            { name: "name20", value: "zoomRatio" },
+            { name: "value20", value: this.channelForm.zoomVal },
+            { name: "type20", value: 2 },
+            //compensation
+            { name: "name21", value: "compensation" },
+            { name: "value21", value: this.channelForm.compensationVal },
+            { name: "type21", value: 0 },
+            //光敏控制
+            { name: "name22", value: "ldrEnabled" },
+            { name: "value22", value: this.channelForm.gmkzchecked ? 1 : 0 },
+            { name: "type22", value: 0 },
+            //模板template
+            { name: "name23", value: "requestTemplate" },
+            { name: "value23", value: this.channelForm.templateVal },
+            { name: "type23", value: 0 },
+            //曝光时间
+            { name: "name24", value: "expsTimeUs" },
+            { name: "value24", value: this.channelForm.expsTimeUs },
+            { name: "type24", value: 0 },
+            //wait3Lock
+            { name: "name25", value: "wait3ALocked" },
+            { name: "value25", value: this.waite3alockVal },
+            { name: "type25", value: 0 },
+            //awbMode
+            { name: "name26", value: "awbMode" },
+            { name: "value26", value: this.channelForm.awbMode },
+            { name: "type26", value: 0 },
+          ];
+          console.log(params);
+          console.log("我是", result);
+          let lastParms = [...params, ...result];
+          console.log(lastParms);
+          this.setTermFn(lastParms, flag);
+        } else {
+          this.$message({
+            duration: 1500,
+            showClose: true,
+            message: "装置下线，发送指令失败",
+            type: "error",
+          });
+        }
+      });
+    },
+    //设置通道
+    setTermFn(val, flag) {
+      setTermCamera({
+        termId: this.areaData.id,
+        list: val,
+      })
+        .then((res) => {
+          console.log(res);
+          this.requestid = res.data.requestId;
+
+          this.getTakechannelStatus(flag);
+          clearInterval(this.setTimer);
+          this.setTimer = window.setInterval(() => {
+            this.getTakechannelStatus(flag);
+            this.setNum++;
+          }, 1000);
+        })
+        .catch((err) => {});
+    },
+    getTakechannelStatus(flag) {
+      getTermCameraRequest({ requestid: this.requestid })
+        .then((res) => {
+          console.log(res);
+          if (res.data.success == 1) {
+            this.channelsetLoading = false;
+            window.clearInterval(this.setTimer);
+            this.setTimer = null;
+            this.setNum = 0;
+            if (flag) {
+              this.isShow = false;
+            }
+            this.$message({
+              duration: 1500,
+              showClose: true,
+              message: "通道设置成功",
+              type: "success",
+            });
+            this.moreForm = [
+              {
+                parmasName: "",
+                parmasValue: "",
+                parmasType: 0,
+              },
+            ];
+          } else if (this.setNum > 3) {
+            if (flag) {
+              this.isShow = false;
+            }
+            this.channelsetLoading = false;
+            window.clearInterval(this.setTimer);
+            this.setTimer = null;
+            this.setNum = 0;
+            this.$message({
+              duration: 1500,
+              showClose: true,
+              message: "通道设置失败",
+              type: "error",
+            });
+          }
+        })
+        .catch((err) => {});
+    },
+    //新增一行
+    addModule() {
+      //新增一行
+      this.moreForm.push({
+        parmasName: "",
+        parmasValue: "",
+        parmasType: 0,
+      });
+    },
+    //删除一行
+    deleteModule(item, index) {
+      console.log(item, index);
+      const itemList = this.moreForm.indexOf(item);
+      if (itemList !== -1) {
+        this.moreForm.splice(index, 1);
+      }
+    },
+    handleclose() {
+      this.isShow = false;
+      this.bgflag = false;
+      this.channelLoading = false;
+      this.channelForm.zzbh = "";
+      this.channelForm.ysl = 80;
+      this.channelForm.zoomVal = 0;
+      this.channelForm.isImageZoomEnabled = 1;
+      this.channelForm.usbchecked = "";
+      this.channelForm.zzdjchecked = 1;
+      this.channelForm.zdbgchecked = 1;
+      this.channelForm.gmkzchecked = 0;
+      this.channelForm.bgsj = "";
+      this.channelForm.expsTimeUs = "";
+      this.channelForm.iso = "";
+      this.channelForm.modelVal = "";
+      this.channelForm.compensationVal = 0;
+      this.channelForm.awbMode = 1;
+      this.channelForm.aechecked = false;
+      this.channelForm.awbchecked = false;
+      this.channelForm.afchecked = false;
+      this.channelForm.rtosd = "";
+      this.channelForm.ltosd = "";
+      this.channelForm.lbosd = "";
+      this.channelForm.rbosd = "";
+      this.channelForm.videoSize = "";
+      this.channelForm.videoCX = "";
+      this.channelForm.videoCY = "";
+      this.channelForm.videoDuration = 15;
+      this.channelForm.templateVal = 2;
+      window.clearInterval(this.searchTimer);
+      this.searchTimer = null;
+      this.searchNum = 0;
+    },
+  },
+};
+</script>
+<style lang="less">
+.setChannelDialogNew {
+  .zzinfo {
+    position: absolute;
+    top: 16px;
+    left: 120px;
+  }
+  .channelsetBox {
+    max-height: 540px;
+    overflow: auto;
+    padding-right: 12px;
+
+    .el-divider--horizontal {
+      margin: 6px 0px;
+      background-color: #edeaea;
+    }
+    h4 {
+      font-weight: normal;
+      margin-right: 12px;
+    }
+    .channelList {
+      display: flex;
+      align-items: center;
+      height: 22px;
+      line-height: 22px;
+
+      .el-radio-group {
+        height: 22px;
+        line-height: 32px;
+      }
+    }
+    .modelList {
+      margin-top: 8px;
+      display: flex;
+      align-items: center;
+      .modeLeft {
+        display: flex;
+        align-items: center;
+        margin-right: 40px;
+      }
+    }
+    .photoList {
+      margin-top: 8px;
+      display: flex;
+      align-items: center;
+
+      .picradio {
+        display: flex;
+        align-items: center;
+        margin-right: 16px;
+        b {
+          font-weight: normal;
+          padding: 0px 4px;
+        }
+        .el-input {
+          width: 70px;
+        }
+        .el-tag {
+          margin-left: 2px;
+          cursor: pointer;
+        }
+      }
+      .picysl {
+        display: flex;
+        align-items: center;
+        margin-right: 16px;
+        .el-input {
+          width: 60px;
+        }
+      }
+      .piczoom {
+        display: flex;
+        align-items: center;
+        margin-right: 16px;
+        .el-radio-group {
+          .el-radio {
+            margin-right: 16px;
+          }
+        }
+      }
+      .zoomclass {
+        display: flex;
+        align-items: center;
+        .el-slider {
+          width: 90px;
+          margin-right: 12px;
+          margin-left: 10px;
+          .el-slider__runway {
+            height: 8px;
+            margin: 12px 0;
+          }
+          .el-slider__button-wrapper {
+            height: 24px;
+            width: 24px;
+            position: absolute;
+            z-index: 1001;
+            top: -9px;
+          }
+          .el-input {
+            width: 100px;
+          }
+        }
+      }
+    }
+    .threeASet {
+      .top {
+        display: flex;
+        align-items: center;
+        .screen {
+          display: flex;
+          align-items: center;
+          margin-right: 40px;
+        }
+        .wait3Lock {
+          display: flex;
+          align-items: center;
+        }
+      }
+      .mid {
+        margin-top: 8px;
+        display: flex;
+        align-items: center;
+        .bgms {
+          display: flex;
+          align-items: center;
+          margin-right: 20px;
+        }
+        .bgsj {
+          display: flex;
+          align-items: center;
+          margin-right: 20px;
+          .infoSpan {
+            margin: 0px 4px;
+          }
+          .el-input {
+            width: 60px;
+            .el-input__inner {
+              padding: 0 4px;
+            }
+          }
+        }
+        .iso {
+          display: flex;
+          align-items: center;
+          margin-right: 20px;
+          .el-input {
+            width: 50px;
+            .el-input__inner {
+              padding: 0 4px;
+            }
+          }
+        }
+        .bgbc {
+          display: flex;
+          align-items: center;
+          .el-input {
+            width: 80px;
+          }
+        }
+      }
+      .btm {
+        display: flex;
+        align-items: center;
+        margin-top: 8px;
+        .el-checkbox {
+          margin-right: 20px;
+        }
+      }
+    }
+    .roteAiBox {
+      display: flex;
+      align-items: center;
+      margin-top: 8px;
+      .el-select {
+        margin-right: 20px;
+      }
+    }
+    .textAreabox {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      margin-top: 8px;
+      .el-textarea {
+        width: 288px;
+      }
+      .el-tag {
+        margin-left: 8px;
+        cursor: pointer;
+      }
+      .lt {
+        display: flex;
+      }
+      .rt {
+        display: flex;
+      }
+      .lb {
+        display: flex;
+        margin-top: 8px;
+      }
+      .rb {
+        display: flex;
+        margin-top: 8px;
+      }
+    }
+    .moreParams {
+      margin-top: 8px;
+      padding-bottom: 8px;
+      .parambox {
+        display: flex;
+        align-items: center;
+        margin-top: 8px;
+        .el-input {
+          width: 120px;
+          margin-right: 20px;
+        }
+        .btngropAdd {
+          //margin-bottom: 8px;
+          margin-left: 8px;
+          .el-button {
+            padding: 6px 8px;
+            width: 30px;
+            margin-bottom: 0px;
+          }
+          .el-button + .el-button {
+            margin-left: 10px !important;
+          }
+        }
+      }
+    }
+  }
+  .dialog-footer {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    // justify-content: space-between;
+    .jsonBox {
+      text-align: left;
+    }
+    .btngrop {
+      .el-button--default,
+      .el-button--primary {
+        width: 80px !important;
+        margin-bottom: 0px !important;
+      }
+      .el-button + .el-button {
+        margin-left: 10px !important;
+      }
+    }
+  }
+}
+.my-custom-class {
+  border: none;
+  .el-collapse-item__header {
+    height: 32px;
+    line-height: 32px;
+  }
+  .el-collapse-item__content {
+    padding-bottom: 12px;
+    p {
+      line-height: 22px;
+      height: 22px;
+      cursor: pointer;
+      padding: 0px 8px;
+      &:hover {
+        background: #ededed;
+      }
+    }
+  }
+}
+.my-popover {
+  min-width: 80px;
+  p {
+    line-height: 22px;
+    height: 22px;
+    cursor: pointer;
+    padding: 0px 8px;
+    &:hover {
+      background: #ededed;
+    }
+  }
+}
+.jsonclass {
+  pre {
+    white-space: break-spaces;
+    max-height: 320px;
+    overflow: auto;
+    padding-right: 12px;
+  }
+}
+</style>