轨迹算法

src/views/ryda/carda.vue

@@ -494,6 +494,47 @@
               </div>
             </div>
           </div>
+               <div class="clgjsf">
+            <div>
+              <div class="clgjsfTitle">
+                <img
+                  src="@/assets/img/dangan/543.png"
+                  alt=""
+                  style="vertical-align: middle; padding-right: 5px"
+                />
+                <span
+                  style="
+                    color: #21272a;
+                    font-size: 15px;
+                    vertical-align: middle;
+                  "
+                  >轨迹算法</span
+                >
+              </div>
+              <el-divider></el-divider>
+
+              <div class="clgjsfTabel">
+                <el-table :data="tableDataGjsf" border style="width: 100%">
+                  <el-table-column
+                    v-for="(item, index) in taDataGjsf"
+                    :key="index"
+                    :prop="item.prop"
+                    :label="item.label"
+                    align="center"
+                  >
+                    <!-- <template slot-scope="scope">
+                    <div v-if="item.prop == 'sfmc'">
+                      <div>停留点：</div>
+                      <div>落脚点：</div>
+                      <div>最新位置：</div>
+                    </div>
+                    <div v-else>{{ scope.row[item.prop] }}</div>
+                  </template> -->
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </div>
         </div>
         <!-- 补录标签 -->
         <el-dialog
@@ -786,6 +827,56 @@ export default {
           value: "",
         },
       ],
+                  taDataGjsf: [
+        {
+          label: "算法名称",
+          prop: "sfmc",
+        },
+        {
+          label: "地点",
+          prop: "dd",
+        },
+        {
+          label: "次数",
+          prop: "cs",
+        },
+        {
+          label: "时间",
+          prop: "sj",
+        },
+      ],
+      tableDataGjsf: [
+        {
+          sfmc: "停留点",
+          dd: "海口市秀英区美梅村",
+          cs: "5",
+          sj: "2023-10-20 10:30:00",
+        },
+        {
+          sfmc: "停留点",
+          dd: "海口市龙华区金濂路1号",
+          cs: "3",
+          sj: "2023-10-27 11:30:30",
+        },
+        {
+          sfmc: "落脚点",
+          dd: "海口市龙华区南海大道88号",
+          cs: "6",
+          sj: "2023-10-28 13:30:40",
+        },
+        {
+          sfmc: "落脚点",
+          dd: "海口市龙华区金盘建设三横路3号",
+          cs: "4",
+          sj: "2023-10-29 14:30:24",
+        },
+        {
+          sfmc: "最新位置",
+          dd: "海口市龙华区城西路78号",
+          cs: "",
+          sj: "2023-10-31 15:00:00",
+        },
+      ],
       carOnwer: [
         {
           label: "姓名",
@@ -2273,6 +2364,17 @@ button.el-button.el-button--primary.el-button--small {
 .padding24 {
   padding: 0 24px;
 }
+.clgjsf {
+  background: #fff;
+  border-radius: 10px;
+  margin-bottom: 20px;
+  .clgjsfTitle {
+    padding: 17px;
+  }
+  .clgjsfTabel {
+    padding: 17px;
+  }
+}
 .el-textarea {
   width: 115%;
 }

src/views/ryda/sjda.vue

@@ -413,6 +413,47 @@
           </div>
         </div>
       </div>
+            <div class="clgjsf">
+            <div>
+              <div class="clgjsfTitle">
+                <img
+                  src="@/assets/img/dangan/543.png"
+                  alt=""
+                  style="vertical-align: middle; padding-right: 5px"
+                />
+                <span
+                  style="
+                    color: #21272a;
+                    font-size: 15px;
+                    vertical-align: middle;
+                  "
+                  >轨迹算法</span
+                >
+              </div>
+              <el-divider></el-divider>
+
+              <div class="clgjsfTabel">
+                <el-table :data="tableDataGjsf" border style="width: 100%">
+                  <el-table-column
+                    v-for="(item, index) in taDataGjsf"
+                    :key="index"
+                    :prop="item.prop"
+                    :label="item.label"
+                    align="center"
+                  >
+                    <!-- <template slot-scope="scope">
+                    <div v-if="item.prop == 'sfmc'">
+                      <div>停留点：</div>
+                      <div>落脚点：</div>
+                      <div>最新位置：</div>
+                    </div>
+                    <div v-else>{{ scope.row[item.prop] }}</div>
+                  </template> -->
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </div>
     </div>
     </el-tab-pane>
       <el-tab-pane label="手机研判报告" name="sjDaypbg">
@@ -480,6 +521,56 @@ export default {
   name: "sjda",
   data() {
     return {
+            taDataGjsf: [
+        {
+          label: "算法名称",
+          prop: "sfmc",
+        },
+        {
+          label: "地点",
+          prop: "dd",
+        },
+        {
+          label: "次数",
+          prop: "cs",
+        },
+        {
+          label: "时间",
+          prop: "sj",
+        },
+      ],
+      tableDataGjsf: [
+        {
+          sfmc: "停留点",
+          dd: "海口市秀英区美梅村",
+          cs: "5",
+          sj: "2023-10-20 10:30:00",
+        },
+        {
+          sfmc: "停留点",
+          dd: "海口市龙华区金濂路1号",
+          cs: "3",
+          sj: "2023-10-27 11:30:30",
+        },
+        {
+          sfmc: "落脚点",
+          dd: "海口市龙华区南海大道88号",
+          cs: "6",
+          sj: "2023-10-28 13:30:40",
+        },
+        {
+          sfmc: "落脚点",
+          dd: "海口市龙华区金盘建设三横路3号",
+          cs: "4",
+          sj: "2023-10-29 14:30:24",
+        },
+        {
+          sfmc: "最新位置",
+          dd: "海口市龙华区城西路78号",
+          cs: "",
+          sj: "2023-10-31 15:00:00",
+        },
+      ],
       zdbqList: [], // 标签
       djjzxxLoading: false,
       activeName: "sjgk",
@@ -2664,6 +2755,17 @@ export default {
     }
   }
 }
+.clgjsf {
+  background: #fff;
+  border-radius: 10px;
+  margin-bottom: 20px;
+  .clgjsfTitle {
+    padding: 17px;
+  }
+  .clgjsfTabel {
+    padding: 17px;
+  }
+}
 .ryxx {
   display: flex;
   display: inline-block;