|  | @@ -4,20 +4,20 @@
 | 
	
		
			
				|  |  |              <div class="opltinerary-head">
 | 
	
		
			
				|  |  |                  <div class="opltinerary-head-li">
 | 
	
		
			
				|  |  |                      <label>团组名称:</label>
 | 
	
		
			
				|  |  | -                    <el-select style="width:210px" size="medium" v-model="value" filterable placeholder="请选择">
 | 
	
		
			
				|  |  | +                    <el-select @change="InitOpTravel" style="width:210px" size="medium" v-model="value" filterable placeholder="请选择">
 | 
	
		
			
				|  |  |                          <el-option
 | 
	
		
			
				|  |  |                              v-for="item in options"
 | 
	
		
			
				|  |  |                              :key="item.id"
 | 
	
		
			
				|  |  | -                            :label="item.groupName"
 | 
	
		
			
				|  |  | +                            :label="item.teamName"
 | 
	
		
			
				|  |  |                              :value="item.id">
 | 
	
		
			
				|  |  |                          </el-option>
 | 
	
		
			
				|  |  |                      </el-select>
 | 
	
		
			
				|  |  |                  </div>
 | 
	
		
			
				|  |  |                  <div class="opltinerary-head-li">
 | 
	
		
			
				|  |  | -                    <el-button size="medium" type="primary">删除本团行程</el-button>
 | 
	
		
			
				|  |  | +                    <el-button @click="DelTravel" size="medium" type="primary">删除本团行程</el-button>
 | 
	
		
			
				|  |  |                      <!-- <el-button size="medium" type="primary">导入数据</el-button> -->
 | 
	
		
			
				|  |  | -                    <el-button size="medium" type="primary">保存修改</el-button>
 | 
	
		
			
				|  |  | -                    <el-button size="medium" type="primary">导出完整行程</el-button>
 | 
	
		
			
				|  |  | +                    <el-button @click="TravelSave" size="medium" type="primary">保存修改</el-button>
 | 
	
		
			
				|  |  | +                    <el-button @click="dcwzxc" size="medium" type="primary">导出完整行程</el-button>
 | 
	
		
			
				|  |  |                      <!-- <el-button size="medium" type="primary">导出下拉所选表格</el-button> -->
 | 
	
		
			
				|  |  |                  </div>
 | 
	
		
			
				|  |  |              </div>
 | 
	
	
		
			
				|  | @@ -56,13 +56,13 @@
 | 
	
		
			
				|  |  |              </div> -->
 | 
	
		
			
				|  |  |              <div class="itinerary-box">
 | 
	
		
			
				|  |  |                  <div class="itinerary-title">
 | 
	
		
			
				|  |  | -                    【123】团 10 日行程
 | 
	
		
			
				|  |  | +                    {{ itineraryinfo.teamName}}
 | 
	
		
			
				|  |  |                  </div>
 | 
	
		
			
				|  |  |                  <div class="itinerary-inif">
 | 
	
		
			
				|  |  | -                    <div>途经城市:北京/巴黎/圣保罗/里约热内卢/圣地亚哥/布宜诺斯艾利斯/阿姆斯特丹/北京</div>
 | 
	
		
			
				|  |  | -                    <div>天数:10</div>
 | 
	
		
			
				|  |  | -                    <div>团号:4WMi71</div>
 | 
	
		
			
				|  |  | -                    <div>人数:6</div>
 | 
	
		
			
				|  |  | +                    <div>途经城市:{{ itineraryinfo.city}}</div>
 | 
	
		
			
				|  |  | +                    <div>天数:{{ itineraryinfo.visitDays}}</div>
 | 
	
		
			
				|  |  | +                    <div>团号:{{ itineraryinfo.tourCode}}</div>
 | 
	
		
			
				|  |  | +                    <div>人数:{{ itineraryinfo.visitPNumber}}</div>
 | 
	
		
			
				|  |  |                  </div>
 | 
	
		
			
				|  |  |                  <div class="itinerary-table">
 | 
	
		
			
				|  |  |                      <div class="table-title">
 | 
	
	
		
			
				|  | @@ -71,31 +71,23 @@
 | 
	
		
			
				|  |  |                          <div style="width: 200px;">交通</div>
 | 
	
		
			
				|  |  |                          <div style="width: 100%;">行程</div>
 | 
	
		
			
				|  |  |                      </div>
 | 
	
		
			
				|  |  | -                    <div class="table-form" v-for="(item,index) in tablearrr" :key="index">
 | 
	
		
			
				|  |  | +                    <div class="zwxcdxx" v-if="tablearrr.length<=0">
 | 
	
		
			
				|  |  | +                        暂无行程单信息
 | 
	
		
			
				|  |  | +                    </div>
 | 
	
		
			
				|  |  | +                    <div v-else class="table-form" v-for="(item,index) in tablearrr" :key="index">
 | 
	
		
			
				|  |  |                          <div class="table-form-li" style="width: 100px;">
 | 
	
		
			
				|  |  | -                            <el-input-number style="width: 50px;" size="mini"  :controls="false" v-model="item.days"></el-input-number>
 | 
	
		
			
				|  |  | +                            <el-input-number disabled style="width: 50px;" size="mini"  :controls="false" v-model="item.days"></el-input-number>
 | 
	
		
			
				|  |  |                          </div>
 | 
	
		
			
				|  |  |                          <div class="table-form-li"  style="width: 300px;">
 | 
	
		
			
				|  |  | -                            <el-date-picker
 | 
	
		
			
				|  |  | -                            style="width: 150px;" 
 | 
	
		
			
				|  |  | -                            size="mini"
 | 
	
		
			
				|  |  | -                            v-model="item.date1"
 | 
	
		
			
				|  |  | -                            type="date"
 | 
	
		
			
				|  |  | -                            placeholder="选择日期">
 | 
	
		
			
				|  |  | -                            </el-date-picker>
 | 
	
		
			
				|  |  | +                            <el-input disabled style="width: 120px;" size="mini" v-model="item.date"></el-input>
 | 
	
		
			
				|  |  |                              <br/>
 | 
	
		
			
				|  |  | -                            <el-date-picker
 | 
	
		
			
				|  |  | -                            style="width: 150px;" 
 | 
	
		
			
				|  |  | -                            size="mini"
 | 
	
		
			
				|  |  | -                            v-model="item.date2"
 | 
	
		
			
				|  |  | -                            type="date"
 | 
	
		
			
				|  |  | -                            placeholder="选择日期">
 | 
	
		
			
				|  |  | -                            </el-date-picker>
 | 
	
		
			
				|  |  | +                            <el-input v-if="item.weekDay=='星期六'||item.weekDay=='星期日'" class="daycolor" disabled style="width: 120px;color: red;" size="mini" v-model="item.weekDay"></el-input>
 | 
	
		
			
				|  |  | +                            <el-input v-else disabled style="width: 120px;" size="mini" v-model="item.weekDay"></el-input>
 | 
	
		
			
				|  |  |                          </div>
 | 
	
		
			
				|  |  |                          <div class="table-form-li"  style="width: 200px;">
 | 
	
		
			
				|  |  | -                            <el-input style="width: 120px;" size="mini" v-model="item.traffic1"></el-input>
 | 
	
		
			
				|  |  | +                            <el-input disabled style="width: 120px;" size="mini" v-model="item.traffic_First"></el-input>
 | 
	
		
			
				|  |  |                              <br/>
 | 
	
		
			
				|  |  | -                            <el-input style="width: 120px;" size="mini" v-model="item.traffic2"></el-input>
 | 
	
		
			
				|  |  | +                            <el-input disabled style="width: 120px;" size="mini" v-model="item.traffic_Second"></el-input>
 | 
	
		
			
				|  |  |                          </div>
 | 
	
		
			
				|  |  |                          <div class="table-form-li"  style="width: 100%;">
 | 
	
		
			
				|  |  |                              <el-input
 | 
	
	
		
			
				|  | @@ -103,7 +95,7 @@
 | 
	
		
			
				|  |  |                              type="textarea"
 | 
	
		
			
				|  |  |                              :autosize="{ minRows: 4, maxRows: 4}"
 | 
	
		
			
				|  |  |                              placeholder="请输入内容"
 | 
	
		
			
				|  |  | -                            v-model="item.remark">
 | 
	
		
			
				|  |  | +                            v-model="item.trip">
 | 
	
		
			
				|  |  |                              </el-input>
 | 
	
		
			
				|  |  |                          </div>
 | 
	
		
			
				|  |  |                      </div>
 | 
	
	
		
			
				|  | @@ -160,46 +152,148 @@
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |      data() {
 | 
	
		
			
				|  |  |          return {
 | 
	
		
			
				|  |  | -            value:"",
 | 
	
		
			
				|  |  | +            value:-1,
 | 
	
		
			
				|  |  |              options:[],
 | 
	
		
			
				|  |  |              values:'',
 | 
	
		
			
				|  |  |              textarea2:'',
 | 
	
		
			
				|  |  |              tablearrr:[
 | 
	
		
			
				|  |  | -                {
 | 
	
		
			
				|  |  | -                    days:1,
 | 
	
		
			
				|  |  | -                    date1:'时间1',
 | 
	
		
			
				|  |  | -                    date2:'时间2',
 | 
	
		
			
				|  |  | -                    traffic1:'jiaotongyi',
 | 
	
		
			
				|  |  | -                    traffic2:'jiaotonger',
 | 
	
		
			
				|  |  | -                    remark:''
 | 
	
		
			
				|  |  | -                },
 | 
	
		
			
				|  |  | -                {
 | 
	
		
			
				|  |  | -                    days:2,
 | 
	
		
			
				|  |  | -                    date1:'时间1',
 | 
	
		
			
				|  |  | -                    date2:'时间2',
 | 
	
		
			
				|  |  | -                    traffic1:'jiaotongyi',
 | 
	
		
			
				|  |  | -                    traffic2:'jiaotonger',
 | 
	
		
			
				|  |  | -                    remark:''
 | 
	
		
			
				|  |  | +                
 | 
	
		
			
				|  |  | +            ],
 | 
	
		
			
				|  |  | +            itineraryinfo:{},
 | 
	
		
			
				|  |  | +            userid:'',
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    methods:{
 | 
	
		
			
				|  |  | +        //行程单接口
 | 
	
		
			
				|  |  | +        InitOpTravel() {
 | 
	
		
			
				|  |  | +            var url = "/api/Groups/InitOpTravel"
 | 
	
		
			
				|  |  | +            var that = this
 | 
	
		
			
				|  |  | +            this.$axios({
 | 
	
		
			
				|  |  | +                method: 'post',
 | 
	
		
			
				|  |  | +                url: url,
 | 
	
		
			
				|  |  | +                headers: {
 | 
	
		
			
				|  |  | +                    Authorization: 'Bearer ' + this.token
 | 
	
		
			
				|  |  |                  },
 | 
	
		
			
				|  |  | -                {
 | 
	
		
			
				|  |  | -                    days:3,
 | 
	
		
			
				|  |  | -                    date1:'时间1',
 | 
	
		
			
				|  |  | -                    date2:'时间2',
 | 
	
		
			
				|  |  | -                    traffic1:'jiaotongyi',
 | 
	
		
			
				|  |  | -                    traffic2:'jiaotonger',
 | 
	
		
			
				|  |  | -                    remark:''
 | 
	
		
			
				|  |  | +                data: {
 | 
	
		
			
				|  |  | +                    diid: that.value
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            }).then(function (res) {
 | 
	
		
			
				|  |  | +                if (res.data.code == 200) {
 | 
	
		
			
				|  |  | +                    that.options=res.data.data.groupList;
 | 
	
		
			
				|  |  | +                    if(that.value==-1){
 | 
	
		
			
				|  |  | +                        that.value=that.options[0].id;
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +                    that.itineraryinfo=res.data.data.groupInfo;
 | 
	
		
			
				|  |  | +                    that.tablearrr=res.data.data.opTravelList;
 | 
	
		
			
				|  |  | +                }else{
 | 
	
		
			
				|  |  | +                    that.$message.error(res.data.msg);
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            }).catch(function (error) {
 | 
	
		
			
				|  |  | +                that.$message.error(error);
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        //删除本团行程
 | 
	
		
			
				|  |  | +        DelTravel() {
 | 
	
		
			
				|  |  | +            this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
 | 
	
		
			
				|  |  | +                confirmButtonText: '确定',
 | 
	
		
			
				|  |  | +                cancelButtonText: '取消',
 | 
	
		
			
				|  |  | +                type: 'warning'
 | 
	
		
			
				|  |  | +            }).then(() => {
 | 
	
		
			
				|  |  | +                var url = "/api/Groups/DelTravel"
 | 
	
		
			
				|  |  | +                var that = this
 | 
	
		
			
				|  |  | +                this.$axios({
 | 
	
		
			
				|  |  | +                    method: 'post',
 | 
	
		
			
				|  |  | +                    url: url,
 | 
	
		
			
				|  |  | +                    headers: {
 | 
	
		
			
				|  |  | +                        Authorization: 'Bearer ' + this.token
 | 
	
		
			
				|  |  | +                    },
 | 
	
		
			
				|  |  | +                    data: {
 | 
	
		
			
				|  |  | +                        diid: that.value,
 | 
	
		
			
				|  |  | +                        userId: that.userid
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +                }).then(function (res) {
 | 
	
		
			
				|  |  | +                    if (res.data.code == 200) {
 | 
	
		
			
				|  |  | +                        that.$message({
 | 
	
		
			
				|  |  | +                            message: res.data.msg,
 | 
	
		
			
				|  |  | +                            type: 'success',
 | 
	
		
			
				|  |  | +                            offset: 50
 | 
	
		
			
				|  |  | +                        });
 | 
	
		
			
				|  |  | +                        that.InitOpTravel();
 | 
	
		
			
				|  |  | +                    } else {
 | 
	
		
			
				|  |  | +                        that.$message.error(res.data.msg);
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +                }).catch(function (error) {
 | 
	
		
			
				|  |  | +                    that.$message.error(error);
 | 
	
		
			
				|  |  | +                });
 | 
	
		
			
				|  |  | +            }).catch(() => {
 | 
	
		
			
				|  |  | +                this.$message({
 | 
	
		
			
				|  |  | +                    type: 'info',
 | 
	
		
			
				|  |  | +                    message: '已取消删除'
 | 
	
		
			
				|  |  | +                });
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        //保存
 | 
	
		
			
				|  |  | +        TravelSave() {
 | 
	
		
			
				|  |  | +            var url = "/api/Groups/TravelSave"
 | 
	
		
			
				|  |  | +            var that = this
 | 
	
		
			
				|  |  | +            this.$axios({
 | 
	
		
			
				|  |  | +                method: 'post',
 | 
	
		
			
				|  |  | +                url: url,
 | 
	
		
			
				|  |  | +                headers: {
 | 
	
		
			
				|  |  | +                    Authorization: 'Bearer ' + this.token
 | 
	
		
			
				|  |  |                  },
 | 
	
		
			
				|  |  | -                {
 | 
	
		
			
				|  |  | -                    days:4,
 | 
	
		
			
				|  |  | -                    date1:'时间1',
 | 
	
		
			
				|  |  | -                    date2:'时间2',
 | 
	
		
			
				|  |  | -                    traffic1:'jiaotongyi',
 | 
	
		
			
				|  |  | -                    traffic2:'jiaotonger',
 | 
	
		
			
				|  |  | -                    remark:''
 | 
	
		
			
				|  |  | +                data: {
 | 
	
		
			
				|  |  | +                    arr: that.tablearrr,
 | 
	
		
			
				|  |  |                  }
 | 
	
		
			
				|  |  | -            ]
 | 
	
		
			
				|  |  | +            }).then(function (res) {
 | 
	
		
			
				|  |  | +                if (res.data.code == 200) {
 | 
	
		
			
				|  |  | +                    that.$message({
 | 
	
		
			
				|  |  | +                        message:res.data.msg ,
 | 
	
		
			
				|  |  | +                        type: 'success',
 | 
	
		
			
				|  |  | +                        offset:50
 | 
	
		
			
				|  |  | +                    });
 | 
	
		
			
				|  |  | +                    that.InitOpTravel();
 | 
	
		
			
				|  |  | +                }else{
 | 
	
		
			
				|  |  | +                    that.$message.error(res.data.msg);
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            }).catch(function (error) {
 | 
	
		
			
				|  |  | +                that.$message.error(error);
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        //导出完整行程
 | 
	
		
			
				|  |  | +        dcwzxc(){
 | 
	
		
			
				|  |  | +            var url = "/api/Groups/ExportTravel"
 | 
	
		
			
				|  |  | +                var that = this
 | 
	
		
			
				|  |  | +                this.$axios({
 | 
	
		
			
				|  |  | +                    method: 'post',
 | 
	
		
			
				|  |  | +                    url: url,
 | 
	
		
			
				|  |  | +                    headers: {
 | 
	
		
			
				|  |  | +                        Authorization: 'Bearer ' + that.token
 | 
	
		
			
				|  |  | +                    },
 | 
	
		
			
				|  |  | +                    data: {
 | 
	
		
			
				|  |  | +                        diid: that.value,
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +                }).then(function (res) {
 | 
	
		
			
				|  |  | +                    if (res.data.code == 200) {
 | 
	
		
			
				|  |  | +                        that.$message({
 | 
	
		
			
				|  |  | +                            message: res.data.msg,
 | 
	
		
			
				|  |  | +                            type: 'success',
 | 
	
		
			
				|  |  | +                            offset: 50
 | 
	
		
			
				|  |  | +                        });
 | 
	
		
			
				|  |  | +                        window.open(res.data.data.replace('C:/Server/File/OA2023/','http://132.232.92.186:24/'));
 | 
	
		
			
				|  |  | +                    } else {
 | 
	
		
			
				|  |  | +                        that.$message.error(res.data.msg);
 | 
	
		
			
				|  |  | +                    }
 | 
	
		
			
				|  |  | +                }).catch(function (error) {
 | 
	
		
			
				|  |  | +                    that.$message.error(error);
 | 
	
		
			
				|  |  | +                });
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | +    created(){
 | 
	
		
			
				|  |  | +        this.userid=JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
 | 
	
		
			
				|  |  | +        this.InitOpTravel();
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  |  <style>
 | 
	
	
		
			
				|  | @@ -300,4 +394,19 @@ export default {
 | 
	
		
			
				|  |  |      display: inline-block;
 | 
	
		
			
				|  |  |      margin-bottom: 10px;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  | +.itinerary-table .el-input.is-disabled .el-input__inner{
 | 
	
		
			
				|  |  | +    color: #606266;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.opltinerary-all .itinerary-table .daycolor .el-input__inner{
 | 
	
		
			
				|  |  | +    color: red;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.zwxcdxx{
 | 
	
		
			
				|  |  | +    font-size: 14px;
 | 
	
		
			
				|  |  | +    color: #606266;
 | 
	
		
			
				|  |  | +    border-left:1px solid #ebeef5;
 | 
	
		
			
				|  |  | +    border-bottom:1px solid #ebeef5;
 | 
	
		
			
				|  |  | +    border-right:1px solid #ebeef5;
 | 
	
		
			
				|  |  | +    text-align: center;
 | 
	
		
			
				|  |  | +    padding: 30px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  |  </style>
 |