Compare commits
No commits in common. "0ab97f2afc858c7c6c7ca8b0439527aff59c3ad0" and "e5ca7ae946c61050c2e9d876a55a544376d36578" have entirely different histories.
0ab97f2afc
...
e5ca7ae946
10 changed files with 294 additions and 7516 deletions
168
\
Normal file
168
\
Normal file
|
|
@ -0,0 +1,168 @@
|
||||||
|
<template>
|
||||||
|
<h3>Complaints</h3>
|
||||||
|
<v-tabs v-model="tab" >
|
||||||
|
<v-tab title="List" v-model="list"></v-tab>
|
||||||
|
<v-tab title="Edit" v-model="edit" v-if="edit"></v-tab>
|
||||||
|
<v-tab title="Report" v-model="report" v-if="report" ></v-tab>
|
||||||
|
</v-tabs>
|
||||||
|
<v-window v-model="tab">
|
||||||
|
<v-window-item v-model="list">
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="12" lg=8>
|
||||||
|
<v-text-field
|
||||||
|
clearable
|
||||||
|
label="Search"
|
||||||
|
variant="outlined"
|
||||||
|
v-model="searchQuery"
|
||||||
|
density="compact"
|
||||||
|
append-inner-icon="mdi-magnify"></v-text-field>
|
||||||
|
<v-row justify="space-between">
|
||||||
|
<v-col cols=4>
|
||||||
|
<v-btn v-if="site_info.features.addcomplaint" color="warning" prepend-icon="mdi-plus" variant="text" @click="showAddComplaint">Add</v-btn>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols=3>
|
||||||
|
<v-btn align="end" variant="text" @click="showActive = !showActive">
|
||||||
|
Showing <span v-if="showActive">Active Only</span><span v-else>Inactive</span>
|
||||||
|
</v-btn>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<v-progress-linear indeterminate color="orange" :active="loading"></v-progress-linear>
|
||||||
|
<v-card variant="outlined">
|
||||||
|
<RecycleScroller class="scroller"
|
||||||
|
:items="filteredComplaints"
|
||||||
|
:item-size="100"
|
||||||
|
v-slot="{ item }"
|
||||||
|
key-field="id">
|
||||||
|
<v-row dense class="item" :class="{ 'bg-red-lighten-4' : item.at_risk }">
|
||||||
|
<v-col cols="4">
|
||||||
|
Complaint : {{ item.id }}<br/>
|
||||||
|
<span class="text-caption">
|
||||||
|
Complaint Date : {{ item.complaint_date }}<br/>
|
||||||
|
Sales Order: {{ item.sop.doc_no }}<br/>
|
||||||
|
</span>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="4" class="text-body-2">
|
||||||
|
{{ item.customer.acc_no }} - {{ item.customer.name }}<br/>
|
||||||
|
Reason : {{ item.reason }}<br/>
|
||||||
|
Driver : {{ item.driver.name }}
|
||||||
|
</v-col>
|
||||||
|
<v-col cols=4>
|
||||||
|
<div class="d-flex justify-space-around align-center flex-column flex-sm-row fill-height">
|
||||||
|
<v-row>
|
||||||
|
<v-icon icon="mdi-exclamation" v-if="item.at_risk" color="red" title="At Risk"></v-icon>
|
||||||
|
<v-icon icon="mdi-play" v-if="item.active" title="Active"></v-icon>
|
||||||
|
</v-row>
|
||||||
|
<v-btn @click="showInfo(item)" color="blue-lighten-1">View</v-btn>
|
||||||
|
<v-btn v-if="site_info.features.editcomplaint" color="orange-lighten-2">Edit</v-btn>
|
||||||
|
</div>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</RecycleScroller>
|
||||||
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-window-item>
|
||||||
|
<v-window-item value="edit">
|
||||||
|
<ComplaintEdit ref="edit" :setcomplaint="selected_cmplaint" @closetab="tab = 'list'" @complaintupdate="complaintUpdated"></ComplaintEdit>
|
||||||
|
</v-window-item>
|
||||||
|
</v-window>
|
||||||
|
<v-dialog v-model="showComplaintInfo">
|
||||||
|
<ComplaintInfo :in_complaint="selected_complaint" @return="doInfoReturn" />
|
||||||
|
</v-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import axios from 'axios'
|
||||||
|
import ComplaintInfo from '@/components/ComplaintInfo.vue'
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
site_info:{},
|
||||||
|
user_info:{}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ComplaintInfo
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tab: "list",
|
||||||
|
list: [],
|
||||||
|
listreceived: false,
|
||||||
|
showActive: true,
|
||||||
|
loading: true,
|
||||||
|
limit: 300,
|
||||||
|
searchQuery: "",
|
||||||
|
edit: false,
|
||||||
|
report: false,
|
||||||
|
showComplaintInfo: false,
|
||||||
|
selected_complaint: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
filteredComplaints() {
|
||||||
|
let query = this.searchQuery.toLowerCase()
|
||||||
|
if (!this.listreceived){
|
||||||
|
this.getComplaintsList()
|
||||||
|
}
|
||||||
|
let clist = this.list.filter(q =>
|
||||||
|
q.customer.name.toLowerCase().includes(query) ||
|
||||||
|
q.customer.acc_no.includes(query) ||
|
||||||
|
q.id == query ||
|
||||||
|
q.reason.toLowerCase().includes(query)
|
||||||
|
)
|
||||||
|
if (this.showActive) {
|
||||||
|
clist = clist.filter(q =>
|
||||||
|
q.active == true
|
||||||
|
)
|
||||||
|
}
|
||||||
|
return clist
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getComplaintsList(){
|
||||||
|
this.loading = true
|
||||||
|
let url = this.$api_url + "/customers/complaints/list"
|
||||||
|
let c_id = this.$route.params.id || ""
|
||||||
|
console.log("Getting Contracts list..." + c_id)
|
||||||
|
axios.get(url,{
|
||||||
|
params: {
|
||||||
|
limit: this.limit,
|
||||||
|
query: this.searchQuery,
|
||||||
|
c_id: c_id
|
||||||
|
}
|
||||||
|
}).then(resp => {
|
||||||
|
this.list = resp.data
|
||||||
|
console.log(this.list)
|
||||||
|
this.listreceived = true
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
}).finally(() => {
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
showInfo(complaint) {
|
||||||
|
this.showComplaintInfo = true
|
||||||
|
this.selected_complaint = complaint
|
||||||
|
complaint.info_loaded = false
|
||||||
|
},
|
||||||
|
doInfoReturn(code) {
|
||||||
|
console.log(code)
|
||||||
|
},
|
||||||
|
showAddComplaint() {
|
||||||
|
this.edit = true
|
||||||
|
this.tab = "edit"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.scroller {
|
||||||
|
height:600px;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
height: 100px;
|
||||||
|
overflow-y:hidden;
|
||||||
|
padding: 0 1em;
|
||||||
|
margin-bottom:2px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
BIN
cmc_fe.tar.gz
BIN
cmc_fe.tar.gz
Binary file not shown.
|
|
@ -4,11 +4,11 @@ method="patch"
|
||||||
if [[ $1 != "" ]]; then
|
if [[ $1 != "" ]]; then
|
||||||
method=$1
|
method=$1
|
||||||
fi
|
fi
|
||||||
pnpm version $method
|
npm version $method
|
||||||
if [[ $? != 0 ]]; then
|
if [[ $? != 0 ]]; then
|
||||||
exit
|
exit
|
||||||
fi
|
fi
|
||||||
pnpm run build
|
npm run build
|
||||||
if [[ $? == 0 ]]; then
|
if [[ $? == 0 ]]; then
|
||||||
tar czf cmc_fe.tar.gz dist
|
tar czf cmc_fe.tar.gz dist
|
||||||
git add . cmc_fe.tar.gz
|
git add . cmc_fe.tar.gz
|
||||||
|
|
|
||||||
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "cmc_fe",
|
"name": "cmc_fe",
|
||||||
"version": "0.1.8",
|
"version": "0.1.7",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "cmc_fe",
|
"name": "cmc_fe",
|
||||||
"version": "0.1.8",
|
"version": "0.1.7",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@mdi/font": "5.9.55",
|
"@mdi/font": "5.9.55",
|
||||||
"@vuepic/vue-datepicker": "^3.6.4",
|
"@vuepic/vue-datepicker": "^3.6.4",
|
||||||
|
|
|
||||||
43
package.json
43
package.json
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "cmc_fe",
|
"name": "cmc_fe",
|
||||||
"version": "0.1.8",
|
"version": "0.1.7",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"serve": "vue-cli-service serve",
|
"serve": "vue-cli-service serve",
|
||||||
|
|
@ -9,37 +9,38 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@mdi/font": "5.9.55",
|
"@mdi/font": "5.9.55",
|
||||||
"@vuepic/vue-datepicker": "^3.6.8",
|
"@vuepic/vue-datepicker": "^3.6.4",
|
||||||
"animate.css": "^4.1.1",
|
"animate.css": "^4.1.1",
|
||||||
"axios": "^1.3.4",
|
"axios": "^1.2.2",
|
||||||
"core-js": "^3.29.1",
|
"core-js": "^3.8.3",
|
||||||
"html2pdf.js": "^0.10.1",
|
|
||||||
"moment": "^2.29.4",
|
"moment": "^2.29.4",
|
||||||
"roboto-fontface": "^0.10.0",
|
"roboto-fontface": "*",
|
||||||
"sass": "^1.60.0",
|
"sass": "^1.57.1",
|
||||||
"sass-loader": "^13.2.2",
|
"sass-loader": "^13.2.0",
|
||||||
"scss": "^0.2.4",
|
"scss": "^0.2.4",
|
||||||
"vue": "^3.2.47",
|
"vue": "^3.2.13",
|
||||||
"vue-datepicker": "^1.3.0",
|
"vue-datepicker": "^1.3.0",
|
||||||
"vue-meta": "^2.4.0",
|
"vue-meta": "^2.4.0",
|
||||||
"vue-router": "^4.1.6",
|
"vue-router": "^4.0.3",
|
||||||
"vue-splash": "^1.2.1",
|
"vue-splash": "^1.2.1",
|
||||||
"vue-virtual-scroller": "2.0.0-beta.8",
|
"vue-virtual-scroller": "^2.0.0-beta.7",
|
||||||
|
"vue3-html2pdf": "^1.1.2",
|
||||||
"vue3-print-nb": "^0.1.4",
|
"vue3-print-nb": "^0.1.4",
|
||||||
"vuetify": "^3.1.12",
|
"vuetify": "^3.0.0-beta.0",
|
||||||
"webfontloader": "^1.6.28"
|
"webfontloader": "^1.0.0",
|
||||||
|
"xmldom": "^0.5.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.21.4",
|
"@babel/core": "^7.12.16",
|
||||||
"@babel/eslint-parser": "^7.21.3",
|
"@babel/eslint-parser": "^7.12.16",
|
||||||
"@vue/cli-plugin-babel": "~5.0.8",
|
"@vue/cli-plugin-babel": "~5.0.0",
|
||||||
"@vue/cli-plugin-eslint": "~5.0.8",
|
"@vue/cli-plugin-eslint": "~5.0.0",
|
||||||
"@vue/cli-plugin-router": "~5.0.8",
|
"@vue/cli-plugin-router": "~5.0.0",
|
||||||
"@vue/cli-service": "~5.0.8",
|
"@vue/cli-service": "~5.0.0",
|
||||||
"eslint": "^7.32.0",
|
"eslint": "^7.32.0",
|
||||||
"eslint-plugin-vue": "^8.7.1",
|
"eslint-plugin-vue": "^8.0.3",
|
||||||
"vue-cli-plugin-vuetify": "~2.5.8",
|
"vue-cli-plugin-vuetify": "~2.5.8",
|
||||||
"webpack-plugin-vuetify": "^2.0.1"
|
"webpack-plugin-vuetify": "^2.0.0-alpha.0"
|
||||||
},
|
},
|
||||||
"eslintConfig": {
|
"eslintConfig": {
|
||||||
"root": true,
|
"root": true,
|
||||||
|
|
|
||||||
7366
pnpm-lock.yaml
7366
pnpm-lock.yaml
File diff suppressed because it is too large
Load diff
|
|
@ -1,19 +1,17 @@
|
||||||
<template>
|
<template>
|
||||||
<v-container class="button-container">
|
<v-container class="button-container">
|
||||||
<v-btn :loading="generating" color="primary" @click="generatePdf()" class="mr-2">Create PDF</v-btn>
|
<v-btn color="primary" @click="generatePdf()" class="mr-2">Create PDF</v-btn>
|
||||||
<v-btn color="grey" v-print="printObj">Print</v-btn>
|
<v-btn color="grey" v-print="printObj">Print</v-btn>
|
||||||
</v-container>
|
</v-container>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import html2pdf from 'html2pdf.js';
|
import html2pdf from 'html2pdf.js';
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
scope: String,
|
scope: String
|
||||||
filename: String
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
generating: false,
|
|
||||||
printObj: {
|
printObj: {
|
||||||
id: this.scope,
|
id: this.scope,
|
||||||
previewTitle: "Report Print",
|
previewTitle: "Report Print",
|
||||||
|
|
@ -22,16 +20,8 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
generatePdf() {
|
async generatePdf() {
|
||||||
this.generating = true
|
html2pdf(document.getElementById(this.scope))
|
||||||
setTimeout(() => {
|
|
||||||
let el = document.getElementById(this.scope)
|
|
||||||
let opts = {
|
|
||||||
filename: (this.filename || 'file' ) + ".pdf"
|
|
||||||
}
|
|
||||||
html2pdf().set(opts).from(el).save()
|
|
||||||
this.generating = false
|
|
||||||
},500)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<PrintButtons :scope="scope" :filename="filename" />
|
<PrintButtons :scope="scope" />
|
||||||
<v-container>
|
<v-container>
|
||||||
<v-card class="a4 page">
|
<v-card class="a4 page">
|
||||||
<div :id="scope" class="pdf-scope" >
|
<div :id="scope" class="pdf-scope">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
@ -13,8 +13,7 @@ import PrintButtons from './PrintButtons.vue'
|
||||||
import '@/assets/css/reports.css';
|
import '@/assets/css/reports.css';
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
scope: String,
|
scope: String
|
||||||
filename: String
|
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
PrintButtons
|
PrintButtons
|
||||||
|
|
|
||||||
|
|
@ -21,98 +21,96 @@
|
||||||
prepend-icon="mdi-plus"
|
prepend-icon="mdi-plus"
|
||||||
variant="text"
|
variant="text"
|
||||||
>Add</v-btn>
|
>Add</v-btn>
|
||||||
<v-progress-linear indeterminate color="blue" :active="loading"></v-progress-linear>
|
<v-progress-linear indeterminate color="blue" :active="loading"></v-progress-linear>
|
||||||
<v-card variant="outlined">
|
<v-card variant="outlined">
|
||||||
<RecycleScroller class="scroller"
|
<RecycleScroller class="scroller"
|
||||||
:items="filteredContracts"
|
:items="filteredContracts"
|
||||||
:item-size="130"
|
:item-size="130"
|
||||||
v-slot="{ item }"
|
v-slot="{ item }"
|
||||||
key-field="no"
|
key-field="no"
|
||||||
>
|
>
|
||||||
<v-row :class="[{inactive : !item.active}]" class="item">
|
<v-row :class="[{inactive : !item.active}]" class="item">
|
||||||
<v-col cols="4" >
|
<v-col cols="4" >
|
||||||
<h3>Contract : {{ item.no }}</h3>
|
<h3>Contract : {{ item.no }}</h3>
|
||||||
{{ item.customer.acc_no }} - {{ item.customer.name }}
|
{{ item.customer.acc_no }} - {{ item.customer.name }}
|
||||||
<v-switch v-model="item.active" color="green" @change="setContractInactive(item)" label="Active"></v-switch>
|
<v-switch v-model="item.active" color="green" @change="setContractInactive(item)" label="Active"></v-switch>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col >
|
<v-col >
|
||||||
<template v-for="p in item.products" :key="p.code">
|
<template v-for="p in item.products" :key="p.code">
|
||||||
<span v-if="p.code != ''">
|
<span v-if="p.code != ''">
|
||||||
{{ p.code }} @ {{ p.price }}<br/>
|
{{ p.code }} @ {{ p.price }}<br/>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col >
|
<v-col >
|
||||||
<v-icon title="Start">mdi-play</v-icon>: {{ formatDate(item.start_date,"DD/MM/YYYY") }}<br/>
|
<v-icon title="Start">mdi-play</v-icon>: {{ formatDate(item.start_date,"DD/MM/YYYY") }}<br/>
|
||||||
<v-icon title="Finish">mdi-flag-checkered</v-icon>: {{ formatDate(item.finish_date,"DD/MM/YYYY") }}<br/>
|
<v-icon title="Finish">mdi-flag-checkered</v-icon>: {{ formatDate(item.finish_date,"DD/MM/YYYY") }}<br/>
|
||||||
<v-icon title="Duration">mdi-clock</v-icon>: {{ item.duration }} months
|
<v-icon title="Duration">mdi-clock</v-icon>: {{ item.duration }} months
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col>
|
<v-col>
|
||||||
{{ item.tonnage_per_month }} per month<br/>
|
{{ item.tonnage_per_month }} per month<br/>
|
||||||
= {{ formatNumber(item.tonnage_per_month * item.duration,2) }} total<br/>
|
= {{ formatNumber(item.tonnage_per_month * item.duration,2) }} total<br/>
|
||||||
= {{ formatNumber(item.tonnage_per_month * item.remaining_duration,2) }} remaining<br/>
|
= {{ formatNumber(item.tonnage_per_month * item.remaining_duration,2) }} remaining<br/>
|
||||||
</v-col>
|
</v-col>
|
||||||
<v-col>
|
<v-col>
|
||||||
<div class="d-flex justify-space-around align-center flex-column flex-sm-row fill-height">
|
<div class="d-flex justify-space-around align-center flex-column flex-sm-row fill-height">
|
||||||
<v-btn color="info">
|
<v-btn color="info">
|
||||||
More
|
More
|
||||||
<v-overlay activator="parent" class="align-center justify-center">
|
<v-overlay activator="parent" class="align-center justify-center">
|
||||||
<v-card title="Info" width="600">
|
<v-card title="Info" width="600">
|
||||||
<v-card-subtitle>Comments</v-card-subtitle>
|
<v-card-subtitle>Comments</v-card-subtitle>
|
||||||
<v-card-text>{{ item.comments}} </v-card-text>
|
<v-card-text>{{ item.comments}} </v-card-text>
|
||||||
<v-card-subtitle>Office</v-card-subtitle>
|
<v-card-subtitle>Office</v-card-subtitle>
|
||||||
<v-card-text>{{ item.office_comments}}</v-card-text>
|
<v-card-text>{{ item.office_comments}}</v-card-text>
|
||||||
<v-card-subtitle>Agreed</v-card-subtitle>
|
<v-card-subtitle>Agreed</v-card-subtitle>
|
||||||
<v-card-text>{{ formatDate(item.agree_date,"DD/MM/YYYY") }}</v-card-text>
|
<v-card-text>{{ formatDate(item.agree_date,"DD/MM/YYYY") }}</v-card-text>
|
||||||
<v-card-subtitle>Products</v-card-subtitle>
|
<v-card-subtitle>Products</v-card-subtitle>
|
||||||
<v-card-text>
|
<v-card-text>
|
||||||
<template v-for="p in item.products" :key="p.code">
|
<template v-for="p in item.products" :key="p.code">
|
||||||
<span v-if="p.code != ''">
|
<span v-if="p.code != ''">
|
||||||
{{ p.code }} - {{ p.name }} @ {{ p.price }}<br/>
|
{{ p.code }} - {{ p.name }} @ {{ p.price }}<br/>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-btn color="info"
|
|
||||||
target="blank"
|
|
||||||
@click="getContractPrint(item.no)"
|
|
||||||
class="ma-2 pa-2"
|
|
||||||
:loading="multiloading"
|
|
||||||
>
|
|
||||||
Multi
|
|
||||||
</v-btn>
|
|
||||||
|
|
||||||
<v-btn color="info"
|
<v-btn color="info"
|
||||||
target="blank"
|
target="blank"
|
||||||
@click="getContractPrint(item.no,true)"
|
@click="getContractPrint(item.no)"
|
||||||
:loading="totalloading"
|
|
||||||
class="ma-2 pa-2"
|
class="ma-2 pa-2"
|
||||||
|
:loading="item.multiloading"
|
||||||
>
|
>
|
||||||
Total
|
Multi
|
||||||
</v-btn>
|
</v-btn>
|
||||||
<v-btn color="warning"
|
|
||||||
v-if="site_info.features.editcontract"
|
<v-btn color="info"
|
||||||
@click="showEditContract(item)"
|
target="blank"
|
||||||
:loading="editloading"
|
@click="getContractPrint(item.no,true)"
|
||||||
|
:loading="item.totalloading"
|
||||||
|
class="ma-2 pa-2"
|
||||||
>
|
>
|
||||||
Edit
|
Total
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
<v-btn color="warning"
|
||||||
</v-card>
|
v-if="site_info.features.editcontract"
|
||||||
</v-overlay>
|
@click="showEditContract(item)"
|
||||||
</v-btn>
|
>
|
||||||
<v-btn color="warning"
|
Edit
|
||||||
v-if="site_info.features.editcontract"
|
</v-btn>
|
||||||
@click="showEditContract(item)"
|
</v-card-actions>
|
||||||
:loading="editloading"
|
</v-card>
|
||||||
>
|
</v-overlay>
|
||||||
Edit
|
</v-btn>
|
||||||
</v-btn>
|
<v-btn color="warning"
|
||||||
</div>
|
v-if="site_info.features.editcontract"
|
||||||
</v-col>
|
@click="showEditContract(item)"
|
||||||
</v-row>
|
>
|
||||||
</RecycleScroller>
|
Edit
|
||||||
</v-card>
|
</v-btn>
|
||||||
|
</div>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</RecycleScroller>
|
||||||
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</v-window-item>
|
</v-window-item>
|
||||||
|
|
@ -182,26 +180,19 @@ export default {
|
||||||
edit: false,
|
edit: false,
|
||||||
report: false,
|
report: false,
|
||||||
total: false,
|
total: false,
|
||||||
content: "",
|
content: ""
|
||||||
editloading: false,
|
|
||||||
multiloading: false,
|
|
||||||
totalloading: false
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mixins: [methods],
|
mixins: [methods],
|
||||||
methods: {
|
methods: {
|
||||||
async showEditContract(contract) {
|
async showEditContract(contract) {
|
||||||
this.editloading = true
|
if ( contract != undefined ) {
|
||||||
setTimeout(() => {
|
this.selected_contract = contract
|
||||||
if ( contract != undefined ) {
|
} else {
|
||||||
this.selected_contract = contract
|
this.selected_contract = new ContractType()
|
||||||
} else {
|
}
|
||||||
this.selected_contract = new ContractType()
|
this.tab = "edit"
|
||||||
}
|
this.edit = true
|
||||||
this.tab = "edit"
|
|
||||||
this.edit = true
|
|
||||||
this.editloading = false
|
|
||||||
},1000)
|
|
||||||
},
|
},
|
||||||
async getContractsList() {
|
async getContractsList() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
|
|
@ -222,16 +213,12 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getContractPrint(contract, total = false) {
|
getContractPrint(contract, total = false) {
|
||||||
if (total){ this.totalloading = true } else { this.multiloading = true }
|
|
||||||
axios.get(this.$api_url + "/customers/contracts/" + contract + "/info")
|
axios.get(this.$api_url + "/customers/contracts/" + contract + "/info")
|
||||||
.then(resp => {
|
.then(resp => {
|
||||||
this.selected_contract = resp.data
|
this.selected_contract = resp.data
|
||||||
this.total = total
|
this.total = total
|
||||||
this.tab = "report"
|
this.tab = "report"
|
||||||
this.report = true
|
this.report = true
|
||||||
}).finally(() => {
|
|
||||||
this.totalloading = false
|
|
||||||
this.multiloading = false
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
findContract(id) {
|
findContract(id) {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<ReportLayout scope="contract" :filename="filename">
|
<ReportLayout scope="contract">
|
||||||
<div class="letter">
|
<div class="letter">
|
||||||
<p><span class="text-bold">Date: </span>{{ current_date }}</p>
|
<p><span class="text-bold">Date: </span>{{ current_date }}</p>
|
||||||
<p class="text-bold">Customer's Address:</p>
|
<p class="text-bold">Customer's Address:</p>
|
||||||
|
|
@ -71,7 +71,6 @@ export default {
|
||||||
},
|
},
|
||||||
data(){
|
data(){
|
||||||
return {
|
return {
|
||||||
filename: "Contract_" + this.contract.no,
|
|
||||||
current_date: Common.getDateNow(),
|
current_date: Common.getDateNow(),
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue