Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
常超
founder_vue
Commits
9e730d2d
Commit
9e730d2d
authored
Dec 28, 2021
by
li_hongchao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
逻辑分库功能代码
parent
20494bd6
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
362 additions
and
24 deletions
+362
-24
src/views/xtfkgl/AddXtfkView.vue
+0
-0
src/views/xtfkgl/AjXtljfkView.vue
+1
-1
src/views/xtfkgl/SjkyhSelect.vue
+340
-0
src/views/xtfkgl/XtfkglMain.vue
+21
-23
src/views/xtfkgl/scss/dialog_table.scss
+0
-0
No files found.
src/views/xtfkgl/AddXtfkView.vue
View file @
9e730d2d
This diff is collapsed.
Click to expand it.
src/views/xtfkgl/AjXtljfkView.vue
View file @
9e730d2d
...
@@ -209,7 +209,7 @@ export default {
...
@@ -209,7 +209,7 @@ export default {
},
},
methods
:
{
methods
:
{
loadData
()
{
loadData
()
{
//
this.getList()
this
.
getList
()
},
},
initTestData
()
{
initTestData
()
{
// 测试数据出初始化
// 测试数据出初始化
...
...
src/views/xtfkgl/SjkyhSelect.vue
0 → 100644
View file @
9e730d2d
<
template
>
<div
class=
"root-div"
>
<el-dropdown
ref=
"dropdown"
trigger=
"click"
:hide-on-click=
"true"
@
visible-change=
"visibleChange"
>
<div
style=
"float: left;"
class=
"opt-select"
>
<div
class=
"select-left"
>
{{
selValue
}}
</div>
<div
:class=
"isShowing?'select-right-focus':'select-right-normal'"
>
<svg
class=
"icon opt-select-right-svg"
aria-hidden=
"true"
>
<use
xlink:href=
"#icon-shenhe"
/>
</svg>
</div>
</div>
<el-dropdown-menu
slot=
"dropdown"
class=
"select-list-content"
>
<div
class=
"select-list-content-left"
>
<div
class=
"list-item"
>
用户
</div>
<div
class=
"list-item"
>
用户组
</div>
</div>
<div
class=
"select-list-content-right"
>
<div
class=
"top-div"
>
<div
v-for=
"item in curOpt"
class=
"top-item"
>
{{
item
.
name
}}
</div>
</div>
<div
class=
"bottom-div"
>
<div
class=
"queding"
>
确定
</div>
<div
class=
"quxiao"
>
取消
</div>
</div>
</div>
<!--
<div
v-for=
"item in curOpt"
:key=
"item.icon"
class=
"select-list-content-item"
>
-->
<!--
<svg
class=
"icon opt-select-right-svg"
aria-hidden=
"true"
--
>
<!-- style="margin-right: 5px;width: 20px;height: 20px;">-->
<!--
<use
:xlink:href=
"item.icon"
/>
-->
<!--
</svg>
-->
<!--
{{
item
.
name
}}
-->
<!--
</div>
-->
</el-dropdown-menu>
</el-dropdown>
</div>
</
template
>
<
script
>
export
default
{
name
:
'SjkyhSelect'
,
data
()
{
return
{
isShowing
:
false
,
selValue
:
'请选择'
,
curOpt
:
[
{
name
:
'审核0'
,
value
:
'0'
,
icon
:
'#icon-shenhe'
},
{
name
:
'审核1'
,
value
:
'1'
,
icon
:
'#icon-shenhe'
},
{
name
:
'审核2'
,
value
:
'2'
,
icon
:
'#icon-shenhe'
},
{
name
:
'审核3'
,
value
:
'3'
,
icon
:
'#icon-shenhe'
},
{
name
:
'审核4'
,
value
:
'4'
,
icon
:
'#icon-shenhe'
},
{
name
:
'审核5'
,
value
:
'5'
,
icon
:
'#icon-shenhe'
},
],
}
},
methods
:
{
visibleChange
(
val
)
{
let
_that
=
this
_that
.
isShowing
=
val
},
}
}
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"../../../public/iconfont/iconfont.css"
;
.root-div
{
width
:
264px
;
position
:
relative
;
display
:
inline-block
;
}
.opt-select-right-svg
{
width
:
16px
;
height
:
16px
;
}
.opt-select
{
width
:
264px
;
background
:
#FFFFFF
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.06
);
border-radius
:
4px
;
border
:
1px
solid
#E6E6E8
;
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
}
.btn-sh
{
cursor
:
pointer
;
width
:
72px
;
height
:
28px
;
border-radius
:
4px
;
border
:
1px
solid
#fe0000
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#fe0000
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
.select-left
{
float
:
left
;
width
:
94px
;
height
:
32px
;
border-radius
:
4px
0px
0px
4px
;
border
:
1px
solid
#D5E5FC
;
border-right
:
0px
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#333333
;
line-height
:
14px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
.select-right-normal
{
float
:
left
;
width
:
32px
;
height
:
32px
;
background
:
#E1EDFF
;
border
:
1px
solid
#D5E5FC
;
border-radius
:
0px
4px
4px
0px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
.select-right-focus
{
float
:
left
;
width
:
32px
;
height
:
32px
;
background
:
#D5E5FC
;
box-shadow
:
2px
2px
2px
0px
rgba
(
2
,
122
,
255
,
0.41
);
border-radius
:
0px
4px
4px
0px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
.select-list-content
{
margin-top
:
0px
;
width
:
264px
;
height
:
216px
;
display
:
block
;
padding-top
:
10px
;
z-index
:
999
;
background
:
#FFFFFF
;
box-shadow
:
0px
6px
10px
2px
rgba
(
0
,
21
,
51
,
0.06
);
border-radius
:
4px
;
border
:
1px
solid
#E6E6E8
;
position
:
absolute
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
.select-list-content-left
{
width
:
28%
;
height
:
216px
;
/*height: 40px;*/
background
:
#FFFFFF
;
.list-item
{
width
:
100%
;
height
:
40px
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#333333
;
line-height
:
19px
;
padding
:
0px
0px
0px
15px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
left
;
}
}
.select-list-content-right
{
width
:
72%
;
height
:
216px
;
/*background: black;*/
.top-div
{
width
:
100%
;
height
:
170px
;
overflow
:
scroll
;
.top-item
{
width
:
100%
;
height
:
40px
;
background
:
#FFFFFF
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#333333
;
line-height
:
19px
;
}
}
.bottom-div
{
width
:
100%
;
height
:
55px
;
background
:
#FFFFFF
;
box-shadow
:
0px
-2px
4px
0px
rgba
(
0
,
0
,
0
,
0.06
);
border-radius
:
0px
0px
3px
3px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
.queding
{
width
:
72px
;
height
:
32px
;
border-radius
:
4px
;
border
:
1px
solid
#AEB5C2
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#2E3846
;
line-height
:
16px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
background
:
#ffffff
;
cursor
:
pointer
;
margin-right
:
8px
;
}
.quxiao
{
width
:
72px
;
height
:
32px
;
background
:
#055FE7
;
border-radius
:
4px
;
cursor
:
pointer
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#FFFFFF
;
line-height
:
16px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
}
}
.select-list-content-item
{
padding
:
0px
;
width
:
126px
;
height
:
32px
;
display
:
inline-block
;
/*display: block;*/
position
:
relative
;
z-index
:
9999
;
/*background: black;*/
padding-left
:
20px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
left
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
#333333
;
line-height
:
19px
;
}
.select-list-content-item
:hover
{
background
:
#F5F5F7
;
}
.ysb-left
{
float
:
left
;
width
:
94px
;
height
:
32px
;
background
:
#FFFFFF
;
border-radius
:
4px
0px
0px
4px
;
border
:
1px
solid
#D9DCE2
;
border-right
:
0px
;
font-family
:
MicrosoftYaHei
;
color
:
#666666
;
line-height
:
14px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
.ysb-right
{
float
:
left
;
width
:
32px
;
height
:
32px
;
background
:
#ECEDF1
;
border
:
1px
solid
#D9DCE2
;
border-radius
:
0px
4px
4px
0px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
//
滚动条的宽度
/
deep
/
.top-div
::-webkit-scrollbar
{
width
:
6px
;
//
横向滚动条
height
:
6px
;
//
纵向滚动条
必写
}
//
滚动条的滑块
/
deep
/
.top-div
::-webkit-scrollbar-thumb
{
background-color
:
#dadde0
;
border-radius
:
3px
;
}
</
style
>
src/views/xtfkgl/XtfkglMain.vue
View file @
9e730d2d
...
@@ -28,23 +28,22 @@
...
@@ -28,23 +28,22 @@
</div>
</div>
<br
/>
<br
/>
<!-- 人员逻辑库 -->
<!-- 人员逻辑库 -->
<ry-xtljfk-view
<ry-xtljfk-view
ref=
"ryXtfk"
ref=
"ryXtfk"
v-show=
"isPerson"
v-show=
"isPerson"
@
openBj=
"open
Ry
Bj"
@
openBj=
"openBj"
@
openGzl=
"open
Ry
Gzl"
@
openGzl=
"openGzl"
@
openSjgl=
"open
Ry
Sjgl"
/>
@
openSjgl=
"openSjgl"
/>
<!-- 案件逻辑库 -->
<!-- 案件逻辑库 -->
<aj-xtljfk-view
<aj-xtljfk-view
ref=
"ajXtfk"
ref=
"ajXtfk"
v-show=
"!isPerson"
v-show=
"!isPerson"
@
openBj=
"open
Aj
Bj"
@
openBj=
"openBj"
@
openGzl=
"open
Aj
Gzl"
@
openGzl=
"openGzl"
@
openSjgl=
"open
Aj
Sjgl"
/>
@
openSjgl=
"openSjgl"
/>
<!-- 新增分库页面-->
<!-- 新增分库页面-->
<add-xtfk-view
ref=
"addXtfk
ViewRef
"
v-show=
"isAddFk"
@
close=
"closeXtfkView"
/>
<add-xtfk-view
ref=
"addXtfk
"
:is-ry=
"isPerson
"
v-show=
"isAddFk"
@
close=
"closeXtfkView"
/>
<gzl-view
ref=
"gzlView"
v-show=
"isShowGzl"
@
close=
"closeGzlView"
/>
<gzl-view
ref=
"gzlView"
v-show=
"isShowGzl"
@
close=
"closeGzlView"
/>
</el-container>
</el-container>
</
template
>
</
template
>
...
@@ -83,30 +82,29 @@ export default {
...
@@ -83,30 +82,29 @@ export default {
},
},
addFk
()
{
// 新增分库
addFk
()
{
// 新增分库
this
.
isAddFk
=
true
this
.
isAddFk
=
true
this
.
$refs
.
addXtfk
.
showAll
()
},
},
openRyBj
()
{
// 案件编辑
openBj
()
{
// 人员/案件编辑
this
.
isAddFk
=
true
this
.
isAddFk
=
true
this
.
$refs
.
addXtfk
.
showLjfk
()
},
},
openRyGzl
()
{
// 案件工作流
openGzl
()
{
// 人员/案件工作流
this
.
isShowGzl
=
true
this
.
isAddFk
=
true
this
.
$refs
.
addXtfk
.
showGzl
()
},
},
openRySjgl
()
{
// 案件数据管理
openSjgl
()
{
// 人员/案件数据管理
if
(
this
.
isPerson
)
{
},
}
else
{
closeXtfkView
()
{
this
.
isAddFk
=
false
},
openAjBj
()
{
// 案件编辑
}
this
.
isAddFk
=
true
},
openAjGzl
()
{
// 案件工作流
this
.
isShowGzl
=
true
},
},
openAjSjgl
()
{
// 案件数据管理
},
closeXtfkView
()
{
this
.
isAddFk
=
false
},
closeGzlView
()
{
closeGzlView
()
{
this
.
isShowGzl
=
false
this
.
isShowGzl
=
false
}
}
...
...
src/views/xtfkgl/scss/dialog_table.scss
View file @
9e730d2d
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
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 comment