mirror of
https://git.meshkee.com/cssd/cssd-front.git
synced 2026-10-13 15:53:15 +03:30
fix : bug v-select
This commit is contained in:
@@ -68,8 +68,7 @@
|
|||||||
<v-flex xs12>
|
<v-flex xs12>
|
||||||
<hr class="v-divider theme--light"/>
|
<hr class="v-divider theme--light"/>
|
||||||
</v-flex>
|
</v-flex>
|
||||||
<v-layout row wrap class="">
|
<v-layout row wrap class="align-center">
|
||||||
<!-- <LightBox :media="data.images.map(img => ({thumb: img.path, src: img.path}))" style="width: 20%"></LightBox> -->
|
|
||||||
<v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
|
<v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
|
||||||
<template v-if="file.file_type == 'document'">
|
<template v-if="file.file_type == 'document'">
|
||||||
<a target="_blank" :href="'/'+file.thumbnail">
|
<a target="_blank" :href="'/'+file.thumbnail">
|
||||||
|
|||||||
@@ -117,8 +117,7 @@
|
|||||||
<v-flex xs12>
|
<v-flex xs12>
|
||||||
<hr class="v-divider theme--light"/>
|
<hr class="v-divider theme--light"/>
|
||||||
</v-flex>
|
</v-flex>
|
||||||
<v-layout row wrap class="ml-4">
|
<v-layout row wrap class="ml-4 align-center">
|
||||||
<!-- <LightBox :media="data.images.map(img => ({thumb: img.path, src: img.path}))" style="width: 20%"></LightBox> -->
|
|
||||||
<v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
|
<v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
|
||||||
<template v-if="file.file_type == 'document'">
|
<template v-if="file.file_type == 'document'">
|
||||||
<a target="_blank" :href="'/'+file.thumbnail">
|
<a target="_blank" :href="'/'+file.thumbnail">
|
||||||
@@ -192,7 +191,6 @@
|
|||||||
import {mapGetters, mapMutations} from "vuex";
|
import {mapGetters, mapMutations} from "vuex";
|
||||||
import {ApiService} from "@/services";
|
import {ApiService} from "@/services";
|
||||||
import {urls} from "@/config/urls";
|
import {urls} from "@/config/urls";
|
||||||
import toast from "@/services/global/toast.service";
|
|
||||||
import VueImageLightbox from 'vue-image-lightbox'
|
import VueImageLightbox from 'vue-image-lightbox'
|
||||||
import 'vue-image-lightbox/dist/vue-image-lightbox.min.css'
|
import 'vue-image-lightbox/dist/vue-image-lightbox.min.css'
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
@@ -148,20 +148,7 @@
|
|||||||
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
|
<h3 class="WM-BorderLeftTitle">{{ item.name }}</h3>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
<v-layout row wrap>
|
<v-layout row wrap>
|
||||||
<v-app>
|
<v-container fluid class="WM-Padding-LR-0">
|
||||||
<v-container>
|
|
||||||
<v-select
|
|
||||||
multiple
|
|
||||||
:items="[{ id: 1, title: 'Option 1' }, { id: 2, title: 'Option 2' }]"
|
|
||||||
v-model="selected"
|
|
||||||
label="Select something"
|
|
||||||
item-text="title"
|
|
||||||
item-value="id"
|
|
||||||
/>
|
|
||||||
</v-container>
|
|
||||||
</v-app>
|
|
||||||
|
|
||||||
<!-- <v-container fluid class="WM-Padding-LR-0">
|
|
||||||
<v-flex xs12>
|
<v-flex xs12>
|
||||||
<v-select
|
<v-select
|
||||||
multiple
|
multiple
|
||||||
@@ -172,11 +159,10 @@
|
|||||||
color="black"
|
color="black"
|
||||||
item-text="title"
|
item-text="title"
|
||||||
item-value="id"
|
item-value="id"
|
||||||
|
:menu-props="{ closeOnContentClick: false }"
|
||||||
|
|
||||||
/>
|
/>
|
||||||
</v-flex>
|
</v-flex>
|
||||||
</v-container>-->
|
</v-container>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
</v-container>
|
</v-container>
|
||||||
<v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Checkbox'">
|
<v-container row md-12 sm-12 xs-12 class="pa-0" v-if="item.type == 'Checkbox'">
|
||||||
@@ -405,17 +391,17 @@
|
|||||||
<v-divider/>
|
<v-divider/>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
<v-layout align-center justify-center wrap class="px-3 mt-2">
|
<v-layout align-center justify-center wrap class="px-3 mt-2">
|
||||||
<router-link :to="{name: 'AllResultTest'}">
|
<router-link :to="{name: 'AllResultTest'}">
|
||||||
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
|
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
|
||||||
<v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
|
<v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
|
||||||
<span class="black--text">Back</span>
|
<span class="black--text">Back</span>
|
||||||
</v-btn>
|
|
||||||
</router-link>
|
|
||||||
<v-spacer/>
|
|
||||||
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitForm">
|
|
||||||
<v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
|
|
||||||
<span class="white--text">SAVE</span>
|
|
||||||
</v-btn>
|
</v-btn>
|
||||||
|
</router-link>
|
||||||
|
<v-spacer/>
|
||||||
|
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitForm">
|
||||||
|
<v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
|
||||||
|
<span class="white--text">SAVE</span>
|
||||||
|
</v-btn>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
</material-card>
|
</material-card>
|
||||||
</v-container>
|
</v-container>
|
||||||
@@ -437,7 +423,7 @@ export default {
|
|||||||
'wm-Dropzone': Dropzone,
|
'wm-Dropzone': Dropzone,
|
||||||
},
|
},
|
||||||
data: () => ({
|
data: () => ({
|
||||||
today : new Date().toISOString().substr(0, 10),
|
today: new Date().toISOString().substr(0, 10),
|
||||||
galleryDataLoaded: false,
|
galleryDataLoaded: false,
|
||||||
galleries: [],
|
galleries: [],
|
||||||
file_batch_id: Math.floor(Math.random() * 9000000000) + 1000000000,
|
file_batch_id: Math.floor(Math.random() * 9000000000) + 1000000000,
|
||||||
|
|||||||
Reference in New Issue
Block a user