From 236dc9fde4521fc30322688c94f4ffdb2ae5e6e3 Mon Sep 17 00:00:00 2001
From: Hobart <kolusai@hotmail.com>
Date: Wed, 1 Feb 2023 14:45:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=82=B9=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bounced/analysisConfiguration.vue | 1358 +++++++++----------
 1 file changed, 673 insertions(+), 685 deletions(-)

diff --git a/src/views/bounced/analysisConfiguration.vue b/src/views/bounced/analysisConfiguration.vue
index 00628e4f..8ccf6f70 100644
--- a/src/views/bounced/analysisConfiguration.vue
+++ b/src/views/bounced/analysisConfiguration.vue
@@ -1,441 +1,461 @@
 <template>
     <div class="analysis">
-            <div class="top" style="margin-top:10px">
-                <div class="section">
-                    <el-form :inline="true" v-if="false" :model="formInline" class="demo-form-inline" label-width="fit-content">
-                        <div class="warning">
-                            <p class="board-title">自动保存</p>
-                            <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。
-                        </div>
-                        <el-form-item label="自动保存：">
-                            <el-switch v-model="formInline.user"></el-switch>
-                        </el-form-item>
-                        <el-form-item label="时间间隔：">
-                            <el-select v-model="formInline.region" placeholder="时间间隔">
-                                <el-option label="20s" value="shanghai"></el-option>
-                                <el-option label="30s" value="beijing"></el-option>
-                            </el-select>
-                        </el-form-item>
-                    </el-form>
-                    <el-form ref="form" :model="sizeForm" label-width="fit-content" style="margin-top:15px">
-                        <div class="warning" v-if="false">
-                          <p class="board-title">重置分析</p>
-                            <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>重置分析将删除所有累计的轨迹数据
-                        </div>
-                        <!-- <el-form-item > -->
-                        <el-button v-if="false" type="primary" @click="handleagain()" size="small" style="width: 150px">重置</el-button>
-                        <div class="warning" style="margin-top:15px" @click="handleContent('postion')">
-                            <i :class="contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
-                            <p class="board-title">相机位置</p>
-                            <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i> 在 WGS84 坐标系中输入相机位置
-                        </div>
-                        <el-form-item label="相机位置：" v-if="contentShow.postion">
-                            <el-input v-model="sizeForm.longitude" size="small" style="width: 150px" placeholder="经度"></el-input>
-                            <el-input v-model="sizeForm.latitude" size="small" style="width: 150px; margin-left: 20px" placeholder="纬度"></el-input>
-                        </el-form-item>
-                    </el-form>
-                    <div style="margin-top: 15px" v-if="contentShow.postion">
-                        <el-button type="primary" @click="handSaveitude()" size="small" style="width: 150px">保存</el-button>
+        <div class="top" style="margin-top:10px">
+            <div class="section">
+                <el-form :inline="true" v-if="false" :model="formInline" class="demo-form-inline" label-width="fit-content">
+                    <div class="warning">
+                        <p class="board-title">自动保存</p>
+                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
+                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。
                     </div>
+                    <el-form-item label="自动保存：">
+                        <el-switch v-model="formInline.user"></el-switch>
+                    </el-form-item>
+                    <el-form-item label="时间间隔：">
+                        <el-select v-model="formInline.region" placeholder="时间间隔">
+                            <el-option label="20s" value="shanghai"></el-option>
+                            <el-option label="30s" value="beijing"></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-form>
+                <el-form ref="form" :model="sizeForm" label-width="fit-content" style="margin-top:15px">
+                    <div class="warning" v-if="false">
+                        <p class="board-title">重置分析</p>
+                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>重置分析将删除所有累计的轨迹数据
+                    </div>
+                    <!-- <el-form-item > -->
+                    <el-button v-if="false" type="primary" @click="handleagain()" size="small" style="width: 150px">重置</el-button>
+                    <div class="warning" style="margin-top:15px" @click="handleContent('postion')">
+                        <i
+                            :class="contentShow.postion == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                            style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                        ></i>
+                        <p class="board-title">相机位置</p>
+                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i> 在 WGS84 坐标系中输入相机位置
+                    </div>
+                    <el-form-item label="相机位置：" v-if="contentShow.postion">
+                        <el-input v-model="sizeForm.longitude" size="small" style="width: 150px" placeholder="经度"></el-input>
+                        <el-input
+                            v-model="sizeForm.latitude"
+                            size="small"
+                            style="width: 150px; margin-left: 20px"
+                            placeholder="纬度"
+                        ></el-input>
+                    </el-form-item>
+                </el-form>
+                <div style="margin-top: 15px" v-if="contentShow.postion">
+                    <el-button type="primary" @click="handSaveitude()" size="small" style="width: 150px">保存</el-button>
                 </div>
             </div>
-            <div class="dataBoard">
-                <div class="section">
-                    <div class="warning" @click="handleContent('coordinate')">
-                        <i :class="contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
-                        <p class="board-title">坐标转换</p>
-                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。
-                    </div>
-                    <el-form ref="form" :model="coordinateForm" label-width="fit-content" v-if="contentShow.coordinate">
-                        <!-- <el-form-item label="坐标转换开关：">
+        </div>
+        <div class="dataBoard">
+            <div class="section">
+                <div class="warning" @click="handleContent('coordinate')">
+                    <i
+                        :class="contentShow.coordinate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                        style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                    ></i>
+                    <p class="board-title">坐标转换</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
+                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。
+                </div>
+                <el-form ref="form" :model="coordinateForm" label-width="fit-content" v-if="contentShow.coordinate">
+                    <!-- <el-form-item label="坐标转换开关：">
                             <el-switch v-model="coordinateForm.coordinateClose"></el-switch>
                         </el-form-item> -->
