{"ast":null,"code":"import { ref } from 'vue';\n// import DictionaryElement from \"@/components/dict/DictionaryElement\";\nexport default {\n  name: \"EditPerson\",\n  data() {\n    return {\n      proxy: \"/springbootServer\",\n      urlSelect: \"/PersonBaseInfo_881_1/select\",\n      urlInsert: \"/PersonBaseInfo_881_1/insert\",\n      urlUpdate: \"/PersonBaseInfo_881_1/update\",\n      newPerson: false,\n      person: {\n        id: this.$route.query.id,\n        name: \"\",\n        sbp: \"\",\n        dbp: \"\"\n      }\n    };\n  },\n  methods: {\n    select() {\n      //编辑态时把数据读出来\n      let url = this.proxy + this.urlSelect + \"?id=\" + this.person.id;\n      //console.log(url);\n      let that = this;\n      this.axios.get(url).then(function (response) {\n        that.person = response.data.responseData;\n      }, function (error) {\n        console.log(\"有可能是防火墙没有开\");\n        console.log(error.data);\n      });\n    },\n    save() {\n      const formData = new FormData();\n      //id, name, gender, password, address, create_time, update_time\n      formData.append(\"id\", this.person.id);\n      formData.append(\"name\", this.person.name);\n      formData.append(\"sbp\", this.person.sbp);\n      formData.append(\"dbp\", this.person.dbp);\n      let url = \"\";\n      if (this.newPerson) {\n        url = this.proxy + this.urlInsert;\n      } else {\n        url = this.proxy + this.urlUpdate;\n      }\n      // console.log(\"-----------------------------------------\");\n      // console.log(url);\n      // console.log(\"-----------------------------------------\");\n      let that = this;\n      this.axios.post(url, formData, {\n        headers: {\n          'Content-Type': 'multipart/form-data'\n        }\n      }).then(function (response) {\n        that.result = response.data;\n        that.refMessage.innerText = \"保存成功\";\n        if (that.newPerson) {\n          //新增后改变状态\n          that.newPerson = false;\n          that.refId.disabled = true;\n        }\n        window.setTimeout(() => {\n          try {\n            that.refMessage.innerText = '';\n          } catch (e) {\n            console.log(e.toString());\n          }\n        }, 1000);\n      }, function (error) {\n        // console.log(\"-----------------------------------------\");\n        // console.log(\"error\", error);\n        // console.log(\"-----------------------------------------\");\n        that.refMessage.innerText = \"保存失败\";\n        window.setTimeout(() => {\n          try {\n            that.refMessage.innerText = '';\n          } catch (e) {\n            console.log(e.toString());\n          }\n        }, 1000);\n        console.log(\"有可能是防火墙没有开\");\n        console.log(error);\n      });\n    }\n  },\n  mounted() {\n    //console.log(this.$route.query.id)\n    if (this.person.id != \"\") {\n      //console.log(this.id)\n      this.select();\n      this.refId.disabled = true;\n    } else {\n      //console.log(this.id)\n      this.newPerson = true;\n      this.person.id = \"身份证不能为空\";\n    }\n    window.myVue = this;\n  },\n  setup() {\n    //定义ref数据变量\n    const refMessage = ref(\"message\");\n    const refId = ref(null);\n    //把定义的变量与方法返回给组件，这时在组件中就可以使用了\n    return {\n      refMessage,\n      refId\n    };\n  },\n  unmounted() {}\n};","map":{"version":3,"names":["ref","name","data","proxy","urlSelect","urlInsert","urlUpdate","newPerson","person","id","$route","query","sbp","dbp","methods","select","url","that","axios","get","then","response","responseData","error","console","log","save","formData","FormData","append","post","headers","result","refMessage","innerText","refId","disabled","window","setTimeout","e","toString","mounted","myVue","setup","unmounted"],"sources":["C:\\exam_app\\app_vue\\src\\components\\person_881_1\\EditPerson.vue"],"sourcesContent":["<template>\r\n    <hr>\r\n    <h3>编辑居民信息</h3>\r\n    <table>\r\n        <tbody>\r\n        <tr>\r\n            <td>身份证</td>\r\n            <td><input type=\"text\" id=\"id\" ref=\"refId\" v-model=\"person.id\"></td>\r\n        </tr>\r\n        <tr>\r\n            <td>姓名</td>\r\n            <td><input type=\"text\" id=\"name\" v-model=\"person.name\"></td>\r\n        </tr>\r\n        <tr>\r\n            <td>sbp</td>\r\n            <td><input type=\"text\" id=\"sbp\" v-model=\"person.sbp\"></td>\r\n        </tr>\r\n        <tr>\r\n            <td>dbp</td>\r\n            <td><input type=\"text\" id=\"dbp\" v-model=\"person.dbp\"></td>\r\n        </tr>\r\n        </tbody>\r\n    </table>\r\n    <button id=\"button_save\" @click=\"save\">保存</button>\r\n    <div ref=\"refMessage\"></div>\r\n</template>\r\n\r\n<script>\r\n    import {ref} from 'vue';\r\n    // import DictionaryElement from \"@/components/dict/DictionaryElement\";\r\n    export default {\r\n        name: \"EditPerson\",\r\n        data(){\r\n            return{\r\n                proxy:\"/springbootServer\",\r\n                urlSelect:\"/PersonBaseInfo_881_1/select\",\r\n                urlInsert:\"/PersonBaseInfo_881_1/insert\",\r\n                urlUpdate:\"/PersonBaseInfo_881_1/update\",\r\n                newPerson:false,\r\n                person:{\r\n                    id:this.$route.query.id,\r\n                    name:\"\",\r\n                    sbp:\"\",\r\n                    dbp:\"\"\r\n                },\r\n            }\r\n        },\r\n        methods:{\r\n            select(){\r\n                //编辑态时把数据读出来\r\n                let url = this.proxy+this.urlSelect+\"?id=\"+this.person.id;\r\n                //console.log(url);\r\n                let that = this;\r\n\r\n                this.axios.get(url).then(\r\n                    function (response) {\r\n                        that.person=response.data.responseData;\r\n                    },\r\n                    function (error) {\r\n                        console.log(\"有可能是防火墙没有开\");\r\n                        console.log(error.data);\r\n                    }\r\n                )\r\n            },\r\n            save(){\r\n\r\n                const formData = new FormData();\r\n                //id, name, gender, password, address, create_time, update_time\r\n                formData.append(\"id\",this.person.id);\r\n                formData.append(\"name\",this.person.name);\r\n                formData.append(\"sbp\",this.person.sbp);\r\n                formData.append(\"dbp\",this.person.dbp);\r\n\r\n                let url=\"\";\r\n                if(this.newPerson){\r\n                    url = this.proxy+this.urlInsert;\r\n                }else{\r\n                    url = this.proxy+this.urlUpdate;\r\n                }\r\n                // console.log(\"-----------------------------------------\");\r\n                // console.log(url);\r\n                // console.log(\"-----------------------------------------\");\r\n                let that = this;\r\n\r\n                this.axios.post(\r\n                    url,\r\n                    formData,\r\n                    {\r\n                        headers: {\r\n                            'Content-Type': 'multipart/form-data'\r\n                        }\r\n                    }\r\n\r\n                ).then(\r\n                    function (response) {\r\n\r\n\r\n                        that.result = response.data;\r\n                        that.refMessage.innerText=\"保存成功\";\r\n                        if(that.newPerson){\r\n                            //新增后改变状态\r\n                            that.newPerson=false;\r\n                            that.refId.disabled=true;\r\n                        }\r\n                        window.setTimeout(\r\n                            ()=>{\r\n                                try {\r\n                                    that.refMessage.innerText=''\r\n                                }catch (e) {\r\n                                    console.log(e.toString())\r\n\r\n                                }\r\n\r\n                            },1000\r\n                        )\r\n                    },\r\n                    function (error) {\r\n                        // console.log(\"-----------------------------------------\");\r\n                        // console.log(\"error\", error);\r\n                        // console.log(\"-----------------------------------------\");\r\n                        that.refMessage.innerText=\"保存失败\";\r\n                        window.setTimeout(\r\n                            ()=>{\r\n                                try {\r\n                                    that.refMessage.innerText=''\r\n                                }catch (e) {\r\n                                    console.log(e.toString())\r\n                                }\r\n                            },1000\r\n                        )\r\n                        console.log(\"有可能是防火墙没有开\");\r\n                        console.log(error);\r\n                    }\r\n                )\r\n            },\r\n        },\r\n        mounted() {\r\n            //console.log(this.$route.query.id)\r\n            if(this.person.id!=\"\"){\r\n                //console.log(this.id)\r\n                this.select();\r\n                this.refId.disabled=true;\r\n            }else {\r\n                //console.log(this.id)\r\n                this.newPerson=true;\r\n                this.person.id=\"身份证不能为空\";\r\n            }\r\n            window.myVue=this;\r\n\r\n        },\r\n        setup(){\r\n            //定义ref数据变量\r\n            const refMessage=ref(\"message\");\r\n            const refId=ref(null);\r\n            //把定义的变量与方法返回给组件，这时在组件中就可以使用了\r\n            return {\r\n                refMessage,\r\n                refId,\r\n            }\r\n        },\r\n        unmounted() {\r\n\r\n        }\r\n\r\n    }\r\n</script>\r\n\r\n<style scoped>\r\n    table{\r\n        margin: auto;\r\n    }\r\n    td{\r\n        text-align: left;\r\n    }\r\n    img{\r\n        height:50px;\r\n    }\r\n</style>\r\n\r\n\r\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}