添加合同样本背景

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

@@ -133,8 +133,8 @@
           </div>
           <div class="stage_value">
             <q-select filled v-model="customObj.CreateType" @change="clearStuMsg()" style="width:185px;"
-              @input="resetStuSource()" dense :options="customFromList" option-label="Name" option-value="Id" emit-value
-              map-options label="客户来源" />
+              :disable="customObj.StuId>0" @input="resetStuSource()" dense :options="customFromList" option-label="Name"
+              option-value="Id" emit-value map-options label="客户来源" />
           </div>
         </div>
       </div>
@@ -145,8 +145,8 @@
           </div>
           <div class="stage_value">
             <q-select filled v-model="customObj.StuSourceId" style="width:185px;" dense @filter="filterEmployee"
-              use-input :options="myEmployeeList" option-label="EmployeeName" option-value="Id" emit-value
-              map-options />
+              :disable="customObj.StuId>0" use-input :options="myEmployeeList" option-label="EmployeeName"
+              option-value="Id" emit-value map-options />
           </div>
         </div>
       </div>
@@ -157,7 +157,8 @@
           </div>
           <div class="stage_value">
             <q-select filled v-model="customObj.StuSourceId" style="width:185px;" use-input @filter="filterStudent"
-              dense :options="MyTransListData" option-label="StuName" option-value="StuId" emit-value map-options />
+              :disable="customObj.StuId>0" dense :options="MyTransListData" option-label="StuName" option-value="StuId"
+              emit-value map-options />
           </div>
         </div>
       </div>
@@ -168,7 +169,8 @@
           </div>
           <div class="stage_value">
             <q-select filled v-model="customObj.StuChannel" style="width:185px;" dense :options="StuChannelList"
-              option-label="Name" option-value="Id" emit-value map-options use-input @filter="filterStuChannel">
+              :disable="customObj.StuId>0" option-label="Name" option-value="Id" emit-value map-options use-input
+              @filter="filterStuChannel">
               <template v-slot:no-option>
                 <q-item>
                   <q-item-section class="text-grey">
@@ -187,7 +189,8 @@
           </div>
           <div class="stage_value">
             <q-select filled v-model="customObj.CustomerId" style="width:185px" dense :options="customList" use-input
-              @filter="filterFn" option-label="CustomerName" option-value="CustomerId" emit-value map-options>
+              :disable="customObj.StuId>0" @filter="filterFn" option-label="CustomerName" option-value="CustomerId"
+              emit-value map-options>
               <template v-slot:no-option>
                 <q-item>
                   <q-item-section class="text-grey">
@@ -328,7 +331,7 @@
 
     },
     props: {
-      stuData:{
+      stuData: {
         type: Object,
         default: null
       },
@@ -369,7 +372,7 @@
           QQ: '', //qq
           WeChatNo: '', //微信号
           StuType: '', //客户类型
-          StuNeeds:0 //客户需求
+          StuNeeds: 0 //客户需求
         },
         //日语基础列表
         basicList: [],
@@ -381,7 +384,7 @@
         employeeList: [],
         myEmployeeList: [],
         StuChannelList: [], //收客渠道
-        allStuChannelList:[],//所有收客渠道
+        allStuChannelList: [], //所有收客渠道
         AssistDropList: [], //协助人员
         customFromList: [], //客户来源
         customTypeList: [], //客户类型
@@ -395,7 +398,7 @@
           QQ: '',
           WeChatNo: ''
         },
-        NeedData:[]
+        NeedData: []
       }
     },
     created() {
@@ -410,23 +413,23 @@
       this.getCustomTypeList();
       this.getStudentDorpDown();
       this.getGetNeedsList();
-      
+
       if (this.saveObj && this.saveObj.StuId > 0) {
         this.customMsg.StuId = this.saveObj.StuId;
         this.checkMsg.StuId = this.saveObj.StuId;
-       
+
       }
     },
