{"ast":null,"code":"import { createElementVNode as _createElementVNode, vModelText as _vModelText, withDirectives as _withDirectives, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\";\nconst _hoisted_1 = {\n  ref: \"refMessage\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  return _openBlock(), _createElementBlock(_Fragment, null, [_cache[9] || (_cache[9] = _createElementVNode(\"hr\", null, null, -1 /* CACHED */)), _cache[10] || (_cache[10] = _createElementVNode(\"h3\", null, \"编辑居民信息\", -1 /* CACHED */)), _createElementVNode(\"table\", null, [_createElementVNode(\"tbody\", null, [_createElementVNode(\"tr\", null, [_cache[5] || (_cache[5] = _createElementVNode(\"td\", null, \"身份证\", -1 /* CACHED */)), _createElementVNode(\"td\", null, [_withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    id: \"id\",\n    ref: \"refId\",\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = $event => $data.person.id = $event)\n  }, null, 512 /* NEED_PATCH */), [[_vModelText, $data.person.id]])])]), _createElementVNode(\"tr\", null, [_cache[6] || (_cache[6] = _createElementVNode(\"td\", null, \"姓名\", -1 /* CACHED */)), _createElementVNode(\"td\", null, [_withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    id: \"name\",\n    \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $data.person.name = $event)\n  }, null, 512 /* NEED_PATCH */), [[_vModelText, $data.person.name]])])]), _createElementVNode(\"tr\", null, [_cache[7] || (_cache[7] = _createElementVNode(\"td\", null, \"sbp\", -1 /* CACHED */)), _createElementVNode(\"td\", null, [_withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    id: \"sbp\",\n    \"onUpdate:modelValue\": _cache[2] || (_cache[2] = $event => $data.person.sbp = $event)\n  }, null, 512 /* NEED_PATCH */), [[_vModelText, $data.person.sbp]])])]), _createElementVNode(\"tr\", null, [_cache[8] || (_cache[8] = _createElementVNode(\"td\", null, \"dbp\", -1 /* CACHED */)), _createElementVNode(\"td\", null, [_withDirectives(_createElementVNode(\"input\", {\n    type: \"text\",\n    id: \"dbp\",\n    \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $data.person.dbp = $event)\n  }, null, 512 /* NEED_PATCH */), [[_vModelText, $data.person.dbp]])])])])]), _createElementVNode(\"button\", {\n    id: \"button_save\",\n    onClick: _cache[4] || (_cache[4] = (...args) => $options.save && $options.save(...args))\n  }, \"保存\"), _createElementVNode(\"div\", _hoisted_1, null, 512 /* NEED_PATCH */)], 64 /* STABLE_FRAGMENT */);\n}","map":{"version":3,"names":["ref","_createElementVNode","type","id","$data","person","$event","name","sbp","dbp","onClick","_cache","args","$options","save","_hoisted_1"],"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":";;EAwBSA,GAAG,EAAC;AAAY;;uFAvBrBC,mBAAA,CAAI,qC,4BACJA,mBAAA,CAAe,YAAX,QAAM,qBACVA,mBAAA,CAmBQ,gBAlBJA,mBAAA,CAiBQ,gBAhBRA,mBAAA,CAGK,a,0BAFDA,mBAAA,CAAY,YAAR,KAAG,qBACPA,mBAAA,CAAoE,a,gBAAhEA,mBAAA,CAA2D;IAApDC,IAAI,EAAC,MAAM;IAACC,EAAE,EAAC,IAAI;IAACH,GAAG,EAAC,OAAO;+DAAUI,KAAA,CAAAC,MAAM,CAACF,EAAE,GAAAG,MAAA;iDAATF,KAAA,CAAAC,MAAM,CAACF,EAAE,E,OAEjEF,mBAAA,CAGK,a,0BAFDA,mBAAA,CAAW,YAAP,IAAE,qBACNA,mBAAA,CAA4D,a,gBAAxDA,mBAAA,CAAmD;IAA5CC,IAAI,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;+DAAUC,KAAA,CAAAC,MAAM,CAACE,IAAI,GAAAD,MAAA;iDAAXF,KAAA,CAAAC,MAAM,CAACE,IAAI,E,OAEzDN,mBAAA,CAGK,a,0BAFDA,mBAAA,CAAY,YAAR,KAAG,qBACPA,mBAAA,CAA0D,a,gBAAtDA,mBAAA,CAAiD;IAA1CC,IAAI,EAAC,MAAM;IAACC,EAAE,EAAC,KAAK;+DAAUC,KAAA,CAAAC,MAAM,CAACG,GAAG,GAAAF,MAAA;iDAAVF,KAAA,CAAAC,MAAM,CAACG,GAAG,E,OAEvDP,mBAAA,CAGK,a,0BAFDA,mBAAA,CAAY,YAAR,KAAG,qBACPA,mBAAA,CAA0D,a,gBAAtDA,mBAAA,CAAiD;IAA1CC,IAAI,EAAC,MAAM;IAACC,EAAE,EAAC,KAAK;+DAAUC,KAAA,CAAAC,MAAM,CAACI,GAAG,GAAAH,MAAA;iDAAVF,KAAA,CAAAC,MAAM,CAACI,GAAG,E,WAI3DR,mBAAA,CAAkD;IAA1CE,EAAE,EAAC,aAAa;IAAEO,OAAK,EAAAC,MAAA,QAAAA,MAAA,UAAAC,IAAA,KAAEC,QAAA,CAAAC,IAAA,IAAAD,QAAA,CAAAC,IAAA,IAAAF,IAAA,CAAI;KAAE,IAAE,GACzCX,mBAAA,CAA4B,OAA5Bc,UAA4B,8B","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}