地图修改

dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue

@@ -94,44 +94,44 @@
         <el-dialog title="危险源" :visible.sync="dialogVisible1">
             <el-form ref="goods" :model="goods" label-width="100px" class="demo-ruleForm">
                 <el-form-item label="名称:" prop="goodsName">
-                    <input type="text"></input>
+                    <el-input v-model="goods.goodsName" placeholder="请输入危险源名称" />
                 </el-form-item>
                 <el-form-item label="物品类型:" prop="category">
-                    <input type="text"></input>
+                    <el-input v-model="goods.category" placeholder="请输入物品类型" />
                 </el-form-item>
                 <el-form-item label="联系人:" prop="contacts">
-                    <input type="text"></input>
+                    <el-input v-model="goods.contacts" placeholder="请输入联系人" />
                 </el-form-item>
                 <el-form-item label="联系电话:" prop="phone">
-                    <input type="text"></input>
+                    <el-input v-model="goods.phone" placeholder="请输入联系电话" />
                 </el-form-item>
                 <el-form-item label="危险等级:" prop="dangerGrade">
-                    <input type="text"></input>
+                    <el-input v-model="goods.dangerGrade" placeholder="请输入危险等级" />
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
-                <el-button @click="dialogVisible1 = false">取 消</el-button>
-                <el-button type="primary" @click="dialogVisible1 = false">确 定</el-button>
+                <el-button @click="cancel()">取 消</el-button>
+                <el-button type="primary" @click="submit1()">确 定</el-button>
             </div>
         </el-dialog>
         <el-dialog title="隐患" :visible.sync="dialogVisible2">
             <el-form ref="trouble" :model="trouble" label-width="100px" class="demo-ruleForm">
                 <el-form-item label="隐患名称:" prop="troubleName">
-                  <input type="text"></input>
+                    <el-input v-model="trouble.troubleName" placeholder="请输入隐患名称" />
                 </el-form-item>
                 <el-form-item label="隐患类型:" prop="troubleType">
-                    <input type="text"></input>
+                    <el-input v-model="trouble.troubleType" placeholder="请输入隐患类型" />
                 </el-form-item>
-                  <el-form-item label="隐患等级:" prop="troubleLevel"">
-                    <input type="text"></input>
+                <el-form-item label="隐患等级:" prop="troubleLevel">
+                    <el-input v-model="trouble.troubleLevel" placeholder="请输入隐患等级(Ⅰ级，Ⅱ级，Ⅲ级)" />
                 </el-form-item>
                 <el-form-item label="地址:" prop="address">
-                    <input type="text"></input>
+                    <el-input v-model="trouble.address" placeholder="请输入地址" />
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
-                <el-button @click="dialogVisible2 = false">取 消</el-button>
-                <el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
+                <el-button @click="cancel()">取 消</el-button>
+                <el-button type="primary" @click="submit2()">确 定</el-button>
             </div>
         </el-dialog>
     </div>
@@ -205,10 +205,6 @@
         //     city: "石家庄",
         //     citylimit: true,
         // };
-        @Prop(Object) goods!: {    
-        };
-        @Prop(Object) trouble!: {    
-        };
         @Provide() lastVideoPlayId: any = "";
         @Provide() markersB: any = [];
         @Provide() dialogVisible1: Boolean = false;
@@ -224,6 +220,8 @@
         @Provide() weihaiVisble: boolean = true;
         @Provide() yinhuanVisble: boolean = true;
         @Provide() treecheckedObj: any = {};
+        @Provide() goods: any = {};
+        @Provide() trouble: any = {};
 
         getMapData() {
             let that = this;
@@ -303,7 +301,7 @@
         getWxyWindowInfo(goodsId: string) {
             let that = this;
             (window as any).dialogVisible1Change = function () {
-               that.dialogVisible1Change()
+               that.dialogVisible1Change(goodsId);
             };
             METHOD.axiosGet(
                 that,
@@ -319,7 +317,7 @@
                                 `<p><span>联系电话:</span>${goods.phone}</p>` +
                                 `<p><span>危险等级:</span>${goods.dangerGrade}</p>` +
                                 `</div>` +
-                                `<p class="gengxin"><el-button onClick="dialogVisible1Change()" size="small">修改</el-button></p>`;
+                                `<p class="gengxin"><el-button onClick="dialogVisible1Change(${goods.id})" size="small">修改</el-button></p>`;
                         that.Mutil.addPopup(html, goods.id, goods.longitude, goods.latitude)
 
                     }
@@ -348,7 +346,7 @@
         getyinhuanWindowInfo(troubleId: string) {
             let that = this;
             (window as any).dialogVisible2Change = function () {
-               that.dialogVisible2Change()
+               that.dialogVisible2Change(troubleId);
             };
             this.closeVideo();
             METHOD.axiosGet(
@@ -364,7 +362,7 @@
                                 `<p><span>隐患等级:</span>${trouble.troubleLevel}</p >` +
                                 `<p><span>地址:</span>${trouble.address}</p >` +
                                 `</div>` +
-                                `<p class="gengxin"><el-button onClick="dialogVisible2Change()" size="small">修改</el-button></p>`;
+                                `<p class="gengxin"><el-button onClick="dialogVisible2Change(${trouble.id})" size="small">修改</el-button></p>`;
                         that.Mutil.addPopup(html, trouble.id, trouble.longitude, trouble.latitude)
 
                     }
@@ -588,11 +586,72 @@
         created() {
             this.getMapData();
         }
-        dialogVisible1Change() {
-            this.dialogVisible1 = true;
+        cancel(){
+            this.goods={};
+            this.trouble={};
+            this.dialogVisible1 = false;
+            this.dialogVisible2 = false;
+        }
+        dialogVisible1Change(goodsId: string) {
+            let that = this;
+            METHOD.axiosGet(
+                that,
+                `/enterpriseGoods/getMapEnterpriseGoodsById/${goodsId}`,
+                function (res: any) {
+                    if (res.code == 0) {
+                        console.log(res.data)
+                        that.goods = res.data;
+                        that.dialogVisible1 = true;
+                    }
                 }
-        dialogVisible2Change() {
-            this.dialogVisible2 = true;
+            );
+        }
+        submit1() {
+            let that = this;
+            (that as any).$refs["goods"].validate((valid: Boolean) => {
+                if (valid) {
+                    let param = Object.assign(that.goods);
+                    METHOD.axiosPost(that, `/enterpriseGoods/editMapEnterpriseGoods`, param, function (res: any) {
+                        if (res.code == 0) {
+                            that.$message({
+                                type: "success",
+                                message: "修改危险源成功",
+                            });
+                            that.dialogVisible1 = false;
+                        }
+                    });
+                }
+            });
+        }
+        dialogVisible2Change(troubleId: string) {
+            let that = this;
+            METHOD.axiosGet(
+                that,
+                `/hiddenTrouble/getMapHiddenTroubleById/${troubleId}`,
+                function (res: any) {
+                    if (res.code == 0) {
+                        that.trouble = res.data;
+                        that.dialogVisible2 = true;
+                    }
+                }
+            );
+        }
+        submit2() {
+            let that = this;
+            (that as any).$refs["trouble"].validate((valid: Boolean) => {
+                if (valid) {
+                    let param = Object.assign(that.trouble);
+                    METHOD.axiosPost(that, `/hiddenTrouble/editMapHiddenTrouble`, param, function (res: any) {
+                        if (res.code == 0) {
+                            that.$message({
+                                type: "success",
+                                message: "修改隐患成功",
+                            });
+                        }
+                        that.dialogVisible2 = false;
+                    });
+                }
+            });
         }
         mounted() {