-    watch:{
-      stuData(){
+    watch: {
+      stuData() {
         this.init();
       }
     },
     methods: {
       //获取客户需求
-      getGetNeedsList(){
+      getGetNeedsList() {
         GetNeedsList().then(res => {
-          if(res.Code==1){
+          if (res.Code == 1) {
             this.NeedData = res.Data;
           }
         })
@@ -457,7 +460,7 @@
           })
           return
         }
-        if (this.customObj.CreateType == 1&&!this.customObj.StuChannel) {
+        if (this.customObj.CreateType == 1 && !this.customObj.StuChannel) {
           this.$q.notify({
             type: 'negative',
             position: "top",
@@ -465,7 +468,7 @@
           })
           return
         }
-        if (this.customObj.CreateType == 2&&!this.customObj.CustomerId) {
+        if (this.customObj.CreateType == 2 && !this.customObj.CustomerId) {
           this.$q.notify({
             type: 'negative',
             position: "top",
@@ -473,7 +476,7 @@
           })
           return
         }
-        if (this.customObj.CreateType == 3&&!this.customObj.StuSourceId) {
+        if (this.customObj.CreateType == 3 && !this.customObj.StuSourceId) {
           this.$q.notify({
             type: 'negative',
             position: "top",
@@ -481,7 +484,7 @@
           })
           return
         }
-        if (this.customObj.CreateType == 4&&!this.customObj.StuSourceId) {
+        if (this.customObj.CreateType == 4 && !this.customObj.StuSourceId) {
           this.$q.notify({
             type: 'negative',
             position: "top",
@@ -553,8 +556,8 @@
         })
       },
       //筛选渠道
-      filterStuChannel(val, update,){
-         update(() => {
+      filterStuChannel(val, update, ) {
+        update(() => {
           if (val === "") {
             this.StuChannelList = JSON.parse(JSON.stringify(this.allStuChannelList));
           } else {
@@ -608,7 +611,7 @@
       //获取客户下拉数据
       GetCustomerList() {
         let msg = {
-          QCreateBy:1
+          QCreateBy: 1
         }
         GetCustomerList(msg).then(res => {
           if (res.Code == 1) {
@@ -684,28 +687,28 @@
       //     }
       //   });
       // },
-      init(){
-            const tempDate = this.stuData;
-            this.customObj.StuId = tempDate.StuId;
-            this.customObj.StuName = tempDate.StuName;
-            this.customObj.StuTel = tempDate.StuTel;
-            this.customObj.CreateType = tempDate.CreateType;
-            this.customObj.StuSourceId = tempDate.StuSourceId;
-            this.customObj.StuChannel = tempDate.StuChannel;
-            this.customObj.PlatformName = tempDate.PlatformName;
-            this.customObj.StuSex = tempDate.StuSex;
-            this.customObj.StuBirth = tempDate.StuBirth;
-            this.customObj.StuStage = tempDate.StuStage;
-            this.customObj.JapanBaseInfo = tempDate.JapanBaseInfo;
-            this.customObj.StuProfession = tempDate.StuProfession;
-            this.customObj.StuEducation = tempDate.StuEducation;
-            this.customObj.StuPurpose = tempDate.StuPurpose;
-            this.customObj.CreateBy = tempDate.CreateBy;
-            this.customObj.CustomerId = tempDate.CustomerId;
-            this.customObj.StuType = tempDate.StuType;
-            this.customObj.QQ = tempDate.QQ;
-            this.customObj.WeChatNo = tempDate.WeChatNo;
-            this.customObj.StuNeeds = tempDate.StuNeeds;
+      init() {
+        const tempDate = this.stuData;
+        this.customObj.StuId = tempDate.StuId;
+        this.customObj.StuName = tempDate.StuName;
+        this.customObj.StuTel = tempDate.StuTel;
+        this.customObj.CreateType = tempDate.CreateType;
+        this.customObj.StuSourceId = tempDate.StuSourceId;
+        this.customObj.StuChannel = tempDate.StuChannel;
+        this.customObj.PlatformName = tempDate.PlatformName;
+        this.customObj.StuSex = tempDate.StuSex;
+        this.customObj.StuBirth = tempDate.StuBirth;
+        this.customObj.StuStage = tempDate.StuStage;
+        this.customObj.JapanBaseInfo = tempDate.JapanBaseInfo;
+        this.customObj.StuProfession = tempDate.StuProfession;
+        this.customObj.StuEducation = tempDate.StuEducation;
+        this.customObj.StuPurpose = tempDate.StuPurpose;
+        this.customObj.CreateBy = tempDate.CreateBy;
+        this.customObj.CustomerId = tempDate.CustomerId;
+        this.customObj.StuType = tempDate.StuType;
+        this.customObj.QQ = tempDate.QQ;
+        this.customObj.WeChatNo = tempDate.WeChatNo;
+        this.customObj.StuNeeds = tempDate.StuNeeds;
       },
       //新增协助人员
       addAssist() {

src/pages/contractConfirm.vue

@@ -188,6 +188,10 @@
       padding: 0!important;
       height:20px;
   }
+  .yangben_bg{
+    background-image: url(../assets/images/yangben.png);
+    background-size:100%;
+  }
 </style>
 <template>
   <div class="TcConfirmMain">
@@ -216,7 +220,7 @@
         </div>
       </div>
       <div class="ContractMain">
-        <div style="padding:100px 15px 80px 15px;" v-if="ActiveTab==1">
+        <div style="padding:100px 15px 80px 15px;" v-if="ActiveTab==1" :class="{'yangben_bg':gmsg.ContractId==7}">
           <div class="contractTitle">一、声明</div>
           <p>当您签署此协议之前，请确保已清楚了解以下事宜：</p>
           <p>1、温馨提示：日语学习的过程中，学员的上课到勤率越高，教学成果会更好，学员达成课程学习目标的概率将会较高。</p>
@@ -794,6 +798,9 @@
       if (this.$route.query.ContractId) {
         this.gmsg.ContractId = this.$route.query.ContractId;
         this.getList();
+      }else{
+        this.gmsg.ContractId = 7;
+        this.getList();
       }
     },
     methods: {