robonen/metr
1
0
Fork 0
mirror of https://github.com/robonen/metr.git synced 2026-03-20 10:54:41 +00:00
Code Releases Activity

+Vue +edited backend

Browse Source
This commit is contained in:
Konstantin Vinokurov
2022-05-31 00:39:24 +07:00
parent e20789565e
commit 2825c1a4c8
11 changed files with 994 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
frontend/src/views/CatalogView.vue
View File

@@ -6,74 +6,58 @@
<h3 class="newhome">Найти недвижимость</h3>
</div>
<div class="parametrs__block">
<div class="parametrs">
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Квартира</h2></div>
<a href="#"><img src="@/assets/images/arrow.png" alt=""></a>
</div>
</div>
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Купить</h2></div>
<a href="#"><img src="@/assets/images/arrow.png" alt=""></a>
</div>
</div>
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Комнаты</h2></div>
<a href="#"><img src="@/assets/images/arrow.png" alt=""></a>
</div>
</div>
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Цена</h2></div>
<a href="#"><img src="@/assets/images/arrow.png" alt=""></a>
</div>
</div>
</div>
<!-- <div class="parametrs">-->
<!-- <div class="prm">-->
<!-- <div class="prm__inside">-->
<!-- <div class="prm__text"><h2>Квартира</h2></div>-->
<!-- <a @click.prevent="componentForm = 'type'"><img src="@/assets/images/arrow.png" alt=""></a>-->
<!-- </div>-->
<!-- <catalog-type v-if="componentForm === 'type'"></catalog-type>-->
<!-- </div>-->
<!-- <div class="prm">-->
<!-- <div class="prm__inside">-->
<!-- <div class="prm__text"><h2>Купить</h2></div>-->
<!-- <a href="#"><img src="@/assets/images/arrow.png" alt=""></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="prm">-->
<!-- <div class="prm__inside">-->
<!-- <div class="prm__text"><h2>Комнаты</h2></div>-->
<!-- <a href="#"><img src="@/assets/images/arrow.png" alt=""></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="prm">-->
<!-- <div class="prm__inside">-->
<!-- <div class="prm__text"><h2>Цена</h2></div>-->
<!-- <a href="#"><img src="@/assets/images/arrow.png" alt=""></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">WordPress</a>
<ul>
<li><a href="#">Themes</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Tutorials</a></li>
</ul>
</li>
<li><a href="#">Graphic Design</a>
<ul>
<li><input type="text"></li>
<li><input type="text"></li>
</ul>
</li>
<li><a href="#">Inspiration</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class="suggestions__images">
<!-- <div class="podlozhka">-->
<!-- <router-link to="/offer" class="nav__link" href="#">-->
<!-- <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>-->
<!-- <div class="sugg__text"><p>2-к. Квартира, 34 м кв</p><h2>2 900 000₽</h2></div>-->
<!-- </router-link>-->
<!-- </div>-->
<!-- <div class="podlozhka">-->
<!-- <router-link to="/offer" class="nav__link" href="#">-->
<!-- <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>-->
<!-- <div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>4 900 000₽</h2></div>-->
<!-- </router-link>-->
<!-- </div>-->
<!-- <div class="podlozhka">-->
<!-- <router-link to="/offer" class="nav__link" href="#">-->
<!-- <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/3.jpg" alt=""></a></div>-->
<!-- <div class="sugg__text"><p>1-к. Квартира, 34 м кв</p><h2>1 900 000₽</h2></div>-->
<!-- </router-link>-->
<!-- </div>-->
<!-- <div class="podlozhka">-->
<!-- <router-link to="/offer" class="nav__link" href="#">-->
<!-- <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/4.jpg" alt=""></a></div>-->
<!-- <div class="sugg__text"><p>5-к. Квартира, 34 м кв</p><h2>10 900 000₽</h2></div>-->
<!-- </router-link>-->
<!-- </div>-->
<!-- <div class="podlozhka">-->
<!-- <router-link to="/offer" class="nav__link" href="#">-->
<!-- <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/6.jpg" alt=""></a></div>-->
<!-- <div class="sugg__text"><p>6-к. Квартира, 34 м кв</p><h2>15 900 000₽</h2></div>-->
<!-- </router-link>-->
<!-- </div>-->
<!-- <div class="podlozhka">-->
<!-- <router-link to="/offer" class="nav__link" href="#">-->
<!-- <div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/6.jpg" alt=""></a></div>-->
<!-- <div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>5 900 000₽</h2></div>-->
<!-- </router-link>-->
<!-- </div>-->
<div class="podlozhka" v-for="offer in offers">
<router-link to="/offer" class="nav__link" href="#">
<router-link :to="`/catalog/${offer.id}`" class="nav__link" href="#">
<div class="sugg__img"><a class="gradient" href="#"><img src="@/assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>{{offer.name}}}</p><h2>{{ offer.price }}₽</h2></div>
<div class="sugg__text"><p>{{offer.name}}</p><h2>{{ offer.price }}₽</h2></div>
</router-link>
</div>
</div>
@@ -84,12 +68,16 @@
<script>
import TheHeader from "../components/TheHeader.vue";
import TheFooter from "@/components/TheFooter.vue";
import CatalogType from "@/components/CatalogType.vue";
export default {
name: "CatalogView",
components: {TheHeader, TheFooter},
components: {TheHeader, TheFooter,CatalogType},
data () {
return { offers: [] }
return {
offers: [],
componentForm: ''
}
},
async mounted() {
const requests = await fetch('http://tusur.tk:9080/api/offers');

49
frontend/src/views/OfferView.vue
View File

@@ -35,18 +35,6 @@
<div class="username">
<h2>Виктория</h2>
</div>
<!-- <div class="host__stat">-->
<!-- <div class="stat">-->
<!-- <h3>5</h3>-->
<!-- </div>-->
<!-- <div class="stars">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<rating-stars></rating-stars>
<div class="number">
<a href="#" class="favoritextinf"><h5>Показать номер</h5></a>
@@ -66,15 +54,17 @@
<h2>О квартире</h2>
</div>
<div class="about__adv__info">
<h4>Кол-во комнат: 4</h4>
<h4>Общая площадь: 78.4 м²</h4>
<h4>Площадь кухни: 12 м²</h4>
<h4>Этаж: 20</h4>
<h4>Тип: {{ offerType }}</h4>
<h4>Адрес: {{ offer.location }}</h4>
<h4>Кол-во комнат: {{ offer.rooms }}</h4>
<h4>Общая площадь: {{ offer.space }} м²</h4>
</div>
<div class="about__adv__descriptions">
<p>Продается 4х комнатная квартира, уютная, светлая, теплая. Натяжные потолки,
ламинат, деревянные евроокна, два кондиционера. Теплые полы в туалете, ванной,
кухне, частично в прихожей. Хороший вид из окна.</p>
<h2>Описание</h2>
<p>{{ offer.description }}</p>
</div>
</div>
<div class="reviews">
@@ -89,13 +79,6 @@
<div class="rewiew__comment">
<h5>Очень приятный владелец, все чисто и опрятно</h5>
</div>
<!-- <div class="rewiew__stars">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- </div>-->
<rating-stars></rating-stars>
</div>
<div class="review">
@@ -105,13 +88,6 @@
<div class="rewiew__comment">
<h5>Очень приятный владелец, все чисто и опрятно</h5>
</div>
<!-- <div class="rewiew__stars">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- </div>-->
<rating-stars></rating-stars>
</div>
<div class="review">
@@ -121,13 +97,6 @@
<div class="rewiew__comment">
<h5>Очень приятный владелец, все чисто и опрятно</h5>
</div>
<!-- <div class="rewiew__stars">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- <img src="@/assets/images/star.png" alt="">-->
<!-- </div>-->
<rating-stars></rating-stars>
</div>
</div>