refactor(component): 优化多个组件的显示逻辑和样式

- 在 RenderCropper 组件中添加 visible 属性控制显示状态
- 修改 intelligent-agent 组件中图表的子标题
- 在 knowledgeForm 组件中添加图标预览功能
This commit is contained in:
陈昱达
2025-05-06 16:27:36 +08:00
parent 0bd6c65b66
commit 0b3ad1d37c
10 changed files with 19 additions and 8 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 831 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@@ -26,7 +26,7 @@
width="600px"
append-to-body
>
<div class="flex">
<div class="flex" v-if="visible">
<cropper-canvas style="width: 100%;flex:1" cover image>
<cropper-image
:src="file.url"

View File

@@ -35,7 +35,7 @@ export default {
name: 'overveiw',
data() {
return {
times: '',
times: '9',
list: [
{
options: {
@@ -44,7 +44,7 @@ export default {
textStyle: {
fontSize: 13
},
subtext: '(万)'
subtext: '所有时间'
},
xAxis: {
type: 'category',
@@ -83,7 +83,7 @@ export default {
textStyle: {
fontSize: 13
},
subtext: '(万)'
subtext: '所有时间'
},
xAxis: {
type: 'category',
@@ -122,7 +122,7 @@ export default {
textStyle: {
fontSize: 13
},
subtext: '(万)'
subtext: '所有时间'
},
xAxis: {
type: 'category',
@@ -161,7 +161,7 @@ export default {
textStyle: {
fontSize: 13
},
subtext: '(万)'
subtext: '所有时间'
},
xAxis: {
type: 'category',
@@ -200,7 +200,7 @@ export default {
textStyle: {
fontSize: 13
},
subtext: '(万)'
subtext: '所有时间'
},
xAxis: {
type: 'category',
@@ -239,7 +239,7 @@ export default {
textStyle: {
fontSize: 13
},
subtext: '(万)'
subtext: '所有时间'
},
xAxis: {
type: 'category',

View File

@@ -46,6 +46,17 @@
<el-form-item label="图标" prop="image" required>
<r-cropper @getFiles="getFiles" :url="model.image"></r-cropper>
<div>
<img
:src="
`http://39.104.123.254:7536/static/loadImage/konwledge-${item}.png`
"
alt=""
v-for="item in 5"
style="width: 80px;height: 80px"
class="mr10"
/>
</div>
</el-form-item>
</el-form>
</el-col>