Test.vue
4.95 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
<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-slide-group selected-class="bg-primary" show-arrows>
<v-slide-group-item v-for="slide in slides" :key="slide.title">
<v-card :class="['ma-4']" width="260">
<v-img :src="slide.imageUrl"></v-img>
<v-card-title class="tw-text-center text-subtitle-1">{{ slide.title }}</v-card-title>
</v-card>
</v-slide-group-item>
</v-slide-group>
</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 cols="2"></v-col>
<v-col v-for="slide in testCases" :key="slide" cols="4">
<v-img :src="slide" height="300"></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 MainTitle from '@/components/MainTitle.vue'
import ContentDescription from '@/components/ContentDescription.vue'
const slides = [
{ title: 'Cycle/Rate test', imageUrl: '/testing_hardware/1.png' },
{ title: 'H/L temperature oven', imageUrl: '/testing_hardware/2.png' },
{ title: 'High temperature oven', imageUrl: '/testing_hardware/3.png' },
{ title: 'Electrochemical workstation', imageUrl: '/testing_hardware/4.png' },
{ title: 'BET', imageUrl: '/testing_hardware/5.png' },
{ title: 'TG-DSC', imageUrl: '/testing_hardware/6.png' },
{ title: 'Raman', imageUrl: '/testing_hardware/7.png' },
{ title: 'XRD', imageUrl: '/testing_hardware/8.png' }
]
const testCases = ['/test_result/3.png', '/test_result/4.png']
const results = ['/test_result/1.png', '/test_result/2.png']
</script>
<style lang="less" scoped></style>