用户详情

project/src/assets/config/interface_api.js

@@ -165,35 +165,38 @@ var api = {
   warn_djuserList: "/api/warn/djuserList",
   warn_groupEableOp: "/api/warn/groupEableOp",
 
-  channel_groupList:'/api/sq/sqGroupList',
-  channel_addGroup:'/api/sq/addSqgroup',
-  channel_editGroup:'/api/sq/editSqgroup',
-  channel_sortGroup:'/api/sq/editGroupSort',
-  channel_deleGroup:'/api/sq/delSqGroup',
-  channel_createCode:'/api/sq/addSourceQrcode',
-  channel_codeList:'/api/sq/sourceQrcodeList',
-  channel_codeDetial:'/api/sq/sourceQrcodeDetail',
-  channel_codeEdit:'/api/sq/editSourceQrcode',
-  channel_code_forbidden:'/api/sq/delSourceQrcode',
-  channel_dataView:'/api/sq/dataView',
-  channel_dataTrend:'/api/sq/dataTrend',
-  channel_trend_customerList:'/api/sq/customerList',
-  channel_trend_staffList:'/api/sq/staffList',
+  channel_groupList: '/api/sq/sqGroupList',
+  channel_addGroup: '/api/sq/addSqgroup',
+  channel_editGroup: '/api/sq/editSqgroup',
+  channel_sortGroup: '/api/sq/editGroupSort',
+  channel_deleGroup: '/api/sq/delSqGroup',
+  channel_createCode: '/api/sq/addSourceQrcode',
+  channel_codeList: '/api/sq/sourceQrcodeList',
+  channel_codeDetial: '/api/sq/sourceQrcodeDetail',
+  channel_codeEdit: '/api/sq/editSourceQrcode',
+  channel_code_forbidden: '/api/sq/delSourceQrcode',
+  channel_dataView: '/api/sq/dataView',
+  channel_dataTrend: '/api/sq/dataTrend',
+  channel_trend_customerList: '/api/sq/customerList',
+  channel_trend_staffList: '/api/sq/staffList',
 
-  radar_addGroup:'/api/radar/radarGroupCreate',
-  radar_groupList:'/api/radar/radarGroupList',
-  radar_editGroup:'/api/radar/radarGroupUpdate',
-  radar_sortGroup:'/api/radar/radarGroupSortUpdate',
-  radar_deleGroup:'/api/radar/radarGroupDelete',
-  radar_addRadar:'/api/radar/radarCreate',
-  radar_radarList:'/api/radar/radarList',
-  radar_radarDetail:'/api/radar/radarDetail',
-  radar_radarEdit:'/api/radar/radarUpdate',
-  radar_radarSort:'/api/radar/radarSortUpdate',
-  radar_radarDele:'/api/radar/radarDelete',
-  radar_uploadFileToOss:'/api/material/uploadFileToOss',
-  radar_dataView:'/api/radar/dataStatisticsTotal',
-  radar_dataView_list:'/api/radar/dataStatisticsList',
+  radar_addGroup: '/api/radar/radarGroupCreate',
+  radar_groupList: '/api/radar/radarGroupList',
+  radar_editGroup: '/api/radar/radarGroupUpdate',
+  radar_sortGroup: '/api/radar/radarGroupSortUpdate',
+  radar_deleGroup: '/api/radar/radarGroupDelete',
+  radar_addRadar: '/api/radar/radarCreate',
+  radar_radarList: '/api/radar/radarList',
+  radar_radarDetail: '/api/radar/radarDetail',
+  radar_radarEdit: '/api/radar/radarUpdate',
+  radar_radarSort: '/api/radar/radarSortUpdate',
+  radar_radarDele: '/api/radar/radarDelete',
+  radar_uploadFileToOss: '/api/material/uploadFileToOss',
+  radar_dataView: '/api/radar/dataStatisticsTotal',
+  radar_dataView_list: '/api/radar/dataStatisticsList',
+  portrait_confList: '/api/portrait/confList',
+  portrait_confOperate: '/api/portrait/confOperate',
+  portrait_confAdd: "/api/portrait/confAdd",
 
 };
 

project/src/components/customOperate/sideTool/index.vue

