xxxxxxxxxx
1
<template>
2
<div>
3
<mdb-stepper class="pt-5" buttons>
4
<mdb-step name="Test Stepper" slot="content" icon="tractor" :number="1">
5
<h3 class="font-weight-bold pt-3 pl-0 my-4">
6
<mdb-card-title>
7
<strong>Test Information</strong>
8
</mdb-card-title>
9
</h3>
10
<mdb-row>
11
<mdb-col>
12
<mdb-input
13
class="mt-0 mb-3"
14
aria-label="Example text with button addon"
15
aria-describedby="button-addon1"
16
>
17
18
<mdb-btn color="default" size="md" group slot="prepend" id="button-addon1" icon="plus">New</mdb-btn>
19
</mdb-input>
20
<!-- <mdb-select v-model="basicOptions" @getValue="getFarmSelectionValue" />
21
<mdb-input label="Adı" v-model="model[0].farm.name" v-if="isNewOrg" />
22
<mdb-autocomplete v-else clearClass="fa-lg" :data="farmList" :label="$t('Farm')" isAsync />-->
23
</mdb-col>
24
<mdb-col></mdb-col>
25
</mdb-row>
26
</mdb-step>
27
</mdb-stepper>
28
</div>
29
</template>
1
1
xxxxxxxxxx
1
2
import {
3
mdbStepper,
4
mdbStep,
5
mdbInput,
6
mdbCard,
7
mdbCardBody,
8
mdbCardTitle,
9
mdbRow,
10
mdbCol,
11
mdbBtn,
12
mdbSelect,
13
mdbAutocomplete
14
} from "mdbvue";
15
export default {
16
name: "AddFarm",
17
components: {
18
mdbStepper,
19
mdbStep,
20
mdbInput,
21
mdbCard,
22
mdbCardBody,
23
mdbCardTitle,
24
mdbRow,
25
mdbCol,
26
mdbBtn,
27
mdbSelect,
28
mdbAutocomplete
29
},
30
data() {
31
return {
32
isNewOrg: false,
33
basicOptions: [
34
{
35
text: 'Please Select',
36
value: null,
37
disabled: true,
38
selected: true
39
},
40
{ text: 'value 1', value: "true" },
41
{ text: 'value 2', value: "false" }
42
],
43
farmList: [],
44
model: [
45
{
46
farm: {
47
id: -1,
48
name: ""
49
}
50
}
51
]
52
};
53
},
54
methods: {
55
getFarmSelectionValue(value) {
56
debugger;
57
this.isNewOrg = value;
58
}
59
}
60
}
Console errors: 0