mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange.git
synced 2026-08-22 05:44:13 +00:00
Nazri Hamzah
98 lines
4.6 KiB
Vue
98 lines
4.6 KiB
Vue
<template>
|
|
<div>
|
|
<span align="center"><h4>Supplier Details</h4></span><br>
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
<el-table-column prop="comp_name" label="Company Name"></el-table-column>
|
|
<el-table-column prop="reg_no" label="Registration No"></el-table-column>
|
|
<el-table-column prop="gst_no" label="GST No"></el-table-column>
|
|
<el-table-column prop="bank_name" label="Bank Name"></el-table-column>
|
|
<el-table-column prop="account_no" label="Account No"></el-table-column>
|
|
<el-table-column label="Action">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" size="small" @click="EditSupplierdialogVisible = true">Edit</el-button>
|
|
<el-button type="text" size="small" @click="DeleteSupplierdialogVisible = true">Delete</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table><br>
|
|
<div align="right">
|
|
<el-button type="primary" icon="el-icon-plus" @click="AddNewSupplierdialogVisible = true">Add New Supplier</el-button>
|
|
</div>
|
|
<!-- popup add new supplier -->
|
|
<el-dialog title="Add New Supplier" align="center" :visible.sync="AddNewSupplierdialogVisible" width="40%">
|
|
<el-form :label-position="right" label-width="150px">
|
|
<el-form-item label="Company Name"><el-input></el-input></el-form-item>
|
|
<el-form-item label="Registration No"><el-input></el-input></el-form-item>
|
|
<el-form-item label="GST No"><el-input></el-input></el-form-item>
|
|
<el-form-item label="Bank Name"><el-input></el-input></el-form-item>
|
|
<el-form-item label="Account No"><el-input></el-input></el-form-item>
|
|
</el-form>
|
|
<div align="center">
|
|
<el-button @click="AddNewSupplierdialogVisible = false">Cancel</el-button>
|
|
<el-button type="primary" @click="AddNewSupplierdialogVisible = false; DoneAddSupplierdialogVisible = true">OK</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<el-dialog align="center" :visible.sync="DoneAddSupplierdialogVisible" width="30%">
|
|
<span>Supplier Added Successfully</span><br><br>
|
|
<div align="center">
|
|
<el-button type="primary" @click="DoneAddSupplierdialogVisible = false">OK</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<!-- popup add new supplier end -->
|
|
<!-- popup edit supplier -->
|
|
<el-dialog title="Edit Supplier" align="center" :visible.sync="EditSupplierdialogVisible" width="40%">
|
|
<el-form :label-position="right" label-width="150px">
|
|
<el-form-item label="Company Name"><el-input></el-input></el-form-item>
|
|
<el-form-item label="Registration No"><el-input></el-input></el-form-item>
|
|
<el-form-item label="GST No"><el-input></el-input></el-form-item>
|
|
<el-form-item label="Bank Name"><el-input></el-input></el-form-item>
|
|
<el-form-item label="Account No"><el-input></el-input></el-form-item>
|
|
</el-form>
|
|
<div align="center">
|
|
<el-button @click="EditSupplierdialogVisible = false">Cancel</el-button>
|
|
<el-button type="primary" @click="EditSupplierdialogVisible = false; DoneUpdateSupplierdialogVisible = true">OK</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<el-dialog align="center" :visible.sync="DoneUpdateSupplierdialogVisible" width="30%">
|
|
<span>Supplier's Details Updated Successfully</span><br><br>
|
|
<div align="center">
|
|
<el-button type="primary" @click="DoneUpdateSupplierdialogVisible = false">OK</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<!-- popup edit supplier end -->
|
|
<!-- popup delete supplier -->
|
|
<el-dialog align="center" :visible.sync="DeleteSupplierdialogVisible" width="30%">
|
|
<span>Supplier's Details Deleted</span><br><br>
|
|
<div align="center">
|
|
<el-button type="primary" @click="DeleteSupplierdialogVisible = false">OK</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<!-- popup delete supplier end -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
tableData: [{
|
|
comp_name: 'CIEF',
|
|
reg_no: '2134241',
|
|
gst_no: '214',
|
|
bank_name: 'myabank',
|
|
account_no: '1242521',
|
|
}, {
|
|
comp_name: 'iPhone',
|
|
reg_no: '123214',
|
|
gst_no: '3532',
|
|
bank_name: 'adyabank',
|
|
account_no: '21421421',
|
|
}],
|
|
AddNewSupplierdialogVisible: false,
|
|
EditSupplierdialogVisible: false,
|
|
DoneAddSupplierdialogVisible: false,
|
|
DoneUpdateSupplierdialogVisible: false,
|
|
DeleteSupplierdialogVisible: false
|
|
}
|
|
}
|
|
}
|
|
</script> |