psw/cmc_fe
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity

slightly better edit med feeds layout

Browse source
This commit is contained in:
Paul Wilde 2023-03-03 11:06:42 +00:00
parent c4d3ccf66a
commit bdf42122f7
1 changed files with 64 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
src/views/medfeeds/MedFeedsEdit.vue
View file

@ -10,85 +10,89 @@
<v-row> <v-row>
<v-col cols="6"> <v-col cols="6">
<v-autocomplete label="Customer" <v-autocomplete label="Customer"
:items="customers" :items="customers"
v-model="mf.customer" v-model="mf.customer"
v-model:search="search[1]" v-model:search="search[1]"
item-title="full_title" item-title="full_title"
return-object return-object
:loading="searching[1]" :loading="searching[1]"
append-icon="mdi-magnify" append-icon="mdi-magnify"
@keyup.enter="searchCustomers()" @keyup.enter="searchCustomers()"
@click:append="searchCustomers()" @click:append="searchCustomers()"
no-data-text="No results (press Enter to search)" no-data-text="No results (press Enter to search)"
></v-autocomplete> ></v-autocomplete>
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
<v-autocomplete label="Vet" <v-autocomplete label="Vet"
:items="vets" :items="vets"
v-model="mf.vet.practice" v-model="mf.vet.practice"
v-model:search="search[2]" v-model:search="search[2]"
:loading="searching[2]" :loading="searching[2]"
append-icon="mdi-magnify" append-icon="mdi-magnify"
item-title="practice" item-title="practice"
item-value="id" item-value="id"
@keyup.enter="searchVets()" @keyup.enter="searchVets()"
@click:append="searchVets()" @click:append="searchVets()"
no-data-text="No results (press Enter to search)" no-data-text="No results (press Enter to search)"
></v-autocomplete> ></v-autocomplete>
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
<v-autocomplete label="Medication" <v-autocomplete label="Medication"
:items="medications" :items="medications"
v-model="mf.medication.name" v-model="mf.medication.name"
v-model:search="search[3]" v-model:search="search[3]"
:loading="searching[3]" :loading="searching[3]"
append-icon="mdi-magnify" append-icon="mdi-magnify"
item-title="name" item-title="name"
item-value="id" item-value="id"
@keyup.enter="searchMeds()" @keyup.enter="searchMeds()"
no-data-text="No results (press Enter to search)" no-data-text="No results (press Enter to search)"
@click:append="searchMeds()" @click:append="searchMeds()"
></v-autocomplete> ></v-autocomplete>
{{ mf.medication }}
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
Name : {{ mf.medication.name }}<br/> <v-card title="Medication :">
Info : <template v-for="(i, idx) in mf.medication.info" :key="idx" > <v-card-subtitle>
<template v-if="i != ''"> Name : {{ mf.medication.name }}<br/>
{{ i }}<br/> </v-card-subtitle>
</template> <v-card-text>
</template> <template v-for="(i, idx) in mf.medication.info" :key="idx" >
Med Code : {{ mf.medication.med_code }}<br/> <template v-if="i != ''">
Inclusion Rate : {{ mf.medication.inclusion_rate }} {{ i }}<br/>
</template>
</template>
Med Code : {{ mf.medication.med_code }}<br/>
Inclusion Rate : {{ mf.medication.inclusion_rate }}
</v-card-text>
</v-card>
</v-col> </v-col>
</v-row> </v-row>
<v-row> <v-row>
<v-col cols="6"> <v-col cols="6">
{{ mf.product }}
<v-autocomplete label="Product" <v-autocomplete label="Product"
:items="products" :items="products"
item-title="name" item-title="code"
v-model="mf.product" v-model="mf.product"
return-object return-object
v-model:search="search[4]" v-model:search="search[4]"
append-icon="mdi-magnify" append-icon="mdi-magnify"
:loading="searching[4]" :loading="searching[4]"
@keyup.enter="searchProducts()" @keyup.enter="searchProducts()"
@click:append="searchProducts()" @click:append="searchProducts()"
no-data-text="No results (press Enter to search)" no-data-text="No results (press Enter to search)"
></v-autocomplete> ></v-autocomplete>
</v-col>
<v-col cols="6">
<v-card :title="mf.product.name"></v-card>
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
{{ mf.product.name }}
<v-text-field label="Tonnage" type="number" v-model="mf.tonnage"></v-text-field> <v-text-field label="Tonnage" type="number" v-model="mf.tonnage"></v-text-field>
</v-col> </v-col>
</v-row>
<v-row>
<v-col cols="6"> <v-col cols="6">
<label> <label>
Date Required : Date Required :
<DatePicker v-model="mf.date_required" format="dd/MM/yyyy" /> <DatePicker v-model="mf.date_required" format="dd/MM/yyyy" />
</label> </label>
</v-col> </v-col>
</v-row> </v-row>
@ -97,18 +101,18 @@
<v-switch color="blue" label="Repeat prescription" v-model="mf.repeat"></v-switch> <v-switch color="blue" label="Repeat prescription" v-model="mf.repeat"></v-switch>
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
<v-textarea label="Repeat Message" v-model="mf.repeat_message"></v-textarea> <v-textarea :disabled="!mf.repeat" label="Repeat Message" v-model="mf.repeat_message"></v-textarea>
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-btn v-if="!mf.isNew" color="red-darken-1" <v-btn v-if="!mf.isNew" color="red-darken-1"
variant="text" variant="text"
@click="saveMedFeed(mf)">Save</v-btn> @click="saveMedFeed(mf)">Save</v-btn>
<v-btn v-if="mf.isNew" color="red-darken-1" <v-btn v-if="mf.isNew" color="red-darken-1"
variant="text" variant="text"
@click="saveMedFeed(mf)">Add</v-btn> @click="saveMedFeed(mf)">Add</v-btn>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn color="blue-darken-1" <v-btn color="blue-darken-1"
variant="text" variant="text"