-                        <el-form-item label="UTM区："  class="otherThings">
-                                <el-input-number v-model="coordinateForm.num" controls-position="right" :precision="0"  size="small" :min="1" :max="60"></el-input-number>
-                                <div class="warning" style="margin:0px">
-                                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。
-                                </div>
-                        </el-form-item>
-                        <el-form-item label="半球：" >
-                          <el-select size="small" v-model="coordinateForm.value" placeholder="请选择">
-                              <el-option
-                                v-for="(item) in options"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="坐标转换：" >
-                            <el-radio-group v-model="coordinateForm.coordinateTransformation">
-                                <el-radio label="WGS-84坐标系"></el-radio>
-                                <el-radio label="其他"></el-radio>
-                            </el-radio-group>
-                        </el-form-item>
-                        <div style="width: 100%; height: 702px; margin-bottom: 10px" >
-                            <iframe
-                                ref="analysisWeb"
-                                src="./analysisWeb/index.html"
-                                frameborder="0"
-                                style="width: 100%; height: 100%"
-                            ></iframe>
-                        </div>
-                        <div class="warning">
-                            <el-button
-                                size="mini"
-                                type="primary"
-                                style="color: #fffff"
-                                @click="dialogVisible = true"
-                                >新增点
-                            </el-button>
+                    <el-form-item label="UTM区：" class="otherThings">
+                        <el-input-number
+                            v-model="coordinateForm.num"
+                            controls-position="right"
+                            :precision="0"
+                            size="small"
+                            :min="1"
+                            :max="60"
+                        ></el-input-number>
+                        <div class="warning" style="margin:0px">
                             <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                            >请至少配置4个点，不满足4个点会没有数据。
+                            >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。
                         </div>
-                        <el-table border :data="coordinateTableData" >
-                            <template slot="empty">
-                              <el-empty :image-size="100" description='暂无数据'></el-empty>
+                    </el-form-item>
+                    <el-form-item label="半球：">
+                        <el-select size="small" v-model="coordinateForm.value" placeholder="请选择">
+                            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="坐标转换：">
+                        <el-radio-group v-model="coordinateForm.coordinateTransformation">
+                            <el-radio label="WGS-84坐标系"></el-radio>
+                            <el-radio label="其他"></el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                    <div style="width: 100%; height: 702px; margin-bottom: 10px">
+                        <iframe ref="analysisWeb" src="./analysisWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
+                    </div>
+                    <div class="warning">
+                        <el-button size="mini" type="primary" style="color: #fffff" @click="handleDian">新增点 </el-button>
+                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>请至少配置4个点，不满足4个点会没有数据。
+                    </div>
+                    <el-table border :data="coordinateTableData">
+                        <template slot="empty">
+                            <el-empty :image-size="100" description="暂无数据"></el-empty>
+                        </template>
+                        <el-table-column prop="pointName" label="点名称" align="center">
+                            <template slot-scope="scope">
+                                <el-input
+                                    :disabled="scope.row.btnShow == '1' ? true : false"
+                                    v-model="scope.row.pointName"
+                                    maxlength="30"
+                                    placeholder="请输入"
+                                    @blur="updateName($event)"
+                                />
                             </template>
-                            <el-table-column prop="pointName" label="点名称" align="center">
-                                <template slot-scope="scope">
-                                    <el-input :disabled="scope.row.btnShow == '1'?true:false"  v-model="scope.row.pointName" maxlength="30" placeholder="请输入" @blur="updateName($event)"/>
-                                </template>
-                            </el-table-column>
-                            <el-table-column prop="longitude" label="经度" align="center">
-                                <template slot-scope="scope">
-                                    <el-input :disabled="scope.row.btnShow == '1'?true:false"  v-model="scope.row.longitude" maxlength="20" placeholder="请输入" />
-                                </template>
-                            </el-table-column>
-                            <el-table-column prop="latitude" label="纬度" align="center">
-                                <template slot-scope="scope">
-                                    <el-input :disabled="scope.row.btnShow == '1'?true:false" v-model="scope.row.latitude" maxlength="20" placeholder="请输入" />
-                                </template>
-                            </el-table-column>
-                            <el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true">
-                                <template slot-scope="scope">
-                                    <el-input  v-model="scope.row.oldName" maxlength="20" placeholder="请输入" />
-                                </template>
-                            </el-table-column>
-                            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                                <template slot-scope="scope">
-                                    <el-button
-                                        size="mini"
-                                        type="text"
-                                        style="color: #2090c1"
-                                        v-if="scope.row.btnShow == '1'?true:false"
-                                        @click="handleExit(scope.row,scope.$index)"
-                                        >编辑
-                                    </el-button>
-                                    <el-button
-                                        size="mini"
-                                        type="text"
-                                        style="color: #2090c1"
-                                        v-else
-                                        @click="handleconfirm(scope.row,scope.$index)"
-                                        >确认编辑
-                                    </el-button>
-                                    <el-button
-                                        size="mini"
-                                        type="text"
-                                        style="color: #f56c6c"
-                                        @click="handleDeleteDian(scope.row)"
-                                        >删除
-                                    </el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <div style="margin-top: 15px">
-                            <el-button
-                                type="primary"
-                                :disabled="coordinateTableData.length<4"
-                                @click="handlePos()"
-                                size="small"
-                                style="width: 150px"
-                                >保存</el-button
-                            >
-                        </div>
-                    </el-form>
-                </div>
-            </div>
-            <div class="dataBoard" v-if="false">
-                <div class="section">
-                    <div class="warning">
-                        <p class="board-title">车道识别配置</p>
-                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>在视频/动图上设置进口出口道
-                    </div>
-                    <el-form ref="form" :model="laneform" label-width="350px">
-                        <!-- <p>车道识别配置</p> -->
-                        <el-form-item label="车道识别配置开关：" label-width="150px">
-                            <el-switch v-model="laneform.laneClose"></el-switch>
-                        </el-form-item>
-                        <div style="width: 100%; height: 400px" v-if="laneform.laneClose == true">
-                            <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
-                        </div>
-                        <el-form-item label="各车道中心线（区域检测器）：" style="width: 300px" v-if="laneform.laneClose == true">
-                            <el-switch v-model="laneform.areaDetector"></el-switch>
-                        </el-form-item>
-                        <el-form-item
-                            label="自动识别各车道中心点坐标（断面检测器）："
-                            style="width: 300px"
-                            v-if="laneform.laneClose == true"
-                        >
-                            <el-switch v-model="laneform.sectionDetector"></el-switch>
-                        </el-form-item>
-                        <el-button type="primary" @click="handleagain()" size="small" style="width: 150px" v-if="laneform.laneClose == true"
+                        </el-table-column>
+                        <el-table-column prop="longitude" label="经度" align="center">
+                            <template slot-scope="scope">
+                                <el-input
+                                    :disabled="scope.row.btnShow == '1' ? true : false"
+                                    v-model="scope.row.longitude"
+                                    maxlength="20"
+                                    placeholder="请输入"
+                                />
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="latitude" label="纬度" align="center">
+                            <template v-slot="{ row, $index }">
+                                <el-input
+                                    :disabled="row.btnShow == '1' ? true : false"
+                                    v-model="row.latitude"
+                                    maxlength="20"
+                                    placeholder="请输入"
+                                />
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true">
+                            <template slot-scope="scope">
+                                <el-input v-model="scope.row.oldName" maxlength="20" placeholder="请输入" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                            <template v-slot="{ row, $index }">
+                                <el-button
+                                    size="mini"
+                                    type="text"
+                                    style="color: #2090c1"
+                                    v-if="row.btnShow == '1' ? true : false"
+                                    @click="handleExit(row, $index)"
+                                    >编辑
+                                </el-button>
+                                <el-button size="mini" type="text" style="color: #2090c1" v-else @click="handleconfirm(row, $index)"
+                                    >确认编辑
+                                </el-button>
+                                <el-button size="mini" type="text" style="color: #f56c6c" @click="handleDeleteDian(row, $index)"
+                                    >删除
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <div style="margin-top: 15px">
+                        <el-button
+                            type="primary"
+                            :disabled="coordinateTableData.length < 4"
+                            @click="handlePos()"
+                            size="small"
+                            style="width: 150px"
                             >保存</el-button
                         >
