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>
|
||||
<div :style="styleObj">
|
||||
<v-chart :options="options" autoresize />
|
||||
<v-chart ref="myVChart" :options="options" autoresize />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Loading…
Reference in New Issue