{"version":3,"sources":["webpack:///./src/components/Center.vue","webpack:///./src/components/Center.vue?0d02","webpack:///./src/components/Center.vue?a2f9"],"names":["class","title","left-arrow","onClickLeft","outset","label","form","name","placeholder","idcard","type","input","avatar","max-count","after-read","afterRead","onSubmit","block","round","size","color","setup","history","back","data","phone","mounted","that","this","info","then","res","result","console","log","methods","file","cutImageBase64","base64Data","message","wid","quality","callback","base64","URL","window","webkitURL","blob","createObjectURL","img","Image","src","onload","w","width","h","height","scale","canvas","document","createElement","ctx","getContext","setAttribute","drawImage","toDataURL","__exports__","render"],"mappings":"qOACOA,MAAM,U,GAEJA,MAAM,Q,uBACT,eAA8B,MAA1BA,MAAM,YAAW,QAAI,M,GAatBA,MAAM,W,iBAC6E,M,qNAjB1F,eAmBM,MAnBN,EAmBM,CAlBJ,eAA+E,GAAlEC,MAAM,OAAOC,aAAA,GAAa,YAAY,EAAAC,a,wBACnD,eAaM,MAbN,EAaM,CAZJ,EACA,eAUiB,GAVDC,OAAA,IAAM,C,wBACpB,iBAAoE,CAApE,eAAoE,GAAzDC,MAAM,O,WAAiB,EAAAC,KAAKC,K,qDAAL,EAAAD,KAAKC,KAAI,IAAEC,YAAY,W,uBAGzD,eAAsF,GAA1EH,MAAM,O,WAAiB,EAAAC,KAAKG,O,qDAAL,EAAAH,KAAKG,OAAM,IAAGD,YAAY,UAAUE,KAAK,U,uBAC5E,eAIY,GAJDH,KAAK,WAAaF,MAAM,Q,CACtBM,MAAK,gBACd,iBAA0E,CAA1E,eAA0E,G,WAAnD,EAAAC,O,qDAAA,EAAAA,OAAM,IAAGC,YAAW,EAAMC,aAAY,EAAAC,W,0DAKrE,eAEM,MAFN,EAEM,CADJ,eAAqG,GAAzFL,KAAK,UAAW,QAAO,EAAAM,SAAUC,MAAA,GAAMC,MAAA,GAAMC,KAAK,QAAQC,MAAM,W,yBAAU,iBAAE,C,wHAQ/E,GACbb,KAAM,SACNc,MAFa,WAGX,IAAMlB,EAAc,kBAAMmB,QAAQC,QAClC,MAAM,CACJpB,gBAGJqB,KAAK,WACJ,MAAM,CACJZ,OAAQ,GACRN,KAAK,CACHC,KAAM,GACNK,OAAQ,KACRa,MAAM,KACNhB,OAAO,QAIZiB,QAnBa,WAoBX,IAAIC,EAAOC,KACPC,EAAO,eAAM,QACL,MAARA,IACFD,KAAKtB,KAAOuB,GAGd,eAAK,iBAAiBC,MAAK,SAAUC,GACnC,eAAM,OAAQA,EAAIC,QAElBC,QAAQC,IAAIP,EAAKE,MACjBF,EAAKrB,KAAOyB,EAAIC,WAKpBG,QAAQ,CACNpB,UADM,SACIqB,GAER,IAAIT,EAAKC,KAETA,KAAKS,eAAeD,EAAKA,KAAM,IAAM,IAAK,SAAUE,GAClD,eAAK,kBAAmB,CAACF,KAAME,IAAaR,MAAK,SAAUC,GACzDJ,EAAKrB,KAAKM,OAASmB,EAAIC,cAK7BhB,SAZM,WAaJ,eAAK,kBAAkBY,KAAKtB,MAAMwB,MAAK,WACrCR,QAAQC,OACR,eAAO,CAACgB,QAAQ,aAGpBF,eAAgB,SAAUD,EAAMI,EAAKC,EAASC,GAG5C,IAEIC,EAFAC,EAAMC,OAAOD,KAAOC,OAAOC,UAC3BC,EAAOH,EAAII,gBAAgBZ,GAE3Ba,EAAM,IAAIC,MACdD,EAAIE,IAAMJ,EACVE,EAAIG,OAAS,WACX,IAAIzB,EAAOC,KAEPyB,EAAI1B,EAAK2B,MACTC,EAAI5B,EAAK6B,OACTC,EAAQJ,EAAIE,EAChBF,EAAIb,GAAOa,EACXE,EAAIF,EAAII,EAER,IAAIC,EAASC,SAASC,cAAc,UAChCC,EAAMH,EAAOI,WAAW,MAE5BJ,EAAOK,aAAa,QAASV,GAC7BK,EAAOK,aAAa,SAAUR,GAC9BM,EAAIG,UAAUrC,EAAM,EAAG,EAAG0B,EAAGE,GAE7BZ,EAASe,EAAOO,UAAU,aAAcxB,GAAW,IAGnDC,EAASC,O,iCCnGjB,MAAMuB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,6DCTf","file":"js/chunk-dc742e0e.2f9f461a.js","sourcesContent":["<template>\r\n  <div class=\"center\">\r\n    <van-nav-bar title=\"个人中心\" left-arrow  @click-left=\"onClickLeft\"> </van-nav-bar>\r\n    <div class=\"boxs\">\r\n      <h1 class=\"boxTitle\">个人信息</h1>\r\n      <van-cell-group outset>\r\n        <van-field label=\"真实姓名\"  v-model=\"form.name\" placeholder=\"请输入真实姓名\"/>\r\n<!--        <van-field  label=\"手机号码\"  v-model=\"form.phone\"  type=\"number\"  placeholder=\"请输入手机号码\"/>-->\r\n<!--        <van-field  label=\"邮箱地址\"   placeholder=\"邮箱\"/>-->\r\n        <van-field  label=\"身份证号\"  v-model=\"form.idcard\"  placeholder=\"请输入身份证号\" type=\"number\"/>\r\n        <van-field name=\"uploader\"   label=\"上传头像\">\r\n          <template #input>\r\n            <van-uploader v-model=\"avatar\" :max-count=\"1\"   :after-read=\"afterRead\" />\r\n          </template>\r\n        </van-field>\r\n      </van-cell-group>\r\n    </div>\r\n    <div class=\"nextbtn\" >\r\n      <van-button type=\"primary\" @click=\"onSubmit\" block round size=\"large\" color=\"#2f58e4\">保存</van-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {post, cache} from \"../api/http\"\r\nimport {Dialog} from \"vant\";\r\nexport default {\r\n  name: \"Center\",\r\n  setup() {\r\n    const onClickLeft = () => history.back();\r\n    return{\r\n      onClickLeft\r\n    }\r\n  },\r\n  data:function () {\r\n   return{\r\n     avatar: [],\r\n     form:{\r\n       name: \"\",\r\n       avatar: null,\r\n       phone:null,\r\n       idcard:null,\r\n     },\r\n   }\r\n  },\r\n  mounted() {\r\n    var that = this\r\n    var info = cache(\"user\")\r\n    if (info != null) {\r\n      this.form = info\r\n    }\r\n\r\n    post(\"app/user/info\").then(function (res) {\r\n      cache(\"user\", res.result)\r\n\r\n      console.log(that.info)\r\n      that.form = res.result\r\n\r\n    })\r\n\r\n  },\r\n  methods:{\r\n    afterRead(file) {\r\n      // 此时可以自行将文件上传至服务器\r\n      var that=this\r\n      // 此时可以自行将文件上传至服务器\r\n      this.cutImageBase64(file.file, 1000, 0.8, function (base64Data) {\r\n        post(\"app/user/upload\", {file: base64Data}).then(function (res) {\r\n          that.form.avatar = res.result\r\n          // that.avatar=baseUrl+res.result\r\n        })\r\n      })\r\n    },\r\n    onSubmit(){\r\n      post(\"app/user/update\",this.form).then(function () {\r\n        history.back();\r\n        Dialog({message:\"修改成功\"})\r\n      })\r\n    },\r\n    cutImageBase64: function (file, wid, quality, callback) {\r\n\r\n      // var file = m_this.files[0];\r\n      var URL = window.URL || window.webkitURL;\r\n      var blob = URL.createObjectURL(file);\r\n      var base64;\r\n      var img = new Image();\r\n      img.src = blob;\r\n      img.onload = function () {\r\n        var that = this;\r\n        //生成比例\r\n        var w = that.width,\r\n            h = that.height,\r\n            scale = w / h;\r\n        w = wid || w;\r\n        h = w / scale;\r\n      //生成canvas\r\n        var canvas = document.createElement('canvas');\r\n        var ctx = canvas.getContext('2d');\r\n\r\n        canvas.setAttribute(\"width\", w)\r\n        canvas.setAttribute(\"height\", h)\r\n        ctx.drawImage(that, 0, 0, w, h);\r\n        // 生成base64\r\n        base64 = canvas.toDataURL('image/jpeg', quality || 0.8);\r\n        // console.log(base64)\r\n        // return base64\r\n        callback(base64)\r\n      };\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.boxs{margin: 15px 0}\r\n.boxTitle{    margin: 0;\r\n  padding: 0px 16px 8px;\r\n  color: rgba(69,90,100,.6);\r\n  font-weight: normal;\r\n  font-size: 14px;\r\n  line-height: 16px;}\r\n.nextbtn{padding: 0 30px 30px;margin: 20px 0}\r\n</style>\r\n","import { render } from \"./Center.vue?vue&type=template&id=6e46c151&scoped=true\"\nimport script from \"./Center.vue?vue&type=script&lang=js\"\nexport * from \"./Center.vue?vue&type=script&lang=js\"\n\nimport \"./Center.vue?vue&type=style&index=0&id=6e46c151&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\work\\\\zqclj\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6e46c151\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Center.vue?vue&type=style&index=0&id=6e46c151&scoped=true&lang=css\""],"sourceRoot":""}