-                    </el-form>
-                </div>
-            </div>
-            <div class="dataBoard" v-if="false">
-                <div class="section">
-                    <div class="warning">
-                      <p class="board-title">识别区域</p>
-                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。
                     </div>
-                    
+                </el-form>
+            </div>
+        </div>
+        <div class="dataBoard" v-if="false">
+            <div class="section">
+                <div class="warning">
+                    <p class="board-title">车道识别配置</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>在视频/动图上设置进口出口道
+                </div>
+                <el-form ref="form" :model="laneform" label-width="350px">
+                    <!-- <p>车道识别配置</p> -->
+                    <el-form-item label="车道识别配置开关：" label-width="150px">
+                        <el-switch v-model="laneform.laneClose"></el-switch>
+                    </el-form-item>
+                    <div style="width: 100%; height: 400px" v-if="laneform.laneClose == true">
+                        <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
+                    </div>
+                    <el-form-item label="各车道中心线（区域检测器）：" style="width: 300px" v-if="laneform.laneClose == true">
+                        <el-switch v-model="laneform.areaDetector"></el-switch>
+                    </el-form-item>
+                    <el-form-item label="自动识别各车道中心点坐标（断面检测器）：" style="width: 300px" v-if="laneform.laneClose == true">
+                        <el-switch v-model="laneform.sectionDetector"></el-switch>
+                    </el-form-item>
+                    <el-button type="primary" @click="handleagain()" size="small" style="width: 150px" v-if="laneform.laneClose == true"
+                        >保存</el-button
+                    >
+                </el-form>
+            </div>
+        </div>
+        <div class="dataBoard" v-if="false">
+            <div class="section">
+                <div class="warning">
+                    <p class="board-title">识别区域</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
+                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。
+                </div>
 
-                    <el-form ref="form" :model="identificationAreaform" label-width="fit-content">
-                        <!-- <p>车道识别配置</p> -->
+                <el-form ref="form" :model="identificationAreaform" label-width="fit-content">
+                    <!-- <p>车道识别配置</p> -->
 
-                        <el-form-item label="识别区域开关：" style="width: 250px">
-                            <el-switch v-model="identificationAreaform.identificationAreaClose"></el-switch>
-                        </el-form-item>
-                        <div style="width: 100%; height: 400px" v-if="identificationAreaform.identificationAreaClose == true">
-                            <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
-                        </div>
+                    <el-form-item label="识别区域开关：" style="width: 250px">
+                        <el-switch v-model="identificationAreaform.identificationAreaClose"></el-switch>
+                    </el-form-item>
+                    <div style="width: 100%; height: 400px" v-if="identificationAreaform.identificationAreaClose == true">
+                        <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
+                    </div>
+                    <el-button
+                        type="primary"
+                        @click="handleagain()"
+                        size="small"
+                        style="width: 150px"
+                        v-if="identificationAreaform.identificationAreaClose == true"
+                        >保存</el-button
+                    >
+                </el-form>
+            </div>
+        </div>
+        <div class="dataBoard" v-if="false">
+            <div class="section">
+                <div class="warning">
+                    <p class="board-title">轨迹平滑</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
+                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。
+                </div>
+                <el-form ref="form" :model="trajectorySmoothingform" label-width="fit-content">
+                    <el-form-item label="轨迹平滑开关：" style="width: 250px">
+                        <el-switch v-model="trajectorySmoothingform.trajectorySmoothingClose"></el-switch>
+                    </el-form-item>
+                    <el-form-item
+                        label="预测滤波时间："
+                        style="width: 250px"
+                        v-if="trajectorySmoothingform.trajectorySmoothingClose == true"
+                    >
+                        <el-input-number
+                            v-model="trajectorySmoothingform.time"
+                            @change="handleChange"
+                            :min="2000"
+                            :max="3000"
+                            label="预测滤波时间"
+                        ></el-input-number>
+                    </el-form-item>
+                    <el-button
+                        type="primary"
+                        @click="handleagain()"
+                        size="small"
+                        style="width: 150px"
+                        v-if="trajectorySmoothingform.trajectorySmoothingClose == true"
+                        >保存</el-button
+                    >
+                </el-form>
+            </div>
+        </div>
+        <div class="dataBoard">
+            <div class="section">
+                <div class="warning" @click="handleContent('plate')">
+                    <i
+                        :class="contentShow.plate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                        style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                    ></i>
+                    <p class="board-title">车牌识别</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
+                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）
+                </div>
+                <el-form ref="form" :model="licensePlateform" label-width="fit-content" v-if="contentShow.plate">
+                    <el-form-item label="车牌识别开关：">
+                        <el-switch
+                            v-model="licensePlateform.licensePlateClose"
+                            active-value="1"
+                            inactive-value="0"
+                            @change="changeChepai($event)"
+                        ></el-switch>
+                    </el-form-item>
+                    <!-- <div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="licensePlateform.licensePlateClose == true"> -->
+                    <div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="false">
+                        <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
+                    </div>
+                    <!-- <el-table border :data="licensePlateTableData" v-if="licensePlateform.licensePlateClose == true"> -->
+                    <el-table border :data="licensePlateTableData" v-if="false">
+                        <el-table-column prop="sectionPlate" label="断面号牌" align="center">
+                            <template slot-scope="scope">
+                                <el-input
+                                    v-if="scope.$index === 0"
+                                    v-model="scope.row.sectionPlate"
+                                    maxlength="30"
+                                    placeholder="Required"
+                                />
+                                <span v-else v-text="scope.row.sectionPlate"></span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="setAssociation" label="断面设置关联：" align="center">
+                            <template slot-scope="scope">
+                                <el-input
+                                    v-if="scope.row.isEdit"
+                                    v-model="scope.row.setAssociation"
+                                    maxlength="20"
+                                    placeholder="Required"
+                                />
+                                <span v-else v-text="scope.row.setAssociation"></span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="thresholdValue" label="车牌匹配阈值：" align="center">
+                            <template slot-scope="scope">
+                                <el-input
+                                    v-if="scope.row.isEdit"
+                                    v-model="scope.row.thresholdValue"
+                                    maxlength="20"
+                                    placeholder="Required"
+                                />
+                                <span v-else v-text="scope.row.thresholdValue"></span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作：" align="center" class-name="small-padding fixed-width">
+                            <template slot-scope="scope">
+                                <el-button
+                                    v-if="scope.$index === 0"
+                                    size="mini"
+                                    type="text"
+                                    style="color: #2090c1"
+                                    @click="handleAdd(scope.row)"
+                                    >Add
+                                </el-button>
+                                <el-button
+                                    v-if="scope.$index !== 0"
+                                    size="mini"
+                                    type="text"
+                                    style="color: #2090c1"
+                                    @click="handleUpdate(scope.row)"
+                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}
+                                </el-button>
+                                <el-button
+                                    v-if="scope.$index !== 0"
+                                    size="mini"
+                                    type="text"
+                                    style="color: #f56c6c"
+                                    @click="handleDelete(scope.row)"
+                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <div style="margin-top: 15px" v-if="false">
                         <el-button
                             type="primary"
                             @click="handleagain()"
                             size="small"
                             style="width: 150px"
