{"version":3,"sources":["webpack:///./src/views/pages/user/my-customer.vue?c3c2","webpack:///src/views/pages/user/my-customer.vue","webpack:///./src/views/pages/user/my-customer.vue?2f21","webpack:///./src/views/pages/user/my-customer.vue","webpack:///./src/views/pages/user/my-customer.vue?7885"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_l","item","index","key","_s","fullName","title","phoneNumber","qQId","email","weChatQrCode","on","$event","showQcode","zsxList","_e","model","value","callback","$$v","modal3","expression","staticStyle","codeImg","staticRenderFns","name","data","hostList","computed","created","getData","methods","url","destroyed","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,UAAUC,MAAM,CAAC,MAAQ,UAAU,CAACH,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQ,OAAO,KAAO,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,IAAI,CAACE,YAAY,8BAA8BF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAG,UAAUJ,EAAG,IAAI,CAACJ,EAAIQ,GAAG,qBAAqBJ,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIS,GAAIT,EAAY,UAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAML,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAG,IAAIR,EAAIa,GAAGH,EAAKI,WAAWV,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKK,YAAYX,EAAG,IAAI,CAACE,YAAY,SAAS,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKM,kBAAkBZ,EAAG,IAAI,CAACE,YAAY,MAAM,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,IAAI,CAACG,MAAM,CAAC,OAAS,SAAS,KAAO,mCAAmCG,EAAKO,KAAK,sBAAsB,CAACjB,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKO,WAAWb,EAAG,IAAI,CAACE,YAAY,SAAS,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKQ,cAAcd,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,OAAOG,EAAKS,aAAa,IAAMT,EAAKS,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIsB,UAAUZ,EAAKS,kBAAkBf,EAAG,IAAI,CAACJ,EAAIQ,GAAG,sBAAqB,KAAMR,EAAIuB,QAAc,OAAEnB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,IAAI,CAACE,YAAY,8BAA8BF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAG,aAAaJ,EAAG,IAAI,CAACJ,EAAIQ,GAAG,qBAAqBJ,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIS,GAAIT,EAAW,SAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAI,MAAQD,EAAML,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAG,IAAIR,EAAIa,GAAGH,EAAKI,WAAWV,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKK,YAAYX,EAAG,IAAI,CAACE,YAAY,SAAS,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKM,kBAAkBZ,EAAG,IAAI,CAACE,YAAY,MAAM,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIa,GAAGH,EAAKO,aAAab,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,OAAOG,EAAKS,aAAa,IAAMT,EAAKS,gBAAgBf,EAAG,IAAI,CAACJ,EAAIQ,GAAG,sBAAqB,KAAKR,EAAIwB,UAAU,IAAI,GAAGpB,EAAG,QAAQ,CAACG,MAAM,CAAC,eAAc,EAAK,iBAAgB,EAAM,aAAa,wBAAwB,MAAQ,SAASkB,MAAM,CAACC,MAAO1B,EAAU,OAAE2B,SAAS,SAAUC,GAAM5B,EAAI6B,OAAOD,GAAKE,WAAW,WAAW,CAAC1B,EAAG,MAAM,CAAC2B,YAAY,CAAC,aAAa,SAAS,cAAc,OAAO,iBAAiB,SAAS,CAAC3B,EAAG,MAAM,CAAC2B,YAAY,CAAC,MAAQ,QAAQ,OAAS,SAASxB,MAAM,CAAC,IAAMP,EAAIgC,gBAAgB,IACjmFC,EAAkB,G,oECuGtB,GACEC,KAAM,cACNC,KAFF,WAGI,MAAO,CACLC,SAAU,GACVb,QAAS,GACTS,QAAS,GACTH,QAAQ,IAGZQ,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,aAAJ,kBACI,KAAJ,aAGEC,QAhBF,WAiBIrC,KAAKsC,WAEPC,QAAS,OAAX,OAAW,CAAX,kBACA,gBACI,YAAJ,sBAFA,IAII,QAJJ,WAIA,iLACA,EADA,gYAiBA,GACA,iBACA,cACA,KAEA,IACA,oBACA,iBACA,kBAEA,YACA,cAIA,GACA,QACA,WACA,0BAnCA,SAsCA,iBAtCA,OAsCA,EAtCA,OAuCA,aACA,qDAGA,KACA,KACA,uBACA,eACA,UAEA,aAGA,aACA,YArDA,+CAuDIlB,UA3DJ,SA2DA,GACMrB,KAAK4B,QAAS,EACd5B,KAAK+B,QAAUS,KAGnBC,UAnFF,cCxGmX,I,wBCQ/WC,EAAY,eACd,EACA5C,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,kECnBf,yBAAklB,EAAG","file":"static/js/chunk-d8e6b77e.38dd4ee9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"m-card my-customer\"},[_c('Tabs',{staticClass:\"tab-one\",attrs:{\"value\":\"name1\"}},[_c('TabPane',{attrs:{\"label\":\"联系我们\",\"name\":\"name1\"}},[_c('div',{staticClass:\"my-customer-main\"},[_c('div',{staticClass:\"host\"},[_c('div',{staticClass:\"title\"},[_c('i',{staticClass:\"icon iconfont icon-zixun1\"}),_c('div',{staticClass:\"title-r\"},[_c('h2',[_vm._v(\"联系主办\")]),_c('p',[_vm._v(\"咨询展会参展与参观问题\")])])]),_c('div',{staticClass:\"host-list\"},_vm._l((_vm.hostList),function(item,index){return _c('div',{key:index,staticClass:\"yd-list-one\"},[_c('div',{staticClass:\"yd-list-l\"},[_c('h4',[_vm._v(\" \"+_vm._s(item.fullName)),_c('span',[_vm._v(_vm._s(item.title))])]),_c('p',{staticClass:\"phone\"},[_vm._v(\" 手机：\"),_c('span',[_vm._v(_vm._s(item.phoneNumber))])]),_c('p',{staticClass:\"QQ\"},[_vm._v(\" QQ：\"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":'http://wpa.qq.com/msgrd?v=3&uin='+item.qQId+'&site=qq&menu=yes'}},[_vm._v(_vm._s(item.qQId))])]),_c('p',{staticClass:\"phone\"},[_vm._v(\" 邮箱：\"),_c('span',[_vm._v(_vm._s(item.email))])])]),_c('div',{staticClass:\"yd-list-r\"},[_c('div',{staticClass:\"code\"},[_c('img',{attrs:{\"v-if\":item.weChatQrCode,\"src\":item.weChatQrCode},on:{\"click\":function($event){return _vm.showQcode(item.weChatQrCode)}}}),_c('p',[_vm._v(\"扫码查看二维码\")])])])])}),0)]),(_vm.zsxList.length)?_c('div',{staticClass:\"host\"},[_c('div',{staticClass:\"title\"},[_c('i',{staticClass:\"icon iconfont icon-zixun2\"}),_c('div',{staticClass:\"title-r\"},[_c('h2',[_vm._v(\"联系展商秀官方\")]),_c('p',[_vm._v(\"解答展商秀产品相关问题\")])])]),_c('div',{staticClass:\"host-list\"},_vm._l((_vm.zsxList),function(item,index){return _c('div',{key:'zsx' + index,staticClass:\"yd-list-one\"},[_c('div',{staticClass:\"yd-list-l\"},[_c('h4',[_vm._v(\" \"+_vm._s(item.fullName)),_c('span',[_vm._v(_vm._s(item.title))])]),_c('p',{staticClass:\"phone\"},[_vm._v(\" 手机：\"),_c('span',[_vm._v(_vm._s(item.phoneNumber))])]),_c('p',{staticClass:\"QQ\"},[_vm._v(\" QQ：\"),_c('span',[_vm._v(_vm._s(item.qQId))])])]),_c('div',{staticClass:\"yd-list-r\"},[_c('div',{staticClass:\"code\"},[_c('img',{attrs:{\"v-if\":item.weChatQrCode,\"src\":item.weChatQrCode}}),_c('p',[_vm._v(\"扫码查看二维码\")])])])])}),0)]):_vm._e()])])],1)],1),_c('Modal',{attrs:{\"footer-hide\":true,\"mask-closable\":false,\"class-name\":\"vertical-center-modal\",\"width\":\"300px\"},model:{value:(_vm.modal3),callback:function ($$v) {_vm.modal3=$$v},expression:\"modal3\"}},[_c('div',{staticStyle:{\"text-align\":\"center\",\"padding-top\":\"40px\",\"padding-bottom\":\"40px\"}},[_c('img',{staticStyle:{\"width\":\"180px\",\"height\":\"180px\"},attrs:{\"src\":_vm.codeImg}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content\">\r\n    <div class=\"m-card my-customer\">\r\n      <Tabs value=\"name1\" class=\"tab-one\">\r\n        <TabPane label=\"联系我们\" name=\"name1\">\r\n          <div class=\"my-customer-main\">\r\n            <div class=\"host\">\r\n              <div class=\"title\">\r\n                <i class=\"icon iconfont icon-zixun1\"></i>\r\n                <div class=\"title-r\">\r\n                  <h2>联系主办</h2>\r\n                  <p>咨询展会参展与参观问题</p>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"host-list\">\r\n                <div\r\n                  class=\"yd-list-one\"\r\n                  v-for=\"(item, index) in hostList\"\r\n                  :key=\"index\"\r\n                >\r\n                  <div class=\"yd-list-l\">\r\n                    <h4>\r\n                      {{ item.fullName }}<span>{{ item.title }}</span>\r\n                    </h4>\r\n                    <p class=\"phone\">\r\n                      手机：<span>{{ item.phoneNumber }}</span>\r\n                    </p>\r\n                    <p class=\"QQ\">\r\n                      QQ：<a target=\"_blank\"  :href=\"'http://wpa.qq.com/msgrd?v=3&uin='+item.qQId+'&site=qq&menu=yes'\">{{ item.qQId }}</a>\r\n                    </p>\r\n                    <p class=\"phone\">\r\n                      邮箱：<span>{{ item.email}}</span>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"yd-list-r\">\r\n                    <div class=\"code\">\r\n                      <img\r\n                        :v-if=\"item.weChatQrCode\"\r\n                        :src=\"item.weChatQrCode\"\r\n                        @click=\"showQcode(item.weChatQrCode)\"\r\n                      />\r\n                      <p>扫码查看二维码</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"host\" v-if=\"zsxList.length\">\r\n              <div class=\"title\">\r\n                <i class=\"icon iconfont icon-zixun2\"></i>\r\n                <div class=\"title-r\">\r\n                  <h2>联系展商秀官方</h2>\r\n                  <p>解答展商秀产品相关问题</p>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"host-list\">\r\n                <div\r\n                  class=\"yd-list-one\"\r\n                  v-for=\"(item, index) in zsxList\"\r\n                  :key=\"'zsx' + index\"\r\n                >\r\n                  <div class=\"yd-list-l\">\r\n                    <h4>\r\n                      {{ item.fullName }}<span>{{ item.title }}</span>\r\n                    </h4>\r\n                    <p class=\"phone\">\r\n                      手机：<span>{{ item.phoneNumber }}</span>\r\n                    </p>\r\n                    <p class=\"QQ\">\r\n                      QQ：<span>{{ item.qQId }}</span>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"yd-list-r\">\r\n                    <div class=\"code\">\r\n                      <img :v-if=\"item.weChatQrCode\" :src=\"item.weChatQrCode\" />\r\n                      <p>扫码查看二维码</p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </TabPane>\r\n      </Tabs>\r\n    </div>\r\n    <Modal\r\n      v-model=\"modal3\"\r\n      :footer-hide=\"true\"\r\n      :mask-closable=\"false\"\r\n      class-name=\"vertical-center-modal\"\r\n      width=\"300px\"\r\n    >\r\n      <div style=\"text-align: center; padding-top: 40px; padding-bottom: 40px\">\r\n        <img :src=\"codeImg\"  style=\"width: 180px; height: 180px\" />\r\n      </div>\r\n    </Modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"my-customer\",\r\n  data() {\r\n    return {\r\n      hostList: [],\r\n      zsxList: [],\r\n      codeImg: \"\",\r\n      modal3: false,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionId: \"getExhibitionId\",\r\n      user: \"getUser\",\r\n    }),\r\n  },\r\n  created() {\r\n    this.getData();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n    }),\r\n    async getData() {\r\n      let query = `\r\n      query($where:String!){\r\n          customerServiceQuery{\r\n            getList(where:$where){\r\n                fullName\r\n                phoneNumber\r\n                qQId\r\n                title\r\n                type\r\n                weChatId\r\n                weChatQrCode   \r\n                email        \r\n              }                   \r\n            }\r\n        }\r\n      `;\r\n      let where = {\r\n        equal_isDeleted: {\r\n          n: \"isDeleted\",\r\n          v: 0,\r\n        },\r\n        or: {\r\n          equal_exhibitionId: {\r\n            n: \"exhibitionId\",\r\n            v: this.exhibitionId,\r\n          },\r\n          equal_host: {\r\n            n: \"hostId\",\r\n          },\r\n        },\r\n      };\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          where: JSON.stringify(where),\r\n        },\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      let res = JSON.parse(\r\n        JSON.stringify(data.data.customerServiceQuery.getList)\r\n      );\r\n      // console.log(res,'res');\r\n      let host = [];\r\n      let zsx = [];\r\n      res.forEach((e) => {\r\n        if (e.type == \"host\") {\r\n          host.push(e);\r\n        } else {\r\n          zsx.push(e);\r\n        }\r\n      });\r\n      this.hostList = host;\r\n      this.zsxList = zsx;\r\n    },\r\n    showQcode(url) {\r\n      this.modal3 = true;\r\n      this.codeImg = url;\r\n    },\r\n  },\r\n  destroyed() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n::v-deep {\r\n  .ivu-modal {\r\n    width: 200px;\r\n  }\r\n  .vertical-center-modal {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .ivu-modal {\r\n      top: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.content {\r\n  .m-card {\r\n    border: solid 1px #ededed;\r\n    min-height: 700px;\r\n    .mc-top-title::before {\r\n      opacity: 0;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n}\r\n.my-customer-main {\r\n  padding: 0 20px;\r\n  .title {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 30px;\r\n    .icon {\r\n      font-size: 26px;\r\n      @include font_color(#1890ff);\r\n      margin-right: 14px;\r\n    }\r\n    .icon-zixun2 {\r\n      color: #fc7b7f;\r\n    }\r\n    &-r {\r\n      h2 {\r\n        font-weight: normal;\r\n        font-size: 16;\r\n        color: #333;\r\n        margin-bottom: 4px;\r\n      }\r\n      p {\r\n        color: #999;\r\n      }\r\n    }\r\n  }\r\n}\r\n.host-list {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.yd-list-one {\r\n  background: #f5f5f5;\r\n  border-radius: 5px;\r\n  width: 310px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 15px;\r\n  margin-top: 15px;\r\n  margin-right: 20px;\r\n  h4 {\r\n    font-size: 16px;\r\n    color: #333;\r\n    span {\r\n      font-size: 12px;\r\n      color: #333;\r\n      margin-left: 3px;\r\n    }\r\n  }\r\n  p {\r\n    font-size: 14px;\r\n    color: #333;\r\n    line-height: 1.8;\r\n  }\r\n  .phone {\r\n    span {\r\n      // @include font_color(#1890ff);\r\n    }\r\n  }\r\n  .code {\r\n    width: 84px;\r\n    height: 67px;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    img {\r\n      width: 45px;\r\n      height: 45px;\r\n      display: block;\r\n    }\r\n    p {\r\n      font-size: 12px;\r\n      color: #666;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-customer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-customer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-customer.vue?vue&type=template&id=14f7ff28&scoped=true&\"\nimport script from \"./my-customer.vue?vue&type=script&lang=js&\"\nexport * from \"./my-customer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-customer.vue?vue&type=style&index=0&id=14f7ff28&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"14f7ff28\",\n  null\n  \n)\n\nexport default component.exports","import mod 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/lib/loaders/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/lib/index.js??vue-loader-options!./my-customer.vue?vue&type=style&index=0&id=14f7ff28&lang=scss&scoped=true&\"; export default mod; 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/lib/loaders/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/lib/index.js??vue-loader-options!./my-customer.vue?vue&type=style&index=0&id=14f7ff28&lang=scss&scoped=true&\""],"sourceRoot":""}