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"
|
width="600px"
|
||||||
append-to-body
|
append-to-body
|
||||||
>
|
>
|
||||||
<div class="flex">
|
<div class="flex" v-if="visible">
|
||||||
<cropper-canvas style="width: 100%;flex:1" cover image>
|
<cropper-canvas style="width: 100%;flex:1" cover image>
|
||||||
<cropper-image
|
<cropper-image
|
||||||
:src="file.url"
|
:src="file.url"
|
||||||
|
|||||||
@@ -35,7 +35,7 @@ export default {
|
|||||||
name: 'overveiw',
|
name: 'overveiw',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
times: '',
|
times: '9',
|
||||||
list: [
|
list: [
|
||||||
{
|
{
|
||||||
options: {
|
options: {
|
||||||
@@ -44,7 +44,7 @@ export default {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 13
|
fontSize: 13
|
||||||
},
|
},
|
||||||
subtext: '(万)'
|
subtext: '所有时间'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
@@ -83,7 +83,7 @@ export default {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 13
|
fontSize: 13
|
||||||
},
|
},
|
||||||
subtext: '(万)'
|
subtext: '所有时间'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
@@ -122,7 +122,7 @@ export default {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 13
|
fontSize: 13
|
||||||
},
|
},
|
||||||
subtext: '(万)'
|
subtext: '所有时间'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
@@ -161,7 +161,7 @@ export default {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 13
|
fontSize: 13
|
||||||
},
|
},
|
||||||
subtext: '(万)'
|
subtext: '所有时间'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
@@ -200,7 +200,7 @@ export default {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 13
|
fontSize: 13
|
||||||
},
|
},
|
||||||
subtext: '(万)'
|
subtext: '所有时间'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
@@ -239,7 +239,7 @@ export default {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: 13
|
fontSize: 13
|
||||||
},
|
},
|
||||||
subtext: '(万)'
|
subtext: '所有时间'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
|
|||||||
@@ -46,6 +46,17 @@
|
|||||||
|
|
||||||
<el-form-item label="图标" prop="image" required>
|
<el-form-item label="图标" prop="image" required>
|
||||||
<r-cropper @getFiles="getFiles" :url="model.image"></r-cropper>
|
<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-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|||||||