-                            v-if="identificationAreaform.identificationAreaClose == true"
+                            v-if="licensePlateform.licensePlateClose == true"
                             >保存</el-button
                         >
-                    </el-form>
+                    </div>
+                </el-form>
+            </div>
+        </div>
+        <div class="dataBoard">
+            <div class="section">
+                <div class="warning" @click="handleContent('parking')">
+                    <i
+                        :class="contentShow.parking == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                        style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                    ></i>
+                    <p class="board-title">停车状态</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
+                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车
+                </div>
+                <el-form
+                    :inline="true"
+                    :model="stopStateform"
+                    class="demo-form-inline"
+                    label-width="fit-content"
+                    v-if="contentShow.parking"
+                >
+                    <el-form-item label="位移：" style="margin-right:10px">
+                        <el-input-number
+                            v-model="stopStateform.displacement"
+                            @change="handleChange"
+                            :min="0"
+                            :max="3000"
+                            label="位移"
+                        ></el-input-number>
+                    </el-form-item>
+                    <el-form-item label="速度：" style="margin-right:10px">
+                        <el-input-number
+                            v-model="stopStateform.speed"
+                            @change="handleChange"
+                            :min="0"
+                            :max="3000"
+                            label="速度"
+                        ></el-input-number>
+                    </el-form-item>
+                    <el-form-item label="加速度：" v-if="false">
+                        <el-input-number
+                            v-model="stopStateform.acceleration"
+                            @change="handleChange"
+                            :min="2000"
+                            :max="3000"
+                            label="加速度"
+                        ></el-input-number>
+                    </el-form-item>
+                </el-form>
+                <div style="margin-top: 15px" v-if="contentShow.parking">
+                    <el-button type="primary" @click="handleParking()" size="small" style="width: 150px">保存</el-button>
                 </div>
             </div>
-            <div class="dataBoard" v-if="false">
-                <div class="section">
-                    <div class="warning">
-                      <p class="board-title">轨迹平滑</p>
-                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。
-                    </div>
-                    <el-form ref="form" :model="trajectorySmoothingform" label-width="fit-content">
-                        <el-form-item label="轨迹平滑开关：" style="width: 250px">
-                            <el-switch v-model="trajectorySmoothingform.trajectorySmoothingClose"></el-switch>
-                        </el-form-item>
-                        <el-form-item
-                            label="预测滤波时间："
-                            style="width: 250px"
-                            v-if="trajectorySmoothingform.trajectorySmoothingClose == true"
-                        >
-                            <el-input-number
-                                v-model="trajectorySmoothingform.time"
-                                @change="handleChange"
-                                :min="2000"
-                                :max="3000"
-                                label="预测滤波时间"
-                            ></el-input-number>
-                        </el-form-item>
-                        <el-button
-                            type="primary"
-                            @click="handleagain()"
-                            size="small"
-                            style="width: 150px"
-                            v-if="trajectorySmoothingform.trajectorySmoothingClose == true"
-                            >保存</el-button
-                        >
-                    </el-form>
+        </div>
+        <div class="dataBoard" v-if="false">
+            <div class="section">
+                <div class="warning">
+                    <p class="board-title">通信设置</p>
+                    <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>更新频率可以根据链路带宽进行设置。
                 </div>
+                <el-form :model="communicationform" class="demo-form-inline" label-width="fit-content">
+                    <el-form-item label="更新频率：">
+                        <el-input v-model="communicationform.renewalFrequency" style="width: 200px"></el-input>
+                    </el-form-item>
+
+                    <el-form-item label="类型：" style="display:flex">
+                        <el-radio-group v-model="communicationform.type">
+                            <el-radio label="快速-用于高带宽连接"></el-radio>
+                            <el-radio label="平衡-适用于大多数连接"></el-radio>
+                            <el-radio label="慢速-用于低带宽连接"></el-radio>
+                            <el-radio label="自定义"></el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="请求轻型有效载荷：" v-if="communicationform.type == '自定义'">
+                        <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>ms
+                    </el-form-item>
+                    <el-form-item label="请求重型有效载荷：" v-if="communicationform.type == '自定义'">
+                        <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>ms
+                    </el-form-item>
+                    <el-form-item label="FPS分配器：" v-if="communicationform.type == '自定义'">
+                        <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>
+                    </el-form-item>
+                    <el-form-item label="框架决议：" v-if="communicationform.type == '自定义'">
+                        <el-select v-model="communicationform.region" placeholder="框架决议" style="margin-bottom: 20px">
+                            <el-option label="自动" value="shanghai"></el-option>
+                            <el-option label="区域二" value="beijing"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="压缩格式：" v-if="communicationform.type == '自定义'">
+                        <el-select v-model="communicationform.region" placeholder="压缩格式" style="margin-bottom: 20px">
+                            <el-option label="JPG" value="shanghai"></el-option>
+                            <el-option label="区域二" value="beijing"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="压缩率：" v-if="communicationform.type == '自定义'">
+                        <el-input v-model="communicationform.name" style="width: 200px"></el-input>
+                    </el-form-item>
+                    <el-button type="primary" @click="handleagain()" size="small" style="width: 150px">保存</el-button>
+                </el-form>
             </div>
