{"version":3,"sources":["webpack:///./src/pages/Chat.vue?6f00","webpack:///./src/pages/Chat.vue","webpack:///./src/pages/Chat.vue?c4ba","webpack:///./src/pages/Chat.vue?9c15"],"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"],"mappings":"yIAAA,W,8ICESA,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,eAqBS,eApBP,eAmBM,MAnBN,EAmBM,CAlBJ,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,IAAI,oDACJI,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","file":"js/chunk-0b97f30f.0f9630f3.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=60bdaaa3&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=\"http://www.gbw114.com//static/m/images/icon90.png\"\n        alt=\"\"\n      />\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 #b9135a;\n  line-height: 27.5px;\n  text-align: center;\n  color: #b9135a;\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: #b9135a;\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 #b9135a;\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=60bdaaa3&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=60bdaaa3&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-60bdaaa3\"\n\nexport default script"],"sourceRoot":""}