Test.vue
4.74 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
<template>
<v-img src="/banner/test.jpg"></v-img>
<div
class="font-weight-bold tw-leading-[30px] text-white tw-bg-[url('/banner/top2.png')] tw-p-[64px] tw-mb-[64px]"
>
We have an independent battery testing center that provides comprehensive testing services for
you! Whether it's ambient temperature, high-temperature cycling, rate testing, high and
low-temperature testing, high-temperature storage testing, or EIS/CV testing, we can meet your
needs. Our reverse analysis experimental plan covers various dimensions, including
non-destructive testing, disassembly analysis, size, capacity, internal resistance, EIS, rate,
high and low-temperature analysis. Through techniques such as capacity testing, SEM, EDS,
Mapping, CP, TG, GC-MS, ICP, we conduct in-depth reverse analysis, including elemental analysis
and morphology analysis. Finally, we prepare detailed reverse analysis reports, combining market
conditions to provide you with research and development directions. Choose us for reliable
testing and limitless innovation!
</div>
<div class="tw-px-[64px] tw-pb-[78px]">
<MainTitle title="Test Hardware" />
<v-row>
<v-col v-for="slide in slides" :key="slide"><v-img :src="slide"></v-img></v-col>
</v-row>
</div>
<!-- <v-slide-group class="pa-4" selected-class="bg-success" show-arrows>
<v-slide-group-item v-for="slide in slides" :key="slide">
<v-card :class="['ma-2']" width="360">
<v-img :src="slide"></v-img>
</v-card>
</v-slide-group-item>
</v-slide-group> -->
<div class="tw-p-[64px] bg-grey-lighten-5">
<MainTitle title="Succeed Case" className="tw-mb-[64px]" />
<div class="tw-relative tw-mb-[64px]">
<div
class="tw-w-[200px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-text-[20px] tw-font-medium tw-relative tw-z-10"
>
Reverse analysis
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<ContentDescription
className="tw-mb-[64px] tw-max-w-[600px] tw-m-auto text-grey-darken-1"
content="Reverse analysis: assist customers to analyze the polymer / organic components in mainstream power batteries"
/>
<v-row class="mb-12">
<v-col v-for="slide in slides" :key="slide"><v-img :src="slide"></v-img></v-col>
</v-row>
<div class="font-weight-medium tw-max-w-[600px] tw-m-auto text-grey-darken-1">
<p>
1. Experiment scheme: first conduct nondestructive testing (size / capacity / internal
resistance / EIS / ratio / high and low temperature, etc.), and finally conduct disassembly
analysis
</p>
<p>
2. Implement reverse analysis: gram capacity / SEM / ED S/Mapping / CP / TG / GC-MS / ICP
and other means
</p>
<p>
3. Write the reverse analysis report: give the customer research and development direction
according to the market situation
</p>
</div>
<div class="tw-relative tw-my-[64px]">
<div
class="tw-w-[240px] tw-text-center bg-blue-darken-1 tw-rounded-[4px] tw-m-auto tw-text-[20px] tw-font-medium tw-relative tw-z-10"
>
Reverse analysis result
</div>
<v-divider class="tw-absolute tw-top-[16px] tw-w-full"></v-divider>
</div>
<v-img height="300" :src="results[0]" class="tw-mb-[64px]"></v-img>
<v-img height="340" class="tw-mb-[32px]" :src="results[1]"></v-img>
</div>
<!-- <v-slide-group class="pa-0" selected-class="bg-success" show-arrows>
<v-slide-group-item v-for="slide in slideCases" :key="slide">
<v-card :class="['ma-2']" width="360">
<v-img :src="slide"></v-img>
</v-card>
</v-slide-group-item>
</v-slide-group> -->
</template>
<script setup lang="ts">
import MainTitleList from '@/components/MainTitleList.vue'
import MainTitle from '@/components/MainTitle.vue'
import ContentDescription from '@/components/ContentDescription.vue'
const equipments = [
{ name: 'Precision grinder', imageUrl: '/equipment/precision-grinder.png' },
{ name: 'Numerical control machine', imageUrl: '/equipment/numerical-control-machine.png' },
{ name: 'Arm brace', imageUrl: '/equipment/arm-brace.png' },
{
name: 'CNC high-speed precision carving machine',
imageUrl: '/equipment/cnc-high-speed-precision-carving-machine.png'
}
]
const slides = [
'/customization_hardware/3.png',
'/customization_hardware/4.png',
'/customization_hardware/5.png',
'/customization_hardware/6.png'
]
const slideCases = [
'/customization_case/1.png',
'/customization_case/2.png'
// '/customization_case/3.png',
// '/customization_case/4.png',
// '/customization_case/5.png'
]
const results = ['/test/1.png', '/test/2.png']
</script>
<style lang="less" scoped></style>