@@ -24,7 +24,8 @@ export default {
   methods: {
     changeType (type) {
       this.type = type
-    }
+    },
+    
   }
 }
 </script>

qwh5/package-lock.json

@@ -8,13 +8,14 @@
       "name": "qwh5",
       "version": "0.1.0",
       "dependencies": {
-        "@element-plus/icons-vue": "^2.0.6",
         "axios": "^0.27.2",
         "core-js": "^3.8.3",
         "element-plus": "^2.2.5",
+        "md5": "^2.3.0",
         "sass": "^1.52.3",
         "sass-loader": "^13.0.0",
         "save": "^2.5.0",
+        "vant": "^3.5.2",
         "vue": "^3.2.13",
         "vue-class-component": "^8.0.0-0",
         "vue-router": "^4.0.3",
@@ -1865,6 +1866,15 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@sideway/address": {
       "version": "4.1.4",
       "resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.4.tgz",
@@ -2193,6 +2203,24 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@vant/icons": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.8.0.tgz",
+      "integrity": "sha512-sKfEUo2/CkQFuERxvkuF6mGQZDKu3IQdj5rV9Fm0weJXtchDSSQ+zt8qPCNUEhh9Y8shy5PzxbvAfOOkCwlCXg=="
+    },
+    "node_modules/@vant/popperjs": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.2.1.tgz",
+      "integrity": "sha512-qzQlrPE4aOsBzfrktDVwzQy/QICCTKifmjrruhY58+Q2fobUYp/T9QINluIafzsD3VJwgP8+HFVLBsyDmy3VZQ==",
+      "dependencies": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
+    "node_modules/@vant/use": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.4.1.tgz",
+      "integrity": "sha512-YonNN0SuJLEJuqdoMcVAJm2JUZWkHNrW81QzeF6FLyG5HFUGlmTM5Sby7gdS3Z/8UDMlkWRQpJxBWbmVzmUWxQ=="
+    },
     "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -3792,6 +3820,14 @@
         "node": ">=6"
       }
     },
+    "node_modules/charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
@@ -4327,6 +4363,14 @@
         "semver": "bin/semver"
       }
     },
+    "node_modules/crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/css-declaration-sorter": {
       "version": "6.2.2",
       "resolved": "https://registry.npmmirror.com/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz",
@@ -6244,6 +6288,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
     "node_modules/is-ci": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/is-ci/-/is-ci-1.2.1.tgz",
@@ -6933,6 +6982,16 @@
       "resolved": "https://registry.npmmirror.com/map-stream/-/map-stream-0.0.7.tgz",
       "integrity": "sha512-C0X0KQmGm3N2ftbTGBhSyuydQ+vV1LC3f3zPvT3RXHXNZrvfPZcoXp/N5DOa8vedX/rTMm2CjTtivFg2STJMRQ=="
     },
+    "node_modules/md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dependencies": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
     "node_modules/mdn-data": {
       "version": "2.0.14",
       "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.14.tgz",
@@ -9972,6 +10031,19 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/vant": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-3.5.2.tgz",
+      "integrity": "sha512-RR2SEE/ZHH30Z7a9iLBxskvSzs8rwaU2vDhR7HtBjgXreADzGjU75XxV2ogwrtaj2YU1IaBYC8xXjn3VXRxREw==",
+      "dependencies": {
+        "@vant/icons": "^1.8.0",
+        "@vant/popperjs": "^1.2.1",
+        "@vant/use": "^1.4.1"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
@@ -12206,6 +12278,11 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
+    },
     "@sideway/address": {
       "version": "4.1.4",
       "resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.4.tgz",
@@ -12509,6 +12586,24 @@
         "@types/node": "*"
       }
     },
