diff --git a/montier/src/api/index.ts b/montier/src/api/index.ts new file mode 100644 index 0000000..f8f5da2 --- /dev/null +++ b/montier/src/api/index.ts @@ -0,0 +1,2 @@ +import request from '../utils/index' +export const sendEmail = (data: any) => request.post('/sendFrom', data) \ No newline at end of file diff --git a/montier/src/assets/img/Door/001.png b/montier/src/assets/img/Door/001.png new file mode 100644 index 0000000..511c14f Binary files /dev/null and b/montier/src/assets/img/Door/001.png differ diff --git a/montier/src/assets/img/Door/002.jpg b/montier/src/assets/img/Door/002.jpg new file mode 100644 index 0000000..5bfacf8 Binary files /dev/null and b/montier/src/assets/img/Door/002.jpg differ diff --git a/montier/src/assets/img/Door/01/01.jpg b/montier/src/assets/img/Door/01/01.jpg index 6790049..d4fcfb8 100644 Binary files a/montier/src/assets/img/Door/01/01.jpg and b/montier/src/assets/img/Door/01/01.jpg differ diff --git a/montier/src/assets/img/Door/02/01.jpg b/montier/src/assets/img/Door/02/01.jpg index dd11869..4836665 100644 Binary files a/montier/src/assets/img/Door/02/01.jpg and b/montier/src/assets/img/Door/02/01.jpg differ diff --git a/montier/src/assets/img/Door/02/02.jpg b/montier/src/assets/img/Door/02/02.jpg index 81bc285..0ddad17 100644 Binary files a/montier/src/assets/img/Door/02/02.jpg and b/montier/src/assets/img/Door/02/02.jpg differ diff --git a/montier/src/assets/img/Door/02/03.jpg b/montier/src/assets/img/Door/02/03.jpg index 1db92c1..054815c 100644 Binary files a/montier/src/assets/img/Door/02/03.jpg and b/montier/src/assets/img/Door/02/03.jpg differ diff --git a/montier/src/assets/img/Door/02/04.jpg b/montier/src/assets/img/Door/02/04.jpg index dde798d..bba8846 100644 Binary files a/montier/src/assets/img/Door/02/04.jpg and b/montier/src/assets/img/Door/02/04.jpg differ diff --git a/montier/src/assets/img/Door/03/01.jpg b/montier/src/assets/img/Door/03/01.jpg index a810107..6e514a9 100644 Binary files a/montier/src/assets/img/Door/03/01.jpg and b/montier/src/assets/img/Door/03/01.jpg differ diff --git a/montier/src/assets/img/Door/04/01.jpg b/montier/src/assets/img/Door/04/01.jpg index 5337c5c..06fd59a 100644 Binary files a/montier/src/assets/img/Door/04/01.jpg and b/montier/src/assets/img/Door/04/01.jpg differ diff --git a/montier/src/assets/img/Door/05/01.jpg b/montier/src/assets/img/Door/05/01.jpg index f7fbb5a..0388d5c 100644 Binary files a/montier/src/assets/img/Door/05/01.jpg and b/montier/src/assets/img/Door/05/01.jpg differ diff --git a/montier/src/assets/img/Door/06/01.jpg b/montier/src/assets/img/Door/06/01.jpg index 1fe0d1f..bbce49d 100644 Binary files a/montier/src/assets/img/Door/06/01.jpg and b/montier/src/assets/img/Door/06/01.jpg differ diff --git a/montier/src/assets/img/Door/07/01.jpg b/montier/src/assets/img/Door/07/01.jpg index 0e8b38e..6bde545 100644 Binary files a/montier/src/assets/img/Door/07/01.jpg and b/montier/src/assets/img/Door/07/01.jpg differ diff --git a/montier/src/assets/img/Door/08/01.jpg b/montier/src/assets/img/Door/08/01.jpg index c8f0cfe..fec4d42 100644 Binary files a/montier/src/assets/img/Door/08/01.jpg and b/montier/src/assets/img/Door/08/01.jpg differ diff --git a/montier/src/assets/img/FFE/02.jpg b/montier/src/assets/img/FFE/02.jpg new file mode 100644 index 0000000..203e2e7 Binary files /dev/null and b/montier/src/assets/img/FFE/02.jpg differ diff --git a/montier/src/assets/img/FFE/1.jpg b/montier/src/assets/img/FFE/1.jpg index 4ef4fe0..9c44109 100644 Binary files a/montier/src/assets/img/FFE/1.jpg and b/montier/src/assets/img/FFE/1.jpg differ diff --git a/montier/src/assets/img/FFE/icon01.png b/montier/src/assets/img/FFE/icon01.png new file mode 100644 index 0000000..563dd73 Binary files /dev/null and b/montier/src/assets/img/FFE/icon01.png differ diff --git a/montier/src/assets/img/FFE/icon02.png b/montier/src/assets/img/FFE/icon02.png new file mode 100644 index 0000000..18189a4 Binary files /dev/null and b/montier/src/assets/img/FFE/icon02.png differ diff --git a/montier/src/assets/img/FFE/icon03.png b/montier/src/assets/img/FFE/icon03.png new file mode 100644 index 0000000..2714ba5 Binary files /dev/null and b/montier/src/assets/img/FFE/icon03.png differ diff --git a/montier/src/assets/img/FFE/icon04.png b/montier/src/assets/img/FFE/icon04.png new file mode 100644 index 0000000..6726f57 Binary files /dev/null and b/montier/src/assets/img/FFE/icon04.png differ diff --git a/montier/src/assets/img/building/fcp/01.png b/montier/src/assets/img/building/fcp/01.png new file mode 100644 index 0000000..b833386 Binary files /dev/null and b/montier/src/assets/img/building/fcp/01.png differ diff --git a/montier/src/assets/img/building/fcp/02.png b/montier/src/assets/img/building/fcp/02.png new file mode 100644 index 0000000..b02c99b Binary files /dev/null and b/montier/src/assets/img/building/fcp/02.png differ diff --git a/montier/src/assets/img/building/fcp/03.png b/montier/src/assets/img/building/fcp/03.png new file mode 100644 index 0000000..6c892e6 Binary files /dev/null and b/montier/src/assets/img/building/fcp/03.png differ diff --git a/montier/src/assets/img/building/fcp/04.png b/montier/src/assets/img/building/fcp/04.png new file mode 100644 index 0000000..5b94656 Binary files /dev/null and b/montier/src/assets/img/building/fcp/04.png differ diff --git a/montier/src/assets/img/building/fcp/05.png b/montier/src/assets/img/building/fcp/05.png new file mode 100644 index 0000000..54a431c Binary files /dev/null and b/montier/src/assets/img/building/fcp/05.png differ diff --git a/montier/src/assets/img/building/fcp/06.png b/montier/src/assets/img/building/fcp/06.png new file mode 100644 index 0000000..9cd11cf Binary files /dev/null and b/montier/src/assets/img/building/fcp/06.png differ diff --git a/montier/src/assets/img/building/fcp/07.png b/montier/src/assets/img/building/fcp/07.png new file mode 100644 index 0000000..2b6dd2e Binary files /dev/null and b/montier/src/assets/img/building/fcp/07.png differ diff --git a/montier/src/assets/img/news/whatcanwedo.jpg b/montier/src/assets/img/news/whatcanwedo.jpg new file mode 100644 index 0000000..2e23764 Binary files /dev/null and b/montier/src/assets/img/news/whatcanwedo.jpg differ diff --git a/montier/src/assets/img/news/whatcanwedo01.jpg b/montier/src/assets/img/news/whatcanwedo01.jpg new file mode 100644 index 0000000..bfa101a Binary files /dev/null and b/montier/src/assets/img/news/whatcanwedo01.jpg differ diff --git a/montier/src/components/HeaderPage.vue b/montier/src/components/HeaderPage.vue index b01207c..8192a4f 100644 --- a/montier/src/components/HeaderPage.vue +++ b/montier/src/components/HeaderPage.vue @@ -9,12 +9,12 @@ let caselist = ref([ }, { detail: { - title: 'Doors', position: 'Door', name: 1 + title: 'Doors', position: 'Doors', name: 1 } }, { detail: { - title: 'Windows', position: 'Window', name: 2 + title: 'Windows', position: 'Windows', name: 2 } }, { @@ -29,7 +29,7 @@ let caselist = ref([ }, { detail: { - title: 'Kitchen Faucets/Sinks/Cabinets', position: 'Kitchen Faucets/Sinks/Cabinets', name: 5 + title: 'Kitchen Faucets/Sinks/Cabinets', position: 'Kitchen Faucets Sinks Cabinets', name: 5 } }, { @@ -73,16 +73,6 @@ const windowScrollListener = () => { scrollTopShow.value = false } } -const goPage1 = (url: any, index: any) => { - document.documentElement.scrollTop = 0 - clickStatus.value = false - router.push({ - path: url, - query: { - index: index - } - }) -} // 跳转页面 const goPage = (url: any) => { document.documentElement.scrollTop = 0 @@ -98,12 +88,12 @@ const mobheadFun = async () => { } const getProduct = async () => { productListArr.value = [ - [{ type: 'Design', position: 'Design' }], - [{ type: 'After -sale Service', position: 'AsS' }], - [{ type: 'Manufacture', position: 'Manufacture' }], - [{ type: 'Installation', position: 'Installaion' }], - [{ type: 'Quality', position: 'Quality' }], - [{ type: 'Logistics', position: 'Logistics' }] + { type: 'Design', position: 'Design' }, + { type: 'Manufacture', position: 'Manufacture' }, + { type: 'Installation', position: 'Installaion' }, + { type: 'Quality', position: 'Quality' }, + { type: 'Logistics', position: 'Logistics' }, + { type: 'After -sale Service', position: 'AsS' }, ] projectlist.value = [ { title: 'Fairmont Empress Hotel', position: 'FEH' }, @@ -149,7 +139,7 @@ const getProduct = async () => {
  • + @click="goPage(`/productcenter/${item.detail.position}`)">
    {{ item.detail.title }}
    @@ -166,8 +156,8 @@ const getProduct = async () => {
    • -
      -
      {{ item[0].type +
      +
      {{ item.type }}
      • @@ -185,7 +175,7 @@ const getProduct = async () => {
    • {{ item.title }}
      + @click="goPage(`/projectcase/${item.title}`)">{{ item.title }}
@@ -242,14 +232,14 @@ const getProduct = async () => { Service {{ item[0].type }} + @click="goPage(`/service/${item.type}`)" :key="index">{{ item.type }} + @click="goPage(`/projectcase/${item.title}`)"> {{ item.title }} diff --git a/montier/src/pages/Casemessage.vue b/montier/src/pages/Casemessage.vue index 2457c96..73adffe 100644 --- a/montier/src/pages/Casemessage.vue +++ b/montier/src/pages/Casemessage.vue @@ -89,7 +89,7 @@ let iconList = Array( ) watch(() => router.currentRoute.value.params.name, (newValue: any) => { - if (newValue == '0') { + if (newValue == 'Fairmont Empress Hotel') { casemessage = { title: 'MONTIER Canada Hotel Project - Fairmont Empress Hotel', country: 'Victoria, Canada', @@ -122,7 +122,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '1') { + } else if (newValue == 'Monsaraz Hilton') { casemessage = { title: 'Monsaraz Hilton', country: 'San Diego，USA', @@ -160,7 +160,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '2') { + } else if (newValue == 'Canopy By Hilton San Francisco Soma Hotel') { casemessage = { title: 'Canopy By Hilton San Francisco Soma Hotel', country: 'San Fransisco，USA', @@ -199,7 +199,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '3') { + } else if (newValue == 'Lofts on Laurel') { casemessage = { title: 'Lofts on Laurel', country: 'San Diego，USA', @@ -232,7 +232,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '4') { + } else if (newValue == 'State&Oak Street') { casemessage = { title: 'State&Oak Street', country: 'Carlsbad，CA，USA', @@ -268,7 +268,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '5') { + } else if (newValue == '989 Johson Street') { casemessage = { title: '989 Johson Street', country: 'Victoria, Canada', @@ -303,7 +303,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '6') { + } else if (newValue == 'Tarrace Lofts') { casemessage = { title: 'Tarrace Lofts', country: 'Vista, California, USA', @@ -336,7 +336,7 @@ watch(() => router.currentRoute.value.params.name, (newValue: any) => { ] }, } - } else if (newValue == '7') { + } else if (newValue == 'Ocean 17') { casemessage = { title: 'Ocean 17', country: 'Carlsbad，CA，USA', diff --git a/montier/src/pages/NewsMessage.vue b/montier/src/pages/NewsMessage.vue index 14f56d9..cabd29c 100644 --- a/montier/src/pages/NewsMessage.vue +++ b/montier/src/pages/NewsMessage.vue @@ -5,7 +5,27 @@
- +
+
+

{{ newmessage.title }}

+

{{ newmessage.date }}

+
+
+
+
+ +
+
+

{{ item.position + ". " + item.title }}

+ +
+ +
+
+
+
+
Back
+
@@ -14,17 +34,94 @@ import router from '../router'; import Service from './Service.vue'; import Title from '../components/Title.vue'; -import { ref } from 'vue' +import { ref, onMounted, watch } from 'vue' +import useHomeStore from '../store/modules/homepage' + +let Home = useHomeStore() +let newmessage = ref({}) let title = ref({ title: "News", desc: "" }) +const goPage = () => { + localStorage.setItem('scrollPosition', 'informationCenter') + router.push('/') +} + +onMounted(() => { + watch(() => router.currentRoute.value.params.name, (newValue: any) => { + Home.$state.News.map((li: any) => { + if (li.position == newValue) { + newmessage.value = li + } + }) + }, { immediate: true, deep: true }) +}) + \ No newline at end of file +} \ No newline at end of file diff --git a/montier/src/pages/Procurement.vue b/montier/src/pages/Procurement.vue index d187d10..b68103d 100644 --- a/montier/src/pages/Procurement.vue +++ b/montier/src/pages/Procurement.vue @@ -2,7 +2,7 @@
-
+
@@ -57,8 +57,9 @@ onMounted(async () => { }) }) -watch(() => router.currentRoute.value.query.index, (newValue: any) => { - if (newValue == '0') { +watch(() => router.currentRoute.value.params.name, (newValue: any) => { + console.log(newValue) + if (newValue == 'Design') { Imglist = { title: 'Design', content: 'Solving all problems from design, and work out a practical scheme.They are project planning, archi-tectural design, interior design, product design.These four parts from a closed loop.', @@ -67,7 +68,7 @@ watch(() => router.currentRoute.value.query.index, (newValue: any) => { { details: new URL("../assets/img/Design02.jpg", import.meta.url).href, name: 'Design' }, ] } - } else if (newValue == '1') { + } else if (newValue == 'After -sale Service') { Imglist = { title: 'After -sale Service', content: 'We care about quality and care about longtime performance. After sales service is crucial for our business procedure. We offer online and swift response for after sales services.', @@ -76,7 +77,7 @@ watch(() => router.currentRoute.value.query.index, (newValue: any) => { { details: new URL("../assets/img/After-saleService02.jpg", import.meta.url).href, name: 'After -sale Service' }, ] } - } else if (newValue == '2') { + } else if (newValue == 'Manufacture') { Imglist = { title: 'Manufacture', content: 'We are able to mass-customize products efficiently as per the approved specification. We manufacture case-goods, upholstery items and all type of solidwood products, as well as decorative lightings.Flexiblity of custom-made system achieve a lower costsin mass product.', @@ -85,7 +86,7 @@ watch(() => router.currentRoute.value.query.index, (newValue: any) => { { details: new URL("../assets/img/Manufacture02.jpg", import.meta.url).href, name: 'Manufacture' }, ] } - } else if (newValue == '3') { + } else if (newValue == 'Installation') { Imglist = { title: 'Installation', content: 'We have our installation teams for site measurement taken and installation condition analysis. Our installation team is expert on flooring, mill work, cabinets, drapery，wall covering, and carpet.', @@ -94,7 +95,7 @@ watch(() => router.currentRoute.value.query.index, (newValue: any) => { { details: new URL("../assets/img/Installation02.jpg", import.meta.url).href, name: 'Installation' }, ] } - } else if (newValue == '4') { + } else if (newValue == 'Quality') { Imglist = { title: 'Quality', content: 'Product quality is the lifeline of an company and the fundamental guarantee of its sustainable development. We have implemented a complex quality system to review all material and standard operating procedures are audited regularly to ensure the standards are met. MONTIER can deliver excellent products in line with German quality.', @@ -103,7 +104,7 @@ watch(() => router.currentRoute.value.query.index, (newValue: any) => { { details: new URL("../assets/img/Quality02.jpg", import.meta.url).href, name: 'Quality' }, ] } - } else if (newValue == '5') { + } else if (newValue == 'Logistics') { Imglist = { title: 'Logistics', content: 'We work with 3rd party forwarder for local and overseas logistic. For different schedule of delivery, we will manage warehousing for FF&E.', diff --git a/montier/src/pages/Productmessage.vue b/montier/src/pages/Productmessage.vue index 254a83e..867cae2 100644 --- a/montier/src/pages/Productmessage.vue +++ b/montier/src/pages/Productmessage.vue @@ -1,65 +1,17 @@