Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
9fa2d4d5 by zhangmeng
Options

拍摄

1 parent 136529c9
Expand all
Inline Side-by-side
Showing 3 changed files with 67 additions and 42 deletions
src/viewsPc/booking/photographyDetail.vue
......@@ -5,69 +5,73 @@
<el-row>
<div class="zh-title">{{ form.name }}</div>
<div class="tagbox esp">
<span v-for="(t,index) in form.label?.split('，')" v-show="index<4">{{t}}</span>
<span v-for="(t,index) in form.label?.split('，')" v-show="index<4">{{ t }}</span>
</div>
</el-row>
<el-row class="hz-row">
<el-icon size="16" style="position: relative;top: 2px" color="#929AA0">
<OfficeBuilding/>
<el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
<OfficeBuilding />
</el-icon>
{{ language==0?'成立':'Established for'}} <span class="sign">{{form.ageLimit}}</span>{{language==0?'年':'years'}} &nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
<el-icon size="16" style="position: relative;top: 2px" color="#929AA0">
<UserFilled/>
{{ language == 0 ? '成立' : 'Established for' }} <span
class="sign"
>{{ form.ageLimit }}</span>{{ language == 0 ? '年' : 'years' }} &nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp;
<el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
<UserFilled />
</el-icon>
<span class="sign"> {{ form.dresserLimit }}</span>{{language==0?'名摄影师':'Photographers' }}&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
<el-icon size="16" style="position: relative;top: 2px" color="#929AA0">
<PhoneFilled/>
<span class="sign"> {{ form.dresserLimit }}</span>{{ language == 0 ? '名摄影师' : 'Photographers' }}&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
<el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
<PhoneFilled />
</el-icon>
<span style="padding-top: 2px">
{{ form.contact }}
</span>
&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
<el-icon size="16" style="position: relative;top: 2px" color="#929AA0">
<LocationFilled/>
<el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
<LocationFilled />
</el-icon>
{{form.remarks}}
{{ form.remarks }}
</el-row>
<div style="display: flex">
<div style="min-width: 130px" class="title">{{language==0?'工作室简介:':'Studio profile:'}}</div>
<div v-html="form.introduction"></div>
<div class="title" style="min-width: 130px">{{ language == 0 ? '工作室简介:' : 'Studio profile:' }}</div>
<div v-html="form.introduction" />
</div>
</el-card>
<div class="mt30">
<el-row :gutter="20">
<el-col :span="10">
<div class="imgbox hotelImg">
<el-image :src="form?.photosList?.[0]" fit="cover" :preview-src-list="form?.photosList"/>
<el-image :preview-src-list="form?.photosList" :src="form?.photosList?.[0]" fit="cover" />
</div>
</el-col>
<el-col :span="14">
<el-row class="h100" :gutter="20">
<el-col :span="8" class="oddmb" v-for="(p,index) in form?.photosList?.slice(1,7)">
<div class="imgbox hotelImg"><el-image :src="p" fit="cover"/></div>
<el-row :gutter="20" class="h100">
<el-col v-for="(p,index) in form?.photosList?.slice(1,7)" :span="8" class="oddmb">
<div class="imgbox hotelImg">
<el-image :src="p" fit="cover" />
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
<br>
<el-card :body-style="{'padding':'20px 20px'}">
<PhotoGraphyCalendar/>
<PhotoGraphyCalendar />
</el-card>
</div>
</div>
</template>
<script setup >
import {useRouter} from "vue-router";
import {ref, reactive, onMounted} from "vue";
import {useRoute} from "vue-router";
import * as booking from "@/apiPc/booking"
import {useStorage} from "@vueuse/core/index";
import useUserStore from "@/store/modules/user";
import PhotoGraphyCalendar from "@/viewsPc/booking/component/photoGraphyCalendar.vue";
import {fillImgUrl} from "/@/utils/ruoyi";
<script setup>
import { useRouter } from 'vue-router'
import { ref, reactive, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import * as booking from '@/apiPc/booking'
import { useStorage } from '@vueuse/core/index'
import useUserStore from '@/store/modules/user'
import PhotoGraphyCalendar from '@/viewsPc/booking/component/photoGraphyCalendar.vue'
import { fillImgUrl } from '/@/utils/ruoyi'
const user = useUserStore().user
const language = useStorage('language', 0)
const router = useRouter()
......@@ -75,7 +79,7 @@ const route = useRoute()
const form = ref({})
const query = ref({
activityId: route.params.cptId,
id:route.params.id
id: route.params.id
})
const loading = ref(false)
const map = ref(null)
......@@ -88,19 +92,18 @@ function getData() {
booking.getComShootVoById(query.value).then(res => {
loading.value = false
form.value = res.data
form.value.photosList=[]
form.value.photos.split(',').forEach(v=>{
form.value.photosList = []
form.value.photos.split(',').forEach(v => {
form.value.photosList.push(fillImgUrl(v))
})
}).catch(err => {
console.log(err)
})
}
</script>
<style scoped lang="scss">
<style lang="scss" scoped>
.room {
background: #FAFBFD;
margin: 20px 0 0;
......@@ -260,14 +263,17 @@ function getData() {
width: 100%;
height: 100%;
position: relative;
img{object-fit: cover}
img {
object-fit: cover
}
}
.img-hover{
.img-hover {
position: absolute;
top: 0;
left: 0;
background-color: rgb(0,0,0,.5);
background-color: rgb(0, 0, 0, .5);
color: #fff;
font-size: 18px;
font-weight: 400;
......@@ -279,12 +285,25 @@ function getData() {
//display: none;
}
.hotelImg{border-radius: 10px;overflow: hidden;aspect-ratio: 16/9;
img{object-fit: cover;object-position: center;width: 100%;height: 100%;
.hotelImg {
border-radius: 10px;
overflow: hidden;
aspect-ratio: 16/9;
img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
}
.oddmb:nth-child(2){margin-bottom: 20px;}
.title{
.oddmb:nth-child(2) {
margin-bottom: 20px;
}
.title {
width: 130px;
font-weight: 500;
font-size: 18px;
......
src/viewsPc/center/myReservation.vue
......@@ -133,7 +133,7 @@
</div>
<div class="text-right">
<el-button
v-if="(b.orderType == 0||b.orderType == 5||b.orderType==1||b.orderType==2||b.orderType==3)&&b.viewStatus!=0"
v-if="(b.orderType == 0||b.orderType == 5||b.orderType==1||b.orderType==2||b.orderType==3||b.orderType==4)&&b.viewStatus!=0"
class="mb10" plain round
size="small" type="success"
@click="Rebook(b)"
......@@ -266,6 +266,12 @@ function Rebook(row) {
path: `/booking/makeUp/${row.activeId}/${row.extId}`
})
}
// 拍摄
if (row.orderType == 4) {
return router.push({
path: `/booking/photography/${row.activeId}/${row.extId}`
})
}
if (row.orderType == 5) {
router.push({
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!