mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange.git
synced 2026-08-19 04:14:04 +00:00
integrate add setting supplier
This commit is contained in:
Generated
+1052
-204
File diff suppressed because it is too large
Load Diff
+2
-2
@@ -29,13 +29,13 @@
|
||||
"sweetalert2": "^7.15.1",
|
||||
"vform": "^1.0.0",
|
||||
"vue": "^2.5.16",
|
||||
"vue-axios": "^2.1.1",
|
||||
"vue-i18n": "^7.6.0",
|
||||
"vue-loader": "14.2.2",
|
||||
"vue-meta": "^1.4.4",
|
||||
"vue-router": "^3.0.1",
|
||||
"vuex": "^3.0.1",
|
||||
"vuex-router-sync": "^5.0.0",
|
||||
"webpack": "^4.14.0"
|
||||
"vuex-router-sync": "^5.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-eslint": "^3.0.0-beta.6",
|
||||
|
||||
@@ -10,6 +10,7 @@ import locale from 'element-ui/lib/locale/lang/en'
|
||||
import '~/plugins'
|
||||
import '~/components'
|
||||
|
||||
|
||||
Vue.config.productionTip = false
|
||||
|
||||
Vue.use(ElementUI, { locale })
|
||||
|
||||
@@ -1,98 +1,131 @@
|
||||
<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 -->
|
||||
<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 v-model="supplierForm.company_name"></el-input></el-form-item>
|
||||
<el-form-item label="Registration No"><el-input v-model="supplierForm.supplier_reg_no"></el-input></el-form-item>
|
||||
<el-form-item label="GST No"><el-input v-model="supplierForm.gst_no"></el-input></el-form-item>
|
||||
<el-form-item label="Bank Name"><el-input v-model="supplierForm.bank_name"></el-input></el-form-item>
|
||||
<el-form-item label="Account No"><el-input v-model="supplierForm.acc_no"></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="Create">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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var client = require('./client');
|
||||
|
||||
|
||||
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,
|
||||
supplierForm : {
|
||||
company_name: '',
|
||||
supplier_reg_no: '',
|
||||
gst_no: '',
|
||||
bank_name: '',
|
||||
acc_no: '',
|
||||
}
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
Create : function(){
|
||||
this.DoneAddSupplierdialogVisible = false;
|
||||
|
||||
console.log(this.supplierForm.company_name);
|
||||
console.log(this.supplierForm.bank_name);
|
||||
client.post('api/setting-supplier', this.supplierForm)
|
||||
.then((response) => {
|
||||
// anything
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log(error)
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: 'Internal server issues. Please contact support',
|
||||
type: 'error',
|
||||
duration: 10000
|
||||
})
|
||||
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,10 @@
|
||||
// client.js
|
||||
|
||||
var axios = require('axios');
|
||||
|
||||
var axiosInstance = axios.create({
|
||||
baseURL: 'http://localhost:8000',
|
||||
/* other custom settings */
|
||||
});
|
||||
|
||||
module.exports = axiosInstance;
|
||||
Vendored
+7
-7
@@ -4,7 +4,7 @@
|
||||
|
||||
namespace Composer\Autoload;
|
||||
|
||||
class ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad
|
||||
class ComposerStaticInit0eb1f3eb0d8144627e65b3e93f0783e4
|
||||
{
|
||||
public static $files = array (
|
||||
'6124b4c8570aa390c21fafd04a26c69f' => __DIR__ . '/..' . '/myclabs/deep-copy/src/DeepCopy/deep_copy.php',
|
||||
@@ -15,12 +15,12 @@ class ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad
|
||||
'2c102faa651ef8ea5874edb585946bce' => __DIR__ . '/..' . '/swiftmailer/swiftmailer/lib/swift_required.php',
|
||||
'a0edc8309cc5e1d60e3047b5df6b7052' => __DIR__ . '/..' . '/guzzlehttp/psr7/src/functions_include.php',
|
||||
'c964ee0ededf28c96ebd9db5099ef910' => __DIR__ . '/..' . '/guzzlehttp/promises/src/functions_include.php',
|
||||
'37a3dc5111fe8f707ab4c132ef1dbc62' => __DIR__ . '/..' . '/guzzlehttp/guzzle/src/functions_include.php',
|
||||
'5255c38a0faeba867671b61dfda6d864' => __DIR__ . '/..' . '/paragonie/random_compat/lib/random.php',
|
||||
'37a3dc5111fe8f707ab4c132ef1dbc62' => __DIR__ . '/..' . '/guzzlehttp/guzzle/src/functions_include.php',
|
||||
'bd9634f2d41831496de0d3dfe4c94881' => __DIR__ . '/..' . '/symfony/polyfill-php56/bootstrap.php',
|
||||
'801c31d8ed748cfa537fa45402288c95' => __DIR__ . '/..' . '/psy/psysh/src/functions.php',
|
||||
'f0906e6318348a765ffb6eb24e0d0938' => __DIR__ . '/..' . '/laravel/framework/src/Illuminate/Foundation/helpers.php',
|
||||
'58571171fd5812e6e447dce228f52f4d' => __DIR__ . '/..' . '/laravel/framework/src/Illuminate/Support/helpers.php',
|
||||
'801c31d8ed748cfa537fa45402288c95' => __DIR__ . '/..' . '/psy/psysh/src/functions.php',
|
||||
'f18cc91337d49233e5754e93f3ed9ec3' => __DIR__ . '/..' . '/laravelcollective/html/src/helpers.php',
|
||||
);
|
||||
|
||||
@@ -4767,10 +4767,10 @@ class ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad
|
||||
public static function getInitializer(ClassLoader $loader)
|
||||
{
|
||||
return \Closure::bind(function () use ($loader) {
|
||||
$loader->prefixLengthsPsr4 = ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad::$prefixLengthsPsr4;
|
||||
$loader->prefixDirsPsr4 = ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad::$prefixDirsPsr4;
|
||||
$loader->prefixesPsr0 = ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad::$prefixesPsr0;
|
||||
$loader->classMap = ComposerStaticInite450fcd5b0627496bb38e1386c9a81ad::$classMap;
|
||||
$loader->prefixLengthsPsr4 = ComposerStaticInit0eb1f3eb0d8144627e65b3e93f0783e4::$prefixLengthsPsr4;
|
||||
$loader->prefixDirsPsr4 = ComposerStaticInit0eb1f3eb0d8144627e65b3e93f0783e4::$prefixDirsPsr4;
|
||||
$loader->prefixesPsr0 = ComposerStaticInit0eb1f3eb0d8144627e65b3e93f0783e4::$prefixesPsr0;
|
||||
$loader->classMap = ComposerStaticInit0eb1f3eb0d8144627e65b3e93f0783e4::$classMap;
|
||||
|
||||
}, null, ClassLoader::class);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user