{"version":3,"sources":["webpack:///./src/pages/Chat.vue?bf06","webpack:///./src/pages/Chat.vue","webpack:///./src/pages/Chat.vue?c4ba","webpack:///./src/pages/Chat.vue?9c15","webpack:///./src/assets/img/chat/icon90.png"],"names":["class","id","for","list","item","index","key","uid","my","contents","src","user","userImg","to","alt","placeholder","message","type","onSbumit","data-id","data-myid","name","setup","route","friendId","query","getData","axios","get","params","validate","then","res","data","success","value","obj","Toast","title","msg","catch","e","post","stringify","reciveid","render","__scopeId","module","exports"],"mappings":"kHAAA,W,mKCESA,MAAM,OAAOC,GAAG,a,SAEZD,MAAM,iB,GACJA,MAAM,a,GACNA,MAAM,Y,SAIRA,MAAM,U,GACJA,MAAM,Y,GAYNA,MAAM,a,GAMZA,MAAM,c,GACJA,MAAM,Q,GACFE,IAAI,I,qIA9BjB,eA0BO,aAzBL,eAwBM,MAxBN,EAwBM,E,mBAvBJ,eAsBM,2BAtBuB,EAAAC,KAAI,CAApBC,EAAMC,K,iBAAnB,eAsBM,OAtB8BC,IAAKD,GAAK,CACXD,EAAKG,KAAO,EAAAC,GAAGP,I,iBAAhD,eAKM,MALN,EAKM,CAJJ,eAAgD,MAAhD,EAAgD,eAAtBG,EAAKK,UAAQ,GACvC,eAEM,MAFN,EAEM,CADJ,eAAgC,OAA1BC,IAAKN,EAAKO,KAAKC,S,uCAGzB,eAcM,MAdN,EAcM,CAbJ,eAWM,MAXN,EAWM,CAPJ,eAMc,GALXC,GAAE,4BAAoCT,EAAKG,O,WAE5C,IAEO,CAFP,eAEO,aADL,eAAuC,OAAjCG,IAAKN,EAAKO,KAAKC,QAASE,IAAI,I,wCAIxC,eAAgD,MAAhD,EAAgD,eAAtBV,EAAKK,UAAQ,U,UAK/C,eAsBS,eArBP,eAoBM,MApBN,EAoBM,CAnBJ,eASM,MATN,EASM,CARJ,eAOQ,QAPR,EAOQ,C,eANN,eAKE,SAJAM,YAAY,YACZd,GAAG,U,qCACM,EAAAe,QAAO,GAChBC,KAAK,Q,mBADI,EAAAD,eAKf,eAOE,OANAhB,MAAM,SACL,QAAK,oBAAE,EAAAkB,UAAA,EAAAA,YAAA,IACRC,UAAQ,kBACRC,YAAU,eACVV,IAAA,IACAI,IAAI,U,mECxCG,iBAAgB,CAC7BO,KAAM,OACNC,MAAA,WACE,IAAMd,EAAK,eAAI,MACTL,EAAO,eAAI,IACXa,EAAU,eAAI,IACdO,EAAQ,iBACRC,EAAW,eAAI,IACfvB,EAAKsB,EAAME,MAAMxB,GACvB,SAASyB,IACPC,EAAA,KACGC,IAAI,oBAAsB3B,EAAI,CAAE4B,OAAQ,CAAEC,UAAU,KACpDC,MAAK,SAACC,GACDA,EAAIC,KAAKC,SACX1B,EAAG2B,MAAQH,EAAIC,KAAKG,IAAI5B,GACxBL,EAAKgC,MAAQH,EAAIC,KAAKG,IAAIjC,KAC1BqB,EAASW,MAAQH,EAAIC,KAAKG,IAAIZ,UAE9B,OAAAa,EAAA,MAAM,CACJpB,KAAM,QACNqB,MAAON,EAAIC,KAAKM,SAIrBC,OAAM,SAACC,GACN,OAAAJ,EAAA,MAAM,CACJpB,KAAM,QACNqB,MAAOG,EAAEzB,SAAWyB,OAK5B,SAASvB,IACPS,EAAA,KACGe,KACC,sBACA,IAAGC,UAAU,CACXpC,IAAMC,EAAG2B,MAAclC,GACvB2C,SAAUpB,EAASW,MACnB1B,SAAUO,EAAQmB,SAGrBJ,MAAK,SAACC,GACDA,EAAIC,KAAKC,SACTlB,EAAQmB,MAAQ,GAClBT,KAEA,OAAAW,EAAA,MAAM,CACJpB,KAAM,QACNqB,MAAON,EAAIC,KAAKM,SAIrBC,OAAM,SAACC,GACN,OAAAJ,EAAA,MAAM,CACJpB,KAAM,QACNqB,MAAOG,EAAEzB,SAAWyB,OAI5B,OA7BAf,IA6BO,CACLlB,GAAE,EACFL,KAAI,EACJe,SAAQ,EACRF,QAAO,M,UCjEb,EAAO6B,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,0CCRfC,EAAOC,QAAU","file":"js/chunk-4b8a6c8e.7175a0af.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Chat.vue?vue&type=style&index=0&id=239a5d18&lang=scss&scoped=true\"","<template>\n  <main>\n    <div class=\"chat\" id=\"chat_list\">\n      <div v-for=\"(item, index) in list\" :key=\"index\">\n        <div class=\"chat-l chat-r\" v-if=\"item.uid == my.id\">\n          <div class=\"chat-text\">{{ item.contents }}</div>\n          <div class=\"chat-pic\">\n            <img :src=\"item.user.userImg\" />\n          </div>\n        </div>\n        <div class=\"chat-l\" v-else>\n          <div class=\"chat-pic\">\n            <!-- <a href=\"/${(item.uid)?c}.html\">\n              <img :src=\"item.user.userImg\" />\n            </a> -->\n            <router-link\n              :to=\"{ name: 'Personal', query: { uid: item.uid } }\"\n            >\n              <span>\n                <img :src=\"item.user.userImg\" alt=\"\" />\n              </span>\n            </router-link>\n          </div>\n          <div class=\"chat-text\">{{ item.contents }}</div>\n        </div>\n      </div>\n    </div>\n  </main>\n  <footer>\n    <div class=\"form-field\">\n      <div class=\"form\">\n        <label for=\"\">\n          <input\n            placeholder=\"我也来说两句...\"\n            id=\"comment\"\n            v-model=\"message\"\n            type=\"text\"\n          />\n        </label>\n      </div>\n      <img\n        class=\"submit\"\n        @click=\"onSbumit\"\n        data-id=\"${(friendId)?c}\"\n        data-myid=\"${(my.id)?c}\"\n        src=\"@/assets/img/chat/icon90.png\"\n        alt=\"\"\n      />\n      <!-- src=\"http://www.biaowu.com/static/m/images/icon90.png\" -->\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport axios from \"@/api/axios\";\nimport Toast from \"@/components/UI/Toast\";\nimport qs from \"qs\";\nexport default defineComponent({\n  name: \"Chat\",\n  setup() {\n    const my = ref(null);\n    const list = ref([]);\n    const message = ref(\"\");\n    const route = useRoute();\n    const friendId = ref('');\n    const id = route.query.id;\n    function getData() {\n      axios\n        .get(\"/M/Personal/Chat/\" + id, { params: { validate: true } })\n        .then((res) => {\n          if (res.data.success) {\n            my.value = res.data.obj.my;\n            list.value = res.data.obj.list;\n            friendId.value = res.data.obj.friendId;\n          } else {\n            Toast({\n              type: \"error\",\n              title: res.data.msg,\n            });\n          }\n        })\n        .catch((e) => {\n          Toast({\n            type: \"error\",\n            title: e.message || e,\n          });\n        });\n    }\n    getData();\n    function onSbumit() {\n      axios\n        .post(\n          \"/M/Server/doLetters\",\n          qs.stringify({\n            uid: (my.value as any).id,\n            reciveid: friendId.value,\n            contents: message.value,\n          })\n        )\n        .then((res) => {\n          if (res.data.success) {\n              message.value = ''\n            getData();\n          } else {\n            Toast({\n              type: \"error\",\n              title: res.data.msg,\n            });\n          }\n        })\n        .catch((e) => {\n          Toast({\n            type: \"error\",\n            title: e.message || e,\n          });\n        });\n    }\n    return {\n      my,\n      list,\n      onSbumit,\n      message,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\nmain {\n  padding-bottom: 110px;\n  min-height: 100vh;\n  background-color: #efefef;\n  box-sizing: border-box;\n}\n\n.user-list li {\n  height: 92px;\n  padding-left: 75px;\n  padding-top: 20px;\n  border-bottom: 1px solid #eeeeee;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.user-list .avatar {\n  position: absolute;\n  left: 10px;\n  top: 20px;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n}\n\n.user-name {\n  color: #444444;\n  font-size: 15px;\n}\n\n.user-sign {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: #999999;\n  font-size: 14px;\n  margin-top: 10px;\n}\n\n.cancel-focus {\n  background-color: #fff;\n  border: none;\n  outline: none;\n  position: absolute;\n  right: 10px;\n  top: 20px;\n  width: 72.5px;\n  height: 27.5px;\n  border-radius: 14px;\n  border: solid 1px #ccc;\n  line-height: 27.5px;\n  text-align: center;\n  color: #ccc;\n  font-size: 12px;\n}\n\n.focus {\n  background-color: #fff;\n  border: none;\n  outline: none;\n  position: absolute;\n  right: 10px;\n  top: 20px;\n  width: 72.5px;\n  height: 27.5px;\n  border-radius: 14px;\n\n  border: solid 1px #df0024;\n  line-height: 27.5px;\n  text-align: center;\n  color: #df0024;\n  font-size: 12px;\n}\n\n.focus img {\n  width: 11px;\n  height: 11px;\n  vertical-align: middle;\n  position: relative;\n  top: -1px;\n}\n\nfooter {\n  position: fixed;\n  height: 56px;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: #fff;\n  border-top: 1px solid #eee;\n}\n\n.form-field {\n  width: 365px;\n  height: 40px;\n  margin: 7.987px auto;\n  position: relative;\n  padding-right: 41px;\n  box-sizing: border-box;\n  background-color: #f4f4f4;\n  line-height: 40px;\n}\n.form-field input {\n  width: 100%;\n  height: 40px;\n  line-height: 40px;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  vertical-align: middle;\n  padding-left: 15px;\n  box-sizing: border-box;\n  font-size: 16px;\n}\n\n.form-field .submit {\n  width: 18px;\n  height: 17.512px;\n  position: absolute;\n  right: 10px;\n  top: 11px;\n}\n\n.i-input {\n  background: none !important;\n  text-align: center;\n}\n\n/*发送消息*/\n.chat {\n  background-color: #efefef;\n  box-sizing: border-box;\n  padding-top: 17.512px;\n  padding-right: 10px;\n  padding-left: 10px;\n}\n.chat-date {\n  width: 100%;\n  text-align: center;\n  font-size: 11px;\n  color: #666666;\n}\n.chat-l {\n  margin-bottom: 17.512px;\n  overflow: hidden;\n}\n.chat-pic {\n  display: inline-block;\n  width: 43.5px;\n  height: 43.5px;\n  border-radius: 50%;\n  vertical-align: top;\n}\n.chat-pic img {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n.chat-text {\n  display: inline-block;\n  background: #fff;\n  position: relative;\n  padding: 6px 18px 6px 13px;\n  box-sizing: border-box;\n  max-width: 242.512px;\n  margin-left: 12px;\n  border-radius: 5px;\n  font-size: 14px;\n  line-height: 24px;\n  color: #444444;\n  word-wrap: break-word;\n}\n.chat-text::after {\n  content: \"\";\n  position: absolute;\n  top: 13px;\n  width: 0;\n  height: 0;\n  border-top: 5px solid transparent;\n  border-bottom: 5px solid transparent;\n  border-right: 8.513px solid #fff;\n  left: -7.987px;\n}\n.chat-r {\n  text-align: right;\n}\n.chat-r .chat-text {\n  text-align: left;\n  background-color: #d64b4b;\n  color: #fff;\n  margin-left: 0;\n  margin-right: 12px;\n}\n.chat-r .chat-text::after {\n  border-right: none;\n  border-left: 8.513px solid #d64b4b;\n  left: inherit;\n  right: -7.987px;\n}\n.chat-btn {\n  float: right;\n  width: 51.5px;\n  height: 35px;\n  line-height: 35px;\n  text-align: center;\n  //   background: url(icon97.png) no-repeat center center;\n  background-size: 24.5px 24.5px;\n  border: none;\n}\n.chat-btn img {\n  width: 24.5px;\n  height: 24.5px;\n}\n.chat .comment_input {\n  width: 312.5px;\n}\n.show {\n  display: block;\n}\n.close {\n  display: none;\n}\n</style>\n","\nimport { defineComponent, ref } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport axios from \"@/api/axios\";\nimport Toast from \"@/components/UI/Toast\";\nimport qs from \"qs\";\nexport default defineComponent({\n  name: \"Chat\",\n  setup() {\n    const my = ref(null);\n    const list = ref([]);\n    const message = ref(\"\");\n    const route = useRoute();\n    const friendId = ref('');\n    const id = route.query.id;\n    function getData() {\n      axios\n        .get(\"/M/Personal/Chat/\" + id, { params: { validate: true } })\n        .then((res) => {\n          if (res.data.success) {\n            my.value = res.data.obj.my;\n            list.value = res.data.obj.list;\n            friendId.value = res.data.obj.friendId;\n          } else {\n            Toast({\n              type: \"error\",\n              title: res.data.msg,\n            });\n          }\n        })\n        .catch((e) => {\n          Toast({\n            type: \"error\",\n            title: e.message || e,\n          });\n        });\n    }\n    getData();\n    function onSbumit() {\n      axios\n        .post(\n          \"/M/Server/doLetters\",\n          qs.stringify({\n            uid: (my.value as any).id,\n            reciveid: friendId.value,\n            contents: message.value,\n          })\n        )\n        .then((res) => {\n          if (res.data.success) {\n              message.value = ''\n            getData();\n          } else {\n            Toast({\n              type: \"error\",\n              title: res.data.msg,\n            });\n          }\n        })\n        .catch((e) => {\n          Toast({\n            type: \"error\",\n            title: e.message || e,\n          });\n        });\n    }\n    return {\n      my,\n      list,\n      onSbumit,\n      message,\n    };\n  },\n});\n","import { render } from \"./Chat.vue?vue&type=template&id=239a5d18&scoped=true\"\nimport script from \"./Chat.vue?vue&type=script&lang=ts\"\nexport * from \"./Chat.vue?vue&type=script&lang=ts\"\n\nimport \"./Chat.vue?vue&type=style&index=0&id=239a5d18&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-239a5d18\"\n\nexport default script","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEQzlGRjYxNUY2MzExRTlCREMyRkJGOTdCMzIzMEEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEQzlGRjYyNUY2MzExRTlCREMyRkJGOTdCMzIzMEEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkRDOUZGNUY1RjYzMTFFOUJEQzJGQkY5N0IzMjMwQTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkRDOUZGNjA1RjYzMTFFOUJEQzJGQkY5N0IzMjMwQTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Jo714AAAC3klEQVR42sSXa4hMYRjHz24WW3L5IpayKYXcGiW1Vkk2sYWUIiU+DIrc1q5WySdiIqQwFNYlnxY17bQuQ66xWeWW+LB8QGNQPrisS+P/6n/09Dq398yZnX/9Zs57znvO/Od5zvu+z1uWz+ctW8lk0iqhpoIV5VbpNRLsB3fB9F4lNDIMNID14ty2UhgaCtaAjaCvOP8NXOvJlA0A20EXaNbMKF2Nx+O5nojQQLCaqRkszneDPqLdrj6KaagCrGM0Bonzalg/AKM1Qyn1UV5EIy9BQjPzHRxluvqJ80/Bq6gNqWfFaWQfGKFd/8SXuRqM066dkA+JQivBa3DEwYhtph7UEV2ZqAwtZbgPg+EufXJgLFgAFjlcfw86CzW0GDwDp/hjbspyZC0Dm136pPS8m2gep/izYIxPXxW5IWAJ2OXR77hsBB329ZzUJgfs38m+M8EZj35q1N03MVTH9WaWQRRvgVowDVzx6Xsa/AiSslq++e2GZi7yXrWC3wzQv81p7pCqAa3gBphh+H6dBPNBf/AkQP+fcrj/SxmKsgrmu5FDM4x2gK3iZa4McE8H+PyfIS56uwuYi9QycYDH9zzmI13H3Kb7FrAWvA1hZrkwcwFMMbi3zdEQapAsOIjjUYaRmivWoEOcoyyDaSHrFqG/gqmv+GoCMZ/h2s0hbf/DLWCVYWQzXiu0rocc6gvtkkDoI5gAbrOtloSdIVLdYmLIVivTmGD7A5gIXrA9W5YNBlJVweMwhpR+cTqIMTJvxNYlHXJUpvyKqiBSaXynreIxpqvD0NDlKAzp+kKTzRzq48EmnvOSKtQuFcNQA6vD3myrpWIvo6bKkg3gjsN9ae6/IjdUzfq5iz9eJa49Z01dw9q5UaxtmSCFeRjl+F3FyJwHZS5FWoIpVZzze3DYfZn+403cb3kpSAUQOkK/xfEccD3KvVQYVYrIpK0IFdbQJPCowLIl0ndoj9xLRak/AgwAvqyWuACRoYgAAAAASUVORK5CYII=\""],"sourceRoot":""}