Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
liangzhen
/
framework-tools-web
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit 73f7200b
authored
Dec 19, 2023
by
liuyong
Browse files
Options
Browse Files
Download
Plain Diff
修改页面
2 parents
658da14e
8a58e079
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
413 additions
and
259 deletions
src/api/index.js
src/views/etpManage/index.vue
src/views/total-archi-property-document/index.vue
src/views/typical-example-manage/index.vue
src/api/index.js
View file @
73f7200
...
...
@@ -197,6 +197,8 @@ export function get_BaoGaoMoBanJieGouHua_Table(params) {
export
function
get_BaoGaoMoBanGuanLianShiYong_Table
(
params
)
{
return
post
(
'/kl-report-temp-link/'
,
params
);
}
// 专家人才库管理
// 列表查询
export
function
getETPManageList
(
params
)
{
...
...
@@ -213,4 +215,37 @@ export function getETPManageUpdate(params) {
// 编辑专家人才库
export
function
getETPManageDel
(
params
)
{
return
post
(
'/kl-talent-pool/delete'
,
params
);
}
// 典型案例库管理
// 列表查询
export
function
getTypicalExampleList
(
params
)
{
return
post
(
'/kl-typical-case/'
,
params
);
}
// 新建典型案例
export
function
getTypicalExampleAdd
(
params
)
{
return
post
(
'/kl-typical-case/cTypicalCase'
,
params
);
}
// 编辑典型案例
export
function
getTypicalExampleUpdate
(
params
)
{
return
post
(
'/kl-typical-case/uTypicalCase'
,
params
);
}
// 删除典型案例
export
function
getTypicalExampleDel
(
params
)
{
return
post
(
'/kl-typical-case/del'
,
params
);
}
// 典型案例导出
export
function
getTypicalExampleExcel
(
params
)
{
return
post
(
'/excel/etTc'
,
params
);
}
// 总体架构资产文档库
// 列表查询
export
function
getDocPoolList
(
params
)
{
return
post
(
'/kl-doc-pool/'
,
params
);
}
// 新建总体架构资产文档
export
function
getDocPoolAdd
(
params
)
{
return
post
(
'/kl-doc-pool/cDocPool'
,
params
);
}
\ No newline at end of file
src/views/etpManage/index.vue
View file @
73f7200
...
...
@@ -40,34 +40,34 @@
<img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/create.png"
alt=
""
/>
<p>
新建
</p>
</div>
<div
class=
"version_btn"
@
click=
"operate('pushAll')"
>
<
!--
<img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/version.png"
alt=
""
/>
--
>
<
!--
<
div
class=
"version_btn"
@
click=
"operate('pushAll')"
>
<
img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/version.png"
alt=
""
/
>
<p>
删除
</p>
</div>
<div
class=
"version_btn"
@
click=
"operate('pushAll')"
>
<
!--
<img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/version.png"
alt=
""
/>
--
>
<
img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/version.png"
alt=
""
/
>
<p>
导入
</p>
</div>
<div
class=
"version_btn"
@
click=
"operate('pushAll')"
>
<
!--
<img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/version.png"
alt=
""
/>
--
>
<
img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/version.png"
alt=
""
/
>
<p>
导出
</p>
</div>
</div>
-->
</div>
<el-table
:data=
"tableData"
stripe
border
@
selection-change=
"handleSelectionChange"
height=
"450"
>
<el-table-column
type=
"selection"
width=
"55"
:selectable=
"selectInit"
></el-table-column>
<el-table-column
type=
"index"
label=
"序号"
width=
"80"
align=
"center"
></el-table-column>
<el-table-column
prop=
""
label=
"单位"
width=
"150"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
rsN
ame"
label=
"专家库名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
content
"
label=
"专家名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
deptName
"
label=
"单位"
width=
"150"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
n
ame"
label=
"专家库名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
talentName
"
label=
"专家名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"专业标签"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
content
"
label=
"专家级别"
align=
"center"
></el-table-column>
<el-table-column
prop=
"co
ntent
"
label=
"专家评价"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
level
"
label=
"专家级别"
align=
"center"
></el-table-column>
<el-table-column
prop=
"co
mments
"
label=
"专家评价"
align=
"center"
></el-table-column>
<el-table-column
prop=
"state"
label=
"专家状态"
width=
"150"
align=
"center"
>
<template
slot-scope=
"scope"
>
<span
>
{{
dicObj
.
state
[
scope
.
row
.
state
]
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"
content
"
label=
"备注"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
remark
"
label=
"备注"
align=
"center"
></el-table-column>
<el-table-column
label=
"操作"
width=
"200"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<div
style=
"display: flex;align-items: center;justify-content: center;"
>
...
...
@@ -172,6 +172,7 @@ import {
getETPManageAdd
,
getETPManageUpdate
,
getETPManageDel
,
getDianXingAnLiSelectData
,
}
from
"@/api/index.js"
;
import
$
from
'jquery'
;
...
...
@@ -219,33 +220,17 @@ export default {
},
dicObj
:
{
state
:
{
0
:
"已停用"
,
1
:
"已发布"
,
2
:
"暂存"
,
1
:
"在库"
,
2
:
"出库"
,
},
scope
:
{
0
:
"架构之间"
,
1
:
"业务架构"
,
2
:
"应用架构"
,
3
:
"数据架构"
,
4
:
"技术架构"
,
5
:
"安全架构"
,
},
eleLtId
:
{
}
},
stateList
:
[
{
label
:
"
已发布
"
,
label
:
"
在库
"
,
value
:
1
,
},
{
label
:
"已停用"
,
value
:
0
,
},
{
label
:
"暂存"
,
label
:
"出库"
,
value
:
2
,
},
],
...
...
@@ -275,6 +260,24 @@ export default {
value
:
5
,
},
],
levelList
:
[
{
label
:
"策略层"
,
value
:
0
,
},
{
label
:
"管理层"
,
value
:
1
,
},
{
label
:
"设计层"
,
value
:
2
,
},
{
label
:
"实施层"
,
value
:
3
,
},
],
eleList
:
[],
radioName
:
""
,
search_select1
:
[],
...
...
@@ -288,23 +291,19 @@ export default {
// 初始化查询列表
this
.
getList
();
// 获取元素列表
this
.
getYuansuList
();
this
.
get_dialog_select2
().
then
(
res
=>
{
this
.
search_select1
=
res
;
});
},
methods
:
{
// 查询列表
getList
()
{
if
(
this
.
params
.
state
!=
''
)
{
this
.
params
.
state
=
Number
(
this
.
params
.
state
)
}
getJGYSGLlist
(
this
.
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
page
.
total
=
res
.
data
.
total
;
this
.
tableData
=
res
.
data
.
records
;
}
getETPManageList
(
this
.
params
).
then
(
res
=>
{
console
.
log
(
res
);
this
.
page
.
total
=
res
.
total
;
this
.
tableData
=
res
.
records
;
// if (res.code == 200) {
// this.page.total = res.data.total;
// this.tableData = res.data.records;
// console.log(this.tableData);
// }
});
},
// 获取元素列表
...
...
@@ -389,80 +388,17 @@ export default {
}
});
}
}
else
if
(
type
==
"pushAdd"
)
{
this
.
formData
.
state
=
1
;
if
(
this
.
formData
.
eleRelaId
)
{
// 编辑发布
getJGYSGLUpdate
(
this
.
formData
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"发布成功"
);
this
.
add_dialog
=
false
;
this
.
getList
();
}
else
{
this
.
add_dialog
=
false
;
this
.
$message
.
error
(
res
.
msg
);
}
});
}
else
{
// 新建发布
getJGYSGLAdd
(
this
.
formData
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"发布成功"
);
this
.
add_dialog
=
false
;
this
.
getList
();
}
else
{
this
.
add_dialog
=
false
;
this
.
$message
.
error
(
res
.
msg
);
}
});
}
}
else
if
(
type
==
"pushEdit"
)
{
// 编辑发布
this
.
$confirm
(
"确认发布吗"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
this
.
formData
=
item
this
.
formData
.
state
=
1
;
getJGYSGLUpdate
(
this
.
formData
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"发布成功"
);
this
.
getList
();
}
else
{
this
.
$message
.
error
(
res
.
msg
);
}
});
}).
catch
(()
=>
{
});
}
else
if
(
type
==
"stop"
)
{
// 停用
this
.
$confirm
(
"确认停用吗"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
this
.
formData
=
item
;
this
.
formData
.
state
=
0
;
getJGYSGLUpdate
(
this
.
formData
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"停用成功"
);
this
.
getList
();
}
else
{
this
.
$message
.
error
(
res
.
msg
);
}
});
}).
catch
(()
=>
{
});
}
else
if
(
type
==
"del"
)
{
// 删除
this
.
formData
=
item
;
this
.
formData
.
delFlag
=
1
;
this
.
$confirm
(
"确认删除吗"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
getJGYSGLDel
(
this
.
formData
).
then
(
res
=>
{
getETPManageUpdate
(
this
.
formData
).
then
(
res
=>
{
console
.
log
(
res
);
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"删除成功"
);
this
.
getList
();
...
...
@@ -472,34 +408,6 @@ export default {
});
}).
catch
(()
=>
{
});
}
else
if
(
type
==
"pushAll"
)
{
if
(
this
.
selectList
.
length
<=
0
)
{
this
.
$message
.
error
(
"请选择一项进行发布"
);
return
;
}
let
params
=
{
eleRelaId
:
[],
state
:
2
};
this
.
selectList
.
map
(
item
=>
{
params
.
eleRelaId
.
push
(
item
.
eleRelaId
)
})
this
.
$confirm
(
"确认批量发布吗"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
getJGYSGLUpdateBatch
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"批量发布成功"
);
this
.
getList
();
}
else
{
this
.
$message
.
error
(
res
.
msg
);
}
});
}).
catch
(()
=>
{
});
}
},
// 新建清空表单
...
...
src/views/total-archi-property-document/index.vue
View file @
73f7200
...
...
@@ -5,18 +5,18 @@
<div
class=
"search_menu_item_container"
>
<div
class=
"search_menu_item"
>
<span
class=
"search_title"
>
文档名称
</span>
<el-input
v-model=
"
query_item3
"
placeholder=
"请输入内容"
class=
"search_item"
></el-input>
<el-input
v-model=
"
params.fileName
"
placeholder=
"请输入内容"
class=
"search_item"
></el-input>
</div>
<div
class=
"search_menu_item"
>
<span
class=
"search_title"
>
文档类型
</span>
<el-select
v-model=
"
query_item1
"
placeholder=
"请选择"
class=
"search_item"
>
<el-select
v-model=
"
params.fileType
"
placeholder=
"请选择"
class=
"search_item"
>
<el-option
v-for=
"item in search_select1"
:key=
"item.belongId"
:label=
"item.name"
:value=
"item.belongId"
></el-option>
</el-select>
</div>
<div
class=
"search_menu_item"
>
<span
class=
"search_title"
>
创建时间
</span>
<el-date-picker
v-model=
"
query_item4
"
v-model=
"
params.tcName
"
type=
"daterange"
range-separator=
"至"
start-placeholder=
"开始日期"
...
...
@@ -25,7 +25,7 @@
</div>
</div>
<div
class=
"search_menu_btn_container"
>
<div
class=
"query_btn"
@
click=
"get
_table
"
>
<div
class=
"query_btn"
@
click=
"get
List
"
>
<img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/search.png"
alt=
""
/>
<p>
查询
</p>
</div>
...
...
@@ -42,17 +42,12 @@
<el-table
:height=
"tableHeight"
@
selection-change=
"select_table_rows"
v-loading=
"loading"
:data=
"tableData"
stripe
border
>
<el-table-column
type=
"selection"
width=
"55"
:selectable=
"selectable"
></el-table-column>
<el-table-column
type=
"index"
label=
"序号"
width=
"80"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
element
Name"
label=
"文档名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
archiLevelNam
e"
label=
"文档类型"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
archiBelongName
"
label=
"文档版本"
align=
"center"
></el-table-column>
<el-table-column
prop=
"c
ontent
"
label=
"创建时间"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
file
Name"
label=
"文档名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
fileTyp
e"
label=
"文档类型"
align=
"center"
></el-table-column>
<el-table-column
prop=
"
fileVersion
"
label=
"文档版本"
align=
"center"
></el-table-column>
<el-table-column
prop=
"c
reateTime
"
label=
"创建时间"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"附件"
align=
"center"
></el-table-column>
</el-table>
<!--
<el-pagination
background
layout=
"prev, pager, next"
:total=
"50"
>
</el-pagination>
-->
<el-pagination
background
@
size-change=
"handleSizeChange"
...
...
@@ -118,7 +113,10 @@ import {
delete_jia_gou_gui_shu
,
add_jia_gou_yuan_su
,
version_release_jia_gou_gui_shu
,
edit_jia_gou_yuan_su
edit_jia_gou_yuan_su
,
getDocPoolList
,
getDocPoolAdd
,
}
from
'@/api/index.js'
;
import
{
MessageBox
,
Message
}
from
'element-ui'
;
import
$
from
'jquery'
;
...
...
@@ -145,6 +143,14 @@ export default {
loading
:
false
,
selectTable
:
[],
search_select1
:
[],
params
:
{
current
:
1
,
pageSize
:
10
,
startTime
:
""
,
endTime
:
""
,
fileName
:
""
,
fileType
:
""
,
},
pager
:
{
current
:
1
,
sizes
:
[
10
,
20
,
50
,
100
,
200
],
...
...
@@ -159,9 +165,20 @@ export default {
this
.
set_table_height
();
})
this
.
set_table_height
();
this
.
get_table
();
// 初始化查询列表
this
.
getList
();
},
methods
:
{
// 查询列表
getList
()
{
getDocPoolList
(
this
.
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
pager
.
total
=
res
.
data
.
total
;
this
.
tableData
=
res
.
data
.
records
;
}
});
},
set_table_height
()
{
//动态设置表格高度
const
table_container_height
=
$
(
".table_container"
).
height
();
const
search_menu_height
=
$
(
".search_menu"
).
height
();
...
...
@@ -191,15 +208,12 @@ export default {
handleSizeChange
(
val
)
{
this
.
pager
.
current
=
1
;
this
.
pager
.
size
=
val
;
this
.
get
_table
();
this
.
get
List
();
},
//当前页码改变
handleCurrentChange
(
val
)
{
this
.
pager
.
current
=
val
;
this
.
get_table
();
},
get_table
()
{
//查询表格数据
this
.
getList
();
},
}
}
...
...
src/views/typical-example-manage/index.vue
View file @
73f7200
...
...
@@ -5,23 +5,23 @@
<div
class=
"search_menu_item_container"
>
<div
class=
"search_menu_item"
>
<span
class=
"search_title"
>
案例名称
</span>
<el-input
v-model=
"
query_item3
"
placeholder=
"请输入内容"
class=
"search_item"
></el-input>
<el-input
v-model=
"
params.tcName
"
placeholder=
"请输入内容"
class=
"search_item"
></el-input>
</div>
<div
class=
"search_menu_item"
>
<span
class=
"search_title"
>
案例类型
</span>
<el-select
v-model=
"
query_item1
"
placeholder=
"请选择"
class=
"search_item"
>
<el-option
v-for=
"item in selectData1"
:key=
"item.
label
"
:label=
"item.label"
:value=
"item.value"
></el-option>
<el-select
v-model=
"
params.tcType
"
placeholder=
"请选择"
class=
"search_item"
>
<el-option
v-for=
"item in selectData1"
:key=
"item.
value
"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</div>
<div
class=
"search_menu_item"
>
<span
class=
"search_title"
>
问题类型
</span>
<el-select
v-model=
"
query_item4
"
placeholder=
"请选择"
class=
"search_item"
>
<el-option
v-for=
"item in selectData2"
:key=
"item.
label
"
:label=
"item.label"
:value=
"item.value"
></el-option>
<el-select
v-model=
"
params.problemType
"
placeholder=
"请选择"
class=
"search_item"
>
<el-option
v-for=
"item in selectData2"
:key=
"item.
value
"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</div>
</div>
<div
class=
"search_menu_btn_container"
>
<div
class=
"query_btn"
@
click=
"get
_table
"
>
<div
class=
"query_btn"
@
click=
"get
List
"
>
<img
class=
"btn_icon"
src=
"@/assets/archi-ele-list/search.png"
alt=
""
/>
<p>
查询
</p>
</div>
...
...
@@ -32,35 +32,47 @@
</div>
</div>
<div
class=
"search_btn"
>
<el-button
type=
"primary"
size=
"medium"
icon=
"el-icon-document-add"
@
click=
"add
"
>
新建
</el-button>
<el-button
type=
"primary"
size=
"medium"
icon=
"el-icon-delete"
>
删除
</el-button>
<el-button
type=
"primary"
size=
"medium"
icon=
"el-icon-document-add"
@
click=
"operate('add')
"
>
新建
</el-button>
<el-button
type=
"primary"
size=
"medium"
icon=
"el-icon-delete"
@
click=
"operate('delMultiple')"
>
删除
</el-button>
<el-button
type=
"primary"
size=
"medium"
icon=
"el-icon-plus"
@
click=
"exportFile"
>
导出
</el-button>
</div>
<el-table
:height=
"tableHeight"
@
selection-change=
"select_table_rows"
v-loading=
"loading"
:data=
"tableData"
stripe
border
>
<el-table-column
type=
"selection"
width=
"55"
:selectable=
"selectable"
></el-table-column>
<el-table
:height=
"tableHeight"
@
selection-change=
"handleSelectionChange"
v-loading=
"loading"
:data=
"tableData"
stripe
border
>
<!--
<el-table-column
type=
"selection"
width=
"55"
:selectable=
"selectable"
></el-table-column>
-->
<el-table-column
type=
"selection"
width=
"55"
></el-table-column>
<el-table-column
type=
"index"
label=
"序号"
width=
"80"
align=
"center"
></el-table-column>
<el-table-column
prop=
"elementName"
label=
"案例名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"archiLevelName"
label=
"案例类型"
align=
"center"
></el-table-column>
<el-table-column
prop=
"archiBelongName"
label=
"项目类型"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"建设内容"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"架构详情"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"问题类型"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"问题描述"
align=
"center"
></el-table-column>
<el-table-column
prop=
"content"
label=
"问题等级"
align=
"center"
></el-table-column>
<el-table-column
prop=
"tcName"
label=
"案例名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"tcType"
label=
"案例类型"
align=
"center"
>
<template
slot-scope=
"scope"
>
<span
>
{{
dicObj
.
tcType
[
String
(
scope
.
row
.
tcType
)]
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"prjType"
label=
"项目类型"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span
>
{{
dicObj
.
prjType
[
String
(
scope
.
row
.
prjType
)]
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"buildContent"
label=
"建设内容"
align=
"center"
></el-table-column>
<el-table-column
prop=
"archiDetail"
label=
"架构详情"
align=
"center"
></el-table-column>
<el-table-column
prop=
"problemType"
label=
"问题类型"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span
>
{{
dicObj
.
problemType
[
String
(
scope
.
row
.
problemType
)]
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"problemLevel"
label=
"问题等级"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span
>
{{
dicObj
.
problemLevel
[
String
(
scope
.
row
.
problemLevel
)]
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"problemContent"
label=
"问题描述"
align=
"center"
></el-table-column>
<el-table-column
label=
"操作"
width=
"260"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<div
style=
"display: flex;align-items: center;justify-content: center;"
>
<el-button
icon=
"el-icon-edit"
type=
"primary"
size=
"mini"
:disabled=
"scope.row.state == 1"
>
编辑
</el-button>
<el-button
class=
"shanChu_btn"
icon=
"el-icon-delete"
size=
"mini"
:disabled=
"scope.row.state == 1
"
>
删除
</el-button>
<el-button
icon=
"el-icon-edit"
type=
"primary"
size=
"mini"
@
click=
"operate('edit',scope.row)"
>
编辑
</el-button>
<el-button
class=
"shanChu_btn"
icon=
"el-icon-delete"
size=
"mini"
@
click=
"operate('del',scope.row)
"
>
删除
</el-button>
</div>
</
template
>
</el-table-column>
</el-table>
<!-- <el-pagination
background
layout="prev, pager, next"
:total="50">
</el-pagination> -->
<el-pagination
background
@
size-change=
"handleSizeChange"
...
...
@@ -74,50 +86,53 @@
</div>
<el-dialog
title=
"新建案例
"
:title=
"title
"
:visible
.
sync=
"add_dialog"
:center=
"false"
width=
"60%"
>
<div
class=
"add_dialog_content"
>
<div
class=
"add_dialog_content"
>
<el-form
:model=
"
ruleForm
"
ref=
"form"
>
<el-form
:model=
"
formData
"
ref=
"form"
>
<div
class=
"form_item_container"
>
<el-form-item
label=
"案例名称:"
prop=
"
let1
"
>
<el-input
v-model=
"
ruleForm.let1
"
></el-input>
<el-form-item
label=
"案例名称:"
prop=
"
tcName
"
>
<el-input
v-model=
"
formData.tcName
"
></el-input>
</el-form-item>
<el-form-item
label=
"案例类型:"
prop=
"
let2
"
>
<el-select
v-model=
"
ruleForm.let2
"
placeholder=
"请选择"
>
<el-form-item
label=
"案例类型:"
prop=
"
tcType
"
>
<el-select
v-model=
"
formData.tcType
"
placeholder=
"请选择"
>
<el-option
v-for=
"item in selectData1"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"项目类型:"
prop=
"
let3
"
>
<el-select
v-model=
"
ruleForm.let3
"
placeholder=
"请选择"
>
<el-form-item
label=
"项目类型:"
prop=
"
prjType
"
>
<el-select
v-model=
"
formData.prjType
"
placeholder=
"请选择"
>
<el-option
v-for=
"item in selectData3"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"建设内容:"
prop=
"
let4
"
>
<el-input
v-model=
"
ruleForm.let4
"
></el-input>
<el-form-item
label=
"建设内容:"
prop=
"
buildContent
"
>
<el-input
v-model=
"
formData.buildContent
"
></el-input>
</el-form-item>
<el-form-item
label=
"问题类型:"
prop=
"
let5
"
>
<el-select
v-model=
"
ruleForm.let5
"
placeholder=
"请选择"
>
<el-form-item
label=
"问题类型:"
prop=
"
problemType
"
>
<el-select
v-model=
"
formData.problemType
"
placeholder=
"请选择"
>
<el-option
v-for=
"item in selectData2"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"问题等级:"
prop=
"
let6
"
>
<el-select
v-model=
"
ruleForm.let6
"
placeholder=
"请选择"
>
<el-form-item
label=
"问题等级:"
prop=
"
problemLevel
"
>
<el-select
v-model=
"
formData.problemLevel
"
placeholder=
"请选择"
>
<el-option
v-for=
"item in selectData4"
:key=
"item.label"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
class=
"cross1"
label=
"政策描述:"
prop=
"let7"
>
<el-input
type=
"textarea"
v-model=
"ruleForm.let7"
maxlength=
"200"
show-word-limit
></el-input>
<el-form-item
class=
"cross1"
label=
"架构详情:"
prop=
"archiDetail"
>
<el-input
type=
"textarea"
v-model=
"formData.archiDetail"
maxlength=
"200"
show-word-limit
></el-input>
</el-form-item>
<el-form-item
class=
"cross1"
label=
"问题描述:"
prop=
"problemContent"
>
<el-input
type=
"textarea"
v-model=
"formData.problemContent"
maxlength=
"200"
show-word-limit
></el-input>
</el-form-item>
</div>
</el-form>
</div>
</div>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"greenButton"
>
确定
</el-button>
<el-button
>
取消
</el-button>
<el-button
class=
"greenButton"
@
click=
"operate('create')"
>
确定
</el-button>
<el-button
@
click=
"add_dialog = false"
>
取消
</el-button>
</span>
</el-dialog>
</div>
...
...
@@ -126,7 +141,13 @@
<
script
>
import
{
getDianXingAnLiSelectData
,
exportFileDianXingAnLiSelectData
exportFileDianXingAnLiSelectData
,
getTypicalExampleList
,
getTypicalExampleAdd
,
getTypicalExampleUpdate
,
getTypicalExampleDel
,
getTypicalExampleExcel
,
}
from
'@/api/index.js'
;
import
{
MessageBox
,
Message
}
from
'element-ui'
;
import
$
from
'jquery'
;
...
...
@@ -138,38 +159,94 @@ export default {
},
data
()
{
return
{
ruleForm
:
{
let1
:
''
,
let2
:
''
,
let3
:
''
,
let4
:
''
,
let5
:
''
,
let6
:
''
,
let7
:
''
,
},
tableData
:
[
{
id
:
1
,
elementName
:
'123'
}
],
tableData
:
[],
add_dialog
:
false
,
query_item1
:
null
,
query_item3
:
null
,
query_item4
:
null
,
title
:
""
,
loading
:
false
,
selectTable
:
[],
selectData1
:
[],
selectData2
:
[],
selectData3
:
[],
selectData4
:
[],
selectList
:
[
],
selectData1
:
[
{
label
:
"移动应用典型案例"
,
value
:
1
,
},
{
label
:
"数据模型典型案例"
,
value
:
2
,
},
{
label
:
"数据中台典型案例"
,
value
:
3
,
},
],
selectData2
:
[
{
label
:
"一致性"
,
value
:
1
,
},
{
label
:
"架构遵从"
,
value
:
2
,
},
{
label
:
"重复风险"
,
value
:
3
,
},
],
selectData3
:
[
{
label
:
"暂时未例举"
,
value
:
1
,
},
],
selectData4
:
[
{
label
:
"一级"
,
value
:
1
,
},
{
label
:
"二级"
,
value
:
2
,
},
{
label
:
"三级"
,
value
:
3
,
},
],
params
:
{
current
:
1
,
pageSize
:
10
,
tcName
:
""
,
tcType
:
""
,
problemType
:
""
,
},
pager
:
{
current
:
1
,
sizes
:
[
10
,
20
,
50
,
100
,
200
],
size
:
10
,
total
:
20
//总条数
total
:
0
,
//总条数
},
formData
:
{
tcName
:
''
,
tcType
:
''
,
prjType
:
''
,
buildContent
:
''
,
problemType
:
''
,
problemLevel
:
''
,
problemContent
:
''
,
archiDetail
:
""
,
},
tableHeight
:
null
,
dicObj
:
{
tcType
:
{
// 1: "在库",
// 2: "出库",
// 3: "出库",
},
prjType
:
{},
problemType
:
{},
problemLevel
:
{},
},
tableHeight
:
null
};
},
mounted
(){
...
...
@@ -177,34 +254,163 @@ export default {
this
.
set_table_height
();
})
this
.
set_table_height
();
this
.
get_table
();
this
.
get_an_li_lei_xing_select
();
this
.
get_wen_ti_lei_xing_select
();
this
.
get_xiang_mu_lei_xing_select
();
this
.
get_wen_ti_deng_ji_select
();
this
.
selectData1
.
forEach
(
item
=>
{
this
.
dicObj
.
tcType
[
item
.
value
]
=
item
.
label
;
}),
this
.
selectData2
.
forEach
(
item
=>
{
this
.
dicObj
.
problemType
[
item
.
value
]
=
item
.
label
;
}),
this
.
selectData3
.
forEach
(
item
=>
{
this
.
dicObj
.
prjType
[
item
.
value
]
=
item
.
label
;
}),
this
.
selectData4
.
forEach
(
item
=>
{
this
.
dicObj
.
problemLevel
[
item
.
value
]
=
item
.
label
;
}),
// 初始化查询列表
this
.
getList
();
// 获取元素列表
// this.get_an_li_lei_xing_select();
// this.get_wen_ti_lei_xing_select();
// this.get_xiang_mu_lei_xing_select();
// this.get_wen_ti_deng_ji_select();
},
methods
:
{
exportFile
()
{
//导出
const
params
=
{
problemType
:
1
,
// 查询列表
getList
()
{
getTypicalExampleList
(
this
.
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
pager
.
total
=
res
.
data
.
total
;
this
.
tableData
=
res
.
data
.
records
;
}
});
},
// 重置
reset
()
{
this
.
params
=
{
current
:
1
,
pageSize
:
10
,
tcName
:
""
,
tcType
:
1
,
problemLevel
:
1
tcType
:
""
,
problemType
:
""
,
}
},
// 所有操作
operate
(
type
,
item
){
this
.
openType
=
type
;
if
(
type
==
"add"
)
{
this
.
add_dialog
=
true
;
this
.
title
=
"新建案例"
;
this
.
resetForm
();
}
else
if
(
type
==
"edit"
)
{
this
.
add_dialog
=
true
;
this
.
title
=
"编辑案例"
;
this
.
formData
=
item
;
}
else
if
(
type
==
"create"
)
{
if
(
this
.
formData
.
ktcId
)
{
// 编辑保存
getTypicalExampleUpdate
(
this
.
formData
).
then
(
res
=>
{
console
.
log
(
this
.
formData
,
res
);
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"保存成功"
);
this
.
add_dialog
=
false
;
this
.
getList
();
}
else
{
this
.
add_dialog
=
false
;
this
.
$message
.
error
(
res
.
msg
);
}
});
}
else
{
// 新建保存
getTypicalExampleAdd
(
this
.
formData
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"保存成功"
);
this
.
add_dialog
=
false
;
this
.
getList
();
}
else
{
this
.
add_dialog
=
false
;
this
.
$message
.
error
(
res
.
msg
);
}
});
}
}
else
if
(
type
==
"del"
)
{
// 删除
this
.
$confirm
(
"确认删除吗"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
let
params
=
{
ids
:
[
item
.
ktcId
],
};
getTypicalExampleDel
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"删除成功"
);
this
.
getList
();
}
else
{
this
.
$message
.
error
(
res
.
msg
);
}
});
}).
catch
(()
=>
{
});
}
else
if
(
type
==
"delMultiple"
)
{
if
(
this
.
selectList
.
length
<=
0
)
{
this
.
$message
.
error
(
"请选择一项进行删除"
);
return
;
}
let
params
=
{
ids
:
[],
};
this
.
selectList
.
map
(
item
=>
{
params
.
ids
.
push
(
item
.
ktcId
)
})
this
.
$confirm
(
"确认批量删除吗"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
}).
then
(()
=>
{
getTypicalExampleDel
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
$message
.
success
(
"批量删除成功"
);
this
.
getList
();
}
else
{
this
.
$message
.
error
(
res
.
msg
);
}
});
}).
catch
(()
=>
{
});
}
exportFileDianXingAnLiSelectData
(
params
).
then
(
res
=>
{
},
// 新建清空表单
resetForm
(){
this
.
formData
=
{
tcName
:
''
,
tcType
:
''
,
prjType
:
''
,
buildContent
:
''
,
problemType
:
''
,
problemLevel
:
''
,
problemContent
:
''
,
archiDetail
:
""
,
}
},
exportFile
()
{
//导出
getTypicalExampleExcel
(
this
.
params
).
then
(
res
=>
{
let
blob
=
new
Blob
([
res
],
{
type
:
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
});
let
url
=
URL
.
createObjectURL
(
blob
);
let
link
=
document
.
createElement
(
'a'
);
link
.
href
=
url
;
// link.download = '文件.xlsx';
document
.
body
.
appendChild
(
link
);
link
.
click
();
})
},
get_an_li_lei_xing_select
()
{
//案例类型下拉
const
params
=
{
key
:
"case_type"
key
:
"
kl_
case_type"
}
getDianXingAnLiSelectData
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
...
...
@@ -214,7 +420,7 @@ export default {
},
get_wen_ti_lei_xing_select
()
{
//问题类型下拉
const
params
=
{
key
:
"question_type"
key
:
"
kl_
question_type"
}
getDianXingAnLiSelectData
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
...
...
@@ -224,7 +430,7 @@ export default {
},
get_xiang_mu_lei_xing_select
()
{
//项目类型下拉
const
params
=
{
key
:
"project_type"
key
:
"
kl_
project_type"
}
getDianXingAnLiSelectData
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
...
...
@@ -234,7 +440,7 @@ export default {
},
get_wen_ti_deng_ji_select
()
{
//问题等级下拉
const
params
=
{
key
:
"question_level"
key
:
"
kl_
question_level"
}
getDianXingAnLiSelectData
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
...
...
@@ -242,6 +448,7 @@ export default {
}
})
},
set_table_height
()
{
//动态设置表格高度
const
table_container_height
=
$
(
".table_container"
).
height
();
const
search_menu_height
=
$
(
".search_menu"
).
height
();
...
...
@@ -255,31 +462,20 @@ export default {
return
true
;
//不禁用
}
},
select_table_rows
(
data
){
//表格的勾选
this
.
selectTable
=
data
;
},
add
()
{
//新建按钮
this
.
add_dialog
=
true
;
},
reset
()
{
//重置
this
.
query_item1
=
null
;
this
.
query_item3
=
null
;
this
.
query_item4
=
null
;
// 表格多选
handleSelectionChange
(
e
)
{
this
.
selectList
=
e
;
},
// 每页条数改变
handleSizeChange
(
val
)
{
this
.
pager
.
current
=
1
;
this
.
pager
.
size
=
val
;
this
.
get
_table
();
this
.
get
List
();
},
//当前页码改变
handleCurrentChange
(
val
)
{
this
.
pager
.
current
=
val
;
this
.
get_table
();
},
get_table
()
{
//查询表格数据
this
.
getList
();
},
}
}
...
...
Write
Preview
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment