add contract-formpage
This commit is contained in:
hayatie
Vendored
+1
@@ -0,0 +1 @@
|
|||||||
|
|
||||||
Vendored
+14
@@ -0,0 +1,14 @@
|
|||||||
|
/*
|
||||||
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
||||||
|
* This devtool is neither made for production nor for readable output files.
|
||||||
|
* It uses "eval()" calls to create a separate source file in the browser devtools.
|
||||||
|
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
|
||||||
|
* or disable the default devtool with "devtool: false".
|
||||||
|
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
|
||||||
|
*/
|
||||||
|
/******/ (() => { // webpackBootstrap
|
||||||
|
/******/ "use strict";
|
||||||
|
/******/
|
||||||
|
/******/
|
||||||
|
/******/ })()
|
||||||
|
;
|
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 104 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 425 KiB |
Generated
+43
-6
@@ -5,7 +5,8 @@
|
|||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@bachdgvn/vue-otp-input": "^1.0.8"
|
"@bachdgvn/vue-otp-input": "^1.0.8",
|
||||||
|
"bootstrap": "^5.3.8"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"babel-cli": "^6.26.0",
|
"babel-cli": "^6.26.0",
|
||||||
@@ -59,6 +60,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz",
|
"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz",
|
||||||
"integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==",
|
"integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ampproject/remapping": "^2.2.0",
|
"@ampproject/remapping": "^2.2.0",
|
||||||
"@babel/code-frame": "^7.24.2",
|
"@babel/code-frame": "^7.24.2",
|
||||||
@@ -2098,6 +2100,17 @@
|
|||||||
"node": ">= 8"
|
"node": ">= 8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@popperjs/core": {
|
||||||
|
"version": "2.11.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
|
||||||
|
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"peer": true,
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/popperjs"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@trysound/sax": {
|
"node_modules/@trysound/sax": {
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
|
||||||
@@ -2740,6 +2753,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
|
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
|
||||||
"integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
|
"integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"bin": {
|
"bin": {
|
||||||
"acorn": "bin/acorn"
|
"acorn": "bin/acorn"
|
||||||
},
|
},
|
||||||
@@ -2774,6 +2788,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
|
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
|
||||||
"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
|
"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"fast-deep-equal": "^3.1.1",
|
"fast-deep-equal": "^3.1.1",
|
||||||
"fast-json-stable-stringify": "^2.0.0",
|
"fast-json-stable-stringify": "^2.0.0",
|
||||||
@@ -3496,6 +3511,25 @@
|
|||||||
"integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
|
"integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"node_modules/bootstrap": {
|
||||||
|
"version": "5.3.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
|
||||||
|
"integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/twbs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/bootstrap"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"@popperjs/core": "^2.11.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/brace-expansion": {
|
"node_modules/brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
||||||
@@ -3623,6 +3657,7 @@
|
|||||||
"url": "https://github.com/sponsors/ai"
|
"url": "https://github.com/sponsors/ai"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"caniuse-lite": "^1.0.30001587",
|
"caniuse-lite": "^1.0.30001587",
|
||||||
"electron-to-chromium": "^1.4.668",
|
"electron-to-chromium": "^1.4.668",
|
||||||
@@ -4371,7 +4406,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.1.tgz",
|
||||||
"integrity": "sha512-OxIR5P2mjO1PSXk44bWuQ8XtMK4dpEqpIyERCx3ewOo3I8EmbcxMPUc5ScLtQfgXtOojoMv57So4V/C02HQLsw==",
|
"integrity": "sha512-OxIR5P2mjO1PSXk44bWuQ8XtMK4dpEqpIyERCx3ewOo3I8EmbcxMPUc5ScLtQfgXtOojoMv57So4V/C02HQLsw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"peer": true,
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"icss-utils": "^5.1.0",
|
"icss-utils": "^5.1.0",
|
||||||
"postcss": "^8.4.33",
|
"postcss": "^8.4.33",
|
||||||
@@ -4407,7 +4441,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
|
||||||
"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
|
"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"peer": true,
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"yallist": "^4.0.0"
|
"yallist": "^4.0.0"
|
||||||
},
|
},
|
||||||
@@ -4420,7 +4453,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
|
"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
|
||||||
"integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
|
"integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"peer": true,
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"lru-cache": "^6.0.0"
|
"lru-cache": "^6.0.0"
|
||||||
},
|
},
|
||||||
@@ -4435,8 +4467,7 @@
|
|||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
|
||||||
"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
|
"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
|
||||||
"dev": true,
|
"dev": true
|
||||||
"peer": true
|
|
||||||
},
|
},
|
||||||
"node_modules/css-select": {
|
"node_modules/css-select": {
|
||||||
"version": "4.3.0",
|
"version": "4.3.0",
|
||||||
@@ -6521,6 +6552,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/imagemin/-/imagemin-7.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/imagemin/-/imagemin-7.0.1.tgz",
|
||||||
"integrity": "sha512-33AmZ+xjZhg2JMCe+vDf6a9mzWukE7l+wAtesjE7KyteqqKjzxv7aVQeWnul1Ve26mWvEQqyPwl0OctNBfSR9w==",
|
"integrity": "sha512-33AmZ+xjZhg2JMCe+vDf6a9mzWukE7l+wAtesjE7KyteqqKjzxv7aVQeWnul1Ve26mWvEQqyPwl0OctNBfSR9w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"file-type": "^12.0.0",
|
"file-type": "^12.0.0",
|
||||||
"globby": "^10.0.0",
|
"globby": "^10.0.0",
|
||||||
@@ -8799,6 +8831,7 @@
|
|||||||
"url": "https://github.com/sponsors/ai"
|
"url": "https://github.com/sponsors/ai"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"nanoid": "^3.3.7",
|
"nanoid": "^3.3.7",
|
||||||
"picocolors": "^1.0.0",
|
"picocolors": "^1.0.0",
|
||||||
@@ -12064,6 +12097,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
|
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
|
||||||
"integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
|
"integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@types/eslint-scope": "^3.7.3",
|
"@types/eslint-scope": "^3.7.3",
|
||||||
"@types/estree": "^1.0.5",
|
"@types/estree": "^1.0.5",
|
||||||
@@ -12111,6 +12145,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.10.0.tgz",
|
"resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.10.0.tgz",
|
||||||
"integrity": "sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==",
|
"integrity": "sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@discoveryjs/json-ext": "^0.5.0",
|
"@discoveryjs/json-ext": "^0.5.0",
|
||||||
"@webpack-cli/configtest": "^1.2.0",
|
"@webpack-cli/configtest": "^1.2.0",
|
||||||
@@ -12249,6 +12284,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
|
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
|
||||||
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
|
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"fast-deep-equal": "^3.1.1",
|
"fast-deep-equal": "^3.1.1",
|
||||||
"json-schema-traverse": "^1.0.0",
|
"json-schema-traverse": "^1.0.0",
|
||||||
@@ -12361,6 +12397,7 @@
|
|||||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
|
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
|
||||||
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
|
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
|
"peer": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"fast-deep-equal": "^3.1.1",
|
"fast-deep-equal": "^3.1.1",
|
||||||
"json-schema-traverse": "^1.0.0",
|
"json-schema-traverse": "^1.0.0",
|
||||||
|
|||||||
+2
-1
@@ -19,6 +19,7 @@
|
|||||||
"vue-template-compiler": "^2.7.16"
|
"vue-template-compiler": "^2.7.16"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@bachdgvn/vue-otp-input": "^1.0.8"
|
"@bachdgvn/vue-otp-input": "^1.0.8",
|
||||||
|
"bootstrap": "^5.3.8"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Vendored
+17153
-1
File diff suppressed because one or more lines are too long
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container col-md-8 col-md-offset-2">
|
<div class="container col-md-8 col-md-offset-2">
|
||||||
<h4>Pengurusan Akaun Pengguna </h4>
|
<!-- <h4>Pengurusan Akaun Pengguna </h4> -->
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -8,7 +8,7 @@
|
|||||||
<script>
|
<script>
|
||||||
export default{
|
export default{
|
||||||
created: function () {
|
created: function () {
|
||||||
this.util.setTitle('MyKoPKB - Pengurusan Akaun');
|
this.util.setTitle('MyKoPKB - Akaun Anggota');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -0,0 +1,137 @@
|
|||||||
|
<!-- Resize & Center Form -->
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<form @submit.prevent="saveAndNext" class="ion-text-center">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-10 col-lg-8">
|
||||||
|
|
||||||
|
<!-- Header with Logo + Title -->
|
||||||
|
<div class="text-center mb-4">
|
||||||
|
<div class="d-flex align-items-center justify-content-center mb-2">
|
||||||
|
<img
|
||||||
|
src="/images/KoPKB_Logo.png"
|
||||||
|
alt="KoPKB Logo"
|
||||||
|
class="kopkb-logo me-2"
|
||||||
|
style="height: 50px;"
|
||||||
|
/>
|
||||||
|
<h4 class="mb-0 fw-bold">
|
||||||
|
Koperasi Permodalan Kelantan Berhad (KoPKB)
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<h5 class="text-primary fw-semibold mt-2">
|
||||||
|
AKUJANJI BELIAN KOMODITI
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Main Form -->
|
||||||
|
<form>
|
||||||
|
<p><b>Aku Janji Belian Komoditi</b></p>
|
||||||
|
|
||||||
|
<p style="text-align: justify;">
|
||||||
|
Selaras dengan Surat Tawaran, saya dengan ini beraku janji untuk membeli komoditi yang dinyatakan di dalam Surat Tawaran Pembiayaan ("Komoditi") daripada Koperasi pada Harga Jualan yang tersebut dalam Surat Tawaran Pembiayaan ("Harga Jualan") bersama-sama dengan semua kos lain yang termasuk dengannya (termasuk tetapi tidak terhad kepada kos komoditi yang dinyatakan di dalam Surat Tawaran Pembiayaan) yang kedua-duanya akan dibayar mengikut terma-terma dan syarat-syarat Perjanjian Pembiayaan Tawarruq atau apa-apa kaedah lain yang dibenarkan oleh Koperasi.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<p>Saya dengan ini membuat pilihan untuk:</p>
|
||||||
|
<p>Sila tandakan (✓) jika berkenaan.</p>
|
||||||
|
|
||||||
|
<!-- Option 1 -->
|
||||||
|
<div class="form-check mb-3">
|
||||||
|
<input type="checkbox" id="pilihan1" class="form-check-input" />
|
||||||
|
<label for="pilihan1" class="form-check-label" style="text-align: justify;">
|
||||||
|
Menerima penghantaran komoditi, atau menjual komoditi kepada mana-mana pihak ketiga atas kehendak saya, dengan segala kos berkaitan ditanggung oleh saya sendiri. Saya dengan ini melepaskan Koperasi daripada segala tanggungan dan beraku janji untuk menanggung kos koperasi terhadap apa-apa tindakan undang-undang termasuk menanggung rugi semua kos dan perbelanjaan atau kerosakan yang koperasi mungkin alami atau tanggung berikutan pilihan saya ini.
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="text-center fw-bold">ATAU</p>
|
||||||
|
|
||||||
|
<!-- Option 2 -->
|
||||||
|
<div class="form-check mb-3">
|
||||||
|
<input type="checkbox" id="pilihan2" class="form-check-input" />
|
||||||
|
<label for="pilihan2" class="form-check-label" style="text-align: justify;">
|
||||||
|
Meninggalkan komoditi itu kepada koperasi dan menyerahkan kuasa kepada koperasi sebagai wakil saya untuk menjual komoditi itu kepada pihak ketiga yang difikirkan sesuai oleh koperasi pada harga sama seperti jumlah pembiayaan dalam Surat Tawaran Pembiayaan dan dengan itu mengkreditkan hasil jualan komoditi (Jumlah Pembiayaan) ke dalam akaun saya, atau diserahkan secara tunai kepada saya.
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>Harga Jualan (Jumlah Pembiayaan): RM <input type="text" placeholder="" style="border: none; border-bottom: 1px solid #888; outline: none;"></p>
|
||||||
|
<p>No. Akaun Bank:<input type="text" placeholder="" style="border: none; border-bottom: 1px solid #888; outline: none;"></p>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<h5 class="mt-4"><strong>PERLANTIKAN WAKIL</strong></h5>
|
||||||
|
|
||||||
|
<p style="text-align: justify;">
|
||||||
|
Saya dengan ini secara muktamadnya melantik <b>Koperasi Permodalan Kelantan Berhad</b> setelah Surat Tawaran Pembiayaan dipersetujui sebagai wakil saya untuk menjual komoditi seperti yang dinyatakan didalam Surat Tawaran kepada mana -mana pihak pembeli ketiga yang difikirkan sesuai oleh Koperasi melalui platform Bursa Suq Al-Sila'(BSAS) atau mana -mana platform yang difikirkan sesuai .
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Pengesahan : </p>
|
||||||
|
<p>[Tandatangan Pemohon] : _____________________________</p>
|
||||||
|
<p>:Nama Pemohon : ___________________________</p>
|
||||||
|
<p> No Kad Pengenalan : _______________________</p>
|
||||||
|
|
||||||
|
<!-- Button -->
|
||||||
|
<div class="text-end mt-4">
|
||||||
|
<router-link to="/" class="btn btn-dark me-2">Sebelum</router-link>
|
||||||
|
<button type="submit" class="btn btn-primary px-4" @click="saveAndNext"> Seterusnya</button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div> <!-- /col -->
|
||||||
|
</div> <!-- /row -->
|
||||||
|
</div> <!-- /container -->
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
komoditi: '',
|
||||||
|
kuantiti: '',
|
||||||
|
harga: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
// saveAndNext() {
|
||||||
|
// // Save current page data to localStorage
|
||||||
|
// const data = {
|
||||||
|
// komoditi: this.komoditi,
|
||||||
|
// kuantiti: this.kuantiti,
|
||||||
|
// harga: this.harga
|
||||||
|
// };
|
||||||
|
// localStorage.setItem('formData', JSON.stringify(data));
|
||||||
|
|
||||||
|
// // Navigate to Kontrak Murabahah page
|
||||||
|
// this.$router.push({ name: 'KontrakMurabahah' }); // ✅ use named route
|
||||||
|
// },
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
saveAndNext() {
|
||||||
|
const data = {
|
||||||
|
komoditi: this.komoditi,
|
||||||
|
kuantiti: this.kuantiti,
|
||||||
|
harga: this.harga
|
||||||
|
};
|
||||||
|
localStorage.setItem('formData', JSON.stringify(data));
|
||||||
|
|
||||||
|
console.log('Navigating to Kontrak Murabahah...'); // debug line
|
||||||
|
|
||||||
|
this.$router.push({ name: 'KontrakMurabahah' });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container {
|
||||||
|
max-width: 900px;
|
||||||
|
}
|
||||||
|
.kopkb-logo {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="cetak-page">
|
||||||
|
<ManagePembiayaan />
|
||||||
|
<ManageBelianKomoditi/>
|
||||||
|
<ManageKontrakMurabahah />
|
||||||
|
|
||||||
|
<!-- Add any other sections you need -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Pembiayaan from './pembiayaan.vue';
|
||||||
|
import BelianKomoditi from './beliankomoditi.vue';
|
||||||
|
import KontrakMurabahah from './kontrakmurabahah.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CetakPermohonan',
|
||||||
|
components: {
|
||||||
|
Pembiayaan,
|
||||||
|
BelianKomoditi,
|
||||||
|
KontrakMurabahah
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
setTimeout(() => window.print(), 500); // auto print after render
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
cetak() {
|
||||||
|
this.$router.push('/cetakpermohonan');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,307 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
|
||||||
|
<form @submit.prevent="submitForm" class="ion-text-center">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div id="permohonan" class="col-md-10 col-lg-8">
|
||||||
|
|
||||||
|
<!-- Header with Logo + Title -->
|
||||||
|
<div class="text-center mb-4">
|
||||||
|
<div class="d-flex align-items-center justify-content-center mb-2">
|
||||||
|
<img
|
||||||
|
src="/images/KoPKB_Logo.png"
|
||||||
|
alt="KoPKB Logo"
|
||||||
|
class="kopkb-logo me-2"
|
||||||
|
style="height: 40px;"
|
||||||
|
/>
|
||||||
|
<h6 class="mb-0 fw-bold">
|
||||||
|
Koperasi Permodalan Kelantan Berhad (KoPKB)
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
<h6 class="text-primary fw-semibold mt-2">
|
||||||
|
KONTRAK JUALAN MURABAHAH
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="ion-text-center">Pihak -pihak yang terlibat di dalam Kontrak Jualan Murabahah ini adalah : </p>
|
||||||
|
<ol class="ion-text-center" style="list-style-position: inside;">
|
||||||
|
<li><b>KOPERASI PERMODALAN KELANTAN BERHAD (KoPKB) </b> selepas ini akan dinyatakan sebagai <strong>('Koperasi')</strong> dan ,</li>
|
||||||
|
<li>Anggota yang bernama dan mempunyai No Kad Pengenalan sebagaimana yang dinyatakan dalam Bahagian 2 Jadual A,selepas ini dinyatakan sebagai <strong>('Pelanggan')</strong></li>
|
||||||
|
|
||||||
|
<br> <p> Dengan ini, pihak - pihak yang dinyatakan di atas <b>BERSETUJU DAN MENGISYTIHARKAN</b> seperti berikut : </p>
|
||||||
|
<ol class="ion-text-center" style="list-style-position: inside;">
|
||||||
|
<li><h6 style="display: inline;"><strong>JUALAN KOMODITI</strong></h6></li> <br>
|
||||||
|
<p style="text-align: justify;">Berdasarkan kepada Surat Tawaran bertarikh <input type="date" placeholder="<tarikh>" style="border: none; border-bottom: 1px solid #888; outline: none;"> dan Aku Janji yang dikeluarkan oleh Pelanggan kepada Koperasi , Koperasi dengan ini menjual dan Pelanggan dengan ini membeli komoditi (butiran yang mana adalah seperti yang dinyatakan pada Bahagian 3 Jadual A didalam Perjanjian ini) ('Komoditi') pada Harga Jualan yang dinyatakan pada Bahgaian 4 Jadual A didalam Perjanjian ini.
|
||||||
|
('Harga Jualan') yang merangkumi Harga Kos Koperasi seperti yang dinyatakan pada Bahagian 5 Jadual A di dalam Perjanjian ini dan margin keuntungan dengan pembayaran secara tangguh tertakluk kepada terma dan syarat di dalam Surat Tawaran. )</p>
|
||||||
|
|
||||||
|
|
||||||
|
<li><h6 style="display: inline;"><strong>PEMINDAHAN HAK MILIK</strong></h6></li>
|
||||||
|
<ol type="a" style="list-style-position: inside;">
|
||||||
|
<li style="text-align: justify; text-justify: inter-word;">Setelah pemeteraian Kontrak Jualan Murabahah ini disempurnakan, liabiliti dan hak pemilikan bermanfaat terhadap komoditi hendaklah dengan segera diserahkan kepada Pelanggan.
|
||||||
|
</li>
|
||||||
|
<li style="text-align: justify; text-justify: inter-word;">Koperasi hendaklah menyimpan sijil yang berkaitan dengan Komoditi (Lampiran1 ) dalam jagaannya sebagai pemegang amanah bagi kepentingan Pelanggan untuk tujuan penjualan komoditi seterusnya kepaga peniaga komoditi sepetimana yang dinyatakan di dalam Surat Perlantikan Wakil yang dikeluarkan oleh Pelanggan kepada Koperasi .Pelanggan mempunyai hak untuk memeriksa perakuan tersebut di premis Koperasi atau memohon Koperasi untuk memberikan satu salinan sijil tersebut kepada pelanggan melalui permohonan bertulis kepada Koperasi .
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<li><h6 style="display: inline;"><strong>PEMBAYARAN HARGA JUALAN</strong></h6></li>
|
||||||
|
<p style="text-align: justify;"> Pembayaran Harga Jualan oleh Pelanggan kepada Koperasi hendaklah sebagaimana yang dinyatakan di dalam Bahagian 6 Jadual A kepada Perjanjian ini. </P>
|
||||||
|
|
||||||
|
|
||||||
|
<li><h6 style="display: inline;"><strong>TERMA DAN SYARAT</strong></h6></li>
|
||||||
|
<p style="text-align: justify;">Terma dan syarat yang dinyatakan dalam Surat Tawaran , Aku Janji , Surat Perlantikan Wakil bersama -sama dokumen undang - undang yang berkaitan dengan ini mengikat diantara Pelanggan dan Koperasi . </P>
|
||||||
|
|
||||||
|
|
||||||
|
<li><h6 style="display: inline;"><strong>PELANGGAN</strong></h6></li>
|
||||||
|
<p style="text-align: justify;">
|
||||||
|
Saya dengan ini bersetuju untuk membeli Komoditi seperti butiran yang dinyatakan pada Bahagian 3 dalam Jadual A di dalam Perjanjian ini dengan Harga Jualan yang dinyatakan pada Bahagian 4 Jadual A di dalam Perjanjian ini, secara pembayaran tertangguh yang dinyatakan pada Bahagian 6 Jadual A di dalam Perjanjian ini.
|
||||||
|
</p>
|
||||||
|
</ol>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<!-- ✅ Signature section -->
|
||||||
|
<div class="row mt-5 text-start">
|
||||||
|
<!-- Left column -->
|
||||||
|
<div class="col-md-6">
|
||||||
|
<strong>Anggota Pemohon / Pembeli</strong>
|
||||||
|
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||||
|
<label style="width: 100px;">Tandatangan:</label>
|
||||||
|
<span class="signature-line"></span>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||||
|
<label style="width: 100px;">Nama:</label>
|
||||||
|
<span class="signature-line"></span>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||||
|
<label style="width: 100px;">Tarikh:</label>
|
||||||
|
<span class="signature-line"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!-- ✅ Force new page before KOPERASI -->
|
||||||
|
<div class="page-break">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<strong>KOPERASI</strong>
|
||||||
|
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||||
|
<label style="width: 100px;">Tandatangan:</label>
|
||||||
|
<span class="signature-line"></span>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||||
|
<label style="width: 100px;">Nama:</label>
|
||||||
|
<span class="signature-line"></span>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||||
|
<label style="width: 100px;">Tarikh:</label>
|
||||||
|
<span class="signature-line"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- ✅ Table section -->
|
||||||
|
<table class="print-table">
|
||||||
|
<thead style="background-color:#f2f2f2;">
|
||||||
|
<tr>
|
||||||
|
<th>Bahagian</th>
|
||||||
|
<th>Perkara</th>
|
||||||
|
<th>Maklumat</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Tarikh Kontrak Jualan Murabahah</td>
|
||||||
|
<td><input type="date" style="border: none; border-bottom: 1px solid #888; outline: none;"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2</td>
|
||||||
|
<td>Nama dan No. K/P Pelanggan</td>
|
||||||
|
<td><input type="text" style="border: none; border-bottom: 1px solid #888; outline: none;"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>3</td>
|
||||||
|
<td>Butiran komoditi</td>
|
||||||
|
<td>Cert No: <input type="text" style="border: none; border-bottom: 1px solid #888; outline: none;"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>4</td>
|
||||||
|
<td>Harga Jualan</td>
|
||||||
|
<td>RM <input type="number" style="border: none; border-bottom: 1px solid #888; outline: none;"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>5</td>
|
||||||
|
<td>Harga Kos Koperasi</td>
|
||||||
|
<td>RM <input type="number" style="border: none; border-bottom: 1px solid #888; outline: none;"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>6</td>
|
||||||
|
<td>Pembayaran Harga Jualan</td>
|
||||||
|
<td>
|
||||||
|
Ringgit Malaysia <input type="text" style="border: none; border-bottom: 1px solid #888; outline: none;">
|
||||||
|
(RM <input type="number" style="border: none; border-bottom: 1px solid #888; outline: none;">)
|
||||||
|
hanya perlu dibayar oleh Pelanggan kepada Koperasi sebanyak RM
|
||||||
|
<input type="number" style="border: none; border-bottom: 1px solid #888; outline: none;">
|
||||||
|
secara ansuran bulanan selama
|
||||||
|
<input type="number" style="border: none; border-bottom: 1px solid #888; outline: none;"> bulan.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div> <!-- ✅ END of #permohonan -->
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<link
|
||||||
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- ✅ Buttons (excluded from print) -->
|
||||||
|
<div class="button-container text-center mt-4">
|
||||||
|
<button type="button" class="btn btn-primary px-4" @click="simpan">
|
||||||
|
Simpan
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button type="button" class="btn btn-success px-4" @click="cetak" >
|
||||||
|
<i class="bi bi-printer"></i> Cetak Permohonan
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
formData: null,
|
||||||
|
nama: '',
|
||||||
|
ic: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
const saved = localStorage.getItem('formData');
|
||||||
|
if (saved) {
|
||||||
|
this.formData = JSON.parse(saved);
|
||||||
|
console.log('Loaded data:', this.formData);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
cetak() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
const printContent = document.getElementById('permohonan');
|
||||||
|
if (!printContent) {
|
||||||
|
alert('Ralat: Elemen #permohonan tidak ditemui!');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const newWin = window.open('', '', 'width=1000,height=800');
|
||||||
|
newWin.document.write(`
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Cetak Permohonan</title>
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
||||||
|
<style>
|
||||||
|
body { font-family: Arial, sans-serif; margin: 20px; font-size: 12px; color: #000; }
|
||||||
|
table, th, td {
|
||||||
|
border: 1px solid #000; border-collapse: collapse; padding: 6px;
|
||||||
|
}
|
||||||
|
th { background-color: #f8f9fa; }
|
||||||
|
.signature-line {
|
||||||
|
display: inline-block;
|
||||||
|
width: 200px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
button { display: none !important; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>${printContent.outerHTML}</body>
|
||||||
|
</html>
|
||||||
|
`);
|
||||||
|
|
||||||
|
newWin.document.close();
|
||||||
|
|
||||||
|
newWin.onload = () => {
|
||||||
|
newWin.focus();
|
||||||
|
newWin.print();
|
||||||
|
newWin.close();
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.signature-line {
|
||||||
|
display: inline-block;
|
||||||
|
width: 200px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ✅ Table styling for normal view */
|
||||||
|
.print-table {
|
||||||
|
width: 100%; /* slightly smaller than 80% to fit footer margins */
|
||||||
|
margin: 20px auto; /* center the table */
|
||||||
|
border-collapse: collapse;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 13px; /* reduce font size slightly */
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-table th,
|
||||||
|
.print-table td {
|
||||||
|
border: 1px solid #000;
|
||||||
|
padding: 6px 8px;
|
||||||
|
vertical-align: top;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ✅ Header background */
|
||||||
|
.print-table th {
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ✅ Print formatting */
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
margin: 15mm 10mm 15mm 10mm; /* adjust printable area */
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-break {
|
||||||
|
page-break-before: always;
|
||||||
|
}
|
||||||
|
.button-container,
|
||||||
|
button {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-table {
|
||||||
|
width: 90%; /* make sure it fits page width */
|
||||||
|
page-break-inside: auto; /* allow page to split table gracefully */
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-table tr {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Reduce font slightly to prevent overflow */
|
||||||
|
.print-table td,
|
||||||
|
.print-table th {
|
||||||
|
font-size: 11px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
@@ -1,56 +1,341 @@
|
|||||||
<template>
|
<template>
|
||||||
<form @submit.prevent="submitForm" class="pembiayaan-form">
|
<div class="pembiayaan-wrapper">
|
||||||
<h2>Koperasi Permodalan Kelantan Berhad (KoPKB)</h2>
|
<form @submit.prevent="goNext" class="two-column-form">
|
||||||
<h3>Borang Permohonan Pembiayaan Murabahah</h3>
|
|
||||||
|
|
||||||
<section>
|
<!-- Your content starts here -->
|
||||||
<h4>Maklumat Pemohon</h4>
|
<div class="container">
|
||||||
<label>Nama Penuh:</label>
|
<div class="row justify-content-center">
|
||||||
<input v-model="form.nama" required />
|
<div class="col-md-10 col-lg-8">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="text-center mb-4">
|
||||||
|
<div class="d-flex align-items-center justify-content-center mb-2">
|
||||||
|
<img src="/images/KoPKB_Logo.png" alt="KoPKB Logo" class="kopkb-logo me-2" />
|
||||||
|
<h4 class="mb-0 fw-bold">Koperasi Permodalan Kelantan Berhad (KoPKB)</h4>
|
||||||
|
</div>
|
||||||
|
<h5 class="text-primary fw-semibold mt-2">Borang Permohonan Pembiayaan Murabahah</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<!-- Maklumat Pemohon -->
|
||||||
|
<section class="mb-4">
|
||||||
|
<h5 class="section-title mb-3">Maklumat Pemohon</h5>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<!-- Nama Penuh -->
|
||||||
|
<div class="col-md-6 mb-3">
|
||||||
|
<label for="nama" class="form-label">Nama Penuh:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="nama"
|
||||||
|
v-model="form.nama"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="Masukkan nama penuh"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- No. Kad Pengenalan -->
|
||||||
|
<div class="col-md-6 mb-3">
|
||||||
|
<label for="kp" class="form-label">No. Kad Pengenalan:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="kp"
|
||||||
|
v-model="form.kp"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="Masukkan no. kad pengenalan"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- No. Akaun Bank -->
|
||||||
|
<div class="col-md-6 mb-3">
|
||||||
|
<label for="akaun" class="form-label">No. Akaun Bank:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="akaun"
|
||||||
|
v-model="form.akaun"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="Masukkan no. akaun bank"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tarikh Permohonan -->
|
||||||
|
<div class="col-md-6 mb-3">
|
||||||
|
<label for="tarikh" class="form-label">Tarikh Permohonan:</label>
|
||||||
|
<input
|
||||||
|
type="date"
|
||||||
|
id="tarikh"
|
||||||
|
v-model="form.tarikh"
|
||||||
|
class="form-control"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<p> Sukacita dimaklumkan bahawa <b>Koperasi Permodalan Kelantan Berhad </b>(selepas ini disebut sebagai <b>"Koperasi")</b> akan menawarkan kemudahan pembiayaan
|
||||||
|
<span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span>
|
||||||
|
kepada tuan/puan tertakluk kepada syarat seperti berikut:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Maklumat Pembiayaan -->
|
||||||
|
<section class="mb-4">
|
||||||
|
<h5 class="section-title mb-4">Maklumat Pembiayaan</h5>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label class="col-form-label">KONSEP SYARIAH:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0">Tawarruq</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="jumlah_pembiayaan" class="col-form-label">JUMLAH PEMBIAYAAN (RM):</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0"> RM <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> (a) </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="kadar_keuntungan" class="col-form-label">KADAR KEUNTUNGAN (%):</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0"> <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> % keuntungan </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="jumlah_keuntungan" class="col-form-label">JUMLAH KEUNTUNGAN (RM):</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0"> RM <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> (b) </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="harga_jualan_tangguh" class="col-form-label">HARGA JUALAN TANGGUH(RM):</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0"> RM <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> (a + b) </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="komoditi" class="col-form-label">MAKLUMAT KOMODITI:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0">Crude Palm Oil </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="tempoh_perjanjian" class="col-form-label">TEMPOH PERJANJIAN PEMBIAYAN :</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0"> <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> TAHUN/ <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> BULAN </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="bayaran_ansuran" class="col-form-label">BAYARAN ANSURAN (RM):</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0"> RM <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> Sebulan bermula bulan <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> Tahun <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> sehingga bulan <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> tahun <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span>. Bayaran akhir sebanyak RM <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> pada bulan <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span> tahun <span contenteditable="true" style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block;"> </span>. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-start">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label class="col-form-label">KAEDAH / CARA BAYARAN:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="form-control-plaintext">
|
||||||
|
Ansuran bulanan dibayar melalui potongan gaji anggota ATAU Bayaran melalui:
|
||||||
|
<span contenteditable="true"
|
||||||
|
style="border-bottom: 1px solid #000; padding: 2px 40px; display: inline-block; min-width: 150px;">
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Penjamin (3 fields) -->
|
||||||
|
<!-- Penjamin 1 -->
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label class="col-form-label">PENJAMIN 1:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="mb-2">
|
||||||
|
<input v-model="form.penjamin1_nama" placeholder="Nama Penjamin" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
<div class="mb-2">
|
||||||
|
<input v-model="form.penjamin1_kp" placeholder="No. Kad Pengenalan" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input v-model="form.penjamin1_anggota" placeholder="No. Anggota" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label class="col-form-label">PENJAMIN 2:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="mb-2">
|
||||||
|
<input v-model="form.penjamin1_nama" placeholder="Nama Penjamin" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
<div class="mb-2">
|
||||||
|
<input v-model="form.penjamin1_kp" placeholder="No. Kad Pengenalan" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input v-model="form.penjamin1_anggota" placeholder="No. Anggota" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label class="col-form-label">PENJAMIN 3:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="mb-2">
|
||||||
|
<input v-model="form.penjamin1_nama" placeholder="Nama Penjamin" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
<div class="mb-2">
|
||||||
|
<input v-model="form.penjamin1_kp" placeholder="No. Kad Pengenalan" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input v-model="form.penjamin1_anggota" placeholder="No. Anggota" class="form-control form-control-lg" required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!-- Full Width Fields -->
|
||||||
|
<div class="row mb-3 align-items-start">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="penyelesaian_awal" class="col-form-label">PENYELESAIAN PEMBIAYAAN AWAL:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0">Tuan/Puan boleh membuat penyelesaian pembiayaan awal dengan menjelaskan harga jualan sepenuhnya pada bila -bila masa sebelum tempoh perjanjian pembiayaan tamat .dan Koperasi berhak untuk memberikan Ibra' (rehat) kepada Tuan/Puan diatas penjelasan awal tersebut . Formula bagi penyelesaian awal pembiayaan adalah seperti berikut : <br> <b> Jumlah Penyelesaian Awal= Harga Jualan -Jumlah Ansuranyang telah dibayar -Keuntungan Belum Terakru . </b></br></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-3 align-items-start">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="perlanggaran_perjanjian" class="col-form-label">PERLANGGARAN PERJANJIAN:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0">i) Tuan/Puan dianggap melanggar perjanjian ini sekiranya:</p>
|
||||||
|
<ul class="form-control-plaintext mb-0" style="list-style-type: lower-alpha; padding-left: 20px;">
|
||||||
|
<li>Gagal membuat bayaran ansuran lebih dari tiga (3) bulan; atau</li>
|
||||||
|
<li>Berhenti daripada menjadi anggota / ahli koperasi dalam tempoh perjanjian atau sehingga seluruh Harga Jualan Tangguh diselesaikan sepenuhnya.</li>
|
||||||
|
</ul>
|
||||||
|
<p style="text-align: justify;"> ii) Sekiranya Tuan/Puan didapati melakukan perkara diatas, pihak Koperasi berhak untuk menuntut baki Harga Jualan Tangguh dan Yuran,Saham atau Simpanan oleh Tuan/Puan di Koperasi. </p>
|
||||||
|
<p style="text-align: justify;"> iii) Tuan/Puan membenarkan pihak Koperasi untuk menuntut segala kos , perbelanjaan, bayaran ganti rugi dan sebagainya yang berkaiatn dengan usaha Koperasi untuk mendapatkan hak Harga Jualan Tangguh sekiranya berlaku perlanggaran perjanjian ini.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-3 align-items-start">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="penyampaian proses" class="col-form-label">PENYAMPAIAN PROSES PERUNDANGAN:</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0" style="text-align: justify;"></p> Penyampaian semua proses undang - undang adalah dianggap telah disampaikan dan diterima sekiranya telah diposkan melalui pos berdaftar yang dialamatkan kepada Tuan/Puan dialamat yang dinyatakan dalam surat tawaran ini atau kepada alamat terakhiryang diberikan oleh Tuan/Puan secara bertulis kepada kami dan proses tersebut sama ada sama tau sebaliknya adalah dianggap telah disampaikan dan diterima selepas tiga (3) hari ia diposkan . </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3 align-items-start">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<label for="penyampaian proses" class="col-form-label">SYARAT -SYARAT LAIN :</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<p class="form-control-plaintext mb-0" style="text-align: justify;"></p> Koperasi berhak memaklumkan sttaus / kedudukan pembiayaan ini kepada penjamin - penjamin pada bila-bila masa diperlukan sama ada bertulis atau lisan , jika berkenaan.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<!-- Akuan & Persetujuan -->
|
||||||
|
<!-- <section class="mb-4">
|
||||||
|
<h5 class="section-title">Akuan & Persetujuan</h5> -->
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
Tuan/Puan dikehendaki menandatangani kesemua dokumen yang berkaitan dalam tempoh tiga puluh (30) hari dari tarikh yang dinyatakan di Surat Tawaran ini .Segala bayaran guaman dan perbelanjaan yang bersangkutan dengan urusan ini adalah di atas tanggungan Tuan/Puan walaupon Tuan/Puan memutuskan untuk tidak meneruskan urusna dokumentasi ini , selepas menandatangani tawaran ini.
|
||||||
|
<br>
|
||||||
|
<p class="text-secondary"></p>Sekiranya pihak kami tiada menerima sebarang maklumbalas daripada pihak Tuan/Puan dalam tempoh yang ditetapkan,maka dengan sendirinya tawaran ini terbatal.
|
||||||
|
<br>
|
||||||
|
<p class="text-secondary">Sekian, terima kasih.</p>
|
||||||
|
|
||||||
|
<div class="text-left mt-4">
|
||||||
|
<p>Yang benar,</p>
|
||||||
|
<!-- Space for signature -->
|
||||||
|
<div class="my-5" style="height: 50px;"></div>
|
||||||
|
-------------------------------------
|
||||||
|
<p><strong>Pengurus Besar</strong></p>
|
||||||
|
<p>Koperasi Permodalan Kelantan Berhad</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<label>No. Kad Pengenalan:</label>
|
|
||||||
<input v-model="form.kp" required />
|
|
||||||
|
|
||||||
<label>No. Akaun Bank:</label>
|
|
||||||
<input v-model="form.akaun" required />
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<!-- Pengakuan -->
|
||||||
<h4>Maklumat Pembiayaan</h4>
|
<section class="mb-4">
|
||||||
<label>Jumlah Pembiayaan (RM):</label>
|
<h5 class="section-title">PENERIMAAN</h5>
|
||||||
<input v-model="form.jumlah" type="number" required />
|
|
||||||
|
|
||||||
<label>Tujuan Pembiayaan:</label>
|
<label class="d-flex align-items-center">
|
||||||
<textarea v-model="form.tujuan" rows="3" />
|
<!-- <input type="checkbox" v-model="form.setuju" required class="me-2" /> -->
|
||||||
|
Saya/Kami bersetuju menerima tawaran ini dengan syarat -syarat seperti di atas . <br>Saya/Kami juga mengaku bahawa semua maklumat yang telah diberikan dalah tepat, dan masih menjadi seorang anggota /ahli Koperasi semasa menerima tawaran ini .
|
||||||
<label>Pilihan Komoditi:</label>
|
|
||||||
<input v-model="form.komoditi" placeholder="Contoh: Komoditi A, B, dll." />
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<h4>Akuan & Persetujuan</h4>
|
|
||||||
<p>
|
|
||||||
Saya bersetuju untuk membeli komoditi seperti yang dinyatakan dan melantik KoPKB sebagai wakil
|
|
||||||
untuk menjual kepada pihak ketiga mengikut syarat yang dipersetujui.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<label>
|
|
||||||
<input type="checkbox" v-model="form.setuju" required />
|
|
||||||
Saya bersetuju dengan semua terma dan syarat pembiayaan.
|
|
||||||
</label>
|
</label>
|
||||||
</section>
|
|
||||||
|
|
||||||
<section>
|
<form class="two-column-form">
|
||||||
<h4>Pengakuan</h4>
|
<div class="form-group">
|
||||||
<label>Tarikh Permohonan:</label>
|
<label for="sign">Sign:</label>
|
||||||
<input type="date" v-model="form.tarikh" required />
|
<input id="sign" v-model="form.sign" required />
|
||||||
|
</div>
|
||||||
|
|
||||||
<label>Tandatangan Pemohon (Nama penuh):</label>
|
<div class="form-group">
|
||||||
<input v-model="form.tandatangan" required />
|
<label for="nama">Nama Penuh:</label>
|
||||||
</section>
|
<input id="nama" v-model="form.nama" required />
|
||||||
|
</div>
|
||||||
|
|
||||||
<button type="submit">Hantar Permohonan</button>
|
<div class="form-group">
|
||||||
</form>
|
<label for="nokp">No K/P:</label>
|
||||||
|
<input id="nokp" v-model="form.nokp" required />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="tarikh">Tarikh:</label>
|
||||||
|
<input type="date" id="tarikh" v-model="form.tarikh" required />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="button-container">
|
||||||
|
<router-link to="/beliankomoditi" class="btn btn-primary px-4">
|
||||||
|
Seterusnya
|
||||||
|
</router-link>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<!-- </form> -->
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -71,32 +356,97 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
submitForm() {
|
goToBeliankomoditi() {
|
||||||
// You can replace this with API call or PDF generation
|
// Navigate to the belian komoditi page
|
||||||
console.log("Borang dihantar:", this.form);
|
this.$router.push('/beliankomoditi');
|
||||||
alert("Permohonan telah dihantar!");
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
form {
|
.section-title {
|
||||||
max-width: 600px;
|
background-color: #f8f9fa;
|
||||||
margin: 0 auto;
|
padding: 6px 10px;
|
||||||
|
border-left: 4px solid #007bff;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.kopkb-logo {
|
||||||
|
width: 300px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, textarea {
|
input, textarea {
|
||||||
width: 100%;
|
width: 90%;
|
||||||
padding: 6px;
|
padding: 8px;
|
||||||
margin-bottom: 10px;
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 6px;
|
||||||
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
margin-top: 20px;
|
margin-top: 15px;
|
||||||
padding: 10px 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 6px 10px;
|
||||||
|
border-left: 4px solid #007bff;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.two-column-form {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 20px 40px;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 20px auto;
|
||||||
|
background: #f9f9f9;
|
||||||
|
padding: 20px 30px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding: 8px 10px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus {
|
||||||
|
border-color: #007bff;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -35,9 +35,9 @@
|
|||||||
<a href="#"><b>PAUTAN MESYUARAT</b></a>
|
<a href="#"><b>PAUTAN MESYUARAT</b></a>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<!-- <router-link :to="{name: 'Result'}" v-if="data.election.status==2 && hasVoted()" tag="li">
|
<router-link :to="{name: 'Penyata'}" tag="li" exact>
|
||||||
<a href="#">Keputusan</a>
|
<a href="#"><b>PENYATA AHLI</b></a>
|
||||||
</router-link> -->
|
</router-link>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="nav navbar-right navbar-nav">
|
<ul class="nav navbar-right navbar-nav">
|
||||||
|
|||||||
Vendored
+33
-1
@@ -51,6 +51,9 @@ import AdminIndex from './components/demo/admin/index.vue';
|
|||||||
import ManageAccountAdd from './components/demo/admin/admin/add.vue';
|
import ManageAccountAdd from './components/demo/admin/admin/add.vue';
|
||||||
|
|
||||||
import ManagePembiayaan from './components/demo/admin/admin/pembiayaan.vue';
|
import ManagePembiayaan from './components/demo/admin/admin/pembiayaan.vue';
|
||||||
|
import ManageBelianKomoditi from './components/demo/admin/admin/beliankomoditi.vue';
|
||||||
|
import ManageKontrakMurabahah from './components/demo/admin/admin/kontrakmurabahah.vue';
|
||||||
|
import CetakPermohonan from './components/demo/admin/admin/cetakpermohonan.vue';
|
||||||
|
|
||||||
|
|
||||||
const default_component = {
|
const default_component = {
|
||||||
@@ -313,7 +316,36 @@ export default [
|
|||||||
path: '/pembiayaan',
|
path: '/pembiayaan',
|
||||||
name: 'Pembiayaan',
|
name: 'Pembiayaan',
|
||||||
component: ManagePembiayaan
|
component: ManagePembiayaan
|
||||||
}
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/beliankomoditi',
|
||||||
|
name: 'BelianKomoditi',
|
||||||
|
component: ManageBelianKomoditi
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/kontrakmurabahah',
|
||||||
|
name: 'KontrakMurabahah',
|
||||||
|
component: ManageKontrakMurabahah
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/cetakpermohonan',
|
||||||
|
name: 'CetakPermohonan',
|
||||||
|
component: CetakPermohonan
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/:pathMatch(.*)*',
|
||||||
|
name: 'NotFound',
|
||||||
|
component: {
|
||||||
|
template: '<div class="text-center mt-5">Not found: {{ $route.path }}</div>'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -0,0 +1,2 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow:
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
*
|
||||||
|
!.gitignore
|
||||||
Reference in New Issue
Block a user