1

src/components/school/student/student-left.vue

@@ -31,7 +31,6 @@
   }
 
   .stage_value {
-    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
@@ -65,11 +64,32 @@
     color: red;
   }
 
+  .stuHeadImg {
+    width: 80px;
+    height: 80px;
+    position: relative;
+  }
+
 </style>
 <template>
   <div>
     <div class="info_title">客户管理</div>
     <div class="info_content" style="margin-bottom:0;">
+      <div class="customer_info_component">
+        <div class="customer_info_Stage">
+          <div class="stage_label">头像</div>
+          <div class="stage_value">
+            <div class="stuHeadImg">
+              <el-upload :before-upload="uploadFile" :multiple="false" action='' :show-file-list="false">
+                <q-avatar size="80px" font-size="36px" style="background:#C9F7F5" text-color="white">
+                  <img :src="customObj.UserIcon" v-if="customObj.UserIcon">
+                  <!-- <span v-else>{{showObj.AccountName.substring(0,1)}}</span> -->
+                </q-avatar>
+              </el-upload>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="customer_info_component">
         <div class="customer_info_Stage">
           <div class="stage_label">
@@ -328,6 +348,10 @@
   import {
     queryStuOrderPage, //学员订单分页列表
   } from '../../../api/customerstudent/customerstudent';
+  import {
+    UploadSelfFile
+  } from '../../../api/common/common'
+
 
   export default {
     meta: {
@@ -364,6 +388,7 @@
         //客户对象
         customObj: {
           StuId: 0,
+          StuIcon: '', //学院头像
           StuName: '', //客户名称
           StuTel: '', //客户电话
           CreateType: '', //客户来源
@@ -445,6 +470,14 @@
       }
     },
     methods: {
+      uploadFile(files) {
+        UploadSelfFile("studentIcon", files, res => {
+          if (res.Code == 1) {
+            this.customMsg.UserIcon = res.FilePath
+          }
+        });
+      },
+
       //获取客户需求
       getGetNeedsList() {
         GetNeedsList().then(res => {
@@ -710,6 +743,7 @@
         const tempDate = this.stuData;
         this.customObj.StuId = tempDate.StuId;
         this.customObj.StuName = tempDate.StuName;
+        this.customObj.StuIcon = tempDate.StuIcon;
         this.customObj.StuTel = tempDate.StuTel;
         this.customObj.CreateType = tempDate.CreateType;
         this.customObj.StuSourceId = tempDate.StuSourceId;
@@ -728,8 +762,8 @@
         this.customObj.QQ = tempDate.QQ;
         this.customObj.WeChatNo = tempDate.WeChatNo;
         this.customObj.StuNeeds = tempDate.StuNeeds;
-        if(this.customObj.StuId>0){
-          this.isHaveOrder=true
+        if (this.customObj.StuId > 0) {
+          this.isHaveOrder = true
         }
       },
       //新增协助人员
@@ -786,15 +820,15 @@
           pageSize: 10,
           StuId: 0
         }
-        if(this.saveObj){
+        if (this.saveObj) {
           customMsg.StuId = this.saveObj.StuId;
         }
         queryStuOrderPage(customMsg).then(res => {
           if (res.Code == 1) {
-            if(this.customObj.StuId>0){
-              if(res.Data.PageData.length>0){
+            if (this.customObj.StuId > 0) {
+              if (res.Data.PageData.length > 0) {
                 this.isHaveOrder = true;
-              }else{
+              } else {
                 this.isHaveOrder = false;
               }
             }
@@ -804,10 +838,12 @@
 
     }
   }
+
 </script>
 <style scoped>
- ::v-deep .el-input__inner{
-   background:transparent;
-   border:none;
+  ::v-deep .el-input__inner {
+    background: transparent;
+    border: none;
   }
+
 </style>