首页添加参数配置

src/views/management/monitoringEquipment/photographicDevice/components/addLineDialog.vue

@@ -0,0 +1,146 @@
+<template>
+  <el-dialog
+    class="addLineDialog"
+    title="修改线路"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="420px"
+    @close="handleclose"
+  >
+    <el-form
+      label-position="left"
+      label-width="92px"
+      ref="formLineInfo"
+      :rules="rules"
+      :model="formdata"
+    >
+      <!-- <el-form-item label="公司名称：" prop="bsManufacturer">
+        <el-input
+          v-model="formdata.bsManufacturer"
+          autocomplete="off"
+        ></el-input>
+      </el-form-item> -->
+      <el-form-item label="DY等级：" prop="dyLevelid">
+        <el-select v-model="formdata.dyId" placeholder="请选择电压等级">
+          <el-option
+            v-for="items in dyOptions"
+            :key="items.id"
+            :label="items.name"
+            :value="items.id"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="线路名称：" prop="name">
+        <el-input v-model="formdata.lineName" autocomplete="off"></el-input>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="isShow = false">取 消</el-button>
+      <el-button type="primary" @click="submitForm()">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  addLineJoggle,
+  updateLineJoggle,
+  getdyListJoggle,
+} from "@/utils/api/index";
+
+export default {
+  props: {
+    lineDialogTitle: String,
+  },
+
+  data() {
+    return {
+      isShow: false,
+      formdata: {},
+      dyOptions: "",
+      rules: {
+        // bsManufacturer: [
+        //   { required: true, message: "请输入公司名称", trigger: "blur" },
+        // ],
+        dyId: [{ required: true, message: "请选择DY等级", trigger: "change" }],
+
+        lineName: [
+          {
+            required: true,
+            message: "请输入线路名称",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  methods: {
+    //判断
+    getdataform(val) {
+      console.log(val);
+      this.formdata = JSON.parse(JSON.stringify(val));
+      //this.$set(this.formdata);
+    },
+    // 保存确定操作
+    submitForm() {
+      this.$refs.formLineInfo.validate((valid) => {
+        if (valid) {
+          // 走保存请求
+          updateLineJoggle({
+            id: this.formdata.lineId,
+            // bsManufacturer: null,
+            name: this.formdata.lineName,
+            dyLevelid: this.formdata.dyId,
+          })
+            .then((res) => {
+              this.isShow = false;
+              //this.$message.success("修改成功");
+              this.$message({
+                duration: 1500,
+                showClose: true,
+                message: "修改成功",
+                type: "success",
+              });
+              this.$parent.terminalList(); //刷新
+            })
+            .catch((err) => {
+              this.$message({
+                duration: 1500,
+                showClose: true,
+                message: "修改失败",
+                type: "error",
+              });
+              //this.$message.error("修改失败");
+            });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    },
+    handleclose() {
+      this.$parent.terminalList(); //刷新
+    },
+  },
+
+  created() {
+    getdyListJoggle().then((res) => {
+      console.log(res);
+      this.dyOptions = res.data.list;
+      console.log(this.dyOptions);
+    });
+  },
+};
+</script>
+<style lang="less">
+.addLineDialog {
+  .el-select {
+    width: 100%;
+  }
+}
+</style>

src/views/management/monitoringEquipment/photographicDevice/components/towerDialog.vue

@@ -0,0 +1,149 @@
+<template>
+  <el-dialog
+    class="addtowerDialog"
+    title="修改杆塔"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="470px"
+    @close="handleClose"
+  >
+    <el-form
+      label-position="left"
+      ref="formInfo"
+      label-width="100px"
+      :rules="rules"
+      :model="formdata"
+    >
+      <el-form-item label="线路名称：" prop="lineId">
+        <el-select v-model="formdata.lineId" placeholder="请选择">
+          <el-option
+            v-for="item in lineOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="杆塔名称：" prop="name">
+        <el-input v-model="formdata.towerName" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item label="杆塔地址：" prop="address">
+        <el-input v-model="formdata.address" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item label="排序号：" prop="order">
+        <el-input-number
+          controls-position="right"
+          v-model="formdata.order"
+          :min="0"
+        ></el-input-number>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="isShow = false">取 消</el-button>
+      <el-button type="primary" @click="submitForm()">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { getLineListApi, addTowerApi, updateTowerApi } from "@/utils/api/index";
+
+export default {
+  data() {
+    return {
+      isShow: false,
+      lineOptions: [],
+      formdata: {},
+      rules: {
+        towerName: [
+          { required: true, message: "请输入杆塔名称", trigger: "blur" },
+        ],
+        lineId: [
+          { required: true, message: "请选择线路编号", trigger: "blur" },
+        ],
+        // address: [
+        //   { required: true, message: "请输入杆塔地址", trigger: "blur" },
+        // ],
+        order: [{ required: true, message: "请输入排序号", trigger: "blur" }],
+      },
+    };
+  },
+  mounted() {
+    this.getLineListdata();
+  },
+  methods: {
+    getLineListdata() {
+      getLineListApi({ pageindex: 1, pagesize: 100 })
+        .then((res) => {
+          this.lineOptions = res.data.list;
+        })
+        .catch((err) => {});
+    },
+    //判断
+    getdataform(val) {
+      //this.formdata = val;
+      this.formdata.order = 0;
+      this.formdata = JSON.parse(JSON.stringify(val));
+    },
+    // 保存确定操作
+    submitForm() {
+      this.$refs.formInfo.validate((valid) => {
+        if (valid) {
+          updateTowerApi({
+            id: this.formdata.towerId,
+            name: this.formdata.towerName,
+            address: null,
+            lineId: this.formdata.lineId,
+            lineName: this.formdata.lineName,
+            order: this.formdata.order,
+          })
+            .then((res) => {
+              this.isShow = false;
+              //this.$message.success("修改成功");
+              this.$message({
+                duration: 1500,
+                showClose: true,
+                message: "修改成功",
+                type: "success",
+              });
+              this.$parent.terminalList(); //刷新
+            })
+            .catch((err) => {
+              //this.$message.error("修改失败");
+              this.$message({
+                duration: 1500,
+                showClose: true,
+                message: "修改失败",
+                type: "error",
+              });
+            });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    },
+    handleClose() {
+      this.$parent.terminalList(); //刷新
+    },
+  },
+};
+</script>
+<style lang="less">
+.addtowerDialog {
+  .el-select {
+    width: 100%;
+  }
+  .el-input-number {
+    width: 100%;
+  }
+  .el-input-number .el-input__inner {
+    text-align: left;
+  }
+}
+</style>

src/views/management/monitoringEquipment/photographicDevice/index.vue

@@ -104,7 +104,7 @@
             min-width="120"
           >
             <template slot-scope="scope">
-              <el-link @click.native.stop="handleRevisePhoto(scope.row)">{{
+              <el-link @click.native.stop="handleLine(scope.row)">{{
                 scope.row.lineName
               }}</el-link>
             </template>
@@ -116,7 +116,7 @@
             min-width="150"
           >
             <template slot-scope="scope">
-              <el-link @click.native.stop="handleRevisePhoto(scope.row)">{{
+              <el-link @click.native.stop="handleTower(scope.row)">{{
                 scope.row.towerName
               }}</el-link>
             </template>
@@ -446,6 +446,9 @@
     <workStatus ref="workStatus_ref"></workStatus>
     <runStatus ref="runStatus_ref"></runStatus>
     <gpsSite ref="gpsSite_ref"></gpsSite>
+    <!-- 新增线路 -->
+    <add-lineDialog ref="addlineDialogref"></add-lineDialog>
+    <towerDialog ref="towerDialogref"></towerDialog>
   </div>
 </template>
 <script>
@@ -468,7 +471,8 @@ import baseInfor from "./components/baseInfor.vue";
 import workStatus from "./components/workStatus.vue";
 import runStatus from "./components/runStatus.vue";
 import gpsSite from "./components/gpsSite.vue";
-
+import addLineDialog from "./components/addLineDialog.vue";
+import towerDialog from "./components/towerDialog.vue";
 export default {
   components: {
     addPhotoDialog,
@@ -481,6 +485,8 @@ export default {
     workStatus,
     runStatus,
     gpsSite,
+    addLineDialog,
+    towerDialog,
   },
   data() {
     return {
@@ -654,7 +660,14 @@ export default {
     handleExport() {
       window.location.href = "/api/api/getTerminalListExcel";
     },
-
+    handleLine(data) {
+      this.$refs.addlineDialogref.display();
+      this.$refs.addlineDialogref.getdataform(data);
+    },
+    handleTower(data) {
+      this.$refs.towerDialogref.display();
+      this.$refs.towerDialogref.getdataform(data);
+    },
     //handleResive 修改线路数据
     handleRevisePhoto(data) {
       this.photoDialogTitle = "修改";