拍照时间表界面

package-lock.json

@@ -15,11 +15,6 @@
         "js-message": "1.0.7"
       }
     },
-    "@amap/amap-jsapi-loader": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@amap/amap-jsapi-loader/-/amap-jsapi-loader-1.0.1.tgz",
-      "integrity": "sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw=="
-    },
     "@ampproject/remapping": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.0.tgz",

package.json

@@ -8,7 +8,6 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@amap/amap-jsapi-loader": "^1.0.1",
     "axios": "^1.3.4",
     "core-js": "^3.8.3",
     "echarts": "^5.4.2",

src/views/devicePhotoSchedule/components/adddeviceDialog.vue

@@ -1,31 +1,175 @@
 <template>
   <el-dialog
-    class="adddeviceDialog"
+    class="addLineDialog"
-    :title="deviceDialogTitle"
+    :title="lineDialogTitle"
-    :visible.sync="deviceDialog"
+    :visible.sync="lineDialog"
     width="420px"
   >
-    <p>内容</p>
+    <el-form
+      label-position="left"
+      ref="formLineInfo"
+      label-width="100px"
+      :rules="rules"
+      :model="lineForm"
+    >
+      <el-form-item label="名称：" prop="name">
+        <el-input
+          v-model="lineForm.name"
+          autocomplete="off"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="开始时间：" prop="startTime">
+        <el-input
+          v-model.number="lineForm.startTime"
+          autocomplete="off"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="结束时间：" prop="endTime">
+        <el-input
+          v-model.number="lineForm.endTime"
+          autocomplete="off"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="间隔：" prop="span">
+        <el-input v-model="lineForm.span" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item label="备注：" prop="remark">
+        <el-input v-model="lineForm.remark" autocomplete="off"></el-input>
+      </el-form-item>
+    </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="closeDialog()">取 消</el-button>
+      <el-button @click="closeDialog(0)">取 消</el-button>
       <el-button type="primary" @click="submitForm()">确 定</el-button>
     </div>
   </el-dialog>
 </template>
 <script>
+import { addLineJoggle, updateLineJoggle } from "@/utils/api/index";
 export default {
-  props: {},
+  props: {
+    lineDialog: {
+      type: Boolean,
+    },
+    lineDialogTitle: {
+      type: String,
+      default: "新增",
+    },
+    formItem: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+  },
 
   data() {
-    return {};
+    return {
+      lineForm: {},
+      rules: {
+        name: [
+          { required: true, message: "请输入公司名称", trigger: "blur" },
+        ],
+        startTime: [
+          { required: true, message: "请选择DY等级", trigger: "blur" },
+          { type: "number", message: "DY等级数字值" },
+        ],
+        endTime: [
+          { required: true, message: "请选择DY等级", trigger: "blur" },
+          { type: "number", message: "DY等级数字值" },
+        ],
+        span: [
+          {
+            required: true,
+            message: "请输入线路名称",
+            trigger: "blur",
+          },
+        ],
+        remark: [
+          {
+            required: true,
+            message: "请输入线路名称",
+            trigger: "blur",
+          },
+        ],
+      },
+      //表单数组，对象
+      formArr: [],
+    };
   },
   methods: {
     // 保存确定操作
-    submitForm() {},
+    submitForm() {
+      this.$refs.formLineInfo.validate((valid) => {
+        if (valid) {
+          let formObj = {
+            name: this.lineForm.name,
+            startTime: this.lineForm.startTime,
+            endTime: this.lineForm.endTime,
+            span: this.lineForm.span,
+            remark: this.lineForm.remark
+          };
+          this.formArr.push(formObj);
+          console.log(this.formArr);
+
+          // 走保存请求
+          if (this.lineDialogTitle == "新增") {
+            addLineJoggle({ list: this.formArr })
+              .then((res) => {
+                console.log(res);
+                this.$emit("lineDialogClose", 1); //关闭弹窗
+                this.$message.success("添加成功");
+              })
+              .catch((err) => {
+                console.log(err); //代码错误、请求失败捕获
+                this.$message.error("添加失败");
+              });
+          } else if (this.lineDialogTitle == "修改") {
+            let changeformObj = {
+              name: this.lineForm.name,
+              startTime: this.lineForm.startTime,
+              endTime: this.lineForm.endTime,
+              span: this.lineForm.span,
+              remark: this.lineForm.remark
+            };
+            updateLineJoggle(changeformObj)
+              .then((res) => {
+                console.log(res);
+                this.$emit("lineDialogClose", 1); //关闭弹窗
+                this.$message.success("修改成功");
+              })
+              .catch((err) => {
+                console.log(err); //代码错误、请求失败捕获
+                this.$message.error("修改失败");
+              });
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
     //取消关闭弹窗
-    closeDialog(flag) {},
+    closeDialog(flag) {
+      this.$refs.formLineInfo.resetFields();
+      this.$emit("lineDialogClose", flag);
+    },
+  },
+  mounted() {
+    console.log("打印传过来的对象", this.formItem);
+    console.log("打印传过来的对象", this.formItem.bsIdentifier);
+    this.lineForm = JSON.parse(JSON.stringify(this.formItem));
+  },
+  watch: {
+    formItem: {
+      handler(newVal, oldVal) {
+        // 调用函数
+        this.$nextTick(() => {
+          this.lineForm = JSON.parse(JSON.stringify(this.formItem));
+        });
+      },
+      immediate: true,
+      deep: true,
+    },
   },
-  mounted() {},
-  watch: {},
 };
 </script>

src/views/devicePhotoSchedule/index.vue

@@ -71,13 +71,21 @@
       </div>
     </div>
     <!-- 新增线路 -->
+    <adddeviceDialog
+      :lineDialog="deviceDialog"
+      :lineDialogTitle="deviceDialogTitle"
+      :formItem="formdeviceInfo"
+    ></adddeviceDialog>
   </div>
 </template>
 <script>
-import { getScheduleRulelListJoggle } from "@/utils/api/index";
+import { getScheduleRulelListJoggle,deleteLineJoggle } from "@/utils/api/index";
+import adddeviceDialog from "./components/adddeviceDialog.vue";
 
 export default {
-  components: {},
+  components: {
+    adddeviceDialog
+  },
   data() {
     return {
       deviceDialogTitle: "", //弹窗标题
@@ -120,10 +128,43 @@ export default {
     },
 
     //handleResive 修改线路数据
-    handleResive(data) {},
+    handleResive(data) {
+      console.log(data);
+      this.deviceDialogTitle = "修改";
+      this.formdeviceInfo = Object.assign({}, data);
+      this.deviceDialog = true;
+    },
 
     //删除数据
-    handleDelete() {},
+    handleDelete(data) {
+      console.log(data);
+      this.deleteArr.push({
+        id: data.id,
+      });
+      console.log(this.deleteArr);
+      this.$confirm("确定要删除记录吗,同时删除关联关系?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          // 行设置向后台请求删除数据
+          deleteLineJoggle({ list: this.deleteArr }).then((res) => {
+            console.log(res);
+            this.lineList(); //刷新
+          });
+          this.$message({
+            type: "success",
+            message: "删除成功!",
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
     //点击分页
     handleCurrentChange(val) {
       console.log(`当前页: ${val}`);

src/views/stritl/chartFiles/mapChart.vue

@@ -2,7 +2,6 @@
     <div id="container"></div>
 </template>
 <script>
-import AMapLoader from '@amap/amap-jsapi-loader';
 
 export default {
     data() {