refactor(component): 优化多个组件的显示逻辑和样式
- 在 RenderCropper 组件中添加 visible 属性控制显示状态 - 修改 intelligent-agent 组件中图表的子标题 - 在 knowledgeForm 组件中添加图标预览功能
BIN
public/loadImage/knowledge-1.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
public/loadImage/knowledge-2.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/loadImage/knowledge-3.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
public/loadImage/knowledge-4.png
Normal file
|
After Width: | Height: | Size: 905 B |
BIN
public/loadImage/knowledge-5.png
Normal file
|
After Width: | Height: | Size: 831 B |
BIN
public/loadImage/knowledge-6.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/loadImage/knowledge-7.png
Normal file
|
After Width: | Height: | Size: 6.6 KiB |
@@ -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"
|
||||
|
||||
@@ -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',
|
||||
|
||||
@@ -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>
|
||||
|
||||