+    "@vant/icons": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.8.0.tgz",
+      "integrity": "sha512-sKfEUo2/CkQFuERxvkuF6mGQZDKu3IQdj5rV9Fm0weJXtchDSSQ+zt8qPCNUEhh9Y8shy5PzxbvAfOOkCwlCXg=="
+    },
+    "@vant/popperjs": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.2.1.tgz",
+      "integrity": "sha512-qzQlrPE4aOsBzfrktDVwzQy/QICCTKifmjrruhY58+Q2fobUYp/T9QINluIafzsD3VJwgP8+HFVLBsyDmy3VZQ==",
+      "requires": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
+    "@vant/use": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.4.1.tgz",
+      "integrity": "sha512-YonNN0SuJLEJuqdoMcVAJm2JUZWkHNrW81QzeF6FLyG5HFUGlmTM5Sby7gdS3Z/8UDMlkWRQpJxBWbmVzmUWxQ=="
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -13733,6 +13828,11 @@
       "integrity": "sha512-Y4kiDb+AM4Ecy58YkuZrrSRJBDQdQ2L+NyS1vHHFtNtUjgutcZfx3yp1dAONI/oPaPmyGfCLx5CxL+zauIMyKQ==",
       "dev": true
     },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
+    },
     "chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
@@ -14138,6 +14238,11 @@
         }
       }
     },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="
+    },
     "css-declaration-sorter": {
       "version": "6.2.2",
       "resolved": "https://registry.npmmirror.com/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz",
@@ -15541,6 +15646,11 @@
         "binary-extensions": "^2.0.0"
       }
     },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
     "is-ci": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/is-ci/-/is-ci-1.2.1.tgz",
@@ -16065,6 +16175,16 @@
       "resolved": "https://registry.npmmirror.com/map-stream/-/map-stream-0.0.7.tgz",
       "integrity": "sha512-C0X0KQmGm3N2ftbTGBhSyuydQ+vV1LC3f3zPvT3RXHXNZrvfPZcoXp/N5DOa8vedX/rTMm2CjTtivFg2STJMRQ=="
     },
