feat: 中期拍摄-实地取景

src/views/midterm-shooting/shooting/filmingLocation-a/index.vue

@@ -0,0 +1,66 @@
+<script lang="ts" setup>
+import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const handleClicka1 = () => {
+  // 跳转设备准备
+  router.push({ name: 'a-1' })
+}
+const back = () => {
+  // 跳转设备准备
+  router.back()
+}
+</script>
+<template>
+  <div class="shooting-index">
+    <!-- 背景图片 -->
+    <div
+      class="absolute inset-0 bg-cover bg-center bg-no-repeat shooting-bg"
+      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.FILMINGLOCATIONA.BG) }"
+    >
+      <div class="start">
+        <img src="@/assets/images/shooting/开始取景.png" alt="" />
+      </div>
+      <div class="text">
+        <img src="@/assets/images/shooting/按钮-开始取景.png" alt="" @click="handleClicka1" />
+      </div>
+      <div class="shooting-return">
+        <img src="@/assets/images/shooting/返回.png" alt="" @click="back" />
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="less">
+.shooting-index {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+
+  .start {
+    position: absolute;
+    left: 0;
+    bottom: -29%;
+    width: 100%;
+    height: 100%;
+  }
+
+  .text {
+    position: absolute;
+    left: 40%;
+    bottom: -56%;
+    width: 100%;
+    height: 100%;
+  }
+
+  .shooting-return {
+    position: absolute;
+    right: -90%;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>