订单拆分

src/assets/common/lang/zh.js

@@ -614,6 +614,7 @@ export const visa = {
   v_weiwanshan:'未完善',
   v_weibangding:'未绑定',
   v_chulizhong:'处理中',
+  v_lvkebianma:'旅客编码',
 }
 export const advmanager = {
   v_all:'全部',

src/components/SalesVisa/OrderSplitting.vue

+<style scoped>
+    ._vad_top{padding: 20px 0}
+    ._vad_top>span._num{height:30px;background:#E3E3E3;border-radius:4px;display: inline-block;padding: 5px 10px;font-size: 14px;font-weight: bold}
+    .wrapper .singeRowTable tr{border-bottom: 1px solid  #E3E3E3;margin-bottom: 10px;box-shadow: 0px 1px 0px rgba(227,227,227,1);margin-bottom: 20px;}
+    .wrapper .singeRowTable tr th:hover,.wrapper .singeRowTable tr td:hover{background-color: #FFFFFF}
+    .wrapper .singeRowTable tr th,.wrapper .singeRowTable tr td{background-color: #FFFFFF;text-align: center}
+    .wrapper .singeRowTable .text_left{text-align: left;padding-left: 25px}
+    .wrapper ._head_img{width: 24px;height: 24px;border-radius: 50%;}
+    .wrapper .singeRowTable td img{vertical-align:middle;}
+    .wrapper .singeRowTable .iconfont,.iconfont.icon-iconfontremind{color: #E95252}
+    .iconfont.icon-iconfontremind{font-size: 24px;cursor: pointer;}
+    .wrapper ._radius {display: inline-block;width: 24px;height: 24px;background-color: #FF793E;color: #fff;border-radius: 50%;text-align: center;line-height: 22px;font-size: 12px;margin-right: 10px;}
+    .wrapper ._radius._tuan{background-color: #3EABFF}
+    .wrapper .icon-img_delete_small{cursor: pointer;}
+</style>
+<template>
+  <div class="wrapper">
+       <div class="_vad_top clearfix">
+         <el-button @click="OrderSplit" style="float:right;background:#E95252;color:#fff" size="mini">拆分</el-button>
+       <!-- <span class="_num PingFangSC">{{$t('visa.v_tuan')}}：{{num}}</span>
+        <div class="fr">
+          <el-dropdown split-button type="primary" trigger="click" @command="bindVisa">
+            {{$t('visa.v_tvisa')}}
+            <el-dropdown-menu slot="dropdown" >
+              <el-dropdown-item v-for="(item,index) in VisaManagementList" :key='item.Id' v-if="item.IsGroupSigned==1"  :command='{id:item.Id,type:2}'>{{item.Name}}</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-dropdown split-button type="primary" trigger="click"  @command="bindVisa">
+            {{$t('visa.v_gvisa')}}
+            <el-dropdown-menu slot="dropdown" >
+              <el-dropdown-item v-for="(item,index) in VisaManagementList" :key='item.Id' v-if="item.IsOrderSigned==1" :command='{id:item.Id,type:1}'>{{item.Name}}</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>-->
+      </div> 
+      <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" style=" border-spacing:0 10px;" v-loading="loading">
+        <tr>
+          <th width=150 class="text_left"> <input type="checkbox" @change="checkAll" v-model="checkd" > {{$t('visa.v_lvkebianma')}}</th>
+          <th>{{$t('visa.v_youkeName')}}</th>
+          <th>{{$t('visa.v_guanlianyewu')}}</th>
+          <th>{{$t('visa.v_ziliaowanshan')}}</th>
+          <th>{{$t('visa.v_visaType')}}</th>
+          <th>{{$t('visa.v_qianzhengst')}}</th>
+          <th>{{$t('admin.admin_czPerson')}}</th>
+          <!-- <th>{{$t('hotel.table_operat')}}</th> -->
+        </tr>
+        <tr v-for="(item,index) in dataList">
+          <td width=150 class="text_left"> <input type="checkbox" :disabled="item.IsSplit!=1" v-model="checkList" :value="item.Id" @change="checkThis"> {{item.Id}}</td>
+          <td>{{item.GuestName}}</td>
+          <td><img class="_head_img" :src="item.SalesManPhoto" alt=""> {{item.SalesMan}}</td>
+          <td>
+            <span v-if="item.IsDataFull==2">{{$t('visa.v_yiwanshan')}}</span>
+            <span v-if="item.IsDataFull==1">{{$t('visa.v_weiwanshan')}}</span>
+            <span v-if="item.IsDataFull==0">{{$t('visa.v_weibangding')}}</span>
+            <!-- <i v-if="item.IsDataFull==1||item.IsDataFull==0" class="iconfont icon-iconfontremind" @click="UrgeGuestInfo(item.Id,item.EmployeeId)" style="vertical-align:middle;"></i> -->
+          </td>
+          <td>
+            {{item.VisaName}} 
+            <span v-if="item.SignStatus==1" class="_radius" >{{$t('visa.v_dan')}}</span>
+            <span v-if="item.SignStatus==2" class="_radius _tuan">{{$t('visa.v_tuan')}}</span>
+          </td>
+          <td>
+            <span v-if="item.ApplyStatus==0">{{$t('visa.v_chulizhong')}}</span> 
+            <img v-if="item.ApplyStatus==1" src="../../assets/img/pass@2x.png" alt=""> 
+            <img v-if="item.ApplyStatus==2" src="../../assets/img/fail@2x.png" alt="">
+          </td>
+          <td>{{item.UpdateName}} <img class="_head_img" :src="item.UpdatePhoto" alt=""></td>
+          <!-- <td> <i @click="deletelist(item.Id)" class="iconfont icon-img_delete_small"></i></td> -->
+        </tr>
+      </table>
+  </div>
+</template>
+
+<script>
+export default {
+  components:{},
+  props:{},
+  data(){
+    return {
+        id:0,
+        num:0,
+        VisaManagementList:[],
+        dataList:[],
+        checkList:[],
+        checkListAll:[],
+        loading:false,
+        checkd:false,
+        StatusList:[
+          {
+            Id:'-1',
+            Name:'不限'  
+          },{
+            Id:'0',
+            Name:'待处理'  
+          },
+          {
+            Id:'1',
+            Name:'通过'  
+          },{
+            Id:'2',
+            Name:'拒签'  
+          },
+      ],
+    }
+  },
+  watch:{},
+  computed:{},
+  methods:{
+    // 订单拆分
+    OrderSplit(){
+      
+    },
+
+    checkThis(){ // 单选
+      if(this.checkList.length==this.checkListAll.length){       
+        this.checkd = true
+        return
+      }
+      this.checkd = false
+    },
+    checkAll(){ //全选
+      if(this.checkList.length==this.checkListAll.length){
+          this.checkList=[]
+          return
+      }
+      this.checkList = this.checkListAll
+    },
+    getVisaManagementList(){  //  获取签证管理
+        this.apipost('dmc_get_visa_GetVisaManagementList',{Status:0,BranchId:-1,SignStatus:0},res=>{
+            if(res.data.resultCode==1){
+                this.VisaManagementList = res.data.data
+            }else{
+                this.$message.error(res.data.message)
+            }
+        },err=>{})
+    },
+    getData(){ //获取数据
+      this.loading = true
+      this.checkListAll=[]
+      this.apipost('dmc_get_GetTCGuestSplitList',{OrderId:this.id},res=>{
+        console.log("res",res);
+            if(res.data.resultCode==1){
+                this.dataList = res.data.data
+                this.dataList.forEach(x=>{
+                  if(x.IsSplit==
+                  1){
+                    this.checkListAll.push(x.Id)
+                  }
+                })
+            }else{
+                this.$message.error(res.data.message)
+            }
+            this.loading = false
+      },err=>{})
+    }
+  },
+  created(){},
+  mounted(){
+        this.id =  this.$route.query.id
+        this.num =  this.$route.query.num
+        this.getVisaManagementList()
+        this.getData()
+  }
+}
+</script>

src/components/SalesVisa/VisaProductOrder.vue

@@ -177,8 +177,14 @@
 					<el-tooltip v-if="item.Income<=0&&item.VisaOrderStatus==1&&item.UpdateStatus==1"  class="item" effect="dark" content="取消" placement="top-start">
 			            <el-button type="primary" style='background:#E95252; border-color:#E95252;' icon="iconfont icon-xingzhuangkaobei" @click='cancelOrder(item)'></el-button>
 			        </el-tooltip>
+
+					<!-- 订单拆分 -->
+					<el-tooltip v-if="item.PeopleNum==item.GuestList.length"  class="item" effect="dark" content="订单拆分" placement="top-start">
+			            <el-button type="primary" style='background:#47BF8C; border-color:#47BF8C;' icon="el-icon-edit" @click="goUrl2('OrderSplitting',item.Id,'订单拆分')"></el-button>
+			        </el-tooltip>
 				</td>
 			</tr>
+			
 			<tr>
 				<td colspan="12" class="RL_Order" style="height:40px;">
 				<span class="VO-remarkTitle">名单:</span>

src/router/config.js

@@ -2509,6 +2509,14 @@ export default {
                 title: '签证产品下单'
               },
             },
+            { // 拆分订单
+              path: '/OrderSplitting',
+              name: 'OrderSplitting',
+              component: resolve => require(['@/components/SalesVisa/OrderSplitting'], resolve),
+              meta: {
+                title: '拆分订单'
+              },
+            },
             { // 销售   签证订单旅客
               path: '/VisapassengerList',
               name: 'VisapassengerList',