+    "md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "requires": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
     "mdn-data": {
       "version": "2.0.14",
       "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.14.tgz",
@@ -18273,6 +18393,16 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "vant": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-3.5.2.tgz",
+      "integrity": "sha512-RR2SEE/ZHH30Z7a9iLBxskvSzs8rwaU2vDhR7HtBjgXreADzGjU75XxV2ogwrtaj2YU1IaBYC8xXjn3VXRxREw==",
+      "requires": {
+        "@vant/icons": "^1.8.0",
+        "@vant/popperjs": "^1.2.1",
+        "@vant/use": "^1.4.1"
+      }
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",

qwh5/package.json

@@ -7,13 +7,14 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.0.6",
     "axios": "^0.27.2",
     "core-js": "^3.8.3",
     "element-plus": "^2.2.5",
+    "md5": "^2.3.0",
     "sass": "^1.52.3",
     "sass-loader": "^13.0.0",
     "save": "^2.5.0",
+    "vant": "^3.5.2",
     "vue": "^3.2.13",
     "vue-class-component": "^8.0.0-0",
     "vue-router": "^4.0.3",

qwh5/src/components/noData.vue

@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <img src="@/assets/img/dpNoData.png" class="dpNoData" alt="">
+    <p class="hint">暂无数据</p>
+  </div>
+</template>
+<style lang="scss" scoped>
+.dpNoData{
+  width:50%;
+  margin:auto;
+  display: block;
+}
+.hint{
+  font-size: 13px;
+  color:#888;
+  line-height: 20px;
+  text-align: center;
+  margin-top:20px;
+}
+</style>

qwh5/src/components/tag.vue

@@ -1,59 +1,95 @@
 <template>
-  <div>
-    zujian 
+  <div class="tag_cantiner">
+    <div v-for="(item,index) in tagList" :key="index+'tag'" class="tagBox">
+      <h3 class="tagName">{{item.group_name}}</h3>
+      <div class="tagItemBox">
+        <div :class="['tagItem',(selectedTag.filter((v)=>{return v.tag_md5 == tag.tag_md5})).length>0?'active':'']" v-for="(tag) in item.tag_list" :key="tag.tag_id" @click="tagEvent(tag)">{{tag.tag_name}}</div>
+      </div>
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { onBeforeMount, ref, reactive, getCurrentInstance } from 'vue';
-  // import service from '@/utils/axios'
+  import { json } from 'stream/consumers';
+import { onBeforeMount, ref, reactive, getCurrentInstance } from 'vue';
+  const emits= defineEmits<{///*ts专有*/
+    (e: 'closeTag', num: number): void
+  }>()
+  const props = defineProps({
+    labelList :{
+      type: Array,
+      default: []
+    }
+  })
   const { proxy } = getCurrentInstance(); //来获取全局 globalProperties 中配置的信息
+  const tagList = ref([])
+  const selectedTag = ref([]);//选中的标签
+  selectedTag.value = JSON.parse(JSON.stringify(props.labelList));
+  
     //dom挂载后
-// console.log(service);
   onBeforeMount(() => {//组件挂载之前
     get_tag()
   });
-
-  function get_tag(){
-    proxy.$axios.get("/api/customer/customerDetailTagList", {
-      admin_id:1,
-      ttl:'1656039803',
-      sign:'c98c263c5dd590750a6ec3894d283bc7',
-      view_type:'helper',
-      sys_group_id:2,
-      corpid:'ww27940915d8fbfbe6',
-      customer_id:'72675',
-      user_id:'if'
-    })
+  function tagEvent(data){//点击标签选择
+    let arr:any = selectedTag.value;
+    if(arr.filter((v)=>{
+      return v.tag_md5 == data.tag_md5
+    }).length>0){
+      arr = arr.filter((v)=>{
+        return v.tag_md5 != data.tag_md5
+      })
+    }else{
+      arr.push(data)
+    }
+    selectedTag.value = arr;
+    emits('closeTag',arr)
+  }
+  function get_tag(){//获取所有标签
+    (proxy as any).$axios.post({url:"/api/h5/portrait/tagList", data:{
+      sign:'64daf0d070a2fc5fdf7de45d8566cc4d',
+      corpid:'wwc8d3e33f8e096671',
+      external_userid:'wmezvKNwAAF17OWc13Hg6X0ob31ijZmg',
+      user_id:'bc85094e2cfd56a8bd6cd726bd98b14b'
+    },errToast:true})
     .then((res) => {
       //请求成功
-      console.log(res)
+      tagList.value = res.rst;
     })
     .catch( err => {
-      console.log(err)
     })
-
-    // service.get('',{
-     
-    // },{toastFlag:false}).then((res)=>{
-    //   console.log(res,'res11111');
-      
-    // })
-    // request({
-    //   url: '/api/customer/customerDetailTagList',
-    //   method: 'get',
-    //   data:{
-    //     admin_id:1,
-    //     ttl:'1656039803',
-    //     sign:'c98c263c5dd590750a6ec3894d283bc7',
-    //     view_type:'helper',
-    //     sys_group_id:2,
-    //     corpid:'ww27940915d8fbfbe6',
-    //     customer_id:'72675',
-    //     user_id:'if'
-    //   }
-    // }).then((res)=>{
-    //   console.log(res,'res11111');
-      
-    // })
   }
-</script>
+</script>
+<style lang="scss" scoped>
+.tag_cantiner{
+  padding:20px;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+.tagBox{
+  .tagName{
+    font-size: 14px;
+    font-weight: bold;
+    color: #444;
+  }
+  .tagItemBox{
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-bottom: 20px;
+    .tagItem{
+      padding: 2px 10px;
+      line-height: 20px;
+      text-align: center;
+      border: 1px solid #d2d2d2;
+      margin-right: 8px;
+      margin-top: 10px;
+      font-size: 12px;
+      border-radius: 3px;
+      &.active{
+        background-color: rgba(0,179,138,.2);
+        border: 1px solid rgba(0,179,138,.4);
+        color: #00b38a;
+      }
+    }
+  }
+}
+</style>

qwh5/src/main.ts

@@ -4,16 +4,19 @@ import router from './router'
 import store from './store'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+// import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import { Icon } from 'vant';
+import 'vant/lib/index.css';
 import './styles/index.scss'
 import axios from './utils/axios';
+import getWxConfig from './utils/getWxConfig';
 const app = createApp(App)
 
+// for (const [key, component] of Object.entries(ElementPlusIconsVue)) {//引入elemenet全部图标
+//   app.component(key, component)
+// }
 
-for (const [key, component] of Object.entries(ElementPlusIconsVue)) {//引入elemenet全部图标
-  app.component(key, component)
-}
+app.use(Icon).use(ElementPlus).use(store).use(router).mount('#app')
 
-app.use(ElementPlus).use(store).use(router).mount('#app')
-
-app.config.globalProperties.$axios = axios;//全局挂载方法
+app.config.globalProperties.$axios = axios;//全局挂载方法
+app.config.globalProperties.$getWxConfig = getWxConfig;//全局挂载方法

qwh5/src/shims-vue.d.ts

@@ -1,8 +1,7 @@
 /* eslint-disable */
 // import {DefineComponent} from "vue";
-
 declare module '*.vue' {
-  import  { DefineComponent } from 'vue'
+  import { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>
   export default component
 }

qwh5/src/styles/index.scss

@@ -5,3 +5,7 @@
 html {
   touch-action: manipulation;
 }
+
+.van-popup-background-color{
+  background-color: red;
+}

qwh5/src/utils/axios.ts

@@ -2,10 +2,11 @@ import axios, { AxiosInstance } from 'axios'
 // eslint-disable-next-line
 // import { getToken, getCsrfToken } from '@/utils/auth'
 // import store from '@/store'
+import { Toast } from 'vant'
+import md5 from 'md5';
 
 // eslint-disable-next-line
 const config = require('../../config')
-console.log('process.env.NODE_ENV', process.env.NODE_ENV);
 
 const { baseURL } = config[process.env.NODE_ENV]
 
@@ -19,11 +20,15 @@ const service: AxiosInstance = axios.create({
 // 请求拦截器
 service.interceptors.request.use(
   config => {
-    console.log(config, '99999')
     // if (store.state.user.token) {
     //   config.headers.Authorization = `Bearer ${getToken()}`
     // }
     // config.headers['x-csrf-token'] = getCsrfToken()
+    if (config.method == "post") {
+      config.data = Object.assign((config.data ? config.data : {}))
+    } else {
+      config.params = Object.assign((config.params ? config.params : {}))
+    }
     return config
   },
   error => {
@@ -35,12 +40,7 @@ service.interceptors.request.use(
 // 响应拦截器
 service.interceptors.response.use(
   response => {
-    const res = response.data
-    if (res.errno !== 0) {
-      return Promise.reject(res)
-    } else {
-      return response
-    }
+    return response
   },
   error => {
     //这里是返回状态码不为200时候的错误处理
@@ -107,35 +107,70 @@ export default {
    * @param {Object} data 
    * @returns Promise
    */
-  post(url, data) {
+  post(url, data, errToast?: any) {
+    let ksort_data: any = ksort(data);
+    let str = '';
+    for (let i in ksort_data) {
+      str = str + i + '=' + ksort_data[i];
+    }
+    let sign = md5(md5(str) + 'ur904wtr5pfctaw9')
+    let params = Object.assign({ sign: sign }, ksort_data)
     return new Promise((resolve, reject) => {
       service({
         method: 'post',
         url,
-        data: data,
-      })
-        .then(res => {
+        data: params,
+      }).then(res => {
+        if (res.data.errno == 0) {
+          resolve(res.data)
+        } else {
           resolve(res.data)
-        })
-        .catch(err => {
-          reject(err)
-        });
+          if (errToast) {
+            Toast(res.data.err)
+          }
+        }
+      }).catch(err => {
+        console.log(err.message, 'err');
+        Toast(err.message)
+        reject(err)
+      });
     })
   },
 
-  get(url, data) {
+  get(url, data, errToast?: any) {
+    let ksort_data: any = ksort(data);
+    let str = '';
+    for (let i in ksort_data) {
+      str = str + i + '=' + ksort_data[i];
+    }
+    let sign = md5(md5(str) + 'ur904wtr5pfctaw9')
+    let params = Object.assign({ sign: sign }, ksort_data)
     return new Promise((resolve, reject) => {
-      service({
-        method: 'get',
-        url,
-        params: data,
-      })
-        .then(res => {
+      service.get(url, {
+        params: params,
+      }).then(res => {
+        if (res.data.errno == 0) {
           resolve(res.data)
-        })
-        .catch(err => {
-          reject(err)
-        })
+        } else {
+          resolve(res.data)
+          if (errToast) {
+            Toast(res.data.err)
+          }
+        }
+      }).catch(err => {
+        Toast(err.message)
+        reject(err)
+      })
     })
   }
 };
+
+function ksort(o) {//使用js代码实现类似php的ksort方法 ---- 按键排序
+  let sorted = {},
+    keys = Object.keys(o);
+  keys.sort();
+  keys.forEach((key) => {
+    sorted[key] = o[key];
+  })
+  return sorted;
+}

qwh5/src/utils/getWxConfig.ts

@@ -0,0 +1,78 @@
+import axios from './axios';
+function getAuthInfo(cb) {//jsapi通用授权数据
+  console.log('0000', 'corpid', getQueryString('corpid'));
+
+  axios.post('/api/h5/auth/commonAuthData', {
+    corpid: getQueryString('corpid'),
+    url: location.href.split('#')[0],
+  }).then((res: any) => {
+    initQYConfig(res.rst, cb);
+  }).catch((err) => {
+    console.log(err, 'err')
+  })
+}
+
+function initQYConfig(authInfo, cb) { // 企业
+  console.log('11111');
+  wx.config({
+    beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
+    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+    appId: authInfo.corpid, // 必填，企业微信的corpID
+    timestamp: authInfo.timestamp, // 必填，生成签名的时间戳
+    nonceStr: authInfo.nonce_str, // 必填，生成签名的随机串
+    signature: authInfo.signature, // 必填，签名，见 附录-JS-SDK使用权限签名算法 企业签名
+    jsApiList: ['getCurExternalContact'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
+  })
+  wx.ready(function () {
+    initYYConfig(authInfo, cb)
+  })
+  wx.error(function (res) {
+    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
+    console.log(res, 'QYerror')
+  })
+}
+
+function initYYConfig(authInfo, cb) { // 应用
+  console.log('222');
+  wx.agentConfig({
+    corpid: authInfo.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
+    agentid: authInfo.agent_id, // 必填，企业微信的应用id （e.g. 1000247）
+    timestamp: authInfo.timestamp, // 必填，生成签名的时间戳
+    nonceStr: authInfo.nonce_str, // 必填，生成签名的随机串
+    signature: authInfo.app_signature, // 必填，签名，见附录-JS-SDK使用权限签名算法  应用签名
+    jsApiList: ['getCurExternalContact'], // 必填，传入需要使用的接口名称
+    success: function (res) {
+      console.log('333')
+      cb ? cb() : ''
+    },
+    fail: function (res) {
+      console.log(res);
+
+      if (res.errMsg.indexOf('function not exist') > -1) {
+        alert('版本过低请升级')
+      }
+    }
+  })
+}
+
+
+export default getAuthInfo
+// return;
+
+
+//获取地址栏参数，name:参数名称
+function getQueryString(name?: string) {
+  const url = window.location.href
+  const theRequest: any = {}
+  if (url.indexOf('?') != -1) {
+    const str = url.split('?')[1]
+    const strs = str.split('&')
+    for (let i = 0; i < strs.length; i++) {
+      theRequest[strs[i].split('=')[0]] = decodeURIComponent(strs[i].split('=')[1])
+    }
+  }
+  if (!name) {
+    return theRequest
+  }
+  return theRequest[name] ? theRequest[name] : ''
+}

qwh5/src/utils/request.ts

@@ -1,3 +0,0 @@
-import axios from "./axios";
-// https://www.jianshu.com/p/8ec5b1dfed8a
-

qwh5/vue.config.js

@@ -1,4 +1,9 @@
 const { defineConfig } = require('@vue/cli-service')
+const path = require('path')
+
+function resolve (dir) {
+  return path.join(__dirname, dir)
+}
 module.exports = defineConfig({
   transpileDependencies: true,
   devServer: {
@@ -16,4 +21,13 @@ module.exports = defineConfig({
   publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
   outputDir: 'dist',
   productionSourceMap: false,//打包不到.map文件
+  configureWebpack: {
+    // provide the app's title in webpack's name field, so that
+    // it can be accessed in index.html to inject the correct title.
+    resolve: {
+      alias: {
+        '@': resolve('src')
+      }
+    }
+  },
 })