Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
4fc3f5c9 by 杨炀
Options

no message

1 parent 1175159b
Inline Side-by-side
Showing 31 changed files with 647 additions and 213 deletions
src/assets/styles/index.scss
......@@ -274,11 +274,10 @@ aside {
--el-button-bg-color:#fff!important;
}
@media (max-width: 500px) {
.footAll{display: none;}
.app-container{padding: 0;overflow: auto;
min-height: auto;}
.rightPart{width: calc(100vw - 100px);left: 100px;position: fixed;
border: none!important;
border: none!important;background: #fff;z-index: 1;
height: calc(100vh - 80px);overflow: auto;top: 80px;
.indexTitle{display: none;}
......
src/layoutPc/components/AppBottom.vue
......@@ -2,16 +2,15 @@
<div class="footAll">
<div class="box" style="max-width: 90%">
<el-row style="align-items: center;" v-if="language==0">
<el-col :lg="10" :md="12" :xs="24">
<el-col :lg="10" :md="10" :xs="10">
<ul>
<li>邮编：214000</li>
<li>微信: 15606190026</li>
<li>QQ: 497118883</li>
<li>江苏省 无锡市太湖新城和风路与清舒交叉口东北100米</li>
</ul>
</el-col>
<el-col :lg="10" :md="12" :xs="24">
<el-col :lg="10" :md="10" :xs="10">
<ul style="text-align: right">
<li>客服及报障电话:15606190026</li>
<li>客服及报障邮箱: info@wdsfwuxicenter.com</li>
......@@ -24,7 +23,7 @@
</li>
</ul>
</el-col>
<el-col :lg="4" :md="12" :xs="24">
<el-col :lg="4" :md="4" :xs="4">
<div>
<img class="mauto" src="/img/wb2.jpg"/>
<p class="text-center mt10">微博关注</p>
......@@ -39,14 +38,14 @@
<el-row style="align-items: center;" v-if="language==1">
<el-col :lg="14" :md="12" :xs="24">
<el-col :span="14">
<ul>
<li>Postal code：214000</li>
<li>Address：100 meters northeast of the intersection of Hefeng Road and Qingshu, the Taihu Lake New Town, Wuxi, Jiangsu</li>
</ul>
</el-col>
<el-col :lg="6" :md="12" :xs="24">
<el-col :span="6">
<ul style="text-align: right">
<li>Telephone:086-15606190026</li>
<li>E-mail:info@wdsfwuxicenter.com</li>
......@@ -59,7 +58,7 @@
</li>
</ul>
</el-col>
<el-col :lg="4" :md="12" :xs="24">
<el-col :span="4">
<div>
<img class="mauto" src="/img/wb2.jpg"/>
<p class="text-center mt10">Weibo</p>
......@@ -73,7 +72,7 @@
</el-row>
</div>
</div>
<div class="fixed-right">
<div class="fixed-right forPc">
<div class="mlb" v-if="language==0">
<div href="#" target="_blank"
onclick="javascript:window.open('https://ykf-weixin01.7moor.com/wapchat.html?accessId=6c500b60-02c6-11ef-9a4d-85cd5dacc5bf&fromUrl=&urlTitle=&language=ZHCN','_blank','height=700px,width=700px,top=50,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')" title="客服" >
......@@ -124,7 +123,7 @@ const goHelpZH = () => {
.kf{width: 45px;margin: auto;height: auto;
//animation: pop 2s infinite;
}
.fixed-right{position: fixed;right: 0;bottom: 200px;z-index: 9;
.fixed-right{position: fixed;right: 0;top: 65%;z-index: 9;
.mlb{background: #fff;border-radius: 10px 0 0 10px;box-shadow: 0 2px 8px #aaa;
padding: 10px 8px;text-align: center;cursor: pointer;
div:first-child{border-bottom: 0.5px solid #eee;padding: 0 0 10px;margin-bottom: 10px}
......@@ -159,6 +158,17 @@ const goHelpZH = () => {
}
@media (max-width: 500px) {
.forWei{display: none;}
.footAll{padding:10px 0;
//display: none;
ul {
li {
font-size: 10px;line-height: 1.4;
}
}
img{height: 60px;}
p{font-size: 10px;line-height: 1.4;}
.copyright{font-size: 10px;line-height: 1.4;}
}
}
.ffoot{display: inline-flex;
img{width: 20px;height: 20px;display: inline-block;position: relative;top: 4px;margin-right: 4px;}
......
src/layoutPc/components/AppHeader.vue
......@@ -87,14 +87,23 @@
:with-header="false" title="菜单"
>
<div class="weiHead">
<div class="languageBtn">
<span v-if="language==0" :class="language==0?'active':''" @click="changeLanguage(0)">中文</span>
<span v-else :class="language==0?'active':''" @click="changeLanguage(0)">CN</span>
|
<span :class="language==1?'active':''" @click="changeLanguage(1)">EN</span>
</div>
<el-button size="large" v-if="!isLogin" @click="goLogin" round style="color: #fff" class="btn-lineG">
<span>{{ language==0?'登录':'LOGIN' }}</span>
<!-- ｜ &nbsp;<span @click="goRegister">注册</span>-->
</el-button>
<el-button type="primary" round plain size="large" v-if="isLogin" @click="logout()">{{language==0?'退出':'Exit'}}</el-button>
<div style="display: flex">
<div class="languageBtn">
<span v-if="language==0" :class="language==0?'active':''" @click="changeLanguage(0)">中文</span>
<span v-else :class="language==0?'active':''" @click="changeLanguage(0)">CN</span>
|
<span :class="language==1?'active':''" @click="changeLanguage(1)">EN</span>
</div>
<el-icon color="#453DEA" size="30" @click="closeDrawer"><close/></el-icon>
<el-icon color="#453DEA" size="30" @click="closeDrawer"><close/></el-icon>
</div>
</div>
<el-menu class="weiMenu"
......@@ -134,6 +143,7 @@
<el-menu-item index="/about/regulations">Rules & Regulations</el-menu-item>
<el-menu-item index="/about/cultureEn">Culture</el-menu-item>
</el-sub-menu>
<el-menu-item v-if="isLogin" index="/center/myInfo">PERSONAL CENTER</el-menu-item>
</el-menu>
</el-drawer>
<LoginDialog ref="pcloginDialog" @submitForm="reFlash" />
......@@ -338,8 +348,9 @@ function getCode() {
border: none;
:deep(.el-menu-item.is-active){color: var(--el-color-primary);}
}
.weiHead{display: flex;justify-content: end;padding: 15px;align-items: center;
.languageBtn{font-size: 20px;margin-right: 20px;line-height: 30px;white-space: nowrap;}
.weiHead{display: flex;justify-content: space-between;padding: 15px;align-items: center;
width: 100%;
.languageBtn{font-size: 20px;line-height: 30px;white-space: nowrap;margin-right: 20px;}
}
.weiMenu{
.el-menu-item{font-size: 20px}
......
src/routerPc/en.js
......@@ -522,6 +522,12 @@ export const constantRoutes = [
component: () => import('@/viewsPc/center/mySms'),
name: 'mySms',
meta: { title: 'System messages' }
},
{
path: 'myKP',
component: () => import('@/viewsPc/center/myCanKP'),
name: 'myKP',
meta: { title: '发票管理' }
}
]
},
......
src/viewsPc/booking/addInvoice.vue
......@@ -58,28 +58,28 @@
<el-form-item :label="`发票形式`" required prop="invoiceForm">
<el-radio-group v-model="form.invoiceForm">
<el-radio value="1" v-if="kpType.indexOf('1')!=-1">{{ language == 0 ? '电子发票' : 'E-invoice' }}</el-radio>
<el-radio value="2" v-if="kpType.indexOf('2')!=-1">{{ language == 0 ? '纸质普票' : 'Paper-invoice' }}</el-radio>
<el-radio value="3" v-if="kpType.indexOf('3')!=-1">{{ language == 0 ? '纸质专票' : 'Paper-special-invoice' }}</el-radio>
<el-radio value="1">{{ language == 0 ? '电子发票' : 'E-invoice' }}</el-radio>
<!-- <el-radio value="2" v-if="kpType.indexOf('2')!=-1">{{ language == 0 ? '纸质普票' : 'Paper-invoice' }}</el-radio>-->
<!-- <el-radio value="3" v-if="kpType.indexOf('3')!=-1">{{ language == 0 ? '纸质专票' : 'Paper-special-invoice' }}</el-radio>-->
</el-radio-group>
</el-form-item>
<el-form-item :label="`邮箱`" v-if="form.invoiceForm=='1'" required prop="address">
<el-input v-model="form.address"/>
</el-form-item>
<el-form-item :label="`邮寄地址`" v-else required>
<el-button plain type="primary" size="small" v-if="addrList.length==0" @click="goEditAddress">
+{{ language==0?'添加地址':'Add' }}
</el-button>
<div v-else class="flexCenter">
<div>
<div class="bigSize">{{nowAddress.contact}} {{nowAddress.phone}}</div>
<div class="smallSize">{{nowAddress.addName}}</div>
</div>
<a @click="goEditAddress" class="text-primary">
<el-icon><Switch /></el-icon>切换
</a>
</div>
</el-form-item>
<!-- <el-form-item :label="`邮箱`" v-if="form.invoiceForm=='1'" required prop="address">-->
<!-- <el-input v-model="form.address"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item :label="`邮寄地址`" v-else required>-->
<!-- <el-button plain type="primary" size="small" v-if="addrList.length==0" @click="goEditAddress">-->
<!-- +{{ language==0?'添加地址':'Add' }}-->
<!-- </el-button>-->
<!-- <div v-else class="flexCenter">-->
<!-- <div>-->
<!-- <div class="bigSize">{{nowAddress.contact}} {{nowAddress.phone}}</div>-->
<!-- <div class="smallSize">{{nowAddress.addName}}</div>-->
<!-- </div>-->
<!-- <a @click="goEditAddress" class="text-primary">-->
<!-- <el-icon><Switch /></el-icon>切换-->
<!-- </a>-->
<!-- </div>-->
<!-- </el-form-item>-->
<el-form-item :label="`发票类型`" required prop="invoiceType">
<el-radio-group v-model="form.invoiceType">
<el-radio value="0">{{ language == 0 ? '企业' : 'Company' }}</el-radio>
......@@ -107,6 +107,17 @@
</el-form-item>
</div>
</el-form>
<div class="tip">
<label>开票须知:</label>
<div>
1.发票开具时间：提交后后，开票时间为开票日起7天（含7天）内；<br/>
2.开具发票后，发票金额不得修改；<br/>
3.未开具发票前，可修改修改公司抬头/税号；<br/>
4.未开票成功，请及时联系客服处理；<br/>
5.发票开具后，将发送至当前登录账号邮箱；
</div>
</div>
</div>
</el-col>
</el-row>
......@@ -124,6 +135,7 @@
</div>
</div>
<address-list-dialog ref="dialogAddressListRef" @submit="getAddress"/>
<!-- 开票须知 -->
</template>
<script setup>
......@@ -150,7 +162,7 @@ const list = ref([])
const addrList = ref([])
const nowAddress = ref({})
const totalMoney = ref(0)
const kpType = ref('')
const kpType = ref('1')
const rules = ref({
invoiceType: [
{required: true, message: language.value==0?'请选择发票类型':'Please select invoice type', trigger: 'change'}
......@@ -184,8 +196,9 @@ const isEdit = ref(false)
let invoiceId
onMounted(() => {
if(route.query.orders){
list.value = JSON.parse(decodeURIComponent(route.query.orders)) || []
let obj = JSON.parse(decodeURIComponent(route.query.orders)) || []
let arr = []
list.value.push(obj)
for (var bill of list.value) {
bill.messageObj = JSON.parse(bill.message)
arr.push(bill.id)
......@@ -199,19 +212,22 @@ onMounted(() => {
totalMoney.value = route.query.totalMoney
form.value.total = totalMoney.value
}
if(route.query.kpType){
kpType.value = route.query.kpType
if(kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1){
getAddrList()
}
} else {
kpType.value = '1'
}
// if(route.query.kpType){
// kpType.value = route.query.kpType
// if(kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1){
// getAddrList()
// }
// } else {
// kpType.value = '1'
// }
if (route.query.isEdit) {
isEdit.value = route.query.isEdit
invoiceId = route.query.invoiceId
getList()
}
if(user.userName.indexOf('@')>-1){
form.value.address = user.userName
}
})
function getList() {
getInvoiceDetailBills(invoiceId).then(res => {
......@@ -224,9 +240,9 @@ function getList() {
getInvoiceDetail(invoiceId).then(res => {
form.value = res.data;
totalMoney.value = form.value.total
if (form.value.invoiceForm == '1') {
email.value = form.value.address
}
// if (form.value.invoiceForm == '1') {
// email.value = form.value.address
// }
getAddrList()
});
}
......@@ -254,14 +270,14 @@ function getAddress(obj) {
function submit() {
proxy.$refs['formRef'].validate((valid) => {
if(valid){
if((kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1)&&!nowAddress.value){
ElMessage({
message: language.value==0?'请选择邮寄地址':'Please select address',
type: 'warning',
duration: 2000
})
return
}
// if((kpType.value.indexOf('2')>-1 || kpType.value.indexOf('3')>-1)&&!nowAddress.value){
// ElMessage({
// message: language.value==0?'请选择邮寄地址':'Please select address',
// type: 'warning',
// duration: 2000
// })
// return
// }
// 提交确认
ElMessageBox.confirm(language.value == 0 ? '确认提交吗？' : 'Confirm to submit ?', {
confirmButtonText: language.value == 0 ? '确定' : 'Confirm',
......@@ -294,7 +310,8 @@ function add() {
}
function backList() {
router.push({
name: 'invoice'
// name: 'invoice'
name: 'myKP'
})
}
</script>
......
src/viewsPc/booking/component/makeUpCalendar.vue
......@@ -3,10 +3,10 @@
<el-calendar v-model="currentDate" :range="calendarRange">
<template #header="{date}">
<el-row style="width: 100%">
<el-col :span="7">
<el-col :lg="7" class="forPc">
</el-col>
<el-col :span="10">
<el-row justify="center" align='middle' >
<el-col :lg="10" class="forPc">
<el-row justify="center" align='middle'>
<!-- <div class="canBtn"><el-icon><ArrowLeftBold /></el-icon></div>-->
<div class="cTitle">
<!-- <el-date-picker-->
......@@ -26,7 +26,7 @@
<!-- <div class="canBtn"><el-icon><ArrowRightBold /></el-icon></div>-->
</el-row>
</el-col>
<el-col :span="7">
<el-col :lg="7" :xs="24">
<div style="text-align: right;padding-right: 10px">
<el-date-picker
v-model="currentDate1"
......@@ -52,34 +52,47 @@
<div class="calendarList">
<ul v-loading="loading">
<li v-for="n in schList" :key="n.id" >
<el-row style="width: 100%">
<div style="margin-right: 25px">
<el-image style="width: 90px;height: 115px" :src="fillImgUrl(n.photos?.split(',')[0]) " fit="cover" />
</div>
<div style="flex: 1" >
<div class="hz-title">{{ n.name }}</div>
<div>
<el-row justify="space-between">
<el-row class="hz-p" style="flex: 1">
<el-col :span="12">
<div @click="hazelView(n)" :class="{esp_3:n.active}" >{{ language==0?'套餐说明':'Package Description' }}: <span style="margin-right: 20px">{{n.introduction}}</span></div>
<el-row :gutter="15" align="top">
<el-col :lg="3" :sm="6" :xs="6">
<el-image style="width: 90px;height: 115px;max-width: 100%;" :src="fillImgUrl(n.photos?.split(',')[0]) "
fit="contain" />
</el-col>
<el-col :lg="21" :sm="18" :xs="18">
<el-row class="hz-title">{{ n.name }}</el-row>
<el-row justify="space-between" class="hz-p" :gutter="15" align="middle">
<el-col :lg="5" :sm="6" :xs="24">
<div @click="hazelView(n)" class="forPc" :class="{esp_3:n.active}" >
{{ language==0?'套餐说明':'Package Description' }}:
<span style="margin-right: 20px">{{n.introduction}}</span>
</div>
<div @click="hazelView(n)" class="forWei" :class="{esp:n.active}" >
{{ language==0?'套餐说明':'Package Description' }}:
<span style="margin-right: 20px">{{n.introduction}}</span>
</div>
</el-col>
<el-col :span="5" style="padding-left: 20px">
<el-col :lg="4" :sm="6" :xs="24">
<div>{{ language==0?'剩余':'' }}<span class="sign">{{ n.num-n.counts }}</span>{{language==0?'名额':'Places Remaining' }} </div>
</el-col>
<el-col :span="7">
<div v-if="language==0" >地点:{{n.address}}</div>
<div v-else >address:{{n.addressEn}}</div>
<el-col :lg="5" :sm="6" :xs="24">
<div v-if="language==0" class="esp">地点:{{n.address}}</div>
<div v-else class="esp">address:{{n.addressEn}}</div>
</el-col>
</el-row>
<el-row>
<div class="zh-margin" style="font-size: 36px;color: #ff8124"><span style="font-size: 24px">{{ language==0?'¥':'€'}} </span> {{language==0?n.mealPrice:n.mealPriceEn}}</div>
<el-button :disabled="n.num-n.counts<=0||Date.now()>dayjs(currentDate).subtract(-1,'day').valueOf()" class="btn-lineG w200px" round type="primary" size="large" @click="goMatch(n)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
</el-row>
</el-row>
</div>
</div>
<el-col :lg="4" :sm="12" :xs="12" class="zh-margin">
<span style="font-size: 24px">{{ language==0?'¥':'€'}} </span>
{{language==0?n.mealPrice:n.mealPriceEn}}
</el-col>
<el-col :lg="6" :sm="12" :xs="12" class="forPc">
<el-button :disabled="n.num-n.counts<=0||Date.now()>dayjs(currentDate).subtract(-1,'day').valueOf()"
class="btn-lineG w200px mauto" round type="primary" size="large" @click="goMatch(n)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
</el-col>
<el-col :lg="6" :sm="12" :xs="12" class="forWei">
<el-button :disabled="n.num-n.counts<=0||Date.now()>dayjs(currentDate).subtract(-1,'day').valueOf()"
class="btn-lineG forWei mt10" round type="primary" size="small" @click="goMatch(n)">{{ language==0?'立即预约':'Select' }} ⇀</el-button>
</el-col>
</el-row>
</el-col>
</el-row>
</li>
</ul>
......@@ -211,6 +224,7 @@ function goMatch(n) {
</script>
<style scoped lang="scss">
.forWei{display: none}
.el-calendar {
--el-calendar-border: none;
--el-calendar-cell-width: 40px;
......@@ -333,18 +347,16 @@ function goMatch(n) {
font-size: 20px;
font-weight: 400;
color: #000;
margin-top:20px;
margin-bottom: 10px;
}
.zh-margin{
font-weight: bold;
font-size: 36px;
font-size: 32px;
color: #FF8124;
margin-right: 30px;
}
.hz-p{
font-size: 16px;
font-size: 15px;
color: #4C5359;
font-weight: 400;
}
......@@ -372,4 +384,17 @@ function goMatch(n) {
font-size: 20px;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.forPc{display: none!important;}
.forWei{display: block}
.hz-title{font-size: 16px}
.hz-p{font-size: 12px;}
.zh-margin{font-size: 20px;
span{font-size: 16px!important;}
}
.calendarList{padding: 0;
ul li{margin: 0}
}
}
</style>
......
src/viewsPc/booking/invoiceDetail.vue
......@@ -197,7 +197,7 @@ function getAddrList() {
}
function backList() {
router.push({
name: 'invoice'
name: 'myKP'
})
}
</script>
......
src/viewsPc/booking/makeUp.vue
......@@ -14,7 +14,7 @@
</div>
<div class="box" v-loading="loading">
<el-row style="width: 100%" :gutter="20">
<el-col :span="8" v-for="(h,index) in list" class="mb20" >
<el-col :lg="8" :md="8" :sm="12" :xs="24" v-for="(h,index) in list" class="mb20" >
<el-card style="position: relative;">
<img class="w100 hz-img" :src="fillImgUrl(h.cover)"/>
<div class="yuyue">
......
src/viewsPc/booking/makeUpDetail.vue
......@@ -31,7 +31,7 @@
</el-row>
<div style="display: flex">
<div style="min-width: 130px" class="title">{{language==0?'工作室简介:':'Studio profile:'}}</div>
<div style="min-width: 130px" class="title forPc">{{language==0?'工作室简介:':'Studio profile:'}}</div>
<div v-html="form.introduction"></div>
</div>
</el-card>
......
src/viewsPc/booking/makeUpOrder.vue
......@@ -73,7 +73,7 @@
<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 :model="form" style="width: 90%" :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>
......
src/viewsPc/center/index.vue
......@@ -120,7 +120,14 @@ const menus = ref([
picUrl1: '/img/nav_30.png',
picUrl2: '/img/nav_30_dwn.png',
isActive: false
}
},
// {
// name: language.value==0?'电子发票':'System messages',
// routeName: 'myKP',
// picUrl1: '/img/nav_30.png',
// picUrl2: '/img/nav_30_dwn.png',
// isActive: false
// }
])
const menus3 = ref([
{
......@@ -274,7 +281,7 @@ li img {
:deep(.el-card__body){padding: 0!important;}
}
.el-col{padding: 0!important;}
.center-menu{height: 100vh;padding: 20px 0;position: fixed;left: 0;
.center-menu{height: 100vh;padding: 20px 0;position: fixed;left: 0;z-index: 1;
background: #F5F7F9;top: 80px;width: 100px;border-right: 1px solid #eee;
li{font-size: 13px;padding:8px 10px;border-radius: 0;
img{display: none}
......@@ -283,8 +290,8 @@ li img {
color: var(--el-color-primary);}
}
}
.rightPart{width: calc(100vw - 100px);left: 100px;position: fixed;
height: calc(100vh - 80px);overflow: auto;top: 80px;
.rightPart{width: calc(100vw - 100px);left: 100px;position: fixed; z-index: 1;
height: calc(100vh - 80px);overflow: auto;top: 80px;background: #fff;
}
}
.app-container{min-height: 80vh;}
......
src/viewsPc/center/myCanKP.vue 0 → 100644
<template>
<div>
<el-card :body-style="{'padding':'10px 0 0'}">
<!-- <div class="indexTitle">-->
<!-- <h3 class="leftboderTT">{{ language==0?'电子发票':'E-invoice' }}-->
<!-- </h3>-->
<!-- </div>-->
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="赛事订单" name="5"></el-tab-pane>
<el-tab-pane label="酒店订单" name="0"></el-tab-pane>
<el-tab-pane label="票务订单" name="6"></el-tab-pane>
<el-tab-pane label="化妆订单" name="3"></el-tab-pane>
<el-tab-pane label="车辆订单" name="1"></el-tab-pane>
<el-tab-pane label="餐饮订单" name="2"></el-tab-pane>
<el-tab-pane label="摄像订单" name="4"></el-tab-pane>
</el-tabs>
<el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/>
<div class="pd20">
<div v-for="b in list" class="item">
<div class="title">
<label class="blueTag" v-if="b.orderType == 0"> {{ language==0?'酒店':'HOTEL' }} </label>
<label class="purpleTag" v-if="b.orderType == 1"> {{ language==0?'车辆':'TRANSPORTATION' }} </label>
<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>
<el-row class="pd20 mt10" justify="space-between" align="middle">
<el-col :lg="9" :md="12" :sm="12" :xs="24">
<div v-if="b.orderType == 0">
<p>{{b.messageObj.roomName}}</p>
<p>{{b.messageObj.roomInfo}}</p>
<p>{{b.messageObj.roomType}}</p>
<p>{{b.messageObj.roomStayDate}}</p>
</div>
<div v-if="b.orderType == 1">
<div v-for="(car,index) in b.messageObj.carsList" :key="index">
<p v-if="car.num>0">{{car.name}}：{{car.num}} 辆</p>
</div>
</div>
<div v-if="b.orderType == 2">
<div v-for="(n,index) in b.messageObj.foodsList" :key="index">
<p v-if="n.num > 0">
{{n.name}}({{n.categoryName}}) <text>{{n.num}} 份</text>
</p>
</div>
</div>
<div v-if="b.orderType == 3 || b.orderType == 4">
<div>
{{language==0?'套餐名称：':''}}{{b.messageObj.packageName}}
</div>
<div>
{{language==0?'预约时间：':''}}{{b.deliveryTime.slice(0,10)}} {{b.messageObj.timePeriod}}
</div>
</div>
</el-col>
<el-col :lg="3" :md="6" :sm="6" :xs="6" class="text-center">
<span class="text-warning"> {{ language==0?'¥':'€' }}
<span class="bigMoney">{{language==0?b.total:b.totalEn}}</span>
</span>
</el-col>
<el-col :lg="6" :md="16" :sm="16" :xs="16">
<div class="text-right">
<el-button type="primary" plain round v-if="b.isInvoice == '0'&&!b.invoiceId" @click.stop="gokp(b)">
{{ language == 0 ? '开发票' : 'Edit' }}
</el-button>
<el-button type="primary" plain round v-if="b.isInvoice == '0'&&b.invoiceId" @click.stop="editkp(b)">
{{ language == 0 ? '重开发票' : 'Edit' }}
</el-button>
<el-button type="primary" plain round v-if="b.invoiceId"
@click.stop="showDetail(b)">{{ language == 0 ? '查看发票' : 'Detail' }}
</el-button>
<el-button type="primary" v-if="b.isInvoice == '0'&&!b.invoiceId" plain round @click.stop="goSj(b)">
{{ language == 0 ? '开收据' : 'Edit' }}
</el-button>
<el-button type="primary" plain round v-if="b.invoiceId"
@click.stop="showSJ(b)">{{ language == 0 ? '查看收据' : 'Detail' }}
</el-button>
</div>
</el-col>
</el-row>
</div>
</div>
</el-card>
<el-dialog title="开收据" v-model="showSJDialog" width="460px" :close-on-click-modal="false" :close-on-press-escape="false">
<div class="flex">
<el-form-item label="开票人">
<div class="flex">
<el-input v-model="lpName" placeholder="请输入开票人"></el-input>
<el-button type="primary" @click="submitSJ">提交</el-button>
</div>
</el-form-item>
</div>
<div class="tip mt20">
<label>开电子收据须知:</label>
<div class="pd10">
1.发票开具时间：提交后，开票时间为开票日起7天（含7天）内；<br/>
2.开具发票后，发票金额不得修改；<br/>
3.未开具发票前，可修改修改公司抬头/税号；<br/>
4.未开票成功，请及时联系客服处理；<br/>
5.发票开具后，将发送至当前登录账号邮箱；
</div>
</div>
</el-dialog>
</div>
</template>
<script setup>
import {useStorage} from "@vueuse/core/index";
import useUserStore from "@/store/modules/user";
import {getCanInvoiceBills, getInvoiceByActiveId} from "@/apiPc/booking";
import {onMounted, ref} from "vue";
const router = useRouter()
const route = useRoute()
const language= useStorage('language',0)
const activeName = ref('5')
const lpName = ref('')
const showSJDialog = ref(false)
const user = useUserStore().user
const query = ref({
createById: user.userId,
orderType:'5'
})
const list = ref([])
onMounted(() => {
getList()
})
const getList = () => {
getCanInvoiceBills(query.value).then(res=>{
list.value = res.rows
for (let b of list.value) {
b.messageObj = JSON.parse(b.message)
}
})
}
const handleClick = (e) => {
console.log(e.paneName)
query.value.orderType = e.paneName
getList()
}
const gokp = (item) => {
router.push({
path: '/booking/addInvoice',
query: {
orders: encodeURIComponent(JSON.stringify(item)),
totalMoney:item.total
}
})
}
const editkp = (item) => {
router.push({
name:'addInvoice',
query:{
invoiceId:item.invoiceId,
isEdit:true
}
})
}
const showDetail = (item) => {
router.push({
name:'invoiceDetail',
query:{
invoiceId:item.invoiceId
}
})
}
const goSj = (item) => {
// 电子收据须知 开票人
showSJDialog.value = true
}
const showSJ = (item) => {
// 查看电子收据预览信息
}
const submitSJ = () => {
// lpName.value
}
</script>
<style scoped lang="scss">
.indexTitle {
margin: 20px 0 12px; overflow: visible;
padding: 0 20px 15px;
border-bottom: 1px solid #e5e5e5;
.fr{margin: -8px 0 0}
h3 {display: inline-block;
font-size: 16px;
color: var(--el-color-primary);
}
}
.bigMoney{font-size: 24px;font-family: "DIN Alternate";}
.name{font-size: 18px;margin: 0;}
.status-po{position: absolute;right: 0;top: 0;font-size: 12px;
color: #FFFFFF;
span{border-radius: 0px 10px 0px 10px;padding: 4px 10px;}
.bg-danger{background: #E60012;}
.bg-warning{background: #e89f39;}
.bg-pink{background: #F740A6;}
.bg-primary{background: var(--el-color-primary)}
.bg-blue{background: #00a0e9}
}
.item{
.name{font-size: 18px;
color: #000000;margin: 0 0 10px;}
p{margin: 8px 0 0;color: #707070;font-size: 14px;}
margin: 0 0 20px;border: 1px solid #E5E5E5;
border-radius: 10px;
position: relative;
.bbody{padding: 0 15px 20px;}
.title{background: #F7F7F7;border-bottom: 1px solid #E5E5E5;
span{font-size: 14px;
color: #4C5359;}
}
.title label{border-radius: 5px 0 5px 0; font-size: 12px; color: #fff; padding:4px 10px;margin-right: 10px;}
.blueTag{
background-color: #1EC886;}
.purpleTag {
background-color: #717bef;
}
.orangeTag {
background-color: #ff8124;
}
}
</style>
src/viewsPc/center/myMatch.vue
......@@ -317,4 +317,12 @@ function getList() {
label{color: #929AA0;display: block;font-size: 12px;}
}
.btnbox{text-align: right;}
@media screen and (max-width: 768px) {
.matchItem{
img.w100{margin-bottom: 10px}
.ppl{margin: 0 0 5px;display: flex;}
.status-po{right: 15px;top: 23px;z-index: 2}
.btnbox{justify-content: end;}
}
}
</style>
......
src/viewsPc/center/myMember.vue
<template>
<el-card class="mb20">
<div class="funcBtns">
<el-button type="primary" @click="addMember">{{ language==0?'添加选手':'Add Player'}}</el-button>
<!-- <el-button type="primary" v-if="group.type!='4'" plain @click="importSportman">{{ language==0?'导入选手':'Import Player' }}</el-button>-->
</div>
<div class="from-Card">
<el-form :inline="true" :model="query" class="mt20" :label-width="language==0?60:80" size="small">
<el-form-item :label="language==0?'姓名':'Name'">
<el-input v-model="query.realName" style="width: 120px;" clearable/>
</el-form-item>
<el-form-item :label="language==0?'证件类型':'ID Type'" >
<el-select v-model="query.idcType" style="width: 100px;" clearable>
<el-option
v-for="item in certificates"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="language==0?'证件号码':'ID NO.'">
<el-input v-model="query.idcCode" style="width: 120px;" clearable/>
</el-form-item>
<el-form-item :label="language==0?'会员角色':'Role'">
<el-select v-model="labelArr" multiple style="width: 100px;">
<el-option v-if="group.type=='4'" v-for="l in labels" :key="l.value" :value="l.value" :label="language==0?(l.label):(l.enlabel)"/>
<el-option v-else v-for="l in labelsForType4" :key="l.value" :value="l.value" :label="language==0?(l.label):(l.enlabel)"/>
</el-select>
</el-form-item>
<el-form-item :label="language==0?'WDSF':'WDSF'">
<el-input v-model="query.wdsfMin" style="width: 120px;" clearable/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getList">{{ language==0?'查询':'Search' }}</el-button>
</el-form-item>
</el-form>
</div>
<div class="rightPart">
<el-card class="mb20">
<div class="funcBtns">
<el-button type="primary" @click="addMember">{{ language==0?'添加选手':'Add Player'}}</el-button>
<!-- <el-button type="primary" v-if="group.type!='4'" plain @click="importSportman">{{ language==0?'导入选手':'Import Player' }}</el-button>-->
</div>
<div class="from-Card">
<el-form :inline="true" :model="query" class="mt20" :label-width="language==0?60:80" size="small">
<el-form-item :label="language==0?'姓名':'Name'">
<el-input v-model="query.realName" style="width: 120px;" clearable/>
</el-form-item>
<el-form-item :label="language==0?'证件类型':'ID Type'" >
<el-select v-model="query.idcType" style="width: 100px;" clearable>
<el-option
v-for="item in certificates"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="language==0?'证件号码':'ID NO.'">
<el-input v-model="query.idcCode" style="width: 120px;" clearable/>
</el-form-item>
<el-form-item :label="language==0?'会员角色':'Role'">
<el-select v-model="labelArr" multiple style="width: 100px;">
<el-option v-if="group.type=='4'" v-for="l in labels" :key="l.value" :value="l.value" :label="language==0?(l.label):(l.enlabel)"/>
<el-option v-else v-for="l in labelsForType4" :key="l.value" :value="l.value" :label="language==0?(l.label):(l.enlabel)"/>
</el-select>
</el-form-item>
<el-form-item :label="language==0?'WDSF':'WDSF'">
<el-input v-model="query.wdsfMin" style="width: 120px;" clearable/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getList">{{ language==0?'查询':'Search' }}</el-button>
</el-form-item>
</el-form>
</div>
<!-- 人员表格-->
<person-table :table-data="tableData" @edit="editCoach" @delete="delperson"/>
<paginationPc
v-show="total>0"
v-model:page="query.pageNum"
v-model:limit="query.pageSize"
:total="total"
@pagination="getList"
/>
</el-card>
<!-- 人员表格-->
<person-table :table-data="tableData" @edit="editCoach" @delete="delperson"/>
<paginationPc
v-show="total>0"
v-model:page="query.pageNum"
v-model:limit="query.pageSize"
:total="total"
@pagination="getList"
/>
</el-card>
</div>
<!-- 添加人员-->
<addCoach ref="dialogAddCoach" @submitForm="getList"/>
......@@ -222,4 +224,9 @@ function delperson(p) {
.el-form--inline .el-form-item {
width: auto;
}
@media screen and (max-width: 768px) {
.el-form--inline .el-form-item {
margin-bottom: 5px;
}
}
</style>
......
src/viewsPc/center/myReservation.vue
......@@ -6,7 +6,7 @@
</h3>
<!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>-->
<el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button>
<!-- <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button>-->
</div>
<el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/>
......@@ -33,7 +33,7 @@
</div>
<el-row class="pd20 mt10" justify="space-between" align="middle">
<el-col :lg="9">
<el-col :lg="9" :md="12" :sm="12" :xs="24">
<div v-if="b.orderType == 0">
<h3 class="name">{{b.name}}</h3>
<p v-if="language==0">{{b.messageObj?.roomStayDate}}</p>
......@@ -66,7 +66,7 @@
</p>
</div>
</el-col>
<el-col :lg="6">
<el-col :lg="6" :md="12" :sm="12" :xs="24">
<div v-if="b.orderType == 0">
<p>{{b.messageObj?.roomName}}</p>
<p>{{b.messageObj?.roomInfo}}</p>
......@@ -79,13 +79,12 @@
<p>{{ b.extJsonObj.packageName }}</p>
</div>
</el-col>
<el-col :lg="3" class="text-center">
<el-col :lg="3" :md="6" :sm="6" :xs="6" class="text-center">
<span class="text-warning"> {{ language==0?'¥':'€' }}
<span class="bigMoney">{{language==0?b.total:b.totalEn}}</span>
</span>
</el-col>
<el-col :lg="6" >
<el-col :lg="6" :md="16" :sm="16" :xs="16">
<div class="text-right mb20 text-danger">
<el-countdown value-style="color:#E60012;font-size:16px;" v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" format="mm:ss" :value="b.countdown" @finish="finish(b)"/>
</div>
......@@ -285,5 +284,6 @@ function toInvoice(){
color: #1EC886;
}
}
</style>
......
src/viewsPc/components/homeQuick.vue
<template>
<div class="itemBox" v-if="language == 0">
<el-row :gutter="20">
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">酒店预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">车辆预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">餐饮预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn04.png">票务预订</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">化妆预约</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">拍照预约</div>
</el-col>
</el-row>
</div>
<div class="itemBox_en" v-else>
<el-row :gutter="20">
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item_en" @click="popRemark(1)"><img src="@/assets/dance/btn01.png">
<p>HOTEL RESERVATION</p>
</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item_en" @click="popRemark(2)"><img src="@/assets/dance/btn02.png">
<p>TRANSPORTATION RESERVATION</p>
</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item_en" @click="popRemark(3)"><img src="@/assets/dance/btn03.png">
<p>DINING RESERVATION</p>
</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item_en" @click="popRemark(0)">
<img src="@/assets/dance/btn04.png">
<p>TICKET BOOKING</p>
</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item_en" @click="popRemark(4)"><img src="@/assets/dance/btn05.png">
<p>MAKEUP APPOINTMENT</p>
</div>
</el-col>
<el-col :sm="12" :lg="8">
<el-col :sm="12" :lg="8" :xs="12">
<div class="item_en" @click="popRemark(5)"><img src="@/assets/dance/btn06.png">
<p>PHOTOGRAPHY APPOINTMENT</p>
</div>
......@@ -233,4 +233,11 @@ function goBooking(n) {
}
}
}
@media screen and (max-width: 768px) {
.itemBox,.itemBox_en{padding: 0 20px 20px}
.item{font-size: 16px;
img{width: 50px;height: 50px}
}
}
</style>
......
src/viewsPc/components/orderRemark.vue
<template>
<el-dialog :title="title" v-model="show" width="30%" @close="close">
<el-dialog :title="title" v-model="show" width="400px" @close="close">
<div>
<h2 class="text-warning text-center" v-if="cptName">{{cptName}}</h2>
......
src/viewsPc/guide/index.vue
......@@ -3,7 +3,16 @@
<div class="box">
<div class=" mt30"></div>
<div class="flexBody" v-if="language==0">
<el-tabs v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab">
<el-tabs class="forPc" v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab">
<el-tab-pane v-for="(tab,index) in list" :label="tab.name" :name="index">
<template #label>
<span class="custom-tabs-label">
<span class="tabFont">{{ tab.name }}</span>
</span>
</template>
</el-tab-pane>
</el-tabs>
<el-tabs class="forWei" v-model="activeName" tab-position="top" @tab-change="changeTab" @tab-click="clickTab">
<el-tab-pane v-for="(tab,index) in list" :label="tab.name" :name="index">
<template #label>
<span class="custom-tabs-label">
......@@ -105,7 +114,16 @@
</div>
</div>
<div class="flexBody" v-else>
<el-tabs v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab">
<el-tabs class="forPc" v-model="activeName" tab-position="left" @tab-change="changeTab" @tab-click="clickTab">
<el-tab-pane v-for="(tab,index) in list_en" :label="tab.name" :name="index">
<template #label>
<span class="custom-tabs-label">
<span class="tabFont">{{ tab.name }}</span>
</span>
</template>
</el-tab-pane>
</el-tabs>
<el-tabs class="forWei" v-model="activeName" tab-position="top" @tab-change="changeTab" @tab-click="clickTab">
<el-tab-pane v-for="(tab,index) in list_en" :label="tab.name" :name="index">
<template #label>
<span class="custom-tabs-label">
......@@ -397,5 +415,9 @@ h4.leftboderTT{text-indent: 0;
:deep(.el-tabs__content){padding:0 10px;}
}
@media (max-width: 768px) {
.infoPart .leftboderTT{
font-size: 16px;
}
}
</style>
......
src/viewsPc/home.vue
......@@ -59,7 +59,9 @@
</div>
</el-dialog>
</div>
<div class="poCode">
<el-image :preview-src-list="['/img/code.jpg']" hide-on-click-modal="true" style="width: 120px;height: 120px;" src="/img/code.jpg"/>
</div>
<dialog-master-class ref="masterClassRef"/>
<pickup ref="pickupRef"></pickup>
</div>
......@@ -117,4 +119,16 @@ const openPickup= (params) => {
</script>
<style scoped lang="scss">
.poCode{position: fixed;right: 0;top: 40%;background: #fff;padding: 10px 0 0;border-radius: 10px;overflow: hidden;
box-shadow: 0 2px 8px #aaa;z-index: 99;}
@media screen and (max-width: 768px) {
:deep(.zn-Box .zn-btn){margin-top: 10px;font-size: 14px}
:deep(.bgbg){ padding: 3% 5% 0!important;
h1 {font-size: 22px;margin:20px 0 0;}
}
.fixed_gg{
transform: scale(0.7);
transform-origin: right;
}
}
</style>
......
src/viewsPc/index.vue
......@@ -93,7 +93,7 @@
</el-icon>
</a>
<!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>-->
<a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a>
<a class="zn-btn ml20 btn-q forPc" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a>
<!-- <div>-->
<!-- <a class="ding" @click="handlePickup">接/送机服务</a>-->
......@@ -231,7 +231,6 @@
</div>
</el-col>
<el-col :lg="16">
<div class="swiperPic">
<swiper
class="swiper-wrapper" :modules="modules" :slides-per-view="3" :space-between="20"
......@@ -247,7 +246,6 @@
<div class="picprev"><img src="@/assets/dance/prev1.png"></div>
<div class="picnext"><img src="@/assets/dance/next1.png"></div>
</div>
</el-col>
</el-row>
<el-row class="news-l-r">
......@@ -336,22 +334,22 @@
<h3 class="leftboderTT">合作伙伴</h3>
</div>
<el-row :gutter="20">
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="6" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo1.png"/>
</div>
</el-col>
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="6" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo2.png"/>
</div>
</el-col>
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="6" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo3.png"/>
</div>
</el-col>
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="6" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo4.png"/>
</div>
......@@ -952,6 +950,13 @@ const handlePickup=()=>{
}
}
}
@media (max-width: 500px) {
.forPc{display: none!important;}
.logobox{
height: 60px;
}
}
:deep(.btn-q) {
//background: #FFFFFF;
//font-size: 18px;
......
src/viewsPc/index_en.vue
......@@ -68,7 +68,7 @@
</van-count-down>
</div>
<div class="banner-count bb" v-else @click="goMatch(n)">
开始报名
REGISTER NOW
<!-- <el-button class="btn-lineG" style="font-size: 17px;height: 40px" round type="primary">开始报名</el-button>-->
</div>
</div>
......@@ -85,12 +85,12 @@
<el-col :sm="24" :lg="10">
<div class="bgbg">
<h1 style="color: #fff">{{matchData?.name}}</h1>
<div style="margin-bottom: 30px">
<div class="mb30">
<a class="zn-btn" style="font-size: 15px" v-show="matchData?.id=='1778253367748993026'" @click="goGuide">
GUIDELINE
<el-icon><download /></el-icon>
</a>
<a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster">
<a class="zn-btn ml20 btn-q forPc" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster">
Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon>
</a>
<!-- <div>-->
......@@ -349,22 +349,22 @@
<h3 class="leftboderTT">PARTNERS</h3>
</div>
<el-row :gutter="20">
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="12" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo1.png">
</div>
</el-col>
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="12" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo2.png">
</div>
</el-col>
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="12" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo3.png">
</div>
</el-col>
<el-col :lg="6" :sm="12">
<el-col :lg="6" :sm="12" :xs="6">
<div class="logobox">
<img src="@/assets/dance/logo4.png">
</div>
......@@ -862,4 +862,15 @@ const handlePickup=()=>{
//height: 100px;
padding: 20px;
}
.mb30{margin-bottom: 30px;}
@media (max-width: 500px) {
.forPc{display: none!important;}
.zn-Box .bgbg{padding: 10px 0 0;
.mb30{margin: 0}
.zn-btn{margin-top: 10px}
}
.logobox{
height: 60px;
}
}
</style>
......
src/viewsPc/match/components/quick-row.vue
......@@ -79,10 +79,10 @@
</div>
<order-remark ref="orderRemarkRef" @submit="goBooking"/>
<div class="fixedKP" @click="addInvoice">
<img src="@/assets/img/kp.svg"/>
开票
</div>
<!-- <div class="fixedKP" @click="addInvoice">-->
<!-- <img src="@/assets/img/kp.svg"/>-->
<!-- 开票-->
<!-- </div>-->
</template>
<script setup>
......
src/viewsPc/seat/add-watch-people.vue
......@@ -49,7 +49,6 @@ const people = reactive({
</div>
<el-input
v-model="people.form.name"
style="width: 570px"
:placeholder="language == 0 ? '请输入姓名' : 'Name'"
/>
</div>
......@@ -72,7 +71,6 @@ const people = reactive({
</div>
<el-input
v-model="people.form.idCard"
style="width: 570px"
:placeholder="language == 0 ? '请输入有效证件号' : 'ID Number'"
/>
</div>
......@@ -116,7 +114,7 @@ div {
}
.form-item {
display: flex;
gap: 20px;
gap: 20px;width: 100%;
margin-bottom: 36px;
&:last-child {
margin: 0;
......@@ -127,6 +125,7 @@ div {
margin-bottom: 16px;
}
}
:deep(.el-input) {width: 400px;}
}
.footer {
display: flex;
......@@ -164,4 +163,9 @@ div {
}
}
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}
</style>
......
src/viewsPc/seat/confirm-order.vue
......@@ -3,14 +3,15 @@
<div class="title">
{{ languageFormat(language, "订单确认", "Order confirmation") }}
</div>
<div class="content">
<div class="left">
<div class="content pd20">
<el-row gutter="20">
<el-col :lg="16" class="left">
<div class="info">
<div class="name">{{ order.data?.activityName }}</div>
<div class="address">{{ order.data?.placeName }}</div>
</div>
<div class="ticket_info">
<div class="ticket_info mb20">
<div class="tit_box">
<div class="line"></div>
<div class="txt">
......@@ -65,9 +66,9 @@
</el-form>
</div>
</div>
</div>
</el-col>
<div class="right">
<el-col :lg="8" class="right">
<div class="tit_box">
<div class="line"></div>
<div class="txt">
......@@ -115,7 +116,8 @@
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</div>
<div class="footer">
<div>
......@@ -331,9 +333,7 @@ div {
}
.content {
display: flex;
background-color: #fff;
padding: 20px 0;
}
.line {
......@@ -344,9 +344,7 @@ div {
}
.left {
padding-left: 20px;
.info {
width: 640px;
background: rgba(69, 61, 234, 0.04);
border-radius: 8px;
border: 1px solid #d3d1f6;
......@@ -378,17 +376,16 @@ div {
}
}
.form {
width: 640px;
min-height: 464px;
padding: 20px 60px;
border-radius: 5px;
border: 1px solid #dcdfe6;
.p_box {
display: flex;
gap: 10px;
display: flex;width: 100%;
gap: 10px;max-width: 400px;
.people {
width: 298px;
width: 100%;
background: #fbfcfd;
border-radius: 2px;
border: 1px solid #dcdfe6;
......@@ -433,8 +430,6 @@ div {
}
.right {
width: 460px;
margin-left: 36px;
.tit_box {
display: flex;
align-items: center;
......@@ -534,4 +529,9 @@ div {
}
}
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}
</style>
......
src/viewsPc/seat/order-detail.vue
......@@ -673,4 +673,9 @@ detail.fetchData();
}
}
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}
</style>
......
src/viewsPc/seat/order-list.vue
......@@ -414,4 +414,9 @@ onMounted(() => {
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}
</style>
......
src/viewsPc/seat/people-manage.vue
......@@ -161,4 +161,9 @@ div {
}
}
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}
</style>
......
src/viewsPc/seat/seat-picker.vue
......@@ -493,4 +493,10 @@ price.fetchData();
}
}
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
}
</style>
......
src/viewsPc/seat/seat.vue
......@@ -8,7 +8,7 @@
<style scoped lang="scss">
.view {
min-width: 1024px;
//min-width: 1024px;
max-width: 1920px;
margin: 0 auto;
}
......
src/viewsPc/seat/ticket-detail.vue
......@@ -363,7 +363,7 @@ watch(
{{ it.placeName }}
</div>
<div style="padding-top: 10px" v-if="language==0">
<div class="tip" style="padding-top: 10px" v-if="language==0">
备注：B6馆（国际赛事），B4馆（国内赛事），最终以实际赛事表为准
</div>
</div>
......@@ -396,9 +396,12 @@ watch(
</div>
</div>
<!-- button -->
<div class="btn" @click="select_form.toSelectSeat()">
<div class="btn forPc" @click="select_form.toSelectSeat()">
{{ languageFormat(language, "选座购票", "Seat selection") }}
</div>
<el-button round size="small" style="color: #fff" class="btn-lineG forWei" @click="select_form.toSelectSeat()">
{{ languageFormat(language, "选座购票", "Seat selection") }}
</el-button>
</div>
</div>
......@@ -418,6 +421,8 @@ watch(
</template>
<style scoped lang="scss">
.forWei{display: none}
.container {
width: 1200px;
margin: 0 auto;
......@@ -557,4 +562,29 @@ watch(
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.container {
width: 100%;
}
.forWei{display: block}
.top{
//transform: scale(0.5);transform-origin: left top;
.cover_img{width: 120px;height: 160px;
margin-right: 15px;}
.info{
.title{font-size: 14px;}
.time,.address,.label,.tip{font-size: 12px;}
.title,.time,.address,.tip,.select_item_box{margin-bottom: 3px;}
.select_item_box {
.label {
font-size: 12px;
}
.select_item .tag{padding: 2px 10px;font-size: 12px;}
.select_item .tagActive{padding: 2px 10px;font-size: 12px;}
.select_item .tagDisabled{padding: 2px 10px;font-size: 12px;}
}
}
}
.bottom{padding: 0}
}
</style>
......
vite.config.js
......@@ -92,8 +92,8 @@ export default defineConfig(({ mode, command }) => {
'/ticket': {
// target: 'http://192.168.1.118:8098/',
// target: 'http://192.168.1.131:8081/',
target: 'https://jijin.wtwuxicenter.com/stage-api',
// target: 'https://wdsfwuxicenter.com/stage-api/',
target: 'https://jijin.wtwuxicenter.com/h5',
// target: 'https://ticketh5.wdsfwuxicenter.com/h5/stage-api',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/ticket/, '')
}
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!