1 line
13 KiB
JSON
1 line
13 KiB
JSON
{"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":[]} |