学员根据页面修改

quasar.conf.js

@@ -47,9 +47,8 @@ module.exports = function(ctx) {
             vueRouterMode: 'history', // available values: 'hash', 'history'
 
             env: ctx.dev ? {
-                 API: 'http://localhost:5001/api',
-               // API: 'http://192.168.10.128:8300/api',
-                // API: 'https://eduapi.oytour.com/api',
+                //API:'http://localhost:5001/api',
+                API: 'http://192.168.10.68:8300/api',
                 API_ZC: 'http://192.168.10.238:8087/api',
                 API_SK: 'ws://websocket.oytour.com/ws',
                 API_SIG: 'http://localhost:5001/messagecenter'

src/components/school/student/stufollowlistNew.vue

@@ -68,16 +68,16 @@
         cellpadding="0" v-loading="loading">
         <tr>
           <th width="100" style="z-index: 999;">学生</th>
-          <th width="100" >报名日期</th>
-          <th width="70" >职业</th>
-          <th width="80" >目的</th>
-          <th width="100" >班主任</th>
-          <th width="200" >课程名称</th>
-          <th width="80" >金额</th>
+          <th width="100">报名日期</th>
+          <th width="70">职业</th>
+          <th width="80">目的</th>
+          <th width="100">班主任</th>
+          <th width="200">课程名称</th>
+          <th width="80">金额</th>
           <th>基本情况</th>
-          <th width="200" >续费课程</th>
-          <th width="80" >续费级别</th>
-          <th width="80" >续费金额</th>
+          <th width="200">续费课程</th>
+          <th width="80">续费级别</th>
+          <th width="80">续费金额</th>
           <th width="90">负责人</th>
         </tr>
         <template v-if='dataObj&&dataObj.RList && dataObj.RList.length>0'>
@@ -91,14 +91,30 @@
               {{ item.CreateTime }}
             </td>
             <td>
-              <div class="text-blue cursor-pointer" @click="getStuBaseInfo(item)">
+              <template v-if="item.StuProfession&&item.StuProfession!=''">
+                <span class="text-blue cursor-pointer" style="cursor:pointer" @click="getStuBaseInfo(item,1)">
                   {{item.StuProfession}}
-              </div>
+                  <q-tooltip :offset="[10, 10]">
+                    点击修改
+                  </q-tooltip>
+                </span>
+              </template>
+              <template v-else>
+                <a class="text-blue cursor-pointer" style="cursor:pointer" @click="getStuBaseInfo(item,1)">添加</a>
+              </template>
             </td>
             <td>
-              <div class="text-blue cursor-pointer" @click="getStuBaseInfo(item)">
-                {{ item.StuPurposeName }}
-              </div>
+              <template v-if="item.StuPurposeName&&item.StuPurposeName!=''">
+                <span class="text-blue cursor-pointer" style="cursor:pointer" @click="getStuBaseInfo(item,2)">
+                  {{item.StuPurposeName}}
+                  <q-tooltip :offset="[10, 10]">
+                    点击修改
+                  </q-tooltip>
+                </span>
+              </template>
+              <template v-else>
+                <a class="text-blue cursor-pointer" style="cursor:pointer" @click="getStuBaseInfo(item,2)">添加</a>
+              </template>
             </td>
             <td>
               <span v-html="getTeacherManager(item)"></span>
@@ -127,6 +143,7 @@
                 <a style="color:blue;cursor:pointer;" v-if="item.FollowList.length>2"
                   @click="item.IsShowFollowAll=!item.IsShowFollowAll">{{!item.IsShowFollowAll?"展开":"收起"}}</a>
               </template>
+              <a class="text-blue cursor-pointer" style="cursor:pointer" @click="getStuBaseInfo(item,3)">&nbsp;添加</a>
             </td>
             <td>
               <div v-for="(sItem,sIndex) in item.RenewOrderList" style="border-bottom:1px dashed #d1d1d1;"
@@ -167,7 +184,7 @@
     </studentFUForm>
 
     <q-dialog v-model="isShowStuBaseInfo">
-        <q-card style="width: 450px;">
+      <q-card style="width:450px;">
         <q-card-section class="row items-center q-pb-none">
           <div class="text-h6">【{{customObj.StuName}}】</div>
           <q-space />
@@ -175,29 +192,30 @@
         </q-card-section>
         <q-separator />
         <q-card-section>
-            <div style="width:100%;margin-bottom:15px;">
-              <div style="width:12%;display:inline-block;">职业：</div><div style="width:87%;display:inline-block;"><q-input filled v-model="customObj.StuProfession" dense ></q-input></div>
+          <div style="width:100%;margin-bottom:15px;" v-if="customObj.EditType==1">
+            <div style="width:13%;display:inline-block;">职业：</div>
+            <div style="width:86%;display:inline-block;">
+              <q-input filled v-model="customObj.StuProfession" dense></q-input>
             </div>
-          
-            <div style="width:100%;margin-bottom:15px;">
-          <div style="width:12%;display:inline-block;">目的： </div><div style="width:87%;display:inline-block;"><q-select filled v-model="customObj.StuPurpose" dense :options="goalsList" option-label="Name"
-              option-value="Id" emit-value map-options /></div>
           </div>
-          
-            <div style="width:100%;margin-bottom:15px;">
-             <div style="width:12%;display:inline-block;vertical-align:top;">跟进：</div>
-             <div style="width:87%;display:inline-block;"> <UeEditor
-        v-model="customObj.Remark"
-        class="q-pb-sm"
-        :config="config"
-      ></UeEditor></div>
+          <div style="width:100%;margin-bottom:15px;" v-if="customObj.EditType==2">
+            <div style="width:13%;display:inline-block;">目的： </div>
+            <div style="width:86%;display:inline-block;">
+              <q-select filled v-model="customObj.StuPurpose" dense :options="goalsList" option-label="Name"
+                option-value="Id" emit-value map-options />
+            </div>
+          </div>
+          <div style="width:100%;margin-bottom:15px;" v-if="customObj.EditType==3">
+            <div style="width:13%;display:inline-block;vertical-align:top;">基本<br/>情况：</div>
+            <div style="width:86%;display:inline-block;">
+              <UeEditor v-model="customObj.Remark" class="q-pb-sm" :config="config"></UeEditor>
+            </div>
           </div>
         </q-card-section>
         <q-separator />
         <q-card-actions align="right" class="bg-white">
           <q-btn class="q-mr-md" label="取消" @click="clearMsg()" />
-            <q-btn color="accent" class="q-mr-md" label="确定" @click="saveStu()"
-              :loading="stuloading" />
+          <q-btn color="accent" class="q-mr-md" label="确定" @click="saveStu()" :loading="stuloading" />
         </q-card-actions>
       </q-card>
     </q-dialog>
@@ -248,8 +266,8 @@
       return {
         isShowStuFU: false,
         isShowStuRight: false,
-        isShowStuBaseInfo:false,
-        stuloading:false,
+        isShowStuBaseInfo: false,
+        stuloading: false,
         //学习目的列表
         goalsList: [],
         config: {
@@ -267,8 +285,9 @@
           StuId: 0,
           StuProfession: "", //职业
           StuPurpose: "", //学习目的
-          Remark:"",
-          StuName:"",
+          Remark: "",
+          StuName: "",
+          EditType: 0, //1-修改职业，2-修改目的，3-添加跟进
         },
       };
     },
@@ -316,11 +335,35 @@
         this.customObj.Remark = "";
         this.customObj.StuProfession = "";
         this.customObj.StuPurpose = "";
+        this.customObj.EditType = 0;
         this.stuloading = false;
         this.isShowStuBaseInfo = false;
       },
       //保存学员信息
       saveStu() {
+        if (this.customObj.EditType == 1) {
+          if (this.customObj.StuProfession == '') {
+            this.$q.notify({
+              type: "negative",
+              position: "top",
+              timeout: 2000,
+              message: "请填写职业"
+            });
+            return;
+          }
+        }
+        if (this.customObj.EditType == 2) {
+          if (this.customObj.StuPurpose == '') {
+            this.$q.notify({
+              type: "negative",
+              position: "top",
+              timeout: 2000,
+              message: "请选择学习目的"
+            });
+            return;
+          }
+        }
+        if (this.customObj.EditType == 3) {
           if (this.customObj.Remark == "") {
             this.$q.notify({
               type: "negative",
@@ -330,7 +373,8 @@
             });
             return;
           }
-      this.stuloading=true;
+        }
+        this.stuloading = true;
         saveStudentBaseInfo(this.customObj).then(res => {
           if (res.Code == 1) {
             this.$q.notify({
@@ -343,21 +387,22 @@
             this.$emit("update");
             this.$emit("success");
             this.$emit("getrecord");
-            this.stuloading=false;
-            this.isShowStuBaseInfo=false;
+            this.stuloading = false;
+            this.isShowStuBaseInfo = false;
             this.clearMsg();
           }
         });
       },
       //点击学生姓名弹出
-       getStuBaseInfo(obj) {
+      getStuBaseInfo(obj, showType) {
         if (obj) {
           this.customObj.StuId = obj.StuId;
           this.customObj.StuName = obj.StuName;
           this.customObj.StuProfession = obj.StuProfession;
           this.customObj.StuPurpose = obj.StuPurpose;
+          this.customObj.EditType = showType;
         }
-        this.stuloading=false;
+        this.stuloading = false;
         this.isShowStuBaseInfo = true;
       },
       //关闭弹窗