Foming
1 year ago
committed by
Gitee
commit
c91ae79775
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,20 @@
|
|||||||
|
package com.anjiplus.template.gaea.business.modules.reportexcel.controller.dto;
|
||||||
|
|
||||||
|
import lombok.Data;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @author chenxg
|
||||||
|
* @date 2023/8/1 10:37
|
||||||
|
*/
|
||||||
|
@Data
|
||||||
|
public class CellStyleDto {
|
||||||
|
/**
|
||||||
|
* 格式名称
|
||||||
|
*/
|
||||||
|
private String fa;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 格式类型
|
||||||
|
*/
|
||||||
|
private String t;
|
||||||
|
}
|
||||||
@ -0,0 +1,42 @@
|
|||||||
|
package com.anjiplus.template.gaea.business.modules.reportexcel.controller.dto;
|
||||||
|
|
||||||
|
|
||||||
|
import lombok.Data;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @author chenxg
|
||||||
|
* @date 2023/8/1 10:37
|
||||||
|
*/
|
||||||
|
@Data
|
||||||
|
public class CommentDto {
|
||||||
|
/**
|
||||||
|
* 批注框左边距
|
||||||
|
*/
|
||||||
|
private int left;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批注框上边距
|
||||||
|
*/
|
||||||
|
private int top;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批注框宽度
|
||||||
|
*/
|
||||||
|
private int width;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批注框高度
|
||||||
|
*/
|
||||||
|
private int height;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批注内容
|
||||||
|
*/
|
||||||
|
private String value;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批注框是否显示
|
||||||
|
*/
|
||||||
|
private boolean isshow;
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,97 @@
|
|||||||
|
|
||||||
|
package com.anjiplus.template.gaea.business.modules.reportexcel.controller.dto;
|
||||||
|
|
||||||
|
import com.anji.plus.gaea.curd.dto.GaeaBaseDTO;
|
||||||
|
import lombok.Data;
|
||||||
|
|
||||||
|
import java.io.Serializable;
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @author chenxg
|
||||||
|
* @date 2023/8/1 10:37
|
||||||
|
*/
|
||||||
|
@Data
|
||||||
|
public class ReportExcelStyleDto extends GaeaBaseDTO implements Serializable {
|
||||||
|
/**
|
||||||
|
* 单元格值格式
|
||||||
|
*/
|
||||||
|
private CellStyleDto ct;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 内容的原始值
|
||||||
|
*/
|
||||||
|
private String v;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 内容的显示值
|
||||||
|
*/
|
||||||
|
private String m;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 背景颜色
|
||||||
|
*/
|
||||||
|
private String bg;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 字体编号
|
||||||
|
*/
|
||||||
|
private String ff;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 字体颜色
|
||||||
|
*/
|
||||||
|
private String fc;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 是否加粗
|
||||||
|
*/
|
||||||
|
private boolean bl;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 是否斜体
|
||||||
|
*/
|
||||||
|
private boolean it;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 字体大小
|
||||||
|
*/
|
||||||
|
private int fs;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 是否删除线
|
||||||
|
*/
|
||||||
|
private boolean cl;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 水平对齐方式
|
||||||
|
*/
|
||||||
|
private int ht;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 垂直对齐方式
|
||||||
|
*/
|
||||||
|
private int vt;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文字旋转角度
|
||||||
|
*/
|
||||||
|
private int tr;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 是否自动换行
|
||||||
|
*/
|
||||||
|
private int tb;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批注信息
|
||||||
|
*/
|
||||||
|
private CommentDto ps;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 单元格公式
|
||||||
|
*/
|
||||||
|
private String f;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
/**
|
||||||
|
* author:wenqindong
|
||||||
|
* date:2023-05-31
|
||||||
|
*/
|
||||||
|
let selectOptions = []
|
||||||
|
for(let i=1;i<14;i++){
|
||||||
|
selectOptions.push({code: 'dv-border-Box-'+i, name: '样式'+i})
|
||||||
|
}
|
||||||
|
export const widgetBorder = {
|
||||||
|
code: 'widget-border',
|
||||||
|
type: 'border',
|
||||||
|
tabName: '样式组件',
|
||||||
|
label: '边框',
|
||||||
|
icon: 'icontupian1',
|
||||||
|
options: {
|
||||||
|
// 配置
|
||||||
|
setup: [
|
||||||
|
{
|
||||||
|
type: 'el-input-text',
|
||||||
|
label: '图层名称',
|
||||||
|
name: 'layerName',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
value: '边框',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-select',
|
||||||
|
label: '样式',
|
||||||
|
name: 'showtype',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
selectOptions: selectOptions,
|
||||||
|
value: 'dv-border-Box-1'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 数据
|
||||||
|
data: [],
|
||||||
|
// 坐标
|
||||||
|
position: [
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '左边距',
|
||||||
|
name: 'left',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
value: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '上边距',
|
||||||
|
name: 'top',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
value: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '宽度',
|
||||||
|
name: 'width',
|
||||||
|
required: false,
|
||||||
|
placeholder: '该容器在1920px大屏中的宽度',
|
||||||
|
value: 400,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '高度',
|
||||||
|
name: 'height',
|
||||||
|
required: false,
|
||||||
|
placeholder: '该容器在1080px大屏中的高度',
|
||||||
|
value: 300,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
/**
|
||||||
|
* author:wenqindong
|
||||||
|
* date:2023-05-31
|
||||||
|
*/
|
||||||
|
let selectOptions = []
|
||||||
|
for(let i=1;i<13;i++){
|
||||||
|
selectOptions.push({code: 'dv-decoration-'+i, name: '装饰'+i})
|
||||||
|
}
|
||||||
|
export const widgetDecoration = {
|
||||||
|
code: 'widget-decoration',
|
||||||
|
type: 'border',
|
||||||
|
tabName: '样式组件',
|
||||||
|
label: '装饰',
|
||||||
|
icon: 'icontupian1',
|
||||||
|
options: {
|
||||||
|
// 配置
|
||||||
|
setup: [
|
||||||
|
{
|
||||||
|
type: 'el-input-text',
|
||||||
|
label: '图层名称',
|
||||||
|
name: 'layerName',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
value: '装饰',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-select',
|
||||||
|
label: '样式',
|
||||||
|
name: 'showtype',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
selectOptions: selectOptions,
|
||||||
|
value: 'dv-decoration-1'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 数据
|
||||||
|
data: [],
|
||||||
|
// 坐标
|
||||||
|
position: [
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '左边距',
|
||||||
|
name: 'left',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
value: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '上边距',
|
||||||
|
name: 'top',
|
||||||
|
required: false,
|
||||||
|
placeholder: '',
|
||||||
|
value: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '宽度',
|
||||||
|
name: 'width',
|
||||||
|
required: false,
|
||||||
|
placeholder: '该容器在1920px大屏中的宽度',
|
||||||
|
value: 400,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'el-input-number',
|
||||||
|
label: '高度',
|
||||||
|
name: 'height',
|
||||||
|
required: false,
|
||||||
|
placeholder: '该容器在1080px大屏中的高度',
|
||||||
|
value: 150,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :style="styleObj">
|
<div :style="styleObj">
|
||||||
<v-chart :options="options" autoresize />
|
<v-chart ref="myVChart" :options="options" autoresize />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
Loading…
Reference in New Issue