no message

src/components/guestManagement/Agreement.vue

@@ -184,13 +184,14 @@
                             class="iconfont iconjia- numIcon"></i>
                             <div v-show="scope.row.actuallyReceived" class="agreement-IncomeMoney-pop">
                                 <div class="float-flag-shape"></div>
-                                <el-checkbox-group v-model="scope.row.checkList" @change="clickMultipleChoice">
+                                <el-checkbox-group v-model="scope.row.checkList" 
+                                @change="clickMultipleChoice(scope.row,scope.$index,1)">
                                 <el-checkbox v-for="(item,index) in MultipleChoiceList" :key="index"
                                 :label="item.Id">{{item.Name}}</el-checkbox>
                                 </el-checkbox-group>
                                 <div class="agreement-Cancel">
                                     <span @click="scope.row.actuallyReceived=false">取消</span>
-                                    <span @click="popClick(scope.$index)">确定</span>
+                                    <span @click="popClick(scope.$index,1)">确定</span>
                                 </div>
                                 
                             </div>
@@ -207,9 +208,23 @@
           </el-table-column>
           <el-table-column label="成本" width="120">
               <template slot-scope="scope">
-                        {{scope.row.PayMoney}}<i v-if="scope.row.OrderStatus==1" 
-                        @click="makeAdocument(scope.row,scope.$index,3)" class="iconfont iconjia- numIcon"></i>
-                      </template>
+                <div class="agreement-IncomeMoney-box">
+                {{scope.row.PayMoney}}<i v-if="scope.row.OrderStatus==1" 
+                @click="makeAdocument(scope.row,scope.$index,3)" class="iconfont iconjia- numIcon"></i>
+                <div v-show="scope.row.cost" class="agreement-IncomeMoney-pop">
+                    <div class="float-flag-shape"></div>
+                    <el-checkbox-group v-model="scope.row.checkList" @change="clickMultipleChoice">
+                    <el-checkbox v-for="(item,index) in MultipleChoiceList" :key="index"
+                    :label="item.Id">{{item.Name}}</el-checkbox>
+                    </el-checkbox-group>
+                    <div class="agreement-Cancel">
+                        <span @click="scope.row.cost=false">取消</span>
+                        <span @click="popClick(scope.$index,3)">确定</span>
+                    </div>
+                    
+                </div>
+                </div>
+            </template>
           </el-table-column>
           <el-table-column prop="TaxMoney" label="手续费" show-overflow-tooltip>
           </el-table-column>
@@ -383,13 +398,16 @@
             });
         },
         methods: {
-            popClick(index){
-                this.dataList[index].actuallyReceived =false
-            },
-            // 多选发生变化
-            clickMultipleChoice() {
-
+            // 关闭弹窗
+            popClick(index,num){
+                if(num==1){
+                    this.dataList[index].actuallyReceived =false
+                }
+                if(num==3){
+                    this.dataList[index].cost =false
+                }
             },
+            
             // 查看出票凭据
             viewCredentials(row) {
                 let $this = this;
@@ -439,15 +457,56 @@
                 });
                 this.emptyMore()
             },
+            // 多选发生变化
+            clickMultipleChoice(row, index, num) {
+                if(row.checkList.slice(-1)[0] == 4){
+                    this.delType(row,1)
+                    this.delType(row,2)
+                    this.delType(row,3)
+                    this.delType(row,5)
+                }else if(row.checkList.slice(-1)[0] == 5){
+                    this.delType(row,1)
+                    this.delType(row,2)
+                    this.delType(row,3)
+                    this.delType(row,4)
+                }else{
+                    this.delType(row,4)
+                    this.delType(row,5)
+                }
+                
+                this.RelevanceFrId = row.checkList.join(',')
+                console.log(this.RelevanceFrId,'=====')
+            },
+            // 删除套餐值
+            delType(row,item) {
+                for (let i = 0; i < row.checkList.length; i++) {
+                    if (row.checkList[i] == item) {
+                        row.checkList.splice(i, 1)
+                    }
+                }
+            },
             // 制作单据
             makeAdocument(row, index, num) {
-                this.dataList.forEach(item=>{
-                    return item.actuallyReceived = false
-                })
-                if(this.dataList[index]){
-                    this.dataList[index].actuallyReceived = true
+                if(row.OrderType.split(',').length>1&&num==1){
+                    this.dataList.forEach(item=>{
+                        return item.actuallyReceived = false
+                    })
+                    if(this.dataList[index]){
+                        this.dataList[index].actuallyReceived = true
+                    }
+                }
+                else if(row.OrderType.split(',').length>1&&num==3){
+                    this.dataList.forEach(item=>{
+                        return item.cost = false
+                    })
+                    if(this.dataList[index]){
+                        this.dataList[index].cost = true
+                    }
+                }else{
+                    this.makeAdocumentFun(row, index, num)
                 }
-                return
+            },
+            makeAdocumentFun(row, index, num){
                 if (this.userInfo.EmName != row.EnterName) {
                     this.ValidateOperator()
                 } else {