Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
D
dataease
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
zhu
dataease
Commits
5327d517
提交
5327d517
authored
4月 20, 2021
作者:
fit2cloud-chenyw
浏览文件
操作
浏览文件
下载
差异文件
Merge remote-tracking branch 'origin/main' into main
上级
d8239381
109ce64f
隐藏空白字符变更
内嵌
并排
正在显示
15 个修改的文件
包含
424 行增加
和
122 行删除
+424
-122
DataSetTableController.java
...o/dataease/controller/dataset/DataSetTableController.java
+6
-0
PanelTemplateController.java
...io/dataease/controller/panel/PanelTemplateController.java
+3
-3
DataSetTableService.java
...java/io/dataease/service/dataset/DataSetTableService.java
+134
-0
PanelTemplateService.java
.../java/io/dataease/service/panel/PanelTemplateService.java
+2
-2
ComponentWrapper.vue
.../components/canvas/components/Editor/ComponentWrapper.vue
+32
-27
index.vue
frontend/src/components/canvas/components/Editor/index.vue
+5
-0
UserView.vue
frontend/src/components/canvas/custom-component/UserView.vue
+15
-1
zh.js
frontend/src/lang/zh.js
+2
-1
ChartComponent.vue
frontend/src/views/chart/components/ChartComponent.vue
+5
-1
AddExcel.vue
frontend/src/views/dataset/add/AddExcel.vue
+26
-3
PanelViewShow.vue
frontend/src/views/panel/list/PanelViewShow.vue
+15
-6
SaveToTemplate.vue
frontend/src/views/panel/list/SaveToTemplate.vue
+36
-17
SystemTemplateList.vue
...src/views/panel/template/component/SystemTemplateList.vue
+28
-35
TemplateItem.vue
frontend/src/views/panel/template/component/TemplateItem.vue
+14
-5
index.vue
frontend/src/views/panel/template/index.vue
+101
-21
没有找到文件。
backend/src/main/java/io/dataease/controller/dataset/DataSetTableController.java
浏览文件 @
5327d517
...
...
@@ -7,6 +7,7 @@ import io.dataease.controller.request.dataset.DataSetTableRequest;
import
io.dataease.datasource.dto.TableFiled
;
import
io.dataease.service.dataset.DataSetTableService
;
import
org.springframework.web.bind.annotation.*
;
import
org.springframework.web.multipart.MultipartFile
;
import
javax.annotation.Resource
;
import
java.util.List
;
...
...
@@ -86,4 +87,9 @@ public class DataSetTableController {
public
Map
<
String
,
Object
>
datasetDetail
(
@PathVariable
String
id
)
{
return
dataSetTableService
.
getDatasetDetail
(
id
);
}
@PostMapping
(
"excel/upload"
)
public
Map
<
String
,
Object
>
excelUpload
(
@RequestParam
(
"file"
)
MultipartFile
file
)
throws
Exception
{
return
dataSetTableService
.
excelSaveAndParse
(
file
);
}
}
backend/src/main/java/io/dataease/controller/panel/PanelTemplateController.java
浏览文件 @
5327d517
...
...
@@ -31,9 +31,9 @@ public class PanelTemplateController {
return
panelTemplateService
.
save
(
request
);
}
@PostMapping
(
"/delete
Circle
/{id}"
)
public
void
delete
Circle
(
@PathVariable
String
id
)
{
panelTemplateService
.
delete
Circle
(
id
);
@PostMapping
(
"/delete/{id}"
)
public
void
delete
(
@PathVariable
String
id
)
{
panelTemplateService
.
delete
(
id
);
}
@GetMapping
(
"/findOne/{id}"
)
...
...
backend/src/main/java/io/dataease/service/dataset/DataSetTableService.java
浏览文件 @
5327d517
...
...
@@ -18,10 +18,26 @@ import io.dataease.dto.dataset.DataTableInfoDTO;
import
org.apache.commons.collections4.CollectionUtils
;
import
org.apache.commons.lang3.ObjectUtils
;
import
org.apache.commons.lang3.StringUtils
;
import
org.apache.poi.hssf.usermodel.HSSFCell
;
import
org.apache.poi.hssf.usermodel.HSSFRow
;
import
org.apache.poi.hssf.usermodel.HSSFSheet
;
import
org.apache.poi.hssf.usermodel.HSSFWorkbook
;
import
org.apache.poi.ss.usermodel.Cell
;
import
org.apache.poi.ss.usermodel.CellType
;
import
org.apache.poi.ss.usermodel.Row
;
import
org.apache.poi.xssf.usermodel.XSSFRow
;
import
org.apache.poi.xssf.usermodel.XSSFSheet
;
import
org.apache.poi.xssf.usermodel.XSSFWorkbook
;
import
org.springframework.beans.factory.annotation.Value
;
import
org.springframework.stereotype.Service
;
import
org.springframework.web.multipart.MultipartFile
;
import
javax.annotation.Resource
;
import
java.io.*
;
import
java.math.BigDecimal
;
import
java.nio.charset.StandardCharsets
;
import
java.sql.ResultSet
;
import
java.text.DecimalFormat
;
import
java.text.MessageFormat
;
import
java.util.*
;
import
java.util.stream.Collectors
;
...
...
@@ -42,6 +58,8 @@ public class DataSetTableService {
private
DataSetTableTaskService
dataSetTableTaskService
;
@Resource
private
DatasetTableIncrementalConfigMapper
datasetTableIncrementalConfigMapper
;
@Value
(
"${upload.file.path}"
)
private
String
path
;
public
void
batchInsert
(
List
<
DatasetTable
>
datasetTable
)
throws
Exception
{
for
(
DatasetTable
table
:
datasetTable
)
{
...
...
@@ -434,4 +452,120 @@ public class DataSetTableService {
}
return
map
;
}
public
Map
<
String
,
Object
>
excelSaveAndParse
(
MultipartFile
file
)
throws
Exception
{
String
filename
=
file
.
getOriginalFilename
();
String
suffix
=
filename
.
substring
(
filename
.
lastIndexOf
(
"."
)
+
1
);
List
<
TableFiled
>
fields
=
new
ArrayList
<>();
List
<
String
[]>
data
=
new
ArrayList
<>();
List
<
Map
<
String
,
Object
>>
jsonArray
=
new
ArrayList
<>();
InputStream
inputStream
=
file
.
getInputStream
();
if
(
StringUtils
.
equalsIgnoreCase
(
suffix
,
"xls"
))
{
HSSFWorkbook
workbook
=
new
HSSFWorkbook
(
inputStream
);
HSSFSheet
sheet0
=
workbook
.
getSheetAt
(
0
);
if
(
sheet0
.
getNumMergedRegions
()
>
0
)
{
throw
new
RuntimeException
(
"Sheet have merged regions."
);
}
int
rows
=
Math
.
min
(
sheet0
.
getPhysicalNumberOfRows
(),
100
);
for
(
int
i
=
0
;
i
<
rows
;
i
++)
{
HSSFRow
row
=
sheet0
.
getRow
(
i
);
String
[]
r
=
new
String
[
row
.
getPhysicalNumberOfCells
()];
for
(
int
j
=
0
;
j
<
row
.
getPhysicalNumberOfCells
();
j
++)
{
if
(
i
==
0
)
{
TableFiled
tableFiled
=
new
TableFiled
();
tableFiled
.
setFieldName
(
readCell
(
row
.
getCell
(
j
)));
tableFiled
.
setRemarks
(
readCell
(
row
.
getCell
(
j
)));
fields
.
add
(
tableFiled
);
}
else
{
r
[
j
]
=
readCell
(
row
.
getCell
(
j
));
}
}
if
(
i
>
0
)
{
data
.
add
(
r
);
}
}
}
else
if
(
StringUtils
.
equalsIgnoreCase
(
suffix
,
"xlsx"
))
{
XSSFWorkbook
xssfWorkbook
=
new
XSSFWorkbook
(
inputStream
);
XSSFSheet
sheet0
=
xssfWorkbook
.
getSheetAt
(
0
);
if
(
sheet0
.
getNumMergedRegions
()
>
0
)
{
throw
new
RuntimeException
(
"Sheet have merged regions."
);
}
int
rows
=
Math
.
min
(
sheet0
.
getPhysicalNumberOfRows
(),
100
);
for
(
int
i
=
0
;
i
<
rows
;
i
++)
{
XSSFRow
row
=
sheet0
.
getRow
(
i
);
String
[]
r
=
new
String
[
row
.
getPhysicalNumberOfCells
()];
for
(
int
j
=
0
;
j
<
row
.
getPhysicalNumberOfCells
();
j
++)
{
if
(
i
==
0
)
{
TableFiled
tableFiled
=
new
TableFiled
();
tableFiled
.
setFieldName
(
readCell
(
row
.
getCell
(
j
)));
tableFiled
.
setRemarks
(
readCell
(
row
.
getCell
(
j
)));
fields
.
add
(
tableFiled
);
}
else
{
r
[
j
]
=
readCell
(
row
.
getCell
(
j
));
}
}
if
(
i
>
0
)
{
data
.
add
(
r
);
}
}
}
else
if
(
StringUtils
.
equalsIgnoreCase
(
suffix
,
"csv"
))
{
BufferedReader
reader
=
new
BufferedReader
(
new
InputStreamReader
(
inputStream
,
StandardCharsets
.
UTF_8
));
String
s
=
reader
.
readLine
();
// first line
String
[]
split
=
s
.
split
(
","
);
for
(
String
s1
:
split
)
{
TableFiled
tableFiled
=
new
TableFiled
();
tableFiled
.
setFieldName
(
s1
);
tableFiled
.
setRemarks
(
s1
);
fields
.
add
(
tableFiled
);
}
int
num
=
1
;
String
line
=
null
;
while
((
line
=
reader
.
readLine
())
!=
null
)
{
if
(
num
>
100
)
{
break
;
}
data
.
add
(
line
.
split
(
","
));
num
++;
}
}
String
[]
fieldArray
=
fields
.
stream
().
map
(
TableFiled:
:
getFieldName
).
toArray
(
String
[]::
new
);
if
(
CollectionUtils
.
isNotEmpty
(
data
))
{
jsonArray
=
data
.
stream
().
map
(
ele
->
{
Map
<
String
,
Object
>
map
=
new
HashMap
<>();
for
(
int
i
=
0
;
i
<
ele
.
length
;
i
++)
{
map
.
put
(
fieldArray
[
i
],
ele
[
i
]);
}
return
map
;
}).
collect
(
Collectors
.
toList
());
}
inputStream
.
close
();
Map
<
String
,
Object
>
map
=
new
HashMap
<>();
map
.
put
(
"fields"
,
fields
);
map
.
put
(
"data"
,
jsonArray
);
return
map
;
}
private
String
readCell
(
Cell
cell
)
{
CellType
cellTypeEnum
=
cell
.
getCellTypeEnum
();
if
(
cellTypeEnum
.
equals
(
CellType
.
STRING
))
{
return
cell
.
getStringCellValue
();
}
else
if
(
cellTypeEnum
.
equals
(
CellType
.
NUMERIC
))
{
double
d
=
cell
.
getNumericCellValue
();
try
{
return
new
Double
(
d
).
longValue
()
+
""
;
}
catch
(
Exception
e
)
{
BigDecimal
b
=
new
BigDecimal
(
d
);
return
b
.
setScale
(
2
,
BigDecimal
.
ROUND_HALF_UP
).
doubleValue
()
+
""
;
}
}
else
if
(
cellTypeEnum
.
equals
(
CellType
.
BOOLEAN
))
{
return
cell
.
getBooleanCellValue
()
?
"1"
:
"0"
;
}
else
{
return
""
;
}
}
}
backend/src/main/java/io/dataease/service/panel/PanelTemplateService.java
浏览文件 @
5327d517
...
...
@@ -69,9 +69,9 @@ public class PanelTemplateService {
}
public
void
delete
Circle
(
String
id
){
public
void
delete
(
String
id
){
Assert
.
notNull
(
id
,
"id cannot be null"
);
extPanelTemplateMapper
.
deleteCircle
(
id
);
panelTemplateMapper
.
deleteByPrimaryKey
(
id
);
}
...
...
frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
浏览文件 @
5327d517
<
template
>
<div
@
click=
"handleClick"
>
<component
class=
"component"
:is=
"config.component"
:style=
"getStyle(config.style)"
:propValue=
"config.propValue"
:element=
"config"
/>
</div>
<div
@
click=
"handleClick"
>
<component
:is=
"config.component"
class=
"component"
:style=
"getStyle(config.style)"
:prop-value=
"config.propValue"
:element=
"config"
:filter=
"filter"
/>
</div>
</
template
>
<
script
>
...
...
@@ -16,26 +17,30 @@ import runAnimation from '@/components/canvas/utils/runAnimation'
import
{
mixins
}
from
'@/components/canvas/utils/events'
export
default
{
props
:
{
config
:
{
type
:
Object
,
require
:
true
,
},
mixins
:
[
mixins
],
props
:
{
config
:
{
type
:
Object
,
require
:
true
},
mounted
()
{
runAnimation
(
this
.
$el
,
this
.
config
.
animations
)
},
mixins
:
[
mixins
],
methods
:
{
getStyle
,
filter
:
{
type
:
Object
,
require
:
false
}
},
mounted
()
{
runAnimation
(
this
.
$el
,
this
.
config
.
animations
)
},
methods
:
{
getStyle
,
handleClick
()
{
const
events
=
this
.
config
.
events
Object
.
keys
(
events
).
forEach
(
event
=>
{
this
[
event
](
events
[
event
])
})
},
},
handleClick
()
{
const
events
=
this
.
config
.
events
Object
.
keys
(
events
).
forEach
(
event
=>
{
this
[
event
](
events
[
event
])
})
}
}
}
</
script
>
...
...
frontend/src/components/canvas/components/Editor/index.vue
浏览文件 @
5327d517
...
...
@@ -43,6 +43,7 @@
:style=
"getComponentStyle(item.style)"
:prop-value=
"item.propValue"
:element=
"item"
:filter=
"filter"
/>
<!--
<component
:is=
"item.component"
...
...
@@ -84,6 +85,10 @@ export default {
isEdit
:
{
type
:
Boolean
,
default
:
true
},
filter
:
{
type
:
Object
,
require
:
false
}
},
data
()
{
...
...
frontend/src/components/canvas/custom-component/UserView.vue
浏览文件 @
5327d517
...
...
@@ -15,6 +15,20 @@ export default {
props
:
{
element
:
{
type
:
Object
},
filter
:
{
type
:
Object
,
required
:
false
,
default
:
function
()
{
return
{
filter
:
[]
}
}
}
},
watch
:
{
filter
(
val
)
{
this
.
getData
(
this
.
element
.
propValue
.
viewId
)
}
},
data
()
{
...
...
@@ -31,7 +45,7 @@ export default {
methods
:
{
getData
(
id
)
{
if
(
id
)
{
post
(
'/chart/view/getData/'
+
id
,
{}
).
then
(
response
=>
{
post
(
'/chart/view/getData/'
+
id
,
this
.
filter
).
then
(
response
=>
{
// 将视图传入echart组件
this
.
chart
=
response
.
data
})
...
...
frontend/src/lang/zh.js
浏览文件 @
5327d517
...
...
@@ -783,7 +783,8 @@ export default {
detail
:
'详情'
,
type
:
'类型'
,
create_by
:
'创建者'
,
create_time
:
'创建时间'
create_time
:
'创建时间'
,
preview_100_data
:
'预览前100行数据'
},
datasource
:
{
datasource
:
'数据源'
,
...
...
frontend/src/views/chart/components/ChartComponent.vue
浏览文件 @
5327d517
...
...
@@ -20,7 +20,11 @@ export default {
chart
:
{
type
:
Object
,
required
:
true
}
},
filter
:
{
type
:
Object
,
required
:
false
}
},
data
()
{
return
{
...
...
frontend/src/views/dataset/add/AddExcel.vue
浏览文件 @
5327d517
...
...
@@ -9,7 +9,7 @@
<el-button
size=
"mini"
@
click=
"cancel"
>
{{
$t
(
'dataset.cancel'
)
}}
</el-button>
<el-button
size=
"mini"
type=
"primary"
@
click=
"save"
>
<el-button
:disabled=
"!form.name || fileList.length === 0"
size=
"mini"
type=
"primary"
@
click=
"save"
>
{{
$t
(
'dataset.confirm'
)
}}
</el-button>
</el-row>
...
...
@@ -24,11 +24,14 @@
</el-form-item>
<el-form-item>
<el-upload
action=
"/posts/
"
:action=
"baseUrl+'dataset/table/excel/upload'
"
:multiple=
"false"
:show-file-list=
"false"
:file-list=
"fileList"
accept=
".xls,.xlsx,.csv"
:on-success=
"uploadSuccess"
name=
"file"
:headers=
"headers"
>
<el-button
size=
"mini"
type=
"primary"
>
{{
$t
(
'dataset.upload_file'
)
}}
</el-button>
</el-upload>
...
...
@@ -42,6 +45,7 @@
<el-card
class=
"box-card dataPreview"
shadow=
"never"
>
<div
slot=
"header"
class=
"clearfix"
>
<span>
{{
$t
(
'dataset.data_preview'
)
}}
</span>
<span
style=
"font-size: 12px;color: #3d4d66;"
>
(
{{
$t
(
'dataset.preview_100_data'
)
}}
)
</span>
</div>
<div
class=
"text item"
>
<ux-grid
...
...
@@ -70,6 +74,9 @@
<
script
>
import
{
post
}
from
'@/api/dataset/dataset'
import
{
getToken
}
from
'@/utils/auth'
const
token
=
getToken
()
export
default
{
name
:
'AddExcel'
,
...
...
@@ -85,8 +92,12 @@ export default {
name
:
''
},
fields
:
[],
data
:
[],
mode
:
'1'
,
height
:
600
height
:
600
,
fileList
:
[],
headers
:
{
Authorization
:
token
},
baseUrl
:
process
.
env
.
VUE_APP_BASE_API
}
},
watch
:
{
...
...
@@ -120,6 +131,18 @@ export default {
// },
uploadSuccess
(
response
,
file
,
fileList
)
{
console
.
log
(
response
)
console
.
log
(
file
)
console
.
log
(
fileList
)
this
.
fields
=
response
.
data
.
fields
this
.
data
=
response
.
data
.
data
const
datas
=
this
.
data
this
.
$refs
.
plxTable
.
reloadData
(
datas
)
if
(
file
.
name
.
lastIndexOf
(
'.'
)
>
0
)
{
this
.
form
.
name
=
file
.
name
.
substring
(
0
,
file
.
name
.
lastIndexOf
(
'.'
))
}
this
.
fileList
=
fileList
},
save
()
{
...
...
frontend/src/views/panel/list/PanelViewShow.vue
浏览文件 @
5327d517
...
...
@@ -38,7 +38,7 @@
:visible
.
sync=
"templateSaveShow"
custom-class=
"de-dialog"
>
<save-to-template
/>
<save-to-template
:template-info=
"templateInfo"
@
closeSaveDialog=
"closeSaveDialog"
/>
</el-dialog>
</el-row>
</
template
>
...
...
@@ -87,12 +87,16 @@ export default {
this
.
templateSaveShow
=
true
html2canvas
(
this
.
$refs
.
imageWrapper
).
then
(
canvas
=>
{
debugger
const
snap
S
hot
=
canvas
.
toDataURL
(
'image/jpeg'
,
0.2
)
// 0.2是图片质量
if
(
snap
S
hot
!==
''
)
{
const
snap
s
hot
=
canvas
.
toDataURL
(
'image/jpeg'
,
0.2
)
// 0.2是图片质量
if
(
snap
s
hot
!==
''
)
{
this
.
templateInfo
=
{
snapShot
:
snapShot
,
panelStyle
:
JSON
.
stringify
(
this
.
canvasStyleData
),
panelData
:
JSON
.
stringify
(
this
.
componentData
),
name
:
this
.
$store
.
state
.
panel
.
panelInfo
.
name
,
snapshot
:
snapshot
,
templateStyle
:
JSON
.
stringify
(
this
.
canvasStyleData
),
templateData
:
JSON
.
stringify
(
this
.
componentData
),
templateType
:
'self'
,
level
:
1
,
pid
:
null
,
dynamicData
:
''
}
}
...
...
@@ -104,6 +108,8 @@ export default {
const
snapShot
=
canvas
.
toDataURL
(
'image/jpeg'
,
0.2
)
// 0.2是图片质量
if
(
snapShot
!==
''
)
{
this
.
templateInfo
=
{
name
:
this
.
$store
.
state
.
panel
.
panelInfo
.
name
,
templateType
:
'self'
,
snapShot
:
snapShot
,
panelStyle
:
JSON
.
stringify
(
this
.
canvasStyleData
),
panelData
:
JSON
.
stringify
(
this
.
componentData
),
...
...
@@ -128,6 +134,9 @@ export default {
}
}
})
},
closeSaveDialog
()
{
this
.
templateSaveShow
=
false
}
}
...
...
frontend/src/views/panel/list/SaveToTemplate.vue
浏览文件 @
5327d517
<
template
>
<el-row>
<el-row>
<el-input
v-model=
"name"
placeholder=
"名称"
/>
<el-col
span=
"4"
>
模板名称
</el-col>
<el-col
span=
"20"
>
<el-input
v-model=
"templateInfo.name"
clearable
size=
"mini"
/>
</el-col>
</el-row>
<el-row
class=
"de-tab"
>
<div
class=
"my_table"
>
...
...
@@ -15,9 +18,9 @@
>
<el-table-column
:label=
"columnLabel"
:column-key=
"fieldName"
:prop=
"fieldName"
/>
<el-table-column
align=
"right"
>
<
template
slot=
"header"
>
<el-input
v-model=
"keyWordSearch"
size=
"mini"
placeholder=
"输入关键字搜索"
/
>
<
/
template
>
<
!--
<template
slot=
"header"
>
--
>
<!--
<el-input
v-model=
"keyWordSearch"
size=
"mini"
placeholder=
"输入关键字搜索"
/>
--
>
<
!--
</
template
>
--
>
<
template
slot-scope=
"scope"
>
<el-radio
v-model=
"tableRadio"
:label=
"scope.row"
><i
/></el-radio>
</
template
>
...
...
@@ -26,8 +29,8 @@
</div>
</el-row>
<el-row
class=
"root-class"
>
<el-button
@
click=
"cancel"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"save"
>
确 定
</el-button>
<el-button
@
click=
"cancel
()
"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"save
()
"
>
确 定
</el-button>
</el-row>
</el-row>
</template>
...
...
@@ -37,10 +40,15 @@ import { post } from '@/api/panel/panel'
export
default
{
name
:
'SaveToTemplate'
,
props
:
{
templateInfo
:
{
type
:
Object
,
require
:
true
}
},
data
()
{
return
{
data
:
[],
name
:
''
,
fieldName
:
'name'
,
tableRadio
:
null
,
keyWordSearch
:
''
,
...
...
@@ -53,26 +61,37 @@ export default {
methods
:
{
search
()
{
const
param
=
{
template
_t
ype
:
'self'
,
template
T
ype
:
'self'
,
level
:
'0'
}
post
(
'/template/templateList'
,
param
).
then
(
response
=>
{
this
.
data
=
response
.
data
})
},
setCheckNodes
()
{
this
.
data
.
forEach
(
node
=>
{
const
nodeId
=
node
.
userId
this
.
shares
.
includes
(
nodeId
)
&&
this
.
$refs
.
table
.
toggleRowSelection
(
node
,
true
)
})
},
clickChange
(
item
)
{
this
.
tableRadio
=
item
this
.
templateInfo
.
pid
=
item
.
id
},
cancel
()
{
this
.
$refs
[
this
.
activeName
].
cancel
()
this
.
$emit
(
'close-grant'
,
0
)
this
.
$emit
(
'closeSaveDialog'
)
},
save
()
{
if
(
!
this
.
templateInfo
.
pid
)
{
this
.
$warning
(
'请选择所属类别'
)
return
false
}
if
(
!
this
.
templateInfo
.
name
)
{
this
.
$warning
(
'模板名称不能为空'
)
return
false
}
post
(
'/template/save'
,
this
.
templateInfo
).
then
(
response
=>
{
this
.
$message
({
message
:
'保存成功'
,
type
:
'success'
,
showClose
:
true
})
this
.
$emit
(
'closeSaveDialog'
)
})
}
}
...
...
frontend/src/views/panel/template/component/SystemTemplateList.vue
浏览文件 @
5327d517
<
template
xmlns:el-col=
"http://www.w3.org/1999/html"
>
<el-col>
<el-row>
<div
class=
"block"
>
<el-form>
<el-form-item
class=
"form-item"
>
<el-input
v-model=
"systemTemplateFilterText"
placeholder=
"输入关键字进行过滤"
size=
"mini"
clearable
prefix-icon=
"el-icon-search"
/>
</el-form-item>
</el-form>
<el-button
icon=
"el-icon-folder-add"
type=
"primary"
size=
"mini"
@
click=
"add()"
>
添加分类
</el-button>
</el-row>
<el-row
style=
"margin-top: 5px"
>
<el-row>
<el-input
v-model=
"systemTemplateFilterText"
placeholder=
"输入关键字进行过滤"
size=
"mini"
clearable
prefix-icon=
"el-icon-search"
/>
</el-row>
<el-row
style=
"margin-top: 5px"
>
<el-tree
ref=
"systemTemplateTree"
:default-expanded-keys=
"defaultExpandedKeys"
...
...
@@ -27,7 +30,7 @@
<span>
<span>
<el-button
icon=
"el-icon-
picture-outline
"
icon=
"el-icon-
collection
"
type=
"text"
/>
</span>
...
...
@@ -35,22 +38,27 @@
</span>
</span>
</el-tree>
</
div
>
</
el-row
>
</el-row>
</el-col>
</
template
>
<
script
>
import
{
get
,
post
}
from
'@/api/panel/panel'
export
default
{
name
:
'SystemTemplateList'
,
components
:
{
},
props
:
{
systemTemplateList
:
{
type
:
Array
,
default
:
function
()
{
return
[]
}
}
},
data
()
{
return
{
systemTemplateFilterText
:
''
,
defaultExpandedKeys
:
[],
systemTemplateList
:
[],
currentTemplateShowList
:
[]
}
},
...
...
@@ -62,33 +70,18 @@ export default {
this
.
$refs
.
systemTemplateTree
.
filter
(
val
)
}
},
mounted
()
{
this
.
getTree
()
},
methods
:
{
filterNode
(
value
,
data
)
{
if
(
!
value
)
return
true
return
data
.
label
.
indexOf
(
value
)
!==
-
1
},
getTree
()
{
const
request
=
{
templateType
:
'system'
,
level
:
'0'
}
post
(
'/template/templateList'
,
request
).
then
(
res
=>
{
this
.
systemTemplateList
=
res
.
data
if
(
this
.
systemTemplateList
&&
this
.
systemTemplateList
.
length
>
0
)
{
const
id
=
this
.
systemTemplateList
[
0
].
id
// this.currentNodeKey = id
// this.$refs['systemTemplateTree'].setCurrentKey(id)
this
.
$emit
(
'showCurrentTemplate'
,
id
)
}
})
},
nodeClick
(
data
,
node
)
{
console
.
log
(
'nodeClick'
)
debugger
this
.
$emit
(
'showCurrentTemplate'
,
data
.
id
)
},
add
()
{
this
.
$emit
(
'showTemplateEditDialog'
,
'new'
)
}
}
}
...
...
frontend/src/views/panel/template/component/TemplateItem.vue
浏览文件 @
5327d517
<
template
>
<div
class=
"testcase-template"
>
<div
:style=
"classBackground"
class=
"template-img
"
>
<div
class=
"template-img"
:style=
"classBackground
"
>
<i
class=
"el-icon-error"
@
click
.
stop=
"templateDelete"
/>
</div>
<span
class=
"demonstration"
>
{{
template
.
name
}}
</span>
...
...
@@ -23,13 +23,23 @@ export default {
classBackground
()
{
return
{
background
:
`url(
${
this
.
template
.
snapshot
}
) no-repeat`
,
'background-size'
:
'100%,100%'
'background-size'
:
`100% 100%`
}
}
},
methods
:
{
templateDelete
()
{
console
.
log
(
'templateDelete'
)
this
.
$alert
(
'是否删除模板:'
+
this
.
template
.
name
+
'?'
,
''
,
{
confirmButtonText
:
'确认'
,
callback
:
(
action
)
=>
{
if
(
action
===
'confirm'
)
{
this
.
$emit
(
'templateDelete'
,
this
.
template
.
id
)
}
}
})
},
templateEdit
()
{
this
.
$emit
(
'templateEdit'
,
this
.
template
)
},
handleDelete
()
{
console
.
log
(
'handleDelete'
)
...
...
@@ -57,14 +67,13 @@ export default {
}
.template-img
{
height
:
1
5
0px
;
height
:
1
3
0px
;
width
:
200px
;
margin
:
0
auto
;
box-shadow
:
0
0
2px
0
rgba
(
31
,
31
,
31
,
0.15
),
0
1px
2px
0
rgba
(
31
,
31
,
31
,
0.15
);
border
:
solid
2px
#fff
;
box-sizing
:
border-box
;
border-radius
:
3px
;
background-size
:
100%
,
100%
;
}
.template-img
:hover
{
...
...
frontend/src/views/panel/template/index.vue
浏览文件 @
5327d517
<
template
>
<de-container>
<de-aside-container>
<el-tabs
v-model=
"
activeNam
e"
@
tab-click=
"handleClick"
>
<el-tab-pane
name=
"
SystemTemplate
"
>
<el-tabs
v-model=
"
currentTemplateTyp
e"
@
tab-click=
"handleClick"
>
<el-tab-pane
name=
"
system
"
>
<span
slot=
"label"
><i
class=
"el-icon-document"
/>
系统模板
</span>
<system-template-list
@
showCurrentTemplate=
"showCurrentTemplate
"
/>
<system-template-list
:system-template-list=
"systemTemplateList"
@
showTemplateEditDialog=
"showTemplateEditDialog
"
/>
</el-tab-pane>
<el-tab-pane
name=
"
UserTemplate
"
>
<el-tab-pane
name=
"
self
"
>
<span
slot=
"label"
><i
class=
"el-icon-star-off"
/>
用户模板
</span>
开发中...
</el-tab-pane>
</el-tabs>
</de-aside-container>
<de-main-container>
<!--
<el-card
class=
"el-card-template"
>
-->
<template-item
v-for=
"item in currentTemplateShowList"
:key=
"item.id"
:template=
"item"
@
templateDelete=
"templateDelete"
@
templateEdit=
"templateEdit"
/>
<!--
</el-card>
-->
</de-main-container>
<el-dialog
:title=
"dialogTitle"
:visible=
"editTemplate"
:show-close=
"false"
width=
"30%"
>
<el-form
ref=
"templateEditForm"
:model=
"templateEditForm"
:rules=
"templateEditFormRules"
>
<el-form-item
label=
"名称"
prop=
"name"
>
<el-input
v-model=
"templateEditForm.name"
/>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
size=
"mini"
@
click=
"close()"
>
{{
$t
(
'panel.cancel'
)
}}
</el-button>
<el-button
type=
"primary"
size=
"mini"
@
click=
"saveTemplateEdit(templateEditForm)"
>
{{
$t
(
'panel.confirm'
)
}}
</el-button>
</div>
</el-dialog>
</de-container>
</
template
>
...
...
@@ -31,38 +43,106 @@ import DeAsideContainer from '@/components/dataease/DeAsideContainer'
import
SystemTemplateList
from
'./component/SystemTemplateList'
import
TemplateItem
from
'./component/TemplateItem'
import
{
get
,
post
}
from
'@/api/panel/panel'
import
{
deepCopy
}
from
'../../../components/canvas/utils/utils'
export
default
{
name
:
'PanelMain'
,
components
:
{
DeMainContainer
,
DeContainer
,
DeAsideContainer
,
SystemTemplateList
,
TemplateItem
},
data
()
{
return
{
activeName
:
'SystemTemplate'
,
showShare
:
false
,
currentTemplateShowList
:
[]
currentTemplateShowList
:
[],
currentPid
:
''
,
currentTemplateType
:
'system'
,
templateEditFormRules
:
{
name
:
[
{
required
:
true
,
message
:
this
.
$t
(
'commons.input_content'
),
trigger
:
'change'
}
]
},
templateEditForm
:
{},
editTemplate
:
false
,
dialogTitle
:
''
,
systemTemplateList
:
[]
}
},
mounted
()
{
this
.
getTree
()
},
methods
:
{
handleClick
(
tab
,
event
)
{
// 点击分析面板需要刷新分享内容
if
(
tab
.
name
===
'panels_share'
)
{
this
.
refreshShare
()
},
showCurrentTemplate
(
pid
)
{
this
.
currentPid
=
pid
if
(
this
.
currentPid
)
{
post
(
'/template/templateList'
,
{
pid
:
this
.
currentPid
}).
then
(
response
=>
{
this
.
currentTemplateShowList
=
response
.
data
})
}
},
refreshShare
()
{
this
.
showShare
=
false
this
.
$nextTick
(()
=>
(
this
.
showShare
=
true
))
templateDelete
(
id
)
{
if
(
id
)
{
post
(
'/template/delete/'
+
id
,
null
).
then
(
response
=>
{
this
.
$message
({
message
:
'删除成功'
,
type
:
'success'
,
showClose
:
true
})
this
.
showCurrentTemplate
(
this
.
currentPid
)
})
}
},
get
()
{
this
.
showShare
=
false
this
.
$nextTick
(()
=>
(
this
.
showShare
=
true
))
saveTemplate
(
templateEditForm
)
{
if
(
templateEditForm
)
{
post
(
'/template/save'
,
templateEditForm
).
then
(
response
=>
{
this
.
$message
({
message
:
'删除成功'
,
type
:
'success'
,
showClose
:
true
})
this
.
showCurrentTemplate
(
this
.
currentPid
)
})
}
},
showCurrentTemplate
(
currentPid
)
{
if
(
currentPid
)
{
post
(
'/template/templateList'
,
{
pid
:
currentPid
}).
then
(
response
=>
{
this
.
currentTemplateShowList
=
response
.
data
showTemplateEditDialog
(
type
,
templateInfo
)
{
if
(
type
===
'edit'
)
{
this
.
dialogTitle
=
'编辑'
this
.
templateEditForm
=
deepCopy
(
templateInfo
)
}
else
{
this
.
dialogTitle
=
'新建'
this
.
templateEditForm
=
{
name
:
''
,
templateType
:
this
.
currentTemplateType
,
level
:
0
}
}
this
.
editTemplate
=
true
},
templateEdit
(
templateInfo
)
{
this
.
showTemplateEditDialog
(
'edit'
,
templateInfo
)
},
saveTemplateEdit
(
templateEditForm
)
{
debugger
post
(
'/template/save'
,
templateEditForm
).
then
(
response
=>
{
this
.
$message
({
message
:
'保存成功'
,
type
:
'success'
,
showClose
:
true
})
this
.
editTemplate
=
false
this
.
getTree
()
})
},
close
()
{
this
.
editTemplate
=
false
},
getTree
()
{
const
request
=
{
templateType
:
this
.
currentTemplateType
,
level
:
'0'
}
post
(
'/template/templateList'
,
request
).
then
(
res
=>
{
this
.
systemTemplateList
=
res
.
data
if
(
this
.
systemTemplateList
&&
this
.
systemTemplateList
.
length
>
0
)
{
this
.
showCurrentTemplate
(
this
.
systemTemplateList
[
0
].
id
)
}
})
}
}
}
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论