Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
c37e07b7 by zhangmeng
Options

订单翻译

1 parent 0103405a
Inline Side-by-side
Showing 4 changed files with 22 additions and 138 deletions
src/viewsPc/booking/makeUpOrder.vue
......@@ -40,42 +40,43 @@
</div>
<el-row style="flex: 1">
<div style="flex: 1">
<div style="margin-bottom: 20px;">预约日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{route.query.date}}</span></div>
<div>套餐名称&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.name }}</span></div>
<div style="margin-bottom: 20px;">{ language==0?'预约日期':"Appointment date" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{route.query.date}}</span></div>
<div>{{ language==0?'套餐名称':"Package name" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.name }}</span></div>
</div>
<div style="flex: 1">
<!-- <div style="margin-bottom: 20px">预约时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">09:00~12:00</span> </div>-->
<div style="margin-bottom: 20px">上门化妆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.goHome==1?'是':'否' }}</span></div>
<div >价格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="sign">{{language==0? '￥'+formDatas.mealPrice:'€'+formDatas.mealPriceEn }}</span></div>
<div style="margin-bottom: 20px">{{ language==0?'上门化妆':'Home makeup' }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.goHome==1?'是':'否' }}</span></div>
<div >{{ language==0?'价格':"Price" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="sign">{{language==0? '￥'+formDatas.mealPrice:'€'+formDatas.mealPriceEn }}</span></div>
</div>
<div style="flex: 1">
<div style="margin-bottom: 20px">套餐说明&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{formDatas.introduction}}</span></div>
<div style="margin-bottom: 20px">{{ language==0?'套餐说明':"Package description" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{formDatas.introduction}}</span></div>
<!-- <div >价格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="sign">{{language==0? '￥'+formDatas.mealPrice:'€'+formDatas.mealPriceEn }}</span></div>-->
</div>
</el-row>
</el-row>
</div>
<br>
<div class="yu">预约时间</div>
<div class="yu">{{ language==0?'预约时间':'Appointment time' }}</div>
<el-row style="width: 100%" >
<el-button v-for="v in radioList" @click="handleRadio(v)" :disabled="v.num-v.counts<=0" class="radioBox" :class="{'radioBoxbg':v.flag}">
<div>
<div>{{ v.nameStart }}-{{ v.nameEnd }}</div>
<div>(剩余: <span class="sing">{{ v.num-v.counts }}</span> 个)</div>
<div v-if="language==0">(剩余: <span class="sing">{{ v.num-v.counts }}</span> 个)</div>
<div v-else>(Remaining: <span class="sing">{{ v.num-v.counts }}</span> )</div>
</div>
</el-button>
</el-row>
<br>
<div class="yu">预约信息</div>
<div class="yu">{{ language==0?'预约信息':"Reservation information" }}</div>
<br>
<div class="form-order">
<el-form :model="form" style="width: 800px" :label-width="language==0?'140px':'200px'" :rules="rules" ref="formRef">
<el-form-item :label="language==0?'预约数量':'Number Of Reservations'" required prop="num">
<el-input-number style="width: 100%" v-model.trim="form.num" :min="1" :max="10" @change="changNum"/>
</el-form-item>
<el-form-item :label="language==0?'预约联系人':'Appointment Contact'" required prop="contacts">
<el-form-item :label="language==0?'预约联系人':'Name'" required prop="contacts">
<el-input v-model.trim="form.contacts" :min="1" :max="10" />
</el-form-item>
<el-form-item :label="language==0?'联系电话':'Contact Number'" required prop="phone">
......
src/viewsPc/booking/photographyDetail.vue
......@@ -30,58 +30,6 @@
{{form.rearks}}
</el-row>
</el-card>
<!-- <el-row justify='space-between'>-->
<!-- <div class="img-header" style="width: 40%">-->
<!-- <div class="card">-->
<!-- <el-image style="width: 100%" :src="fillImgUrl(form.photos)?.split(',')[0]" fit="none" :preview-src-list="form.photosList"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="img-header" style="width: 20%">-->
<!-- <el-row style="height: 50%;">-->
<!-- <el-col :span="12">-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <div style="height: 50%;">-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="img-header" style="width: 20%">-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="img-header" style="width: 20%">-->
<!-- <el-row style="height: 50%">-->
<!-- <el-col :lg="12" :md="8" :sm="12" :xs="24" >-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <div style="height: 50%;">-->
<!-- <div class="card">-->
<!-- <el-image :src="fillImgUrl(form.photos)?.split(',')[0] " fit="cover" :preview-src-list="form?.photos?.split(',')"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-row>-->
<div class="mt30">
<el-row :gutter="20">
<el-col :span="10">
......@@ -111,7 +59,6 @@
import {useRouter} from "vue-router";
import {ref, reactive, onMounted} from "vue";
import {useRoute} from "vue-router";
import {getComShootVoById, getHotelById, getHotelRooms, getShootList} from "@/apiPc/booking"
import * as booking from "@/apiPc/booking"
import {useStorage} from "@vueuse/core/index";
import useUserStore from "@/store/modules/user";
......@@ -127,7 +74,6 @@ const query = ref({
shootId:route.params.id
})
const loading = ref(false)
const roomList = ref([])
const map = ref(null)
onMounted(() => {
getData()
......@@ -145,71 +91,9 @@ function getData() {
}).catch(err => {
console.log(err)
})
// query.value.hotelId = route.query.id
// getHotelRooms(query.value).then(res => {
// roomList.value = res.rows
// })
}
// function initMap() {
// const TMap = null
// var center = new TMap.LatLng(form.value.latitude, form.value.longitude);//设置中心点坐标'
// var map = new TMap.Map("map", {
// center: center,//设置地图中心点坐标
// zoom: 17, //设置地图缩放级别
// });
// var infoWindowLocation = new TMap.LatLng(form.value.latitude, form.value.longitude);//创建一个坐标
// //创建InfoWindow实例，并进行初始化
// var infowindow = new TMap.InfoWindow({
// content: form.value.address, //信息窗口内容
// position: infoWindowLocation,//显示信息窗口的坐标
// map: map,
// offset: {x: 0, y: -32}
// });
// infowindow.close();
// var marker = new TMap.MultiMarker({
// map: map,
// //样式定义
// styles: {
// "myStyle": new TMap.MarkerStyle({
// "anchor": {x: 16, y: 32}
// })
// },
// //点标记数据数组
// geometries: [{
// "id": "1", //点标记唯一标识，后续如果有删除、修改位置等操作，都需要此id
// // "styleId": 'myStyle', //指定样式id
// "position": new TMap.LatLng(form.value.latitude, form.value.longitude), //点标记坐标位置
// "properties": {//自定义属性
// "title": form.value.name
// }
// }
// ]
// })
// marker.on("click", function (evt) {
// //设置infoWindow
// infowindow.open(); //打开信息窗
// infowindow.setPosition(evt.geometry.position);//设置信息窗位置
// })
// }
// function goOrder(room) {
// if (!user) {
// useUserStore().setReLogin()
// return
// }
// router.push({
// name: 'hotelOrder',
// params: {
// roomId: room.id
// },
// query: {
// room: encodeURIComponent(JSON.stringify(room)),
// hotelName: form.value.name,
// checkInTime: form.value.checkInTime
// }
// })
// }
</script>
<style scoped lang="scss">
......
src/viewsPc/booking/photographyOrder.vue
......@@ -39,42 +39,43 @@
</div>
<el-row style="flex: 1">
<div style="flex: 1">
<div style="margin-bottom: 20px;">预约日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{route.query.date}}</span></div>
<div>套餐名称&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.name }}</span></div>
<div style="margin-bottom: 20px;">{{ language==0?'预约日期':"Appointment date" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{route.query.date}}</span></div>
<div>{{ language==0?'套餐名称':"Package name" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.name }}</span></div>
</div>
<div style="flex: 1">
<!-- <div style="margin-bottom: 20px">预约时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">09:00~12:00</span> </div>-->
<div style="margin-bottom: 20px;">上门摄影 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.goHome==1?'是':'否' }}</span></div>
<div >价格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="sign">{{language==0? '￥'+formDatas.photoPrice:'€'+formDatas.photoPriceEn }}</span></div>
<div style="margin-bottom: 20px;">{{ language==0?'上门摄影':'Door-to-door photography' }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{ formDatas.goHome==1?'是':'否' }}</span></div>
<div >{{ language==0?'价格':"Price" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="sign">{{language==0? '￥'+formDatas.photoPrice:'€'+formDatas.photoPriceEn }}</span></div>
</div>
<div style="flex: 1">
<div style="margin-bottom: 20px">套餐说明&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{formDatas.introduction}}</span></div>
<div style="margin-bottom: 20px">{{ language==0?'套餐说明':"Package description" }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span">{{formDatas.introduction}}</span></div>
<!-- <div >价格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="sign">{{language==0? '￥'+formDatas.photoPrice:'€'+formDatas.photoPriceEn }}</span></div>-->
</div>
</el-row>
</el-row>
</div>
<br>
<div class="yu">预约时间</div>
<div class="yu">{{ language==0?'预约时间':'Appointment time' }}</div>
<el-row style="width: 100%" >
<el-button v-for="v in radioList" @click="handleRadio(v)" :disabled="v.num-v.counts<=0" class="radioBox" :class="{'radioBoxbg':v.flag}">
<div>
<div>{{ v.nameStart }}-{{ v.nameEnd }}</div>
<div>(剩余: <span class="sing">{{ v.num-v.counts }}</span> 个)</div>
<div v-if="language==0">(剩余: <span class="sing">{{ v.num-v.counts }}</span> 个)</div>
<div v-else>(Remaining: <span class="sing">{{ v.num-v.counts }}</span> )</div>
</div>
</el-button>
</el-row>
<br>
<div class="yu">预约信息</div>
<div class="yu">{{ language==0?'预约信息':"Reservation information" }}</div>
<br>
<div class="form-order">
<el-form :model="form" style="width: 800px" :label-width="language==0?'140px':'200px'" :rules="rules" ref="formRef">
<el-form-item :label="language==0?'预约数量':'Number Of Reservations'" required prop="num">
<el-input-number style="width: 100%" v-model.trim="form.num" :min="1" :max="10" @change="changNum"/>
</el-form-item>
<el-form-item :label="language==0?'预约联系人':'Appointment Contact'" required prop="contacts">
<el-form-item :label="language==0?'预约联系人':'Name'" required prop="contacts">
<el-input v-model.trim="form.contacts" :min="1" :max="10" />
</el-form-item>
<el-form-item :label="language==0?'联系电话':'Contact Number'" required prop="phone">
......
src/viewsPc/center/myReservation.vue
......@@ -17,7 +17,6 @@
<label class="orangeTag" v-if="b.orderType == 2"> {{ language==0?'餐饮':'DINING' }} </label>
<label class="orangeTag" v-if="b.orderType == 3"> {{ language==0?'化妆':'MakeUp' }} </label>
<label class="orangeTag" v-if="b.orderType == 4"> {{ language==0?'拍摄':'Shooting ' }} </label>
<span>{{ language==0?'订单编号：':'No.' }} {{ b.id }}</span>
</div>
......@@ -38,7 +37,6 @@
<h3 class="name">{{b.name}}</h3>
<p v-if="language==0">{{b.messageObj?.roomStayDate}}</p>
<p v-else>{{b.messageObj?.roomStayDate.replace('共',' total ').replace('晚',' days')}}</p>
<p>{{b.messageObj?.roomInfo}}</p>
</div>
......@@ -62,7 +60,7 @@
</div>
<div v-if="b.orderType==3 ||b.orderType == 4">
<h3 class="name">{{b.name}}</h3>
<p v-if="language==0">
<p >
{{dayjs(b.deliveryTime).format('YYYY-MM-DD')+' '+b.extJsonObj.timePeriod?.split('-')[0]+'-'+dayjs(b.deliveryTime).format('YYYY-MM-DD')+' '+b.extJsonObj.timePeriod?.split('-')[1] }}
</p>
</div>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!