-            <div class="dataBoard">
-                <div class="section">
-                    <div class="warning" @click="handleContent('plate')">
-                      <i :class="contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
-                      <p class="board-title">车牌识别</p>
-                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）
-                    </div>
-                    <el-form ref="form" :model="licensePlateform" label-width="fit-content" v-if="contentShow.plate">
-                        <el-form-item label="车牌识别开关：">
-                            <el-switch v-model="licensePlateform.licensePlateClose" active-value="1" inactive-value="0" @change="changeChepai($event)"></el-switch>
-                        </el-form-item>
-                        <!-- <div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="licensePlateform.licensePlateClose == true"> -->
-                        <div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="false">
-                            <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
-                        </div>
-                        <!-- <el-table border :data="licensePlateTableData" v-if="licensePlateform.licensePlateClose == true"> -->
-                        <el-table border :data="licensePlateTableData" v-if="false">
-                            <el-table-column prop="sectionPlate" label="断面号牌" align="center">
-                                <template slot-scope="scope">
-                                    <el-input
-                                        v-if="scope.$index === 0"
-                                        v-model="scope.row.sectionPlate"
-                                        maxlength="30"
-                                        placeholder="Required"
-                                    />
-                                    <span v-else v-text="scope.row.sectionPlate"></span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column prop="setAssociation" label="断面设置关联：" align="center">
-                                <template slot-scope="scope">
-                                    <el-input
-                                        v-if="scope.row.isEdit"
-                                        v-model="scope.row.setAssociation"
-                                        maxlength="20"
-                                        placeholder="Required"
-                                    />
-                                    <span v-else v-text="scope.row.setAssociation"></span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column prop="thresholdValue" label="车牌匹配阈值：" align="center">
-                                <template slot-scope="scope">
-                                    <el-input
-                                        v-if="scope.row.isEdit"
-                                        v-model="scope.row.thresholdValue"
-                                        maxlength="20"
-                                        placeholder="Required"
-                                    />
-                                    <span v-else v-text="scope.row.thresholdValue"></span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column label="操作：" align="center" class-name="small-padding fixed-width">
-                                <template slot-scope="scope">
-                                    <el-button
-                                        v-if="scope.$index === 0"
-                                        size="mini"
-                                        type="text"
-                                        style="color: #2090c1"
-                                        @click="handleAdd(scope.row)"
-                                        >Add
-                                    </el-button>
-                                    <el-button
-                                        v-if="scope.$index !== 0"
-                                        size="mini"
-                                        type="text"
-                                        style="color: #2090c1"
-                                        @click="handleUpdate(scope.row)"
-                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}
-                                    </el-button>
-                                    <el-button
-                                        v-if="scope.$index !== 0"
-                                        size="mini"
-                                        type="text"
-                                        style="color: #f56c6c"
-                                        @click="handleDelete(scope.row)"
-                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}
-                                    </el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <div style="margin-top: 15px" v-if="false">
-                            <el-button
-                                type="primary"
-                                @click="handleagain()"
-                                size="small"
-                                style="width: 150px"
-                                v-if="licensePlateform.licensePlateClose == true"
-                                >保存</el-button
-                            >
-                        </div>
-                    </el-form>
-                </div>
-            </div>
-            <div class="dataBoard">
-                <div class="section">
-                    <div class="warning" @click="handleContent('parking')">
-                      <i :class="contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
-                      <p class="board-title">停车状态</p>
-                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车
-                    </div>
-                    <el-form :inline="true" :model="stopStateform" class="demo-form-inline" label-width="fit-content" v-if="contentShow.parking">
-                        <el-form-item label="位移：" style="margin-right:10px">
-                            <el-input-number
-                                v-model="stopStateform.displacement"
-                                @change="handleChange"
-                                :min="0"
-                                :max="3000"
-                                label="位移"
-                            ></el-input-number>
-                        </el-form-item>
-                        <el-form-item label="速度：" style="margin-right:10px">
-                            <el-input-number
-                                v-model="stopStateform.speed"
-                                @change="handleChange"
-                                :min="0"
-                                :max="3000"
-                                label="速度"
-                            ></el-input-number>
-                        </el-form-item>
-                        <el-form-item label="加速度：" v-if="false"> 
-                            <el-input-number
-                                v-model="stopStateform.acceleration"
-                                @change="handleChange"
-                                :min="2000"
-                                :max="3000"
-                                label="加速度"
-                            ></el-input-number>
-                        </el-form-item>
-                    </el-form>
-                    <div style="margin-top: 15px" v-if="contentShow.parking">
-                        <el-button type="primary" @click="handleParking()" size="small" style="width: 150px">保存</el-button>
-                    </div>
-                </div>
-            </div>
-            <div class="dataBoard" v-if="false">
-                <div class="section">
-                    <div class="warning">
-                      <p class="board-title">通信设置</p>
-                              <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>更新频率可以根据链路带宽进行设置。
-                    </div>
-                    <el-form :model="communicationform" class="demo-form-inline" label-width="fit-content">
-                        <el-form-item label="更新频率：">
-                            <el-input v-model="communicationform.renewalFrequency" style="width: 200px"></el-input>
-                        </el-form-item>
-                        
-                        <el-form-item label="类型：" style="display:flex">
-                            <el-radio-group v-model="communicationform.type">
-                                <el-radio label="快速-用于高带宽连接"></el-radio>
-                                <el-radio label="平衡-适用于大多数连接"></el-radio>
-                                <el-radio label="慢速-用于低带宽连接"></el-radio>
-                                <el-radio label="自定义"></el-radio>
-                            </el-radio-group>
-                        </el-form-item>
-                        <el-form-item label="请求轻型有效载荷：" v-if="communicationform.type == '自定义'">
-                            <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>ms
-                        </el-form-item>
-                        <el-form-item label="请求重型有效载荷：" v-if="communicationform.type == '自定义'">
-                            <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>ms
-                        </el-form-item>
-                        <el-form-item label="FPS分配器：" v-if="communicationform.type == '自定义'">
-                            <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="框架决议：" v-if="communicationform.type == '自定义'">
-                            <el-select v-model="communicationform.region" placeholder="框架决议" style="margin-bottom: 20px">
-                                <el-option label="自动" value="shanghai"></el-option>
-                                <el-option label="区域二" value="beijing"></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="压缩格式：" v-if="communicationform.type == '自定义'">
-                            <el-select v-model="communicationform.region" placeholder="压缩格式" style="margin-bottom: 20px">
-                                <el-option label="JPG" value="shanghai"></el-option>
-                                <el-option label="区域二" value="beijing"></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="压缩率：" v-if="communicationform.type == '自定义'">
-                            <el-input v-model="communicationform.name" style="width: 200px"></el-input>
-                        </el-form-item>
-                        <el-button type="primary" @click="handleagain()" size="small" style="width: 150px">保存</el-button>
-                    </el-form>
-                </div>
-            </div>
-            <el-dialog
+        </div>
+        <!-- <el-dialog
               title="新增点"
               :visible.sync="dialogVisible"
               width="30%"
