{"version":3,"sources":["webpack:///./src/views/pages/user/my-customer.vue?a3ea","webpack:///./src/views/pages/user/my-customer.vue","webpack:///src/views/pages/user/my-customer.vue","webpack:///./src/views/pages/user/my-customer.vue?f015","webpack:///./src/views/pages/user/my-customer.vue?158f"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_l","hostList","item","index","key","_s","fullName","title","phoneNumber","qQId","email","weChatQrCode","on","$event","showQcode","zsxList","length","_e","model","value","modal3","callback","$$v","expression","staticStyle","codeImg","staticRenderFns","name","data","computed","mapGetters","exhibitionId","user","created","getData","methods","mapActions","graphqlPost","query","where","equal_isDeleted","n","v","or","equal_exhibitionId","equal_host","opt","variables","JSON","stringify","res","parse","customerServiceQuery","getList","host","zsx","forEach","e","type","push","url","destroyed","component"],"mappings":"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","file":"static/js/chunk-77e906da.d78dae0b.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-customer.vue?vue&type=style&index=0&id=3ac7c80a&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;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,\"alt\":\"\"}})])])],1)\n}\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\" alt=\"\" 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::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      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      // 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: #666666;\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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=3ac7c80a&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=3ac7c80a&prod&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  \"3ac7c80a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}