Commit f65816aa authored by zhengke's avatar zhengke

修改

parent 353a07b8
...@@ -61,56 +61,45 @@ ...@@ -61,56 +61,45 @@
background-color: #90b7ec; background-color: #90b7ec;
color:#fff; color:#fff;
} }
.addTrip{
width:30px;
height:30px;
color: #fff;
text-align: center;
font-size: 25px;
line-height: 28px;
background-color: #f60;
border-radius: 100%;
cursor: pointer;
margin:4px 0 20px 128px;
}
</style> </style>
<template> <template>
<div> <div>
<div class="Trip_Content"> <div class="Trip_Content" v-for="(item,index) in TripListArr">
<div class="leftDayList"> <div class="leftDayList">
<span class="dayNum">1</span> <span class="dayNum">{{index+1}}</span>
</div> </div>
<div class="siteList"> <div class="siteList">
<el-form-item label="前往地" label-width='100px' style="display:inline-block;"> <el-form-item label="前往地" label-width='100px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input <el-input type="text" class="w150" v-model="item.Go"></el-input>
>&nbsp;仲裁委员会仲裁;
</el-form-item> </el-form-item>
<el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;"> <el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input> <el-input type="text" class="w150" v-model="item.GoProvice"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="是否过境" label-width='100px' style="display:inline-block;"> <el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
<el-checkbox v-model="checked"></el-checkbox> <el-checkbox v-model="item.IsOut" :true-label="CheckedVaule" :false-label="UnCheckedVaule"></el-checkbox>
</el-form-item> </el-form-item>
<el-input type="textarea" resize="none" rows="16" cols="40"></el-input> <el-input type="textarea" resize="none" rows="16" cols="40" v-model="item.TravelContent"></el-input>
<div class="TC_circles"></div> <div class="TC_circles"></div>
</div> </div>
<div class="TripControl"> <div class="TripControl">
<i class="iconfont icon-baocun1"></i> <i class="iconfont icon-baocun1" @click="saveTripList(item,index)"></i>
<i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i> <i class="iconfont icon-img_delete_small" style="margin-left:10px;" @click="delTrip(index)"></i>
</div>
</div>
<div class="Trip_Content">
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input
>&nbsp;仲裁委员会仲裁;
</el-form-item>
<el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input>
</el-form-item>
<el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
<el-checkbox v-model="checked"></el-checkbox>
</el-form-item>
<el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
<div class="TC_circles"></div>
</div>
<div class="TripControl">
<i class="iconfont icon-baocun1"></i>
<i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
</div> </div>
</div> </div>
<div class="addTrip" @click="addTrip()">+</div>
</div> </div>
</template> </template>
...@@ -118,14 +107,50 @@ ...@@ -118,14 +107,50 @@
export default { export default {
data() { data() {
return { return {
checked: false checked: false,
TripListArr:[],
//选中过境
CheckedVaule: 1,
//不过境
UnCheckedVaule: 0,
}; };
}, },
mounted() { mounted() {
}, },
methods: { methods: {
//添加行程
addTrip(){
let obj={
DayNum:'', //天数
Go:'', // 前往地
GoProvice:'', //前往国家地区
IsOut:0, // 是否过境(0-不过,1-过)
TravelContent:'', //行程内容
IsShow:0,
}
this.TripListArr.push(obj);
},
//删除行程
delTrip(index){
this.TripListArr.splice(index,1);
this.getSavedData();
},
//保存行程
saveTripList(item,index){
item.DayNum=index+1;
item.IsShow=1;
this.getSavedData();
},
//遍历已经保存数据
getSavedData(){
let sendArr=[];
this.TripListArr.forEach(x=>{
sendArr.push(x);
})
this.$emit('tripData', sendArr);
}
} }
}; };
</script> </script>
...@@ -1015,12 +1015,8 @@ ...@@ -1015,12 +1015,8 @@
<div style="padding:10px;"> <div style="padding:10px;">
未尽事宜,经旅游者和出境社双方协商一致,可以列入补充条款。(如合同空间不够,可以另附纸张,由双方签字或者盖章确认。) 未尽事宜,经旅游者和出境社双方协商一致,可以列入补充条款。(如合同空间不够,可以另附纸张,由双方签字或者盖章确认。)
</div> </div>
<el-input <!-- <el-input type="textarea" resize="none" v-model="CtObj.OtherConvention" rows="13"></el-input> -->
type="textarea" <quill-editor v-model="CtObj.OtherConvention" style="height:400px;"></quill-editor>
resize="none"
v-model="CtObj.OtherConvention"
rows="13"
></el-input>
</div> </div>
<div class="block mtop15" id="anchor-3" ref="anchor3"> <div class="block mtop15" id="anchor-3" ref="anchor3">
<div class="blockTitle"> <div class="blockTitle">
...@@ -1045,10 +1041,11 @@ ...@@ -1045,10 +1041,11 @@
《行程单》用语须准确清晰,在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以××为准”、“与××同级”等不确定用语。 《行程单》用语须准确清晰,在表明服务标准用语中不应当出现“准×星级”、“豪华”、“仅供参考”、“以××为准”、“与××同级”等不确定用语。
</div> </div>
<div v-if="CtObj.TripType==0"> <div v-if="CtObj.TripType==0">
<el-input type="textarea" rows="26" resize="none" v-model="CtObj.travelContent"></el-input> <!-- <el-input type="textarea" rows="26" resize="none" v-model="CtObj.travelContent"></el-input> -->
<quill-editor v-model="CtObj.travelContent" style="height:400px;"></quill-editor>
</div> </div>
<div v-if="CtObj.TripType==1"> <div v-if="CtObj.TripType==1">
<commonTripList></commonTripList> <commonTripList @tripData="tripData"></commonTripList>
</div> </div>
</div> </div>
<div class="block mtop15" id="anchor-4" ref="anchor4"> <div class="block mtop15" id="anchor-4" ref="anchor4">
...@@ -1790,6 +1787,10 @@ export default { ...@@ -1790,6 +1787,10 @@ export default {
this.CtObj.TripType=0; this.CtObj.TripType=0;
this.tripStr='切换到标准行程录入'; this.tripStr='切换到标准行程录入';
} }
},
//获取子组件数据
tripData(msg){
this.CtObj.ContractTripList=msg;
} }
}, },
mounted() { mounted() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment