.

project/src/assets/config/config.js

@@ -17,7 +17,7 @@ axios.interceptors.request.use(
         admin_id: getCookie("admin_id"),
         ttl: Number(getCookie("ttl")),
         sign: getCookie("sign"),
-        corpid: store.state && store.state.defaultCorp && store.state.defaultCorp.corpid
+        corpid: JSON.parse(getLocal('defaultCorp')).corpid
       }
     } else {
       config.params = {
@@ -25,7 +25,7 @@ axios.interceptors.request.use(
         admin_id: getCookie("admin_id"),
         ttl: Number(getCookie("ttl")),
         sign: getCookie("sign"),
-        corpid: store.state && store.state.defaultCorp && store.state.defaultCorp.corpid
+        corpid: JSON.parse(getLocal('defaultCorp')).corpid
       }
     }
     // }

project/src/components/Index/header.vue

@@ -9,12 +9,12 @@
         <div class="enterpriseBox">
           <div class="enterprise-self">
             <!-- <img :src="enterprise.corp_square_logo_url" alt=""> -->
-            <span>{{enterprise.corp_full_name}}</span>
+            <span>{{enterprise.corp_full_name?enterprise.corp_full_name:enterprise.corp_name}}</span>
           </div>
           <i :class="['el-icon-caret-bottom',reversalAnimationFlag?'reversalAnimation':'']"></i>
         </div>
-        <el-select class="enterpriseElSelect" v-model="enterprise.corpid" size="small" placeholder="请选择" @visible-change="(val)=>{reversalAnimationFlag = val}">
-          <el-option v-for="item in enterpriseList" :key="item.corpid" :label="item.corp_full_name" :value="item.corpid">
+        <el-select class="enterpriseElSelect" v-model="enterprise.corpid" size="small" placeholder="请选择" @visible-change="(val)=>{reversalAnimationFlag = val}" @change="corpidChange">
+          <el-option v-for="(item,index) in enterpriseList" :key="index+'enterpriseList'" :label="item.corp_full_name?item.corp_full_name:item.corp_name" :value="item.corpid">
           </el-option>
         </el-select>
       </div>
@@ -68,32 +68,25 @@ export default {
       passwordFlag: false,
       password: '',
       re_password: '',
-      enterpriseList: [{
-        value: '选项1',
-        label: '黄金糕'
-      }, {
-        value: '选项2',
-        label: '双皮奶'
-      }, {
-        value: '选项3',
-        label: '蚵仔煎'
-      }, {
-        value: '选项4',
-        label: '龙须面'
-      }, {
-        value: '选项5',
-        label: '北京烤鸭'
-      }],
+      enterpriseList: [],
       enterprise: '',
       reversalAnimationFlag: false
     }
   },
   created () {
     this.enterpriseList = this.$store.state.authorize_corpList;
-    this.enterprise = this.$store.state.defaultCorp;
+    this.enterprise = JSON.parse(this.$localSelfStore.getLocal('defaultCorp'));
     this.userInfo = JSON.parse(this.$localSelfStore.getLocal('userInfo'))
   },
   methods: {
+    corpidChange (val) {
+      let arr = this.enterpriseList.filter((v) => {
+        return v.corpid == val
+      })[0];
+      this.enterprise = JSON.parse(JSON.stringify(arr))
+      this.$localSelfStore.setLocal('defaultCorp', JSON.stringify(this.enterprise));
+      this.reload()
+    },
     passwordEdit () {//修改密码
       if (!this.password || this.password == '') {
         this.$message({

project/src/components/assembly/editCon.vue

@@ -30,15 +30,15 @@
             <span>添加附件</span>
           </div>
           <div class="propoverItem" @click="fileEvent('img')">
-            <img src="@/assets/img/logoIndex.png" alt="">
+            <img src="@/assets/img/tupian.png" alt="">
             <span>图片</span>
           </div>
           <div class="propoverItem" @click="fileEvent('link')">
-            <img src="@/assets/img/logoIndex.png" alt="">
+            <img src="@/assets/img/lianjie.png" alt="">
             <span>链接</span>
           </div>
           <div class="propoverItem" @click="fileEvent('miniprogram')">
-            <img src="@/assets/img/logoIndex.png" alt="">
+            <img src="@/assets/img/xiaochengxu.png" alt="">
             <span>小程序</span>
           </div>
         </el-popover>
@@ -83,12 +83,12 @@
           <div class="phoneConItemCon" v-if="item.msgtype=='miniprogram'">
             <div class="phone_miniprogram">
               <div class="phone_miniprogram_title">
-                <img src="@/assets/img/loginBg.png" alt="">
+                <img src="@/assets/img/xiaochengxu.png" alt="">
                 <div class="name">{{item.miniprogram.title}}</div>
               </div>
               <img class="phone_miniprogram_img" :src="item.miniprogram.pic_url" alt="">
               <div class="phone_minirpogram_mark">
-                <img src="@/assets/img/loginBg.png" alt="">
+                <img src="@/assets/img/xiaochengxu.png" alt="">
                 <span>小程序</span>
               </div>
             </div>
@@ -213,7 +213,7 @@ export default {
         admin_id: this.$cookie.getCookie('admin_id'),
         ttl: this.$cookie.getCookie('ttl'),
         sign: this.$cookie.getCookie('sign'),
-        corpid: this.$store.state.defaultCorp.corpid,
+        corpid: JSON.parse(this.$localSelfStore.getLocal('defaultCorp')).corpid,
         type: 1,//素材类型。1图片 2语音 3视频
         need_media_id: 0,
       },
@@ -221,7 +221,7 @@ export default {
         admin_id: this.$cookie.getCookie('admin_id'),
         ttl: this.$cookie.getCookie('ttl'),
         sign: this.$cookie.getCookie('sign'),
-        corpid: this.$store.state.defaultCorp.corpid,
+        corpid: JSON.parse(this.$localSelfStore.getLocal('defaultCorp')).corpid,
         type: 1,//素材类型。1图片 2语音 3视频
         need_media_id: 1,//是否需要返回media_id.0否 1是
       },
@@ -596,8 +596,8 @@ export default {
             font-size: 12px;
             color: #777;
             img {
-              width: 10px;
-              height: 10px;
+              width: 13px;
+              height: 13px;
               margin-right: 4px;
             }
           }
@@ -657,7 +657,7 @@ export default {
     color: #00b38a;
   }
   img {
-    width: 10px;
+    width: 15px;
     margin: 0 8px;
   }
 }

project/src/components/assembly/screen/serviceSingle.vue

@@ -13,7 +13,7 @@
         <i class="el-icon-circle-close other-icon"></i>
       </div>
     </div>
-    <el-dialog title="" :visible.sync="visible" :close-on-click-modal="false" width="400px" center top="15vh">
+    <el-dialog title="" :visible.sync="visible" :close-on-click-modal="false" width="400px" append-to-body center top="15vh">
       <div v-loading="loading">
         <div class="propoverItem">
           <!-- <self-input :hasLabel="false" width="270px" style="margin-top:0"></self-input> -->

project/src/components/customManage/customerTransfer.vue

@@ -144,8 +144,8 @@
     </el-drawer>
 
     <!-- 分配客户 -->
-    <el-dialog title="分配客户" :visible.sync="distributionUserVisible" width="600px" center top="15vh">
-      <distribution-user></distribution-user>
+    <el-dialog title="分配客户" :visible.sync="distributionUserVisible" width="600px" center>
+      <distribution-user :userType='type' @closeToast='distributionUserVisible=false'></distribution-user>
     </el-dialog>
   </div>
 </template>
@@ -204,10 +204,8 @@ export default {
     }
   },
   created () {
-    if (localStorage.getItem('transter') && localStorage.getItem('transter') != '') {
-      localStorage.getItem('transter') == 'off' ? this.type = 1 : this.type = 2;
-      localStorage.setItem('transter', '')
-    }
+    console.log(localStorage.getItem('transter'));
+    localStorage.getItem('transter') == 'off' ? this.type = 1 : this.type = 2;
     this.init(1)
   },
   methods: {
@@ -250,6 +248,11 @@ export default {
       this.init(1)
     },
     changeType (type) {
+      if (type == 1) {
+        localStorage.setItem('transter', 'off')
+      } else {
+        localStorage.setItem('transter', 'on')
+      }
       this.type = type;
       this.multipleSelection = {};
       this.exclude_multiple_selection = {};
@@ -258,7 +261,7 @@ export default {
       this.resetEvent()
     },
     toDistribution () {//去分配
-
+      this.distributionUserVisible = true
     },
     shieldingUserCancel (type) {
       if (type == 'update') {

project/src/components/customManage/distributionUser.vue

@@ -4,8 +4,191 @@
       <i class="el-icon-message-solid"></i>
       <div>
         <p>可将选中的客户转接给其他员工，进行后续服务</p>
-        <p>注意：90天内客户只能被转移一次，一个客户最多只能被转接两次</p>
+        <p v-if="userType==2">注意：90天内客户只能被转移一次，一个客户最多只能被转接两次</p>
       </div>
     </div>
+    <service-single title='接替员工' style="margin-top:20px;margin-left:-30px" @customerDefine="serviceSingleEvent"></service-single>
+    <div class="buttons">
+      <el-button type="primary" plain size="mini" @click="$emit('closeToast')">取消</el-button>
+      <el-button type="primary" size="mini" @click="defineEvent">确定</el-button>
+    </div>
+
+    <el-dialog title="分配客户" :visible.sync="infoVisible" :close-on-click-modal="false" width="600px" append-to-body center top="15vh">
+      <div class="self-hint" style="border:none;">
+        <i class="el-icon-message-solid"></i>
+        <p>转接后客户将在24小时后成功转接，若客户拒绝，本次转接将不会生效</p>
+      </div>
+      <div class="userReceive">
+        <div class="receiveTop">
+          <p>客户将收到以下消息</p>
+          <div class="xg" @click="userChangeVisible=true"><i class="el-icon-edit"></i><span>修改</span></div>
+        </div>
+        <div class="userReceiveInfo">
+          <div class="user">
+            <div class="phonePeople">
+              <i class="el-icon-s-custom"></i>
+            </div>
+            <div class="con">{{reason}}</div>
+          </div>
+          <div class="userHint">由于工作变更，<span>{{user_replace_info.name}}@{{enterprise.corp_full_name?enterprise.corp_full_name:enterprise.corp_name}}</span>将在24小时后添加为你的企业微信联系人，接替 高秀丽@几门成都见公司 继续为你提供服务。</div>
+          <div class="userHint"><span>暂不添加</span></div>
+        </div>
+      </div>
+      <div class="buttons">
+        <el-button type="primary" plain size="mini" @click="userChangeVisible=false">返回</el-button>
+        <el-button type="primary" size="mini" @click="userChangeVisible=false;reason=changeReason;">保存</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="分配客户" :visible.sync="userChangeVisible" :close-on-click-modal="false" width="600px" append-to-body center top="15vh">
+      <div class="self-hint">
+        <i class="el-icon-message-solid"></i>
+        <span>转接后客户将在24小时后成功转接，若客户拒绝，本次转接将不会生效</span>
+      </div>
+      <div class="receiveTop" style="margin-top:15px">
+        <p>客户将收到以下消息</p>
+      </div>
+      <textarea class="textarea" autocomplete="off" placeholder="请输入客户收到的消息" v-model="changeReason"></textarea>
+      <div class="buttons">
+        <el-button type="primary" plain size="mini" @click="userChangeVisible=false">返回</el-button>
+        <el-button type="primary" size="mini" @click="userChangeVisible=false;reason=changeReason;">保存</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="设置" :visible.sync="setUpVisible" :close-on-click-modal="false" width="600px" append-to-body center top="15vh">
+
+    </el-dialog>
   </div>
-</template>
+</template>
+<script>
+import serviceSingle from '@/components/assembly/screen/serviceSingle.vue'
+export default {
+  components: { serviceSingle },
+  props: {
+    userType: {
+      type: Number | String,
+    }
+  },
+  data () {
+    return {
+      user_replace_info: {},
+      userChangeVisible: false,
+      reason: '您好，您的服务已升级，后续将由我的同事 高秀丽@几门成都见公司 接替我的工作，继续为您服务。',
+      changeReason: '您好，您的服务已升级，后续将由我的同事 高秀丽@几门成都见公司 接替我的工作，继续为您服务。',
+      setUpVisible: false,
+      infoVisible: false,
+      enterprise: {}
+    }
+  },
+  created () {
+    this.enterprise = JSON.parse(this.$localSelfStore.getLocal('defaultCorp'));
+  },
+  methods: {
+    serviceSingleEvent (val) {
+      if (val && val.user_id) {
+        this.user_replace_info = val;
+      } else {
+        this.user_replace_info = {}
+      }
+
+    },
+    defineEvent () {
+      if (!this.user_replace_info || !this.user_replace_info.user_id) {
+        this.$message({
+          message: '请选择接替员工！',
+          type: "warning"
+        })
+        return
+      }
+      this.infoVisible = true
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.line {
+  width: 100%;
+  height: 1px;
+  background: #f1f1f1;
+  margin: 30px 0 30px 0;
+}
+.receiveTop {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  p {
+    color: #444444;
+    font-size: 13px;
+    line-height: 18px;
+  }
+  .xg {
+    display: flex;
+    align-items: center;
+    color: #00b38a;
+    font-size: 13px;
+    line-height: 18px;
+    font-weight: bold;
+    cursor: pointer;
+    i {
+      margin-right: 7px;
+    }
+  }
+}
+.userReceive {
+  margin-top: 20px;
+
+  .userReceiveInfo {
+    background: #fafafa;
+    padding: 20px;
+    margin-top: 10px;
+    .user {
+      display: flex;
+      .phonePeople {
+        width: 26px;
+        height: 26px;
+        background: #00b38a;
+        color: #ffffff;
+        font-size: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        margin-right: 6px;
+        margin-top: 2px;
+      }
+      .con {
+        flex: 1;
+        color: #333333;
+        font-size: 14px;
+        line-height: 20px;
+        background: #fefeff;
+        padding: 8px 13px;
+        border: 1px solid #eeeeee;
+        border-radius: 2px;
+      }
+    }
+    .userHint {
+      color: #787878;
+      font-size: 13px;
+      line-height: 18px;
+      text-align: center;
+      margin-top: 13px;
+      span {
+        color: #5a6c95;
+      }
+    }
+  }
+}
+.buttons {
+  text-align: right;
+  padding: 20px 0 10px;
+}
+.textarea {
+  width: 100%;
+  height: 237px;
+  margin-top: 10px;
+  background: #fafafa !important;
+  border: none;
+  padding: 15px 10px;
+  font-size: 14px;
+  color: #333333;
+}
+</style>

project/src/store.js

@@ -6,7 +6,6 @@ import { setLocal, getLocal, delLocal, delAllLocal } from '@/assets/js/storage.j
 import { setCookie, getCookie, delCookie, delAllCookie } from '@/assets/js/cookie.js'
 Vue.use(Vuex);
 const state = {  //要设置的全局访问的state对象
-  defaultCorp: {},//企业信息
   exportNumber: 500,//导出的数量
   simpleName: '企微',//平台简称
   fullName: '企微助手',//平台全称
@@ -35,7 +34,17 @@ const actions = {
         let data = res.data;
         if (data && data.errno == 0) {
           state.authorize_corpList = data.rst.data
-          state.defaultCorp = data.rst.data[0]
+          let flag = false;
+          if (getLocal('defaultCorp') && JSON.parse(getLocal('defaultCorp')) && JSON.parse(getLocal('defaultCorp')).corpid) {
+            data.rst.data.forEach((item) => {
+              if (item.corpid == JSON.parse(getLocal('defaultCorp')).corpid) {
+                flag = true
+              }
+            });
+          }
+          if (!flag) {
+            setLocal('defaultCorp', JSON.stringify(data.rst.data[0]))
+          }
           resolve(true);
         } else {
           resolve(true);