equipment.vue
12.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<template>
<v-img src="/banner/equipment.jpg" alt="canrud" v-if="!isMobile()"></v-img>
<v-img src="/mobile/banner-equipment.png" alt="canrud" v-if="isMobile()"></v-img>
<div class="font-weight-bold tw-leading-[30px] text-white tw-bg-[url('/banner/top2.png')] tw-p-4 sm:tw-p-8">
Equipment Business: With our self-built high-precision machining center, we possess robust
design and manufacturing capabilities. We offer comprehensive equipment supply, production line
planning, and construction services, including battery assembly lines, pouch cell testing lines,
and more. Our aim is to provide complete equipment solutions that cater to the diverse needs of
our clients. Expect top-quality equipment and professional services that will help you stand out
in a fiercely competitive market!
</div>
<div class="tw-p-[32px] sm:tw-pt-[64px] sm:tw-px-[128px]">
<div class="mb-8 text-blue-darken-1 tw-text-center text-h5 text-sm-h4 mb-sm-6">
<b>Equipment hardware</b>
</div>
<v-row>
<v-col cols="12">
<v-slide-group class="pa-4 mb-sm-8 tw-w-[110%] tw-ml-[-5%]" center-active show-arrows v-model="equipSlide"
v-if="screenWidth > 600">
<v-slide-group-item v-for="n in equipments" :key="n.name">
<v-card :class="['ma-4']" width="280">
<v-img width="256" :src="n.imageUrl" class="ma-2" :alt="n.name"></v-img>
<v-card-title class="tw-text-center text-subtitle-1">{{ n.name }}</v-card-title>
</v-card>
</v-slide-group-item>
</v-slide-group>
<v-carousel height="350" width="318" interval="3000" cycle :continuous="false" :show-arrows="false"
hide-delimiter-background v-if="isMobile()">
<v-carousel-item v-for="n in equipments" :key="n.imageUrl">
<v-sheet color="grey-lighten-1" height="350" width="318" class="mx-auto" border="none">
<v-card-title class="tw-text-center text-subtitle-1">{{ n.name }}</v-card-title>
<v-img :src="n.imageUrl" alt="canrud"></v-img>
</v-sheet>
</v-carousel-item>
</v-carousel>
</v-col>
</v-row>
</div>
<div class="tw-p-[32px] sm:tw-py-[64px] sm:tw-px-[128px] bg-grey-lighten-5">
<div class="mb-4 mb-sm-16 text-blue-darken-1 text-h5 text-sm-h4 tw-text-center">
<b>Succeed Case</b>
</div>
<div class="mb-sm-16 tw-relative">
<div
class="bg-blue-darken-1 text-subtitle-1 text-md-h6 tw-w-[140px] tw-rounded-[4px] tw-m-auto tw-text-center tw-relative">
Coin cell
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<v-row class="mb-8 mb-sm-16">
<v-col cols="12" sm="6">
<v-img class="text-white align-end" src="/succeed_case/device-Coin cell Line.png" cover
alt="device-Coin cell Line" />
</v-col>
<v-col cols="12" sm="6">
<div
class="font-weight-medium text-body-1 tw-text-justify tw-h-full tw-items-center tw-flex text-grey-darken-1">
Our coin cell production line comprises a well-established process that includes material
baking, vacuum mixing, slurry filtration, electrode coating, electrode drying, electrode
rolling, punching, environmental control, cell assembly, cell sealing, and formation
testing. Through precise operations and advanced technology, we ensure uniform coating of
positive and negative electrode materials, precise dimensions, and optimal performance.
Our production line strictly adheres to quality standards, guaranteeing reliable
manufacturing of pouch cells. From material preparation to final testing, our professional
production line ensures outstanding performance and reliable safety, meeting the diverse
needs of our customers.
</div>
</v-col>
</v-row>
<div class="mb-8 mb-sm-16 tw-relative">
<div
class="bg-blue-darken-1 text-subtitle-1 text-md-h6 tw-w-[210px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-relative">
Pouch cell pilot line
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<v-row class="mb-8 mb-sm-16">
<v-col cols="12" sm="6">
<div
class="font-weight-medium text-body-1 tw-text-justify tw-h-full tw-items-center tw-flex text-grey-darken-1">
Our pouch cell pilot line is a highly specialized production line that encompasses key
processes such as vacuum mixing, electrode coating, electrode rolling, electrode cutting,
electrode stacking, electrode welding, film forming, top-side sealing, electrolyte
filling, vacuum resting, vacuum sealing, hot pressing formation, vacuum final sealing, and
pouch cell assembly. Through meticulous operations and advanced technology, we ensure the
consistency and reliability of the positive and negative electrodes. Each step is
carefully controlled to guarantee the stability, reliability, and high performance of the
cells. Our pouch cell pilot line meets industry standards and caters to the professional
needs of our customers. Whether for research samples or small-scale production, we provide
high-quality and highly reliable pouch cell products.
</div>
</v-col>
<v-col cols="12" sm="6">
<v-img class="text-white align-end" src="/succeed_case/device-pouch.png" cover alt="device-pouch" />
</v-col>
</v-row>
<div class="mb-8 mb-sm-16 tw-relative">
<div
class="bg-blue-darken-1 text-subtitle-1 text-md-h6 tw-w-[300px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-relative">
Pouch cell pilot line (200m2)
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<div class="text-h4 tw-text-center text-light-blue-darken-2 tw-mb-[32px]"></div>
<v-row class="mb-8 sm:mb-16">
<v-col cols="12" sm="6">
<v-img class="text-white align-end" src="/succeed_case/Pouch cell pilot line (200m2).png" cover
alt="Pouch cell pilot line (200m2)" />
</v-col>
<v-col cols="12" sm="6">
<div
class="font-weight-medium text-body-1 tw-text-justify tw-h-full tw-items-center tw-flex text-grey-darken-1">
Our pouch cell pilot line layout has been meticulously designed, as shown in the
accompanying diagram, to optimize space utilization, streamline workflow, and control
temperature and humidity. This layout ensures high production efficiency, convenient
operation, and precise experimental control. The equipment placement is strategically
arranged, allowing easy access for operators while prioritizing safety considerations.
</div>
</v-col>
</v-row>
<v-row class="mb-16">
<v-col cols="12">
<v-slide-group selected-class="bg-primary" show-arrows v-model="pouchSlide" v-if="screenWidth > 600">
<v-slide-group-item v-for="img in successCases" :key="img">
<v-card color="grey-lighten-1" :class="['ma-4']" width="260">
<v-img :src="img" alt="canrud"></v-img>
</v-card>
</v-slide-group-item>
</v-slide-group>
<v-carousel height="242" width="318" interval="3000" cycle :continuous="false" :show-arrows="false"
hide-delimiter-background v-if="screenWidth <= 600">
<v-carousel-item v-for="img in successCases" :key="img">
<v-card color="grey-lighten-1" :class="['ma-4']">
<v-img :src="img" alt="canrud"></v-img>
</v-card>
</v-carousel-item>
</v-carousel>
</v-col>
</v-row>
<div class="mb-8 tw-relative mb-sm-16">
<div
class="bg-blue-darken-1 text-subtitle-1 text-md-h6 tw-w-[210px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-relative">
Pouch cell pilot line
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<v-container>
<v-row>
<v-col cols="6">
<v-img :src="fixtures[0].imageUrl" alt="Customized fixture"></v-img>
<!-- <div
class="tw-mt-[16px] font-weight-medium text-body-1 tw-text-center text-grey-darken-1"
>
Real-time monitor and record the pressure during test; Limit pressure: 1960N;
Accuracy: 0.05%; Operating temperature: -20℃ ~70℃
</div> -->
<div class="tw-mt-[16px] font-weight-medium text-body-1 tw-text-center text-grey-darken-1">
Customized fixture
</div>
</v-col>
<v-col cols="6">
<v-img :src="fixtures[1].imageUrl" alt="Fuel cell test fixture"></v-img>
<div class="tw-mt-[16px] font-weight-medium text-body-1 tw-text-center text-grey-darken-1">
Fuel cell test fixture
</div>
</v-col>
<v-col cols="6">
<v-img :src="fixtures[2].imageUrl" alt="Coin cell"></v-img>
<div class="tw-mt-[16px] font-weight-medium text-body-1 tw-text-center text-grey-darken-1">
Coin cell
</div>
</v-col>
<v-col cols="6">
<v-img :src="fixtures[3].imageUrl" alt="Flow battery test fixture"></v-img>
<div class="tw-mt-[16px] font-weight-medium text-body-1 tw-text-center text-grey-darken-1">
Flow battery test fixture
</div>
</v-col>
</v-row>
</v-container>
</div>
</template>
<script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue'
import { useDisplay } from 'vuetify'
import { isMobile } from '~/utils'
const { width: screenWidth } = useDisplay()
const equipSlide = ref(1)
const pouchSlide = ref(1)
let equipTimer: any = null
let pouchTimer: any = null
useHead({
title: 'About Us',
meta: [
{
name: 'title',
content:
'科路得,Equipment,High-precision,Machining center,Design,Manufacturing capabilities,Equipment supply,Production line planning,Construction services,Battery assembly lines,Pouch cell testing lines',
}, {
name: 'keywords',
content:
'科路得,Equipment,High-precision,Machining center,Design,Manufacturing capabilities,Equipment supply,Production line planning,Construction services,Battery assembly lines,Pouch cell testing lines',
}, {
name: 'description',
content:
'科路得,助您科研之路势在必得。Equipment Business: With our self-built high-precision machining center, we possess robust design and manufacturing capabilities. We offer comprehensive equipment supply, production line planning, and construction services, including battery assembly lines, pouch cell testing lines, and more. Our aim is to provide complete equipment solutions that cater to the diverse needs of our clients. Expect top-quality equipment and professional services that will help you stand out in a fiercely competitive market!'
},
],
})
onMounted(() => {
equipTimer = setInterval(() => {
if (equipSlide.value > equipments.length) {
equipSlide.value = 0
} else {
equipSlide.value = equipSlide.value + 1
}
}, 2000)
pouchTimer = setInterval(() => {
if (pouchSlide.value > successCases.length) {
pouchSlide.value = 0
} else {
pouchSlide.value = pouchSlide.value + 1
}
}, 2000)
})
onUnmounted(() => {
clearInterval(equipTimer)
clearInterval(pouchTimer)
equipTimer = null
pouchTimer = null
})
const equipments = [
{ name: 'Precision grinder', imageUrl: '/lab/precision-grinder.png' },
{ name: 'Numerical control machine', imageUrl: '/lab/numerical-control-machine.png' },
{ name: 'Arm brace', imageUrl: '/lab/arm-brace.png' },
{
name: 'CNC high-speed precision carving machine',
imageUrl: '/lab/cnc-high-speed-precision-carving-machine.png'
},
{
name: 'Equipment assembly workshop',
imageUrl: '/lab/equipment-assembly-workshop1.png'
},
{
name: 'Equipment to be shipped',
imageUrl: '/lab/equipment-to-be-shipped1.png'
},
{
name: 'Equipment to be shipped',
imageUrl: '/lab/equipment-assembly-workshop2.png'
}
]
const successCases = [
'/succeed_case/device1.png',
'/succeed_case/device2.png',
'/succeed_case/device3.png',
'/succeed_case/device4.png',
'/succeed_case/device5.png'
]
const fixtures = [
{ imageUrl: '/succeed_case/customized_fixture/customized-fixture.png' },
{ imageUrl: '/succeed_case/customized_fixture/fuel-cell-test-fixture.png' },
{ imageUrl: '/succeed_case/customized_fixture/coin-cell.png' },
{ imageUrl: '/succeed_case/customized_fixture/flow-battery-test-fixture.png' }
]
</script>
<style lang="scss">
b {
margin-bottom: 0;
}
</style>