cief/portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/portal.git synced 2026-08-19 04:23:59 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
5fb880ef830ccc7e6082fdc3f15eb8934b56661a
portal/resources/assets/vue/components/importer/elements/CompanyComponent.vue
T
omair saleh 5fb880ef83 large commit
2020-10-22 12:46:06 +08:00

136 lines
17 KiB
Vue
Raw Blame History

<template>
<div class="col-6 m-b-15">
<div class="row m-l-0 m-r-0">
<div class="col p-t-25 p-b-25 bg-white">
<div class="row">
<div class="col text-center ">
<p class="bold no-margin fs-11 text-master hint-text no-overflow" style=" white-space: nowrap; text-overflow: ellipsis; ">{{this.company.name}}</p>
</div>
</div>
<div class="row m-t-15 justify-content-center">
<div class="col-auto margin-auto bg-primary text-white btn-rounded p-t-40 p-b-40">
<small class="bold fs-12">CIEF/{{this.company.marking}}</small>
</div>
</div>
<div class="row m-t-25 justify-content-center">
<div class="col-auto">
<small class="p-t-10 p-b-10 p-l-25 p-r-25 btn-rounded b-grey b-a bold all-caps muted fs-10">{{this.company.contact.wechat_id}}</small>
</div>
</div>
<!--<div class="row m-t-25 b-t b-b b-grey p-t-10 p-b-10 text-center">-->
<!--<div class="col b-r b-grey">-->
<!--<div class="row">-->
<!--<div class="col">-->
<!--<small class="bold text-info">{{this.company.order_reports.total}}</small>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row fs-11">-->
<!--<div class="col">-->
<!--<small class="all-caps muted">Total</small>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col b-r b-grey">-->
<!--<div class="row">-->
<!--<div class="col">-->
<!--<small class="bold text-success">{{this.company.order_reports.active}}</small>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row fs-11">-->
<!--<div class="col">-->
<!--<small class="all-caps muted">Active</small>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col">-->
<!--<div class="row">-->
<!--<div class="col">-->
<!--<small class="bold text-primary">254</small>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row fs-11">-->
<!--<div class="col">-->
<!--<small class="all-caps muted">CBM</small>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row">-->
<!--<div class="col no-padding">-->
<!--<slide-up-down :active="isPreview" ref="upDown" :duration="700">-->
<!--<div class="row no-margin">-->
<!--<div class="col bg-master-lightest hint-text fs-12 p-t-15 p-b-15">-->
<!--<div class="row">-->
<!--<div class="col">-->
<!--<small class="block fs-8 all-caps">Contact Number:</small>-->
<!--<small class="block bold text-success-dark">+60 11 285 7781</small>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row align-itemxs-end">-->
<!--<div class="col">-->
<!--<small class="block fs-8 all-caps">Email:</small>-->
<!--<small class="block bold text-complete-dark">uldvstar@gmail.com</small>-->
<!--</div>-->
<!--<div class="col-auto">-->
<!--<small class="btn btn-xs btn-block fs-8 bg-success text-white all-caps bold no-border b-rad-none pointer">Send Message</small>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</slide-up-down>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row text-center">-->
<!--<div class="col b-r b-grey muted p-t-10 p-b-10">-->
<!--<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"-->
<!--width="20" height="20"-->
<!--viewBox="0 0 64 64"-->
<!--style="enable-background:new 0 0 64 64;; fill:#000000;"><linearGradient id="SVGID_1__52507" gradientUnits="userSpaceOnUse" x1="32" y1="5.875" x2="32" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_1__52507);" d="M49.828,6H13.999C12.346,6,11,7.346,11,9v46c0,1.654,1.346,3,2.999,3h27 c0.804,0,1.613-0.328,2.163-0.877l8.873-8.83C52.657,47.671,53,46.918,53,46.172V9C53,7.374,51.548,6,49.828,6z M13.999,56 C13.448,56,13,55.552,13,55V9c0-0.552,0.448-1,0.999-1h35.829C50.42,8,51,8.495,51,9v37h-7.172C42.216,46,41,47.29,41,49v7h-0.001 H13.999z M43,54.463V49c0-0.498,0.256-1,0.828-1h5.667L43,54.463z"></path><linearGradient id="SVGID_2__52507" gradientUnits="userSpaceOnUse" x1="36" y1="5.875" x2="36" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_2__52507);" d="M27,24h18c1.103,0,2-0.897,2-2v-2c0-1.103-0.897-2-2-2H27c-1.103,0-2,0.897-2,2v2 C25,23.103,25.897,24,27,24z M27,20h18v2H27V20z"></path><linearGradient id="SVGID_3__52507" gradientUnits="userSpaceOnUse" x1="20" y1="5.875" x2="20" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_3__52507);" d="M19,24h2c1.103,0,2-0.897,2-2v-2c0-1.103-0.897-2-2-2h-2c-1.103,0-2,0.897-2,2v2 C17,23.103,17.897,24,19,24z M19,20h2v2h-2V20z"></path><linearGradient id="SVGID_4__52507" gradientUnits="userSpaceOnUse" x1="36" y1="5.875" x2="36" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_4__52507);" d="M27,32h18c1.103,0,2-0.897,2-2v-2c0-1.103-0.897-2-2-2H27c-1.103,0-2,0.897-2,2v2 C25,31.103,25.897,32,27,32z M27,28h18v2H27V28z"></path><linearGradient id="SVGID_5__52507" gradientUnits="userSpaceOnUse" x1="20" y1="5.875" x2="20" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_5__52507);" d="M19,32h2c1.103,0,2-0.897,2-2v-2c0-1.103-0.897-2-2-2h-2c-1.103,0-2,0.897-2,2v2 C17,31.103,17.897,32,19,32z M19,28h2v2h-2V28z"></path><linearGradient id="SVGID_6__52507" gradientUnits="userSpaceOnUse" x1="36" y1="5.875" x2="36" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_6__52507);" d="M27,40h18c1.103,0,2-0.897,2-2v-2c0-1.103-0.897-2-2-2H27c-1.103,0-2,0.897-2,2v2 C25,39.103,25.897,40,27,40z M27,36h18v2H27V36z"></path><linearGradient id="SVGID_7__52507" gradientUnits="userSpaceOnUse" x1="20" y1="5.875" x2="20" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_7__52507);" d="M19,40h2c1.103,0,2-0.897,2-2v-2c0-1.103-0.897-2-2-2h-2c-1.103,0-2,0.897-2,2v2 C17,39.103,17.897,40,19,40z M19,36h2v2h-2V36z"></path><linearGradient id="SVGID_8__52507" gradientUnits="userSpaceOnUse" x1="23" y1="5.875" x2="23" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><rect x="17" y="46" style="fill:url(#SVGID_8__52507);" width="12" height="2"></rect><linearGradient id="SVGID_9__52507" gradientUnits="userSpaceOnUse" x1="26" y1="5.875" x2="26" y2="59.1798" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><rect x="17" y="50" style="fill:url(#SVGID_9__52507);" width="18" height="2"></rect><linearGradient id="SVGID_10__52507" gradientUnits="userSpaceOnUse" x1="19.9994" y1="19.8353" x2="19.9994" y2="22.3156" spreadMethod="reflect"> <stop offset="0" style="stop-color:#6DC7FF"></stop> <stop offset="1" style="stop-color:#E6ABFF"></stop></linearGradient><rect x="18.999" y="20" style="fill:url(#SVGID_10__52507);" width="2" height="2"></rect><linearGradient id="SVGID_11__52507" gradientUnits="userSpaceOnUse" x1="19.9994" y1="27.8333" x2="19.9994" y2="30.2708" spreadMethod="reflect"> <stop offset="0" style="stop-color:#6DC7FF"></stop> <stop offset="1" style="stop-color:#E6ABFF"></stop></linearGradient><rect x="18.999" y="28" style="fill:url(#SVGID_11__52507);" width="2" height="2"></rect><linearGradient id="SVGID_12__52507" gradientUnits="userSpaceOnUse" x1="19.9994" y1="35.75" x2="19.9994" y2="38.353" spreadMethod="reflect"> <stop offset="0" style="stop-color:#6DC7FF"></stop> <stop offset="1" style="stop-color:#E6ABFF"></stop></linearGradient><rect x="18.999" y="36" style="fill:url(#SVGID_12__52507);" width="2" height="2"></rect></svg>-->
<!--</div>-->
<!--<div class="col b-r b-grey muted p-t-10 p-b-10">-->
<!--<div class="absolute" style=" right: 17px; top: 2px;">-->
<!--<i class="fa fa-circle text-danger fs-9"></i>-->
<!--</div>-->
<!--<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"-->
<!--width="20" height="20"-->
<!--viewBox="0 0 64 64"-->
<!--style="enable-background:new 0 0 64 64;; fill:#000000;"><linearGradient id="SVGID_1__44034" gradientUnits="userSpaceOnUse" x1="20.5451" y1="5.8542" x2="20.5451" y2="21.1048" spreadMethod="reflect"> <stop offset="0" style="stop-color:#6DC7FF"></stop> <stop offset="1" style="stop-color:#E6ABFF"></stop></linearGradient><path style="fill:url(#SVGID_1__44034);" d="M23.041,19.315l-8.319-8.319c-0.919-0.919-0.919-2.409,0-3.328l0,0 c0.919-0.919,2.409-0.919,3.328,0l8.319,8.319c0.919,0.919,0.919,2.409,0,3.328l0,0C25.449,20.234,23.96,20.234,23.041,19.315z"></path><linearGradient id="SVGID_2__44034" gradientUnits="userSpaceOnUse" x1="50.4933" y1="35.9792" x2="50.4933" y2="50.4879" spreadMethod="reflect"> <stop offset="0" style="stop-color:#6DC7FF"></stop> <stop offset="1" style="stop-color:#E6ABFF"></stop></linearGradient><path style="fill:url(#SVGID_2__44034);" d="M52.989,49.263l-8.319-8.319c-0.919-0.919-0.919-2.409,0-3.328l0,0 c0.919-0.919,2.409-0.919,3.328,0l8.319,8.319c0.919,0.919,0.919,2.409,0,3.328v0C55.398,50.182,53.908,50.182,52.989,49.263z"></path><linearGradient id="SVGID_3__44034" gradientUnits="userSpaceOnUse" x1="32" y1="4.9792" x2="32" y2="60.5811" spreadMethod="reflect"> <stop offset="0" style="stop-color:#1A6DFF"></stop> <stop offset="1" style="stop-color:#C822FF"></stop></linearGradient><path style="fill:url(#SVGID_3__44034);" d="M57.024,45.228l-8.319-8.318c-1.267-1.268-3.476-1.268-4.742,0l-5.461,5.461 c-0.414,0.414-1.047,0.523-1.543,0.269c-6.831-3.529-12.084-8.782-15.613-15.613c-0.255-0.495-0.146-1.129,0.268-1.542l5.462-5.462 c1.308-1.308,1.308-3.435,0-4.742l-8.319-8.318c-1.267-1.268-3.476-1.268-4.742,0l-4.942,4.941 c-3.409,3.409-4.059,8.633-1.58,12.702c8.013,13.148,18.741,23.877,31.887,31.886c1.652,1.008,3.494,1.498,5.328,1.498 c2.683,0,5.349-1.052,7.374-3.077l4.94-4.939c0,0,0.002-0.001,0.003-0.002C58.331,48.663,58.331,46.536,57.024,45.228z M47.29,38.324l8.319,8.318c0.528,0.527,0.528,1.387,0,1.914c-0.527,0.526-1.386,0.526-1.914,0l-8.319-8.319 c-0.527-0.527-0.527-1.386,0-1.913C45.888,37.812,46.78,37.812,47.29,38.324z M17.342,8.376l8.319,8.318 c0.528,0.527,0.528,1.387,0,1.914c-0.527,0.525-1.386,0.527-1.914,0l-8.319-8.319c-0.527-0.527-0.527-1.386,0-1.913 C15.939,7.864,16.831,7.864,17.342,8.376z M50.667,53.498c-2.754,2.757-6.968,3.283-10.247,1.286 c-12.871-7.843-23.375-18.347-31.22-31.22c-1.998-3.278-1.469-7.492,1.286-10.247l2.777-2.776c0.163,0.423,0.41,0.821,0.751,1.162 l8.319,8.319c0.341,0.341,0.739,0.588,1.162,0.751L20.2,24.069c-1.039,1.038-1.292,2.595-0.631,3.875 c3.723,7.207,9.265,12.749,16.473,16.473c0.475,0.245,0.987,0.364,1.498,0.364c0.865,0,1.723-0.343,2.376-0.995l3.297-3.297 c0.163,0.423,0.41,0.821,0.751,1.162l8.319,8.319c0.341,0.341,0.739,0.588,1.162,0.751L50.667,53.498z"></path></svg>-->
<!--</div>-->
<!--<div class="col b-r b-grey muted p-t-10 p-b-10 pointer" @click="isPreview = !isPreview">-->
<!--<div class="absolute" style=" right: 5px; top: 0;">-->
<!--<i class="fa fa-circle text-danger fs-9"></i>-->
<!--</div>-->
<!--<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"-->
<!--width="20" height="20"-->
<!--viewBox="0 0 172 172"-->
<!--style=" fill:#000000;"><defs><linearGradient x1="86" y1="21.05199" x2="86" y2="153.71103" gradientUnits="userSpaceOnUse" id="color-1"><stop offset="0" stop-color="#1a6dff"></stop><stop offset="1" stop-color="#c822ff"></stop></linearGradient><linearGradient x1="75.25" y1="21.05199" x2="75.25" y2="153.71103" gradientUnits="userSpaceOnUse" id="color-2"><stop offset="0" stop-color="#1a6dff"></stop><stop offset="1" stop-color="#c822ff"></stop></linearGradient><linearGradient x1="75.25" y1="55.09375" x2="75.25" y2="91.39999" gradientUnits="userSpaceOnUse" id="color-3"><stop offset="0" stop-color="#6dc7ff"></stop><stop offset="1" stop-color="#e6abff"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="original-icon"><path d="M150.5,21.5h-107.5c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375v8.0625h-8.0625c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375v80.625c0,7.40944 6.02806,13.4375 13.4375,13.4375h107.5c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-8.0625h8.0625c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-80.625c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375zM21.5,48.375h107.5c2.50744,0 4.72463,1.17444 6.20275,2.97506l-54.79006,45.66063c-2.99119,2.494 -7.33419,2.494 -10.32538,0l-54.79006,-45.66062c1.47813,-1.80062 3.69531,-2.97506 6.20275,-2.97506zM137.0625,120.01569l-37.92869,-31.60769l37.92869,-31.605zM51.36619,88.408l-37.92869,31.60769v-63.21269zM129,145.125h-107.5c-4.44513,0 -8.0625,-3.61738 -8.0625,-8.0625v-10.04587l42.12925,-35.10681l11.07787,9.23156c2.494,2.07475 5.54969,3.11481 8.60537,3.11481c3.05569,0 6.11138,-1.04006 8.60537,-3.11481l11.07788,-9.23156l42.12925,35.10681v10.04587c0,4.44513 -3.61737,8.0625 -8.0625,8.0625zM158.5625,115.5625c0,4.44512 -3.61738,8.0625 -8.0625,8.0625h-8.0625v-67.1875c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375h-94.0625v-8.0625c0,-4.44513 3.61738,-8.0625 8.0625,-8.0625h107.5c4.44512,0 8.0625,3.61737 8.0625,8.0625z" fill="url(#color-1)"></path><rect x="18" y="50" transform="scale(2.6875,2.6875)" width="20" height="2" fill="url(#color-2)"></rect><path d="M109.17969,61.47925l-30.60794,25.972c-1.94306,1.64744 -4.70312,1.64744 -6.64619,0l-30.60794,-25.972c-1.96725,-1.67162 -0.85463,-5.04175 1.66894,-5.04175h64.52419c2.52625,0 3.63887,3.37013 1.66894,5.04175z" fill="url(#color-3)"></path></g></g></svg>-->
<!--</div>-->
<!--<div class="col-auto ml-auto p-t-10 p-b-10">-->
<!--<a :href="route('companies.profile', {companyId: this.company.id})"><small class="all-caps text-master fs-9 m-r-10 bold">View Importer</small><i class="fa fa-angle-right fs-10"></i></a>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</div>
</template>
<script>
export default {
props: {
'data': {
type: Object,
required: true
}
},
data() {
return {
company: this.data
}
},
watch: {
'data': function() {
this.company = this.data;
}
},
}
</script>
Reference in New Issue View Git Blame Copy Permalink