@@ -466,51 +486,45 @@
                 <el-button @click="dialogVisible = false">取 消</el-button>
                 <el-button type="primary" @click="handleDian('addform')">确 定</el-button>
               </span>
-            </el-dialog>
+            </el-dialog> -->
     </div>
 </template>
-  
-  <script>
+
+<script>
 import mqtt from 'mqtt'; // mqtt协议
-import {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from "@/api/index";
+import { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from '@/api/index';
 export default {
-     props:{
+    props: {
         analysisConfigurationdata: {
-      default: () => false,
+            default: () => false,
             type: Object,
             required: true
-        },
+        }
     },
     data() {
         return {
-            unityDone:false,
-            oldName:'',
-          formRules:{
-            pointName: [
-              { required: true, message: '请输入点名称', trigger: 'blur' },
-            ],
-            longitude: [
-              { required: true, message: '请输入经度', trigger: 'blur' },
-            ],
-            latitude: [
-              { required: true, message: '请输入纬度', trigger: 'blur' },
-            ],
-          },
-          addDianForm:{
-            pointName:'',
-            longitude:"",
-            latitude:'',
-            oldName:''
-          },
-          dialogVisible: false,
-          coordinateTransformationId:'',
-          AnalysisSettingId:'',
-          contentShow:{
-            postion:true,
-            coordinate:false,
-            plate:true,
-            parking:true
-          },
+            unityDone: false,
+            oldName: '',
+            formRules: {
+                pointName: [{ required: true, message: '请输入点名称', trigger: 'blur' }],
+                longitude: [{ required: true, message: '请输入经度', trigger: 'blur' }],
+                latitude: [{ required: true, message: '请输入纬度', trigger: 'blur' }]
+            },
+            addDianForm: {
+                pointName: '',
+                longitude: '',
+                latitude: '',
+                oldName: ''
+            },
+            dialogVisible: false,
+            coordinateTransformationId: '',
+            AnalysisSettingId: '',
+            contentShow: {
+                postion: true,
+                coordinate: false,
+                plate: true,
+                parking: true
+            },
             sizeForm: {
                 name: '',
                 region: '',
@@ -520,8 +534,8 @@ export default {
                 type: [],
                 resource: '',
                 desc: '',
-                longitude:'',
-                latitude:''
+                longitude: '',
+                latitude: ''
             },
             formInline: {
                 user: '',
@@ -537,36 +551,17 @@ export default {
                 value: '0',
                 num: 1
             },
-            options: [{
-              value: '南',
-              label: '南'
-            }, {
-              value: '北',
-              label: '北'
-            }],
-            coordinateTableData: [
+            options: [
                 {
-                    name: '11',
-                    longitude: '111',
-                    inIp: '01',
-                    latitude: '',
-                    oldName:''
+                    value: '南',
+                    label: '南'
                 },
                 {
-                    name: '22',
-                    longitude: '222',
-                    inIp: '02',
-                    latitude: '',
-                    oldName:''
-                },
-                {
-                    name: '33',
-                    longitude: '333',
-                    inIp: '03',
-                    latitude: '',
-                    oldName:''
+                    value: '北',
+                    label: '北'
                 }
             ],
+            coordinateTableData: [],
             //车道识别配置
             laneform: {
                 laneClose: false,
@@ -648,18 +643,17 @@ export default {
             fileList: []
         };
     },
-    watch:{
-        analysisConfigurationdata:{
-            handler:function(old,newV){
+    watch: {
+        analysisConfigurationdata: {
+            handler: function(old, newV) {
                 // console.log("old",old)
                 // console.log("newV",newV)
-                if(newV!=null&&this.unityDone==true){
-                    console.log(newV,'yyy');
-                    this.$refs.analysisWeb.contentWindow.getDestination(newV)
+                if (newV != null && this.unityDone == true) {
+                    console.log(newV, 'yyy');
+                    this.$refs.analysisWeb.contentWindow.getDestination(newV);
                 }
             }
         }
-         
     },
     created() {
         //    this.getDataByMqtt()
@@ -675,206 +669,200 @@ export default {
         //             this.load()
         //         }, 5000);// 这样每次都会触发
         // }
-        getFeixpz({VideoId:this.$route.query.id}).then(res=>{
-            this.sizeForm.longitude = res.data.data.cameraPositionLongitude
-            this.sizeForm.latitude = res.data.data.cameraPositionLatitude
-            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea
-            this.coordinateForm.value = res.data.data.hemisphere
-            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation
-            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]
-            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch
-            this.stopStateform.displacement = res.data.data.parkingDisplacement
-            this.stopStateform.speed = res.data.data.parkingSpeed
-            this.AnalysisSettingId = res.data.data.analysisSettingId
-            this.coordinateTransformationId = res.data.data.coordinateTransformationId
-            this.coordinateTableData.forEach(item=>{
-                item.btnShow='1'
-            })
-        })
-        
+        getFeixpz({ VideoId: this.$route.query.id }).then(res => {
+            this.sizeForm.longitude = res.data.data.cameraPositionLongitude;
+            this.sizeForm.latitude = res.data.data.cameraPositionLatitude;
+            this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;
+            this.coordinateForm.value = res.data.data.hemisphere;
+            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;
+            this.coordinateTableData =
+                res.data.data.pointData != null
+                    ? res.data.data.pointData.map(item => {
+                          return { ...item, btnShow: '1' };
+                      })
+                    : [];
+            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;
+            this.stopStateform.displacement = res.data.data.parkingDisplacement;
+            this.stopStateform.speed = res.data.data.parkingSpeed;
+            this.AnalysisSettingId = res.data.data.analysisSettingId;
+            this.coordinateTransformationId = res.data.data.coordinateTransformationId;
+            this.coordinateTableData.forEach(item => {
+                item.btnShow = '1';
+            });
+        });
     },
-    mounted(){
+    mounted() {
         window.OnSceneload = this.OnSceneload;
         window.saveCoordinate = this.saveCoordinate;
     },
     methods: {
-        saveCoordinate(obj){
+        saveCoordinate(obj) {
             console.log(obj);
-            this.coordinateTableData.forEach(item=>{
-                if(item.pointName == obj.pointName){
-                    item.imageXCoordinate=obj.imageXCoordinate
-                    item.imageYCoordinate=obj.imageYCoordinate
+            this.coordinateTableData.forEach(item => {
+                if (item.pointName == obj.pointName) {
+                    item.imageXCoordinate = obj.imageXCoordinate;
+                    item.imageYCoordinate = obj.imageYCoordinate;
                 }
-            })
+            });
         },
-        updateName(val){
-            console.log("val",val.target.value);
+
+        updateName(val) {
+            console.log('val', val.target.value);
         },
-        handleExit(row,index){
+        handleExit(row, index) {
             // this.oldName = row.pointName
-            row.oldName = row.pointName
-            console.log(this.coordinateTableData,'12312');
-            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)
-            this.coordinateTableData.forEach((item,index)=>{
-                if(row.pointName == item.pointName){
-                    item.btnShow = '2'
-                    this.$set(this.coordinateTableData,index,item)
-                }
-            })
+            row.oldName = row.pointName;
+            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);
+            row.btnShow = '2';
+            // this.$set(this.coordinateTableData, index, row);
         },
-        handleconfirm(row,index){
-            var bol =  this.coordinateTableData.some((item,indexa)=>item.pointName==row.pointName&&indexa!=index)
-            if(bol==true){
+        handleconfirm(row, index) {
+            var bol = this.coordinateTableData.some((item, indexa) => item.pointName == row.pointName && indexa != index);
+            if (bol == true) {
                 this.$message({
-                        type: 'info',
-                        message: '该点位已存在'
-                }); 
-                return false
+                    type: 'info',
+                    message: '该点位已存在'
+                });
+                return false;
             }
-            var string = row.oldName+','+row.pointName
-            this.$refs.analysisWeb.contentWindow.saveDian(string)
-            this.coordinateTableData.forEach((item,indexnew)=>{
-                if(row.pointName == item.pointName){
-                    item.btnShow = '1'
-                    this.$set(this.coordinateTableData,indexnew,item)
-                }
+            var string = row.oldName + ',' + row.pointName;
+            this.$refs.analysisWeb.contentWindow.saveDian(string);
+            row.btnShow = '1';
+            row.oldName = row.pointName;
+            // this.$set(this.coordinateTableData, index, row);
+        },
+        OnSceneload(newV) {
+            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);
+            this.unityDone = true;
+        },
+        handleDeleteDian(row, idx) {
+            this.$confirm('此操作将删除该点位, 是否继续?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
             })
-           
-        },
-        OnSceneload(newV){
-            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)
-            this.unityDone=true
-        },
-      handleDeleteDian(row){
-        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )
-          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)
-          this.$message({
-            type: 'success',
-            message: '删除成功!'
-          });
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          });          
-        });
-      },
-      handleDian(formName){
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            console.log(this.addDianForm,'addDianForm,,,');
-            var bol =  this.coordinateTableData.some(item=>item.pointName==this.addDianForm.pointName)
-            console.log(bol,'bol');
-            if(bol==true){
-                this.$message({
+                .then(() => {
+                    this.coordinateTableData.splice(idx, 1);
+                    // this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);
+                    this.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    });
+                })
+                .catch(() => {
+                    this.$message({
                         type: 'info',
-                        message: '该点位已存在'
-                }); 
-                return false
-            }
-            
-            this.addDianForm.btnShow = '2'
-            this.oldName = this.addDianForm.pointName
-            this.coordinateTableData.unshift(this.addDianForm)
-            this.dialogVisible = false
-            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)
-            this.addDianForm={}
-           
-          } else {
-            return false;
-          }
-        });
-      },
-       phoneChange(e) {
-        console.log("e", e.currentTarget.value);
-        this.addDianForm.oldName = e.currentTarget.value
+                        message: '已取消删除'
+                    });
+                });
+        },
+        handleDian() {
+            const newPointData = {
+                btnShow: '2',
+                longitude: '0',
+                latitude: '0'
+            };
+            newPointData.oldName = newPointData.pointName = String(new Date().getTime());
+            this.coordinateTableData.unshift(newPointData);
+            this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);
+        },
+        phoneChange(e) {
+            console.log('e', e.currentTarget.value);
+            this.addDianForm.oldName = e.currentTarget.value;
+        },
+        handleClose(done) {
+            this.$confirm('确认关闭？')
+                .then(_ => {
+                    done();
+                })
+                .catch(_ => {});
+        },
+        // 坐标转换接口
+        handlePos() {
+            if (this.coordinateTableData.some(item => item.btnShow === '2')) {
+                this.$message.warning('请先确认编辑');
+                return;
+            }
+            let params = {
+                CoordinateTransformationId: this.coordinateTransformationId,
+                UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,
+                Hemisphere: this.coordinateForm.value,
+                CoordinateTransformation: this.coordinateForm.coordinateTransformation,
+                PointData: this.coordinateTableData.map(item => {
+                    return {
+                        longitude: item.longitude,
+                        latitude: item.latitude,
+                        pointName: item.pointName,
+                        imageXCoordinate: item.imageXCoordinate,
+                        imageYCoordinate: item.imageYCoordinate
+                    };
+                })
+            };
+            setFeixzbzh(params).then(res => {
+                this.$message({
+                    type: 'success',
+                    message: res.data.msg
+                });
+            });
+        },
+        // 停车状态
+        handleParking() {
+            const params = new URLSearchParams();
+            params.append('AnalysisSettingId', this.AnalysisSettingId);
+            params.append('ParkingDisplacement', this.stopStateform.displacement);
+            params.append('ParkingSpeed', this.stopStateform.speed);
+            setParkingStatus(params).then(res => {
+                this.$message({
+                    type: 'success',
+                    message: res.data.msg
+                });
+            });
+        },
+        // 车牌识别
+        changeChepai(val) {
+            console.log(val, 'val111');
+            const params = new URLSearchParams();
+            params.append('AnalysisSettingId', this.AnalysisSettingId);
+            params.append('LicensePlateRecognitionSwitch', val);
+            setLicensePlate(params).then(res => {
+                this.$message({
+                    type: 'success',
+                    message: res.data.msg
+                });
+            });
+        },
+        // 经纬度保存
+        handSaveitude() {
+            const params = new URLSearchParams();
+            params.append('AnalysisSettingId', this.AnalysisSettingId);
+            params.append('CameraPositionLongitude', this.sizeForm.longitude);
+            params.append('CameraPositionLatitude', this.sizeForm.latitude);
+            setCameraPosition(params).then(res => {
+                this.$message({
+                    type: 'success',
+                    message: res.data.msg
+                });
+            });
+        },
+        // 收放
+        handleContent(val) {
+            if (val == 'postion') {
+                this.contentShow.postion = !this.contentShow.postion;
+            }
+            if (val == 'coordinate') {
+                this.contentShow.coordinate = !this.contentShow.coordinate;
+            }
+            if (val == 'plate') {
+                this.contentShow.plate = !this.contentShow.plate;
+            }
+            if (val == 'parking') {
+                this.contentShow.parking = !this.contentShow.parking;
+            }
+        },
+        handleChange(value) {
+            console.log(value);
         },
-      handleClose(done) {
-        this.$confirm('确认关闭？')
-          .then(_ => {
-            done();
-          })
-          .catch(_ => {});
-      },
-      // 坐标转换接口
-      handlePos(){
-        let params = {
-          CoordinateTransformationId:this.coordinateTransformationId,
-          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,
-          Hemisphere:this.coordinateForm.value,
-          CoordinateTransformation:this.coordinateForm.coordinateTransformation,
-          PointData:this.coordinateTableData
-        }
-        console.log("params",JSON.stringify(params))
-        setFeixzbzh(params).then(res=>{
-          this.$message({
-              type: 'success',
-                 message: res.data.msg,
-          });
-        })
-      },
-      // 停车状态
-      handleParking(){
-        const params = new URLSearchParams();
-        params.append('AnalysisSettingId', this.AnalysisSettingId)
-        params.append('ParkingDisplacement',this.stopStateform.displacement)
-        params.append('ParkingSpeed',this.stopStateform.speed)
-        setParkingStatus(params).then(res=>{
-          this.$message({
-              type: 'success',
-                message: res.data.msg,
-          });
-        })
-      },
-      // 车牌识别
-      changeChepai(val){
-        console.log(val,'val111');
-        const params = new URLSearchParams();
-        params.append('AnalysisSettingId', this.AnalysisSettingId)
-        params.append('LicensePlateRecognitionSwitch',val)
-        setLicensePlate(params).then(res=>{
-          this.$message({
-              type: 'success',
-                message: res.data.msg,
-          });
-        })
-      },
-      // 经纬度保存
-      handSaveitude(){
-        const params = new URLSearchParams();
-        params.append('AnalysisSettingId', this.AnalysisSettingId)
-        params.append('CameraPositionLongitude', this.sizeForm.longitude)
-        params.append('CameraPositionLatitude', this.sizeForm.latitude)
-        setCameraPosition(params).then(res=>{
-          this.$message({
-              type: 'success',
-                message: res.data.msg,
-          });
-        })
-      },
-      // 收放
-      handleContent(val){
-        if(val == 'postion'){
-          this.contentShow.postion = !this.contentShow.postion
-        }
-        if(val == 'coordinate'){
-          this.contentShow.coordinate = !this.contentShow.coordinate
-        }
-        if(val == 'plate'){
-          this.contentShow.plate = !this.contentShow.plate
-        }
-        if(val == 'parking'){
-          this.contentShow.parking = !this.contentShow.parking
-        }
-      },
-      handleChange(value) {
-        console.log(value);
-      },
         load() {
             console.log('1111');
             var iframe = document.getElementById('mapModuleTop');
@@ -1079,16 +1067,16 @@ export default {
                 // const client = mqtt.connect(host)  // 连接
                 // 错误回调
                 // console.log("this.mqttClient", this.mqttClient)
-                this.mqttClient.on('error', (err) => {
+                this.mqttClient.on('error', err => {
                     console.log('[MQTT-TEST] 连接错误：', err);
                     this.mqttClient.end();
                 });
                 // 重连回调
-                this.mqttClient.on('reconnect', (reconnect) => {
+                this.mqttClient.on('reconnect', reconnect => {
                     //   console.log("[MQTT-TEST] 重连中……", reconnect);
                 });
                 // 连接回调
-                this.mqttClient.on('connect', (connect) => {
+                this.mqttClient.on('connect', connect => {
                     //   console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
                     // 订阅
                     this.mqttClient.subscribe('img0', { qos: 0 });
@@ -1256,7 +1244,7 @@ export default {
     }
 };
 </script>
-  
+
 <style lang="scss" scoped>
 //   /deep/ .el-form-item__content {
 //     display: flex;
@@ -1267,28 +1255,29 @@ export default {
 //     text-align: left;
 //     font-size: 16px;
 // }
-.otherThings{
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: center;
+.otherThings {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
     /deep/ .el-form-item__content {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
     }
 }
-.analysis{
-  .board-title {
-    font-size: 17px;
-    font-weight: bolder;
-  }
+.analysis {
+    .board-title {
+        font-size: 17px;
+        font-weight: bolder;
+        width: max-content;
+    }
 }
-.analysis .warning{
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  margin-bottom: 15px;
-  cursor: pointer;
+.analysis .warning {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    margin-bottom: 15px;
+    cursor: pointer;
 }
 .dataBoard {
     display: flex;
@@ -1323,4 +1312,3 @@ export default {
     }
 }
 </style>
-  
\ No newline at end of file