zyc@123456
2 years ago
22 changed files with 6082 additions and 83 deletions
@ -0,0 +1,539 @@ |
|||||
|
/* Logo 字体 */ |
||||
|
@font-face { |
||||
|
font-family: "iconfont logo"; |
||||
|
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); |
||||
|
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), |
||||
|
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), |
||||
|
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), |
||||
|
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); |
||||
|
} |
||||
|
|
||||
|
.logo { |
||||
|
font-family: "iconfont logo"; |
||||
|
font-size: 160px; |
||||
|
font-style: normal; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
/* tabs */ |
||||
|
.nav-tabs { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.nav-tabs .nav-more { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
height: 42px; |
||||
|
line-height: 42px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
#tabs { |
||||
|
border-bottom: 1px solid #eee; |
||||
|
} |
||||
|
|
||||
|
#tabs li { |
||||
|
cursor: pointer; |
||||
|
width: 100px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
text-align: center; |
||||
|
font-size: 16px; |
||||
|
border-bottom: 2px solid transparent; |
||||
|
position: relative; |
||||
|
z-index: 1; |
||||
|
margin-bottom: -1px; |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
#tabs .active { |
||||
|
border-bottom-color: #f00; |
||||
|
color: #222; |
||||
|
} |
||||
|
|
||||
|
.tab-container .content { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
/* 页面布局 */ |
||||
|
.main { |
||||
|
padding: 30px 100px; |
||||
|
width: 960px; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
|
||||
|
.main .logo { |
||||
|
color: #333; |
||||
|
text-align: left; |
||||
|
margin-bottom: 30px; |
||||
|
line-height: 1; |
||||
|
height: 110px; |
||||
|
margin-top: -50px; |
||||
|
overflow: hidden; |
||||
|
*zoom: 1; |
||||
|
} |
||||
|
|
||||
|
.main .logo a { |
||||
|
font-size: 160px; |
||||
|
color: #333; |
||||
|
} |
||||
|
|
||||
|
.helps { |
||||
|
margin-top: 40px; |
||||
|
} |
||||
|
|
||||
|
.helps pre { |
||||
|
padding: 20px; |
||||
|
margin: 10px 0; |
||||
|
border: solid 1px #e7e1cd; |
||||
|
background-color: #fffdef; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
.icon_lists { |
||||
|
width: 100% !important; |
||||
|
overflow: hidden; |
||||
|
*zoom: 1; |
||||
|
} |
||||
|
|
||||
|
.icon_lists li { |
||||
|
width: 100px; |
||||
|
margin-bottom: 10px; |
||||
|
margin-right: 20px; |
||||
|
text-align: center; |
||||
|
list-style: none !important; |
||||
|
cursor: default; |
||||
|
} |
||||
|
|
||||
|
.icon_lists li .code-name { |
||||
|
line-height: 1.2; |
||||
|
} |
||||
|
|
||||
|
.icon_lists .icon { |
||||
|
display: block; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
font-size: 42px; |
||||
|
margin: 10px auto; |
||||
|
color: #333; |
||||
|
-webkit-transition: font-size 0.25s linear, width 0.25s linear; |
||||
|
-moz-transition: font-size 0.25s linear, width 0.25s linear; |
||||
|
transition: font-size 0.25s linear, width 0.25s linear; |
||||
|
} |
||||
|
|
||||
|
.icon_lists .icon:hover { |
||||
|
font-size: 100px; |
||||
|
} |
||||
|
|
||||
|
.icon_lists .svg-icon { |
||||
|
/* 通过设置 font-size 来改变图标大小 */ |
||||
|
width: 1em; |
||||
|
/* 图标和文字相邻时，垂直对齐 */ |
||||
|
vertical-align: -0.15em; |
||||
|
/* 通过设置 color 来改变 SVG 的颜色/fill */ |
||||
|
fill: currentColor; |
||||
|
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 |
||||
|
normalize.css 中也包含这行 */ |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.icon_lists li .name, |
||||
|
.icon_lists li .code-name { |
||||
|
color: #666; |
||||
|
} |
||||
|
|
||||
|
/* markdown 样式 */ |
||||
|
.markdown { |
||||
|
color: #666; |
||||
|
font-size: 14px; |
||||
|
line-height: 1.8; |
||||
|
} |
||||
|
|
||||
|
.highlight { |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
|
||||
|
.markdown img { |
||||
|
vertical-align: middle; |
||||
|
max-width: 100%; |
||||
|
} |
||||
|
|
||||
|
.markdown h1 { |
||||
|
color: #404040; |
||||
|
font-weight: 500; |
||||
|
line-height: 40px; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
|
||||
|
.markdown h2, |
||||
|
.markdown h3, |
||||
|
.markdown h4, |
||||
|
.markdown h5, |
||||
|
.markdown h6 { |
||||
|
color: #404040; |
||||
|
margin: 1.6em 0 0.6em 0; |
||||
|
font-weight: 500; |
||||
|
clear: both; |
||||
|
} |
||||
|
|
||||
|
.markdown h1 { |
||||
|
font-size: 28px; |
||||
|
} |
||||
|
|
||||
|
.markdown h2 { |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
|
||||
|
.markdown h3 { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.markdown h4 { |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.markdown h5 { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.markdown h6 { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.markdown hr { |
||||
|
height: 1px; |
||||
|
border: 0; |
||||
|
background: #e9e9e9; |
||||
|
margin: 16px 0; |
||||
|
clear: both; |
||||
|
} |
||||
|
|
||||
|
.markdown p { |
||||
|
margin: 1em 0; |
||||
|
} |
||||
|
|
||||
|
.markdown>p, |
||||
|
.markdown>blockquote, |
||||
|
.markdown>.highlight, |
||||
|
.markdown>ol, |
||||
|
.markdown>ul { |
||||
|
width: 80%; |
||||
|
} |
||||
|
|
||||
|
.markdown ul>li { |
||||
|
list-style: circle; |
||||
|
} |
||||
|
|
||||
|
.markdown>ul li, |
||||
|
.markdown blockquote ul>li { |
||||
|
margin-left: 20px; |
||||
|
padding-left: 4px; |
||||
|
} |
||||
|
|
||||
|
.markdown>ul li p, |
||||
|
.markdown>ol li p { |
||||
|
margin: 0.6em 0; |
||||
|
} |
||||
|
|
||||
|
.markdown ol>li { |
||||
|
list-style: decimal; |
||||
|
} |
||||
|
|
||||
|
.markdown>ol li, |
||||
|
.markdown blockquote ol>li { |
||||
|
margin-left: 20px; |
||||
|
padding-left: 4px; |
||||
|
} |
||||
|
|
||||
|
.markdown code { |
||||
|
margin: 0 3px; |
||||
|
padding: 0 5px; |
||||
|
background: #eee; |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
|
||||
|
.markdown strong, |
||||
|
.markdown b { |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.markdown>table { |
||||
|
border-collapse: collapse; |
||||
|
border-spacing: 0px; |
||||
|
empty-cells: show; |
||||
|
border: 1px solid #e9e9e9; |
||||
|
width: 95%; |
||||
|
margin-bottom: 24px; |
||||
|
} |
||||
|
|
||||
|
.markdown>table th { |
||||
|
white-space: nowrap; |
||||
|
color: #333; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.markdown>table th, |
||||
|
.markdown>table td { |
||||
|
border: 1px solid #e9e9e9; |
||||
|
padding: 8px 16px; |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.markdown>table th { |
||||
|
background: #F7F7F7; |
||||
|
} |
||||
|
|
||||
|
.markdown blockquote { |
||||
|
font-size: 90%; |
||||
|
color: #999; |
||||
|
border-left: 4px solid #e9e9e9; |
||||
|
padding-left: 0.8em; |
||||
|
margin: 1em 0; |
||||
|
} |
||||
|
|
||||
|
.markdown blockquote p { |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.markdown .anchor { |
||||
|
opacity: 0; |
||||
|
transition: opacity 0.3s ease; |
||||
|
margin-left: 8px; |
||||
|
} |
||||
|
|
||||
|
.markdown .waiting { |
||||
|
color: #ccc; |
||||
|
} |
||||
|
|
||||
|
.markdown h1:hover .anchor, |
||||
|
.markdown h2:hover .anchor, |
||||
|
.markdown h3:hover .anchor, |
||||
|
.markdown h4:hover .anchor, |
||||
|
.markdown h5:hover .anchor, |
||||
|
.markdown h6:hover .anchor { |
||||
|
opacity: 1; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.markdown>br, |
||||
|
.markdown>p>br { |
||||
|
clear: both; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.hljs { |
||||
|
display: block; |
||||
|
background: white; |
||||
|
padding: 0.5em; |
||||
|
color: #333333; |
||||
|
overflow-x: auto; |
||||
|
} |
||||
|
|
||||
|
.hljs-comment, |
||||
|
.hljs-meta { |
||||
|
color: #969896; |
||||
|
} |
||||
|
|
||||
|
.hljs-string, |
||||
|
.hljs-variable, |
||||
|
.hljs-template-variable, |
||||
|
.hljs-strong, |
||||
|
.hljs-emphasis, |
||||
|
.hljs-quote { |
||||
|
color: #df5000; |
||||
|
} |
||||
|
|
||||
|
.hljs-keyword, |
||||
|
.hljs-selector-tag, |
||||
|
.hljs-type { |
||||
|
color: #a71d5d; |
||||
|
} |
||||
|
|
||||
|
.hljs-literal, |
||||
|
.hljs-symbol, |
||||
|
.hljs-bullet, |
||||
|
.hljs-attribute { |
||||
|
color: #0086b3; |
||||
|
} |
||||
|
|
||||
|
.hljs-section, |
||||
|
.hljs-name { |
||||
|
color: #63a35c; |
||||
|
} |
||||
|
|
||||
|
.hljs-tag { |
||||
|
color: #333333; |
||||
|
} |
||||
|
|
||||
|
.hljs-title, |
||||
|
.hljs-attr, |
||||
|
.hljs-selector-id, |
||||
|
.hljs-selector-class, |
||||
|
.hljs-selector-attr, |
||||
|
.hljs-selector-pseudo { |
||||
|
color: #795da3; |
||||
|
} |
||||
|
|
||||
|
.hljs-addition { |
||||
|
color: #55a532; |
||||
|
background-color: #eaffea; |
||||
|
} |
||||
|
|
||||
|
.hljs-deletion { |
||||
|
color: #bd2c00; |
||||
|
background-color: #ffecec; |
||||
|
} |
||||
|
|
||||
|
.hljs-link { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
/* 代码高亮 */ |
||||
|
/* PrismJS 1.15.0 |
||||
|
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ |
||||
|
/** |
||||
|
* prism.js default theme for JavaScript, CSS and HTML |
||||
|
* Based on dabblet (http://dabblet.com) |
||||
|
* @author Lea Verou |
||||
|
*/ |
||||
|
code[class*="language-"], |
||||
|
pre[class*="language-"] { |
||||
|
color: black; |
||||
|
background: none; |
||||
|
text-shadow: 0 1px white; |
||||
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; |
||||
|
text-align: left; |
||||
|
white-space: pre; |
||||
|
word-spacing: normal; |
||||
|
word-break: normal; |
||||
|
word-wrap: normal; |
||||
|
line-height: 1.5; |
||||
|
|
||||
|
-moz-tab-size: 4; |
||||
|
-o-tab-size: 4; |
||||
|
tab-size: 4; |
||||
|
|
||||
|
-webkit-hyphens: none; |
||||
|
-moz-hyphens: none; |
||||
|
-ms-hyphens: none; |
||||
|
hyphens: none; |
||||
|
} |
||||
|
|
||||
|
pre[class*="language-"]::-moz-selection, |
||||
|
pre[class*="language-"] ::-moz-selection, |
||||
|
code[class*="language-"]::-moz-selection, |
||||
|
code[class*="language-"] ::-moz-selection { |
||||
|
text-shadow: none; |
||||
|
background: #b3d4fc; |
||||
|
} |
||||
|
|
||||
|
pre[class*="language-"]::selection, |
||||
|
pre[class*="language-"] ::selection, |
||||
|
code[class*="language-"]::selection, |
||||
|
code[class*="language-"] ::selection { |
||||
|
text-shadow: none; |
||||
|
background: #b3d4fc; |
||||
|
} |
||||
|
|
||||
|
@media print { |
||||
|
|
||||
|
code[class*="language-"], |
||||
|
pre[class*="language-"] { |
||||
|
text-shadow: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* Code blocks */ |
||||
|
pre[class*="language-"] { |
||||
|
padding: 1em; |
||||
|
margin: .5em 0; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
:not(pre)>code[class*="language-"], |
||||
|
pre[class*="language-"] { |
||||
|
background: #f5f2f0; |
||||
|
} |
||||
|
|
||||
|
/* Inline code */ |
||||
|
:not(pre)>code[class*="language-"] { |
||||
|
padding: .1em; |
||||
|
border-radius: .3em; |
||||
|
white-space: normal; |
||||
|
} |
||||
|
|
||||
|
.token.comment, |
||||
|
.token.prolog, |
||||
|
.token.doctype, |
||||
|
.token.cdata { |
||||
|
color: slategray; |
||||
|
} |
||||
|
|
||||
|
.token.punctuation { |
||||
|
color: #999; |
||||
|
} |
||||
|
|
||||
|
.namespace { |
||||
|
opacity: .7; |
||||
|
} |
||||
|
|
||||
|
.token.property, |
||||
|
.token.tag, |
||||
|
.token.boolean, |
||||
|
.token.number, |
||||
|
.token.constant, |
||||
|
.token.symbol, |
||||
|
.token.deleted { |
||||
|
color: #905; |
||||
|
} |
||||
|
|
||||
|
.token.selector, |
||||
|
.token.attr-name, |
||||
|
.token.string, |
||||
|
.token.char, |
||||
|
.token.builtin, |
||||
|
.token.inserted { |
||||
|
color: #690; |
||||
|
} |
||||
|
|
||||
|
.token.operator, |
||||
|
.token.entity, |
||||
|
.token.url, |
||||
|
.language-css .token.string, |
||||
|
.style .token.string { |
||||
|
color: #9a6e3a; |
||||
|
background: hsla(0, 0%, 100%, .5); |
||||
|
} |
||||
|
|
||||
|
.token.atrule, |
||||
|
.token.attr-value, |
||||
|
.token.keyword { |
||||
|
color: #07a; |
||||
|
} |
||||
|
|
||||
|
.token.function, |
||||
|
.token.class-name { |
||||
|
color: #DD4A68; |
||||
|
} |
||||
|
|
||||
|
.token.regex, |
||||
|
.token.important, |
||||
|
.token.variable { |
||||
|
color: #e90; |
||||
|
} |
||||
|
|
||||
|
.token.important, |
||||
|
.token.bold { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.token.italic { |
||||
|
font-style: italic; |
||||
|
} |
||||
|
|
||||
|
.token.entity { |
||||
|
cursor: help; |
||||
|
} |
||||
@ -0,0 +1,563 @@ |
|||||
|
@font-face { |
||||
|
font-family: "myiconfont"; /* Project id 4080707 */ |
||||
|
src: url('~@/fontb/iconfont.woff2?t=1684747440814') format('woff2'), |
||||
|
url('~@/fontb/iconfont.woff?t=1684747440814') format('woff'), |
||||
|
url('~@/fontb/iconfont.ttf?t=1684747440814') format('truetype'); |
||||
|
} |
||||
|
|
||||
|
.myiconfont { |
||||
|
font-family: "myiconfont" !important; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
.icon-dituleiditu:before { |
||||
|
content: "\e9c0"; |
||||
|
} |
||||
|
|
||||
|
.icon-dengshizhaoming:before { |
||||
|
content: "\e674"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin:before { |
||||
|
content: "\e60a"; |
||||
|
} |
||||
|
|
||||
|
.icon-shouye:before { |
||||
|
content: "\e64f"; |
||||
|
} |
||||
|
|
||||
|
.icon-shouye1:before { |
||||
|
content: "\e6cb"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingchechang:before { |
||||
|
content: "\e6de"; |
||||
|
} |
||||
|
|
||||
|
.icon-shouyeshouye:before { |
||||
|
content: "\e629"; |
||||
|
} |
||||
|
|
||||
|
.icon-jiaotongleitingchechang:before { |
||||
|
content: "\e9c7"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeileiyuantailixian:before { |
||||
|
content: "\ea27"; |
||||
|
} |
||||
|
|
||||
|
.icon-sifaleimenjinbaojing:before { |
||||
|
content: "\ea2f"; |
||||
|
} |
||||
|
|
||||
|
.icon-rizhi:before { |
||||
|
content: "\e61c"; |
||||
|
} |
||||
|
|
||||
|
.icon-chaxun:before { |
||||
|
content: "\e61b"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin1:before { |
||||
|
content: "\e644"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin2:before { |
||||
|
content: "\e637"; |
||||
|
} |
||||
|
|
||||
|
.icon-16shipin-2:before { |
||||
|
content: "\e682"; |
||||
|
} |
||||
|
|
||||
|
.icon-shouye2:before { |
||||
|
content: "\e639"; |
||||
|
} |
||||
|
|
||||
|
.icon-xinxifabu:before { |
||||
|
content: "\e60c"; |
||||
|
} |
||||
|
|
||||
|
.icon-baojingshezhi:before { |
||||
|
content: "\e666"; |
||||
|
} |
||||
|
|
||||
|
.icon-search:before { |
||||
|
content: "\e601"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingchechang1:before { |
||||
|
content: "\e619"; |
||||
|
} |
||||
|
|
||||
|
.icon-biaoshilei_duijiangtongji:before { |
||||
|
content: "\e609"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin3:before { |
||||
|
content: "\e64a"; |
||||
|
} |
||||
|
|
||||
|
.icon-jingwuicon_svg-:before { |
||||
|
content: "\e63e"; |
||||
|
} |
||||
|
|
||||
|
.icon-jiankongshexiangtou-xianxing:before { |
||||
|
content: "\e900"; |
||||
|
} |
||||
|
|
||||
|
.icon-duijiangji:before { |
||||
|
content: "\e6c4"; |
||||
|
} |
||||
|
|
||||
|
.icon-intruder-alarm:before { |
||||
|
content: "\e608"; |
||||
|
} |
||||
|
|
||||
|
.icon-xiaofangshuibeng:before { |
||||
|
content: "\e60d"; |
||||
|
} |
||||
|
|
||||
|
.icon-menjin:before { |
||||
|
content: "\e60b"; |
||||
|
} |
||||
|
|
||||
|
.icon-duijiangji1:before { |
||||
|
content: "\e604"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie:before { |
||||
|
content: "\e73e"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie1:before { |
||||
|
content: "\e655"; |
||||
|
} |
||||
|
|
||||
|
.icon-electronic-patrol:before { |
||||
|
content: "\e656"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipinbofang:before { |
||||
|
content: "\e600"; |
||||
|
} |
||||
|
|
||||
|
.icon-shishijiance:before { |
||||
|
content: "\e626"; |
||||
|
} |
||||
|
|
||||
|
.icon-zaixianjiance:before { |
||||
|
content: "\e643"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingche:before { |
||||
|
content: "\e8f8"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie2:before { |
||||
|
content: "\e60e"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingchewei:before { |
||||
|
content: "\e657"; |
||||
|
} |
||||
|
|
||||
|
.icon-duijiangji2:before { |
||||
|
content: "\e72e"; |
||||
|
} |
||||
|
|
||||
|
.icon-rizhi1:before { |
||||
|
content: "\e60f"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhujiruqinfangyu:before { |
||||
|
content: "\e658"; |
||||
|
} |
||||
|
|
||||
|
.icon-wangluoruqin:before { |
||||
|
content: "\e659"; |
||||
|
} |
||||
|
|
||||
|
.icon-lixian:before { |
||||
|
content: "\e73f"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie3:before { |
||||
|
content: "\eae1"; |
||||
|
} |
||||
|
|
||||
|
.icon-kongzhizhongxin:before { |
||||
|
content: "\eafa"; |
||||
|
} |
||||
|
|
||||
|
.icon-jiankong:before { |
||||
|
content: "\eb37"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie_o:before { |
||||
|
content: "\eb67"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeizhuangtai:before { |
||||
|
content: "\ec23"; |
||||
|
} |
||||
|
|
||||
|
.icon-chaxun1:before { |
||||
|
content: "\ec4c"; |
||||
|
} |
||||
|
|
||||
|
.icon--tingche:before { |
||||
|
content: "\e603"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin4:before { |
||||
|
content: "\e66c"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie4:before { |
||||
|
content: "\e6b6"; |
||||
|
} |
||||
|
|
||||
|
.icon-baojing:before { |
||||
|
content: "\e677"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhinengxiaofangshuan:before { |
||||
|
content: "\eca3"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingchechang2:before { |
||||
|
content: "\e620"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeizhuangtai1:before { |
||||
|
content: "\e605"; |
||||
|
} |
||||
|
|
||||
|
.icon-nenghaoshuju:before { |
||||
|
content: "\e69f"; |
||||
|
} |
||||
|
|
||||
|
.icon-24gl-building:before { |
||||
|
content: "\e831"; |
||||
|
} |
||||
|
|
||||
|
.icon-24gl-city2:before { |
||||
|
content: "\e832"; |
||||
|
} |
||||
|
|
||||
|
.icon-24gf-city:before { |
||||
|
content: "\e838"; |
||||
|
} |
||||
|
|
||||
|
.icon-baojingshu:before { |
||||
|
content: "\e660"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlian:before { |
||||
|
content: "\e690"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhaoming:before { |
||||
|
content: "\e62e"; |
||||
|
} |
||||
|
|
||||
|
.icon-baojing1:before { |
||||
|
content: "\e687"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingcheguanli:before { |
||||
|
content: "\e6e5"; |
||||
|
} |
||||
|
|
||||
|
.icon-gonganxiaofang:before { |
||||
|
content: "\e8ba"; |
||||
|
} |
||||
|
|
||||
|
.icon-jiance:before { |
||||
|
content: "\e606"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin5:before { |
||||
|
content: "\e607"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie5:before { |
||||
|
content: "\e91e"; |
||||
|
} |
||||
|
|
||||
|
.icon-chanzhinenghao:before { |
||||
|
content: "\e610"; |
||||
|
} |
||||
|
|
||||
|
.icon-nenghaodanyuan:before { |
||||
|
content: "\e611"; |
||||
|
} |
||||
|
|
||||
|
.icon-shishijiance1:before { |
||||
|
content: "\e6a1"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianheshen:before { |
||||
|
content: "\e6d6"; |
||||
|
} |
||||
|
|
||||
|
.icon-jingwuicon_svg-1:before { |
||||
|
content: "\e602"; |
||||
|
} |
||||
|
|
||||
|
.icon-jingwuicon_svg-2:before { |
||||
|
content: "\e612"; |
||||
|
} |
||||
|
|
||||
|
.icon-nenghao:before { |
||||
|
content: "\e62b"; |
||||
|
} |
||||
|
|
||||
|
.icon-zaixianyonghu:before { |
||||
|
content: "\e627"; |
||||
|
} |
||||
|
|
||||
|
.icon-menjin1:before { |
||||
|
content: "\e638"; |
||||
|
} |
||||
|
|
||||
|
.icon-jiance1:before { |
||||
|
content: "\e648"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhihuilouyu:before { |
||||
|
content: "\e64b"; |
||||
|
} |
||||
|
|
||||
|
.icon-menjin2:before { |
||||
|
content: "\e670"; |
||||
|
} |
||||
|
|
||||
|
.icon-xiaofang:before { |
||||
|
content: "\e613"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin6:before { |
||||
|
content: "\e614"; |
||||
|
} |
||||
|
|
||||
|
.icon-gbaojings:before { |
||||
|
content: "\e7ce"; |
||||
|
} |
||||
|
|
||||
|
.icon-gjiances:before { |
||||
|
content: "\e7cf"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhencebaojing:before { |
||||
|
content: "\e615"; |
||||
|
} |
||||
|
|
||||
|
.icon-kongzhi:before { |
||||
|
content: "\e650"; |
||||
|
} |
||||
|
|
||||
|
.icon-kongzhitai:before { |
||||
|
content: "\e651"; |
||||
|
} |
||||
|
|
||||
|
.icon-kongzhiqi:before { |
||||
|
content: "\e652"; |
||||
|
} |
||||
|
|
||||
|
.icon-wangbalixian:before { |
||||
|
content: "\e623"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhaoming1:before { |
||||
|
content: "\e65a"; |
||||
|
} |
||||
|
|
||||
|
.icon-louyuzidonghua:before { |
||||
|
content: "\e793"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhinengxungeng:before { |
||||
|
content: "\e628"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie6:before { |
||||
|
content: "\e616"; |
||||
|
} |
||||
|
|
||||
|
.icon-louyushu:before { |
||||
|
content: "\e62a"; |
||||
|
} |
||||
|
|
||||
|
.icon-zaixian:before { |
||||
|
content: "\e6aa"; |
||||
|
} |
||||
|
|
||||
|
.icon-xiaofang-xiaofangrenwuguanli:before { |
||||
|
content: "\e61a"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeizhuangtai2:before { |
||||
|
content: "\e617"; |
||||
|
} |
||||
|
|
||||
|
.icon-xiaofangzhan1:before { |
||||
|
content: "\e618"; |
||||
|
} |
||||
|
|
||||
|
.icon-alarm-full:before { |
||||
|
content: "\e871"; |
||||
|
} |
||||
|
|
||||
|
.icon-alarm:before { |
||||
|
content: "\e872"; |
||||
|
} |
||||
|
|
||||
|
.icon-supervision:before { |
||||
|
content: "\e924"; |
||||
|
} |
||||
|
|
||||
|
.icon-sound-full:before { |
||||
|
content: "\e955"; |
||||
|
} |
||||
|
|
||||
|
.icon-fence:before { |
||||
|
content: "\e9f7"; |
||||
|
} |
||||
|
|
||||
|
.icon-rizhi2:before { |
||||
|
content: "\e7b3"; |
||||
|
} |
||||
|
|
||||
|
.icon-icon-dianziweilan:before { |
||||
|
content: "\e624"; |
||||
|
} |
||||
|
|
||||
|
.icon-rentiruqin:before { |
||||
|
content: "\e78c"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianshibie7:before { |
||||
|
content: "\e78d"; |
||||
|
} |
||||
|
|
||||
|
.icon-dianziweilan:before { |
||||
|
content: "\e796"; |
||||
|
} |
||||
|
|
||||
|
.icon-baojingchaxun:before { |
||||
|
content: "\e61d"; |
||||
|
} |
||||
|
|
||||
|
.icon-menjindukaqi:before { |
||||
|
content: "\e671"; |
||||
|
} |
||||
|
|
||||
|
.icon-wangluoruqinjiance:before { |
||||
|
content: "\e672"; |
||||
|
} |
||||
|
|
||||
|
.icon-ruqinxitong:before { |
||||
|
content: "\e673"; |
||||
|
} |
||||
|
|
||||
|
.icon-ruqinjiancexitong:before { |
||||
|
content: "\e675"; |
||||
|
} |
||||
|
|
||||
|
.icon-shipin7:before { |
||||
|
content: "\e640"; |
||||
|
} |
||||
|
|
||||
|
.icon-tubiaozhizuomoban-18:before { |
||||
|
content: "\e61e"; |
||||
|
} |
||||
|
|
||||
|
.icon-daililixianyingjichuli:before { |
||||
|
content: "\e6b0"; |
||||
|
} |
||||
|
|
||||
|
.icon-dianziweilan3x:before { |
||||
|
content: "\e646"; |
||||
|
} |
||||
|
|
||||
|
.icon-anfangxungeng:before { |
||||
|
content: "\e64c"; |
||||
|
} |
||||
|
|
||||
|
.icon-louyuguanli:before { |
||||
|
content: "\e653"; |
||||
|
} |
||||
|
|
||||
|
.icon-zhuanxinxifabu:before { |
||||
|
content: "\e667"; |
||||
|
} |
||||
|
|
||||
|
.icon-dianziweilan1:before { |
||||
|
content: "\e63f"; |
||||
|
} |
||||
|
|
||||
|
.icon-kuopinjiance:before { |
||||
|
content: "\e634"; |
||||
|
} |
||||
|
|
||||
|
.icon-shebeitaizhang:before { |
||||
|
content: "\e631"; |
||||
|
} |
||||
|
|
||||
|
.icon-xinxifabu_0:before { |
||||
|
content: "\e7d1"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingchefeiyong:before { |
||||
|
content: "\e76f"; |
||||
|
} |
||||
|
|
||||
|
.icon-xungeng:before { |
||||
|
content: "\e61f"; |
||||
|
} |
||||
|
|
||||
|
.icon-xinxifabu2:before { |
||||
|
content: "\e621"; |
||||
|
} |
||||
|
|
||||
|
.icon-xinxifabu0:before { |
||||
|
content: "\e622"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianguanli2:before { |
||||
|
content: "\e625"; |
||||
|
} |
||||
|
|
||||
|
.icon-renlianguanli:before { |
||||
|
content: "\e62c"; |
||||
|
} |
||||
|
|
||||
|
.icon-duijiangji-xian:before { |
||||
|
content: "\e899"; |
||||
|
} |
||||
|
|
||||
|
.icon-icon_jiaozhigongxungeng:before { |
||||
|
content: "\e62d"; |
||||
|
} |
||||
|
|
||||
|
.icon-duijiang:before { |
||||
|
content: "\e988"; |
||||
|
} |
||||
|
|
||||
|
.icon-dianziweilan2:before { |
||||
|
content: "\e6b8"; |
||||
|
} |
||||
|
|
||||
|
.icon-tingchechang3:before { |
||||
|
content: "\e62f"; |
||||
|
} |
||||
|
|
||||
|
.icon-anquanjiankong:before { |
||||
|
content: "\e630"; |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,968 @@ |
|||||
|
{ |
||||
|
"id": "4080707", |
||||
|
"name": "宇信能", |
||||
|
"font_family": "myiconfont", |
||||
|
"css_prefix_text": "icon-", |
||||
|
"description": "", |
||||
|
"glyphs": [ |
||||
|
{ |
||||
|
"icon_id": "1104501", |
||||
|
"name": "地图类_地图", |
||||
|
"font_class": "dituleiditu", |
||||
|
"unicode": "e9c0", |
||||
|
"unicode_decimal": 59840 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "140520", |
||||
|
"name": "灯饰照明", |
||||
|
"font_class": "dengshizhaoming", |
||||
|
"unicode": "e674", |
||||
|
"unicode_decimal": 58996 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "337153", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin", |
||||
|
"unicode": "e60a", |
||||
|
"unicode_decimal": 58890 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "629343", |
||||
|
"name": "首页", |
||||
|
"font_class": "shouye", |
||||
|
"unicode": "e64f", |
||||
|
"unicode_decimal": 58959 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "673799", |
||||
|
"name": "首页", |
||||
|
"font_class": "shouye1", |
||||
|
"unicode": "e6cb", |
||||
|
"unicode_decimal": 59083 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "742148", |
||||
|
"name": "停车场", |
||||
|
"font_class": "tingchechang", |
||||
|
"unicode": "e6de", |
||||
|
"unicode_decimal": 59102 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "887959", |
||||
|
"name": "首页-首页", |
||||
|
"font_class": "shouyeshouye", |
||||
|
"unicode": "e629", |
||||
|
"unicode_decimal": 58921 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1104508", |
||||
|
"name": "交通类_停车场 ", |
||||
|
"font_class": "jiaotongleitingchechang", |
||||
|
"unicode": "e9c7", |
||||
|
"unicode_decimal": 59847 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1104672", |
||||
|
"name": "设备类_云台离线", |
||||
|
"font_class": "shebeileiyuantailixian", |
||||
|
"unicode": "ea27", |
||||
|
"unicode_decimal": 59943 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1104723", |
||||
|
"name": "司法类_门禁报警", |
||||
|
"font_class": "sifaleimenjinbaojing", |
||||
|
"unicode": "ea2f", |
||||
|
"unicode_decimal": 59951 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1166053", |
||||
|
"name": "日志", |
||||
|
"font_class": "rizhi", |
||||
|
"unicode": "e61c", |
||||
|
"unicode_decimal": 58908 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1167139", |
||||
|
"name": "查询", |
||||
|
"font_class": "chaxun", |
||||
|
"unicode": "e61b", |
||||
|
"unicode_decimal": 58907 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1167182", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin1", |
||||
|
"unicode": "e644", |
||||
|
"unicode_decimal": 58948 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1167280", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin2", |
||||
|
"unicode": "e637", |
||||
|
"unicode_decimal": 58935 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1304985", |
||||
|
"name": "Video-2", |
||||
|
"font_class": "16shipin-2", |
||||
|
"unicode": "e682", |
||||
|
"unicode_decimal": 59010 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1305337", |
||||
|
"name": "首页", |
||||
|
"font_class": "shouye2", |
||||
|
"unicode": "e639", |
||||
|
"unicode_decimal": 58937 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1327259", |
||||
|
"name": "信息发布", |
||||
|
"font_class": "xinxifabu", |
||||
|
"unicode": "e60c", |
||||
|
"unicode_decimal": 58892 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1359887", |
||||
|
"name": "报警设置", |
||||
|
"font_class": "baojingshezhi", |
||||
|
"unicode": "e666", |
||||
|
"unicode_decimal": 58982 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1368546", |
||||
|
"name": "查询", |
||||
|
"font_class": "search", |
||||
|
"unicode": "e601", |
||||
|
"unicode_decimal": 58881 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1410705", |
||||
|
"name": "18停车场", |
||||
|
"font_class": "tingchechang1", |
||||
|
"unicode": "e619", |
||||
|
"unicode_decimal": 58905 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1417434", |
||||
|
"name": "标识类_对讲统计", |
||||
|
"font_class": "biaoshilei_duijiangtongji", |
||||
|
"unicode": "e609", |
||||
|
"unicode_decimal": 58889 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1503737", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin3", |
||||
|
"unicode": "e64a", |
||||
|
"unicode_decimal": 58954 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1540713", |
||||
|
"name": "对讲机", |
||||
|
"font_class": "jingwuicon_svg-", |
||||
|
"unicode": "e63e", |
||||
|
"unicode_decimal": 58942 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "1727585", |
||||
|
"name": "404监控、摄像头-线性", |
||||
|
"font_class": "jiankongshexiangtou-xianxing", |
||||
|
"unicode": "e900", |
||||
|
"unicode_decimal": 59648 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2167391", |
||||
|
"name": "对讲机", |
||||
|
"font_class": "duijiangji", |
||||
|
"unicode": "e6c4", |
||||
|
"unicode_decimal": 59076 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2459195", |
||||
|
"name": "入侵报警", |
||||
|
"font_class": "intruder-alarm", |
||||
|
"unicode": "e608", |
||||
|
"unicode_decimal": 58888 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2477522", |
||||
|
"name": "消防水泵", |
||||
|
"font_class": "xiaofangshuibeng", |
||||
|
"unicode": "e60d", |
||||
|
"unicode_decimal": 58893 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2486597", |
||||
|
"name": "门禁", |
||||
|
"font_class": "menjin", |
||||
|
"unicode": "e60b", |
||||
|
"unicode_decimal": 58891 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2571126", |
||||
|
"name": "对讲机", |
||||
|
"font_class": "duijiangji1", |
||||
|
"unicode": "e604", |
||||
|
"unicode_decimal": 58884 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2611788", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie", |
||||
|
"unicode": "e73e", |
||||
|
"unicode_decimal": 59198 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2678624", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie1", |
||||
|
"unicode": "e655", |
||||
|
"unicode_decimal": 58965 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2727671", |
||||
|
"name": "电子巡更", |
||||
|
"font_class": "electronic-patrol", |
||||
|
"unicode": "e656", |
||||
|
"unicode_decimal": 58966 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "2815724", |
||||
|
"name": "视频播放", |
||||
|
"font_class": "shipinbofang", |
||||
|
"unicode": "e600", |
||||
|
"unicode_decimal": 58880 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "3278377", |
||||
|
"name": "实时监测", |
||||
|
"font_class": "shishijiance", |
||||
|
"unicode": "e626", |
||||
|
"unicode_decimal": 58918 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "3282390", |
||||
|
"name": "在线监测", |
||||
|
"font_class": "zaixianjiance", |
||||
|
"unicode": "e643", |
||||
|
"unicode_decimal": 58947 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "3659156", |
||||
|
"name": "停车", |
||||
|
"font_class": "tingche", |
||||
|
"unicode": "e8f8", |
||||
|
"unicode_decimal": 59640 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "3876833", |
||||
|
"name": "17 人脸识别", |
||||
|
"font_class": "renlianshibie2", |
||||
|
"unicode": "e60e", |
||||
|
"unicode_decimal": 58894 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "3944021", |
||||
|
"name": "停车位 ", |
||||
|
"font_class": "tingchewei", |
||||
|
"unicode": "e657", |
||||
|
"unicode_decimal": 58967 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4513241", |
||||
|
"name": "对讲机", |
||||
|
"font_class": "duijiangji2", |
||||
|
"unicode": "e72e", |
||||
|
"unicode_decimal": 59182 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4520330", |
||||
|
"name": "日志", |
||||
|
"font_class": "rizhi1", |
||||
|
"unicode": "e60f", |
||||
|
"unicode_decimal": 58895 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4813175", |
||||
|
"name": "主机入侵防御", |
||||
|
"font_class": "zhujiruqinfangyu", |
||||
|
"unicode": "e658", |
||||
|
"unicode_decimal": 58968 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4813176", |
||||
|
"name": "网络入侵", |
||||
|
"font_class": "wangluoruqin", |
||||
|
"unicode": "e659", |
||||
|
"unicode_decimal": 58969 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "4933356", |
||||
|
"name": "离线", |
||||
|
"font_class": "lixian", |
||||
|
"unicode": "e73f", |
||||
|
"unicode_decimal": 59199 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5387477", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie3", |
||||
|
"unicode": "eae1", |
||||
|
"unicode_decimal": 60129 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5387542", |
||||
|
"name": "控制中心", |
||||
|
"font_class": "kongzhizhongxin", |
||||
|
"unicode": "eafa", |
||||
|
"unicode_decimal": 60154 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5387706", |
||||
|
"name": "监控", |
||||
|
"font_class": "jiankong", |
||||
|
"unicode": "eb37", |
||||
|
"unicode_decimal": 60215 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5387824", |
||||
|
"name": "人脸识别_o", |
||||
|
"font_class": "renlianshibie_o", |
||||
|
"unicode": "eb67", |
||||
|
"unicode_decimal": 60263 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5401578", |
||||
|
"name": "设备状态", |
||||
|
"font_class": "shebeizhuangtai", |
||||
|
"unicode": "ec23", |
||||
|
"unicode_decimal": 60451 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5961297", |
||||
|
"name": "查询", |
||||
|
"font_class": "chaxun1", |
||||
|
"unicode": "ec4c", |
||||
|
"unicode_decimal": 60492 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "6211108", |
||||
|
"name": "1-3停车", |
||||
|
"font_class": "-tingche", |
||||
|
"unicode": "e603", |
||||
|
"unicode_decimal": 58883 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "6263351", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin4", |
||||
|
"unicode": "e66c", |
||||
|
"unicode_decimal": 58988 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "6282765", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie4", |
||||
|
"unicode": "e6b6", |
||||
|
"unicode_decimal": 59062 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "6537205", |
||||
|
"name": "报警", |
||||
|
"font_class": "baojing", |
||||
|
"unicode": "e677", |
||||
|
"unicode_decimal": 58999 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "6775648", |
||||
|
"name": "智能消防栓", |
||||
|
"font_class": "zhinengxiaofangshuan", |
||||
|
"unicode": "eca3", |
||||
|
"unicode_decimal": 60579 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "7023757", |
||||
|
"name": "停车场", |
||||
|
"font_class": "tingchechang2", |
||||
|
"unicode": "e620", |
||||
|
"unicode_decimal": 58912 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "7116482", |
||||
|
"name": "设备状态", |
||||
|
"font_class": "shebeizhuangtai1", |
||||
|
"unicode": "e605", |
||||
|
"unicode_decimal": 58885 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "7339812", |
||||
|
"name": "能耗数据", |
||||
|
"font_class": "nenghaoshuju", |
||||
|
"unicode": "e69f", |
||||
|
"unicode_decimal": 59039 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "7541948", |
||||
|
"name": "24gl-building", |
||||
|
"font_class": "24gl-building", |
||||
|
"unicode": "e831", |
||||
|
"unicode_decimal": 59441 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "7541953", |
||||
|
"name": "24gl-city2", |
||||
|
"font_class": "24gl-city2", |
||||
|
"unicode": "e832", |
||||
|
"unicode_decimal": 59442 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "7542146", |
||||
|
"name": "24gf-city", |
||||
|
"font_class": "24gf-city", |
||||
|
"unicode": "e838", |
||||
|
"unicode_decimal": 59448 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8039244", |
||||
|
"name": "报警数", |
||||
|
"font_class": "baojingshu", |
||||
|
"unicode": "e660", |
||||
|
"unicode_decimal": 58976 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8080329", |
||||
|
"name": "人脸", |
||||
|
"font_class": "renlian", |
||||
|
"unicode": "e690", |
||||
|
"unicode_decimal": 59024 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8400546", |
||||
|
"name": "照明", |
||||
|
"font_class": "zhaoming", |
||||
|
"unicode": "e62e", |
||||
|
"unicode_decimal": 58926 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8441716", |
||||
|
"name": "报警", |
||||
|
"font_class": "baojing1", |
||||
|
"unicode": "e687", |
||||
|
"unicode_decimal": 59015 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8688321", |
||||
|
"name": "停车管理", |
||||
|
"font_class": "tingcheguanli", |
||||
|
"unicode": "e6e5", |
||||
|
"unicode_decimal": 59109 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "8732380", |
||||
|
"name": "公安消防", |
||||
|
"font_class": "gonganxiaofang", |
||||
|
"unicode": "e8ba", |
||||
|
"unicode_decimal": 59578 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "9499384", |
||||
|
"name": "监测", |
||||
|
"font_class": "jiance", |
||||
|
"unicode": "e606", |
||||
|
"unicode_decimal": 58886 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "9597706", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin5", |
||||
|
"unicode": "e607", |
||||
|
"unicode_decimal": 58887 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "9833350", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie5", |
||||
|
"unicode": "e91e", |
||||
|
"unicode_decimal": 59678 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "9923726", |
||||
|
"name": "产值能耗", |
||||
|
"font_class": "chanzhinenghao", |
||||
|
"unicode": "e610", |
||||
|
"unicode_decimal": 58896 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "9923743", |
||||
|
"name": "能耗单元", |
||||
|
"font_class": "nenghaodanyuan", |
||||
|
"unicode": "e611", |
||||
|
"unicode_decimal": 58897 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "10268981", |
||||
|
"name": "实时监测", |
||||
|
"font_class": "shishijiance1", |
||||
|
"unicode": "e6a1", |
||||
|
"unicode_decimal": 59041 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "10319835", |
||||
|
"name": "人脸核身", |
||||
|
"font_class": "renlianheshen", |
||||
|
"unicode": "e6d6", |
||||
|
"unicode_decimal": 59094 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "10640858", |
||||
|
"name": "对讲机", |
||||
|
"font_class": "jingwuicon_svg-1", |
||||
|
"unicode": "e602", |
||||
|
"unicode_decimal": 58882 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "10640866", |
||||
|
"name": "消防员", |
||||
|
"font_class": "jingwuicon_svg-2", |
||||
|
"unicode": "e612", |
||||
|
"unicode_decimal": 58898 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11016139", |
||||
|
"name": "能耗", |
||||
|
"font_class": "nenghao", |
||||
|
"unicode": "e62b", |
||||
|
"unicode_decimal": 58923 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11121375", |
||||
|
"name": "在线用户", |
||||
|
"font_class": "zaixianyonghu", |
||||
|
"unicode": "e627", |
||||
|
"unicode_decimal": 58919 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11183352", |
||||
|
"name": "门禁", |
||||
|
"font_class": "menjin1", |
||||
|
"unicode": "e638", |
||||
|
"unicode_decimal": 58936 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11565695", |
||||
|
"name": "监测", |
||||
|
"font_class": "jiance1", |
||||
|
"unicode": "e648", |
||||
|
"unicode_decimal": 58952 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11798997", |
||||
|
"name": "智慧楼宇", |
||||
|
"font_class": "zhihuilouyu", |
||||
|
"unicode": "e64b", |
||||
|
"unicode_decimal": 58955 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11806535", |
||||
|
"name": "门禁", |
||||
|
"font_class": "menjin2", |
||||
|
"unicode": "e670", |
||||
|
"unicode_decimal": 58992 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11859279", |
||||
|
"name": "消防", |
||||
|
"font_class": "xiaofang", |
||||
|
"unicode": "e613", |
||||
|
"unicode_decimal": 58899 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "11937081", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin6", |
||||
|
"unicode": "e614", |
||||
|
"unicode_decimal": 58900 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12539439", |
||||
|
"name": "g报警s", |
||||
|
"font_class": "gbaojings", |
||||
|
"unicode": "e7ce", |
||||
|
"unicode_decimal": 59342 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12539443", |
||||
|
"name": "g监测s", |
||||
|
"font_class": "gjiances", |
||||
|
"unicode": "e7cf", |
||||
|
"unicode_decimal": 59343 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12615473", |
||||
|
"name": "侦测报警", |
||||
|
"font_class": "zhencebaojing", |
||||
|
"unicode": "e615", |
||||
|
"unicode_decimal": 58901 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12975220", |
||||
|
"name": "控制", |
||||
|
"font_class": "kongzhi", |
||||
|
"unicode": "e650", |
||||
|
"unicode_decimal": 58960 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12975229", |
||||
|
"name": "控制台", |
||||
|
"font_class": "kongzhitai", |
||||
|
"unicode": "e651", |
||||
|
"unicode_decimal": 58961 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12975231", |
||||
|
"name": "控制器", |
||||
|
"font_class": "kongzhiqi", |
||||
|
"unicode": "e652", |
||||
|
"unicode_decimal": 58962 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "13277538", |
||||
|
"name": "网吧离线", |
||||
|
"font_class": "wangbalixian", |
||||
|
"unicode": "e623", |
||||
|
"unicode_decimal": 58915 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "13638717", |
||||
|
"name": "照明", |
||||
|
"font_class": "zhaoming1", |
||||
|
"unicode": "e65a", |
||||
|
"unicode_decimal": 58970 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "14095330", |
||||
|
"name": "楼宇自动化", |
||||
|
"font_class": "louyuzidonghua", |
||||
|
"unicode": "e793", |
||||
|
"unicode_decimal": 59283 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "14310226", |
||||
|
"name": "智能巡更", |
||||
|
"font_class": "zhinengxungeng", |
||||
|
"unicode": "e628", |
||||
|
"unicode_decimal": 58920 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "14559344", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie6", |
||||
|
"unicode": "e616", |
||||
|
"unicode_decimal": 58902 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "16290368", |
||||
|
"name": "楼宇数", |
||||
|
"font_class": "louyushu", |
||||
|
"unicode": "e62a", |
||||
|
"unicode_decimal": 58922 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "16311805", |
||||
|
"name": "在线", |
||||
|
"font_class": "zaixian", |
||||
|
"unicode": "e6aa", |
||||
|
"unicode_decimal": 59050 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "17523088", |
||||
|
"name": "消防-消防任务管理", |
||||
|
"font_class": "xiaofang-xiaofangrenwuguanli", |
||||
|
"unicode": "e61a", |
||||
|
"unicode_decimal": 58906 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "17755683", |
||||
|
"name": "设备状态", |
||||
|
"font_class": "shebeizhuangtai2", |
||||
|
"unicode": "e617", |
||||
|
"unicode_decimal": 58903 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "17937319", |
||||
|
"name": "消防站1", |
||||
|
"font_class": "xiaofangzhan1", |
||||
|
"unicode": "e618", |
||||
|
"unicode_decimal": 58904 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18164959", |
||||
|
"name": "报警,警报,报警灯,危险", |
||||
|
"font_class": "alarm-full", |
||||
|
"unicode": "e871", |
||||
|
"unicode_decimal": 59505 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18164960", |
||||
|
"name": "报警,警报,报警灯,危险", |
||||
|
"font_class": "alarm", |
||||
|
"unicode": "e872", |
||||
|
"unicode_decimal": 59506 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18169549", |
||||
|
"name": "监控,控制,管理监", |
||||
|
"font_class": "supervision", |
||||
|
"unicode": "e924", |
||||
|
"unicode_decimal": 59684 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18169965", |
||||
|
"name": "音量控制,声音控制", |
||||
|
"font_class": "sound-full", |
||||
|
"unicode": "e955", |
||||
|
"unicode_decimal": 59733 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18170960", |
||||
|
"name": "围栏,电子围栏,村庄", |
||||
|
"font_class": "fence", |
||||
|
"unicode": "e9f7", |
||||
|
"unicode_decimal": 59895 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18211389", |
||||
|
"name": "日志", |
||||
|
"font_class": "rizhi2", |
||||
|
"unicode": "e7b3", |
||||
|
"unicode_decimal": 59315 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "18999026", |
||||
|
"name": "icon-电子围栏", |
||||
|
"font_class": "icon-dianziweilan", |
||||
|
"unicode": "e624", |
||||
|
"unicode_decimal": 58916 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "19984605", |
||||
|
"name": "人体入侵", |
||||
|
"font_class": "rentiruqin", |
||||
|
"unicode": "e78c", |
||||
|
"unicode_decimal": 59276 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "19984626", |
||||
|
"name": "人脸识别", |
||||
|
"font_class": "renlianshibie7", |
||||
|
"unicode": "e78d", |
||||
|
"unicode_decimal": 59277 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "19984739", |
||||
|
"name": "电子围栏", |
||||
|
"font_class": "dianziweilan", |
||||
|
"unicode": "e796", |
||||
|
"unicode_decimal": 59286 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "20299947", |
||||
|
"name": "报警查询", |
||||
|
"font_class": "baojingchaxun", |
||||
|
"unicode": "e61d", |
||||
|
"unicode_decimal": 58909 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21053657", |
||||
|
"name": "门禁读卡器", |
||||
|
"font_class": "menjindukaqi", |
||||
|
"unicode": "e671", |
||||
|
"unicode_decimal": 58993 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21053660", |
||||
|
"name": "网络入侵检测", |
||||
|
"font_class": "wangluoruqinjiance", |
||||
|
"unicode": "e672", |
||||
|
"unicode_decimal": 58994 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21053666", |
||||
|
"name": "入侵系统", |
||||
|
"font_class": "ruqinxitong", |
||||
|
"unicode": "e673", |
||||
|
"unicode_decimal": 58995 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21053668", |
||||
|
"name": "入侵监测系统", |
||||
|
"font_class": "ruqinjiancexitong", |
||||
|
"unicode": "e675", |
||||
|
"unicode_decimal": 58997 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21237421", |
||||
|
"name": "视频", |
||||
|
"font_class": "shipin7", |
||||
|
"unicode": "e640", |
||||
|
"unicode_decimal": 58944 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21727600", |
||||
|
"name": "能耗", |
||||
|
"font_class": "tubiaozhizuomoban-18", |
||||
|
"unicode": "e61e", |
||||
|
"unicode_decimal": 58910 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21758122", |
||||
|
"name": "代理离线应急", |
||||
|
"font_class": "daililixianyingjichuli", |
||||
|
"unicode": "e6b0", |
||||
|
"unicode_decimal": 59056 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "21899725", |
||||
|
"name": "电子围栏@3x", |
||||
|
"font_class": "dianziweilan3x", |
||||
|
"unicode": "e646", |
||||
|
"unicode_decimal": 58950 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "22446740", |
||||
|
"name": "安防巡更", |
||||
|
"font_class": "anfangxungeng", |
||||
|
"unicode": "e64c", |
||||
|
"unicode_decimal": 58956 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "22446760", |
||||
|
"name": "楼宇管理", |
||||
|
"font_class": "louyuguanli", |
||||
|
"unicode": "e653", |
||||
|
"unicode_decimal": 58963 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "23081223", |
||||
|
"name": "转信息发布", |
||||
|
"font_class": "zhuanxinxifabu", |
||||
|
"unicode": "e667", |
||||
|
"unicode_decimal": 58983 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "24126001", |
||||
|
"name": "电子围栏", |
||||
|
"font_class": "dianziweilan1", |
||||
|
"unicode": "e63f", |
||||
|
"unicode_decimal": 58943 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "26033206", |
||||
|
"name": "扩频监测", |
||||
|
"font_class": "kuopinjiance", |
||||
|
"unicode": "e634", |
||||
|
"unicode_decimal": 58932 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "26528567", |
||||
|
"name": "设备台账", |
||||
|
"font_class": "shebeitaizhang", |
||||
|
"unicode": "e631", |
||||
|
"unicode_decimal": 58929 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "26709871", |
||||
|
"name": "信息发布_0", |
||||
|
"font_class": "xinxifabu_0", |
||||
|
"unicode": "e7d1", |
||||
|
"unicode_decimal": 59345 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "27000090", |
||||
|
"name": "停车费用", |
||||
|
"font_class": "tingchefeiyong", |
||||
|
"unicode": "e76f", |
||||
|
"unicode_decimal": 59247 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "28784655", |
||||
|
"name": "巡更", |
||||
|
"font_class": "xungeng", |
||||
|
"unicode": "e61f", |
||||
|
"unicode_decimal": 58911 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "30014604", |
||||
|
"name": "信息发布2", |
||||
|
"font_class": "xinxifabu2", |
||||
|
"unicode": "e621", |
||||
|
"unicode_decimal": 58913 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "30014608", |
||||
|
"name": "信息发布0", |
||||
|
"font_class": "xinxifabu0", |
||||
|
"unicode": "e622", |
||||
|
"unicode_decimal": 58914 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "31313012", |
||||
|
"name": "人脸管理2", |
||||
|
"font_class": "renlianguanli2", |
||||
|
"unicode": "e625", |
||||
|
"unicode_decimal": 58917 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "31313018", |
||||
|
"name": "人脸管理", |
||||
|
"font_class": "renlianguanli", |
||||
|
"unicode": "e62c", |
||||
|
"unicode_decimal": 58924 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "31819633", |
||||
|
"name": "对讲机-线", |
||||
|
"font_class": "duijiangji-xian", |
||||
|
"unicode": "e899", |
||||
|
"unicode_decimal": 59545 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "31953511", |
||||
|
"name": "icon_教职工巡更", |
||||
|
"font_class": "icon_jiaozhigongxungeng", |
||||
|
"unicode": "e62d", |
||||
|
"unicode_decimal": 58925 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "32662729", |
||||
|
"name": "对讲", |
||||
|
"font_class": "duijiang", |
||||
|
"unicode": "e988", |
||||
|
"unicode_decimal": 59784 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "33889533", |
||||
|
"name": "电子围栏", |
||||
|
"font_class": "dianziweilan2", |
||||
|
"unicode": "e6b8", |
||||
|
"unicode_decimal": 59064 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "33997752", |
||||
|
"name": "停车场", |
||||
|
"font_class": "tingchechang3", |
||||
|
"unicode": "e62f", |
||||
|
"unicode_decimal": 58927 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "33997769", |
||||
|
"name": "安全监控", |
||||
|
"font_class": "anquanjiankong", |
||||
|
"unicode": "e630", |
||||
|
"unicode_decimal": 58928 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,94 +1,204 @@ |
|||||
import Vue from 'vue' |
import Vue from "vue"; |
||||
import Router from 'vue-router' |
import Router from "vue-router"; |
||||
|
|
||||
Vue.use(Router) |
Vue.use(Router); |
||||
|
|
||||
/* Layout */ |
/* Layout */ |
||||
import Layout from '@/layout' |
import Layout from "@/layout"; |
||||
/* 所有角色可以访问/没有权限要求的基页 */ |
/* 所有角色可以访问/没有权限要求的基页 */ |
||||
|
|
||||
import codemenu from './modules/codemenu' |
import codemenu from "./modules/codemenu"; |
||||
|
|
||||
export const constantRoutes = [ |
export const constantRoutes = [ |
||||
{ |
{ |
||||
path: '/redirect', |
path: "/redirect", |
||||
component: Layout, |
component: Layout, |
||||
hidden: true, |
hidden: true, |
||||
children: [{ |
children: [ |
||||
path: '/redirect/:path(.*)', |
{ |
||||
component: () => import('@/views/redirect/index.vue') |
path: "/redirect/:path(.*)", |
||||
}] |
component: () => import("@/views/redirect/index.vue"), |
||||
|
}, |
||||
|
], |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/', |
path: "/", |
||||
redirect: 'index' |
redirect: "index", |
||||
}, { |
}, |
||||
path: '/login', |
{ |
||||
component: () => import('@/views/login/login.vue') |
path: "/login", |
||||
}, { |
component: () => import("@/views/login/login.vue"), |
||||
path: '/home', |
}, |
||||
component: () => import('@/views/Home/Home.vue'), |
{ |
||||
name: 'home' |
path: "/home", |
||||
|
component: () => import("@/views/Home/Home.vue"), |
||||
}, { |
name: "home", |
||||
path: '/index', |
}, |
||||
|
{ |
||||
|
path: "/index", |
||||
component: Layout, |
component: Layout, |
||||
redirect: '/index', |
redirect: "/index", |
||||
children: [{ |
children: [ |
||||
path: '/index', |
{ |
||||
component: () => |
path: "/index", |
||||
import('@/views/index.vue'), |
component: () => import("@/views/index.vue"), |
||||
name: 'index', |
name: "index", |
||||
meta: { |
meta: { |
||||
title: '主页', |
title: "主页", |
||||
noCache: true, |
noCache: true, |
||||
affix: true |
affix: true, |
||||
} |
}, |
||||
}] |
}, |
||||
|
], |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/monitor', |
path: "/monitor", |
||||
component: Layout, |
component: Layout, |
||||
redirect: null, |
redirect: null, |
||||
meta: { |
meta: { |
||||
title: '视频中心' |
title: "视频中心", |
||||
|
}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: "/monitor/videos", |
||||
|
component: () => import("@/views/monitor/videos/index.vue"), |
||||
|
name: "index", |
||||
|
meta: { |
||||
|
title: "视频中心", |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
////
|
||||
|
// {
|
||||
|
// path: "/gongyingshanggaunli",
|
||||
|
// component: Layout,
|
||||
|
// redirect: "/gongyingshang/gongyingshanggaunli",
|
||||
|
// meta: {
|
||||
|
// title: "视频中心1",
|
||||
|
// },
|
||||
|
// children: [
|
||||
|
// {
|
||||
|
// path: "/gongyingshang/gongyingshanggaunli",
|
||||
|
// component: () =>
|
||||
|
// import("@/views/gongyingshang/gongyingshanggaunli.vue"),
|
||||
|
// name: "gongyingshanggaunli",
|
||||
|
// meta: {
|
||||
|
// title: "视频中心1",
|
||||
|
// noCache: true,
|
||||
|
// },
|
||||
|
// },
|
||||
|
// ],
|
||||
|
// },
|
||||
|
//设备台账
|
||||
|
{ |
||||
|
path: "/shebeitaizhangList", |
||||
|
component: Layout, |
||||
|
redirect: "/shebeitaizhang/shebeitaizhangList", |
||||
|
meta: { |
||||
|
title: "设备台账", |
||||
|
}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: "/shebeitaizhang/shebeitaizhangList", |
||||
|
component: () => |
||||
|
import("@/views/shebeitaizhang/shebeitaizhangList.vue"), |
||||
|
name: "shebeitaizhangList", |
||||
|
meta: { |
||||
|
title: "设备台账", |
||||
|
noCache: true, |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
////报警查询
|
||||
|
{ |
||||
|
path: "/baojingchaxunList", |
||||
|
component: Layout, |
||||
|
redirect: "/baojingchaxun/baojingchaxunList", |
||||
|
meta: { |
||||
|
title: "报警查询", |
||||
|
}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: "/baojingchaxun/baojingchaxunList", |
||||
|
component: () => import("@/views/baojingchaxun/baojingchaxunList.vue"), |
||||
|
name: "baojingchaxunList", |
||||
|
meta: { |
||||
|
title: "报警查询", |
||||
|
noCache: true, |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
////设备状态
|
||||
|
{ |
||||
|
path: "/shebeizhuangtaiList", |
||||
|
component: Layout, |
||||
|
redirect: "/shebeizhuangtai/shebeizhuangtaiList", |
||||
|
meta: { |
||||
|
title: "设备状态", |
||||
}, |
}, |
||||
children: [{ |
children: [ |
||||
path: '/monitor/videos', |
{ |
||||
|
path: "/shebeizhuangtai/shebeizhuangtaiList", |
||||
component: () => |
component: () => |
||||
import('@/views/monitor/videos/index.vue'), |
import("@/views/shebeizhuangtai/shebeizhuangtaiList.vue"), |
||||
name: 'index', |
name: "shebeizhuangtaiList", |
||||
meta: { |
meta: { |
||||
title: '视频中心' |
title: "设备状态", |
||||
} |
noCache: true, |
||||
} |
}, |
||||
] |
}, |
||||
|
], |
||||
}, |
}, |
||||
|
////设备日志
|
||||
|
{ |
||||
|
path: "/shebeirizhiList", |
||||
|
component: Layout, |
||||
|
redirect: "/shebeirizhi/shebeirizhiList", |
||||
|
meta: { |
||||
|
title: "设备日志", |
||||
|
}, |
||||
|
children: [ |
||||
|
{ |
||||
|
path: "/shebeirizhi/shebeirizhiList", |
||||
|
component: () => import("@/views/shebeirizhi/shebeirizhiList.vue"), |
||||
|
name: "shebeirizhiList", |
||||
|
meta: { |
||||
|
title: "设备日志", |
||||
|
noCache: true, |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
////
|
||||
|
|
||||
...codemenu, |
...codemenu, |
||||
{ |
{ |
||||
path: '/404', |
path: "/404", |
||||
component: () => |
component: () => import("@/views/404"), |
||||
import('@/views/404'), |
hidden: true, |
||||
hidden: true |
}, |
||||
} |
|
||||
// 404 page must be placed at the end !!!
|
// 404 page must be placed at the end !!!
|
||||
// { path: '*', redirect: '/404', hidden: true }
|
// { path: '*', redirect: '/404', hidden: true }
|
||||
] |
]; |
||||
|
|
||||
const createRouter = () => new Router({ |
const createRouter = () => |
||||
// mode: 'history', // require service support
|
new Router({ |
||||
scrollBehavior: () => ({ |
// mode: 'history', // require service support
|
||||
y: 0 |
scrollBehavior: () => ({ |
||||
}), |
y: 0, |
||||
routes: constantRoutes |
}), |
||||
}) |
routes: constantRoutes, |
||||
|
}); |
||||
|
|
||||
const router = createRouter() |
const router = createRouter(); |
||||
|
|
||||
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
|
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
|
||||
export function resetRouter() { |
export function resetRouter() { |
||||
const newRouter = createRouter() |
const newRouter = createRouter(); |
||||
router.matcher = newRouter.matcher // reset router
|
router.matcher = newRouter.matcher; // reset router
|
||||
} |
} |
||||
|
|
||||
export default router |
export default router; |
||||
|
|||||
@ -1,20 +1,44 @@ |
|||||
import Layout from '@/layout' |
import Layout from "@/layout"; |
||||
|
|
||||
const codemenu = [{ |
const codemenu = [ |
||||
path: '/spzx', |
{ |
||||
component: Layout, |
path: "/spzx", |
||||
redirect: '/monitor/videos', |
component: Layout, |
||||
meta: { |
redirect: "/monitor/videos", |
||||
title: '视频中心' |
|
||||
}, |
|
||||
children: [{ |
|
||||
path: '/monitor/videos', |
|
||||
component: () => import('@/views/monitor/videos/index.vue'), |
|
||||
name: 'MonitorVideos', |
|
||||
meta: { |
meta: { |
||||
title: '视频中心', |
title: "视频中心", |
||||
noCache: true |
}, |
||||
} |
children: [ |
||||
}] |
{ |
||||
}] |
path: "/monitor/videos", |
||||
export default codemenu |
component: () => import("@/views/monitor/videos/index.vue"), |
||||
|
name: "MonitorVideos", |
||||
|
meta: { |
||||
|
title: "视频中心", |
||||
|
noCache: true, |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
// {
|
||||
|
// path: "/gongyingshanggaunli",
|
||||
|
// component: Layout,
|
||||
|
// redirect: "/gongyingshang/gongyingshanggaunli",
|
||||
|
// meta: {
|
||||
|
// title: "视频中心1",
|
||||
|
// },
|
||||
|
// children: [
|
||||
|
// {
|
||||
|
// path: "/gongyingshang/gongyingshanggaunli",
|
||||
|
// component: () =>
|
||||
|
// import("@/views/gongyingshang/gongyingshanggaunli.vue"),
|
||||
|
// name: "gongyingshanggaunli",
|
||||
|
// meta: {
|
||||
|
// title: "视频中心1",
|
||||
|
// noCache: true,
|
||||
|
// },
|
||||
|
// },
|
||||
|
// ],
|
||||
|
// },
|
||||
|
]; |
||||
|
export default codemenu; |
||||
|
|||||
@ -0,0 +1,409 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="报警查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
||||
|
<el-form-item label="设备类型"> |
||||
|
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择楼层"> |
||||
|
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label="厂商办公电话"> |
||||
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人"> |
||||
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
<div class="btn"> |
||||
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">报警查询信息列表</div> |
||||
|
<!-- 翻页分页 --> |
||||
|
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="{row}"> |
||||
|
<el-button size="mini" type="primary" :disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')" @click="handleEdit(row)">编辑</el-button> |
||||
|
<el-button size="mini" type="primary" @click="handleCheck(row)">详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<!-- <el-table-column prop="jc" label="设备" width="220" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备类型" width="110" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.supplierTypeValue }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备位置" width="" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.weizhi }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="出厂时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.time }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="安装时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.anzhuangtime }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供货商" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="生产厂家" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="保修截止日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- <baojingchaxunAdd v-show="viewState == 2" ref="divadd" @doback="resetState" @reloadlist="handleFilter"/> |
||||
|
<baojingchaxunInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
// import { typeValues, getOrgSidByPath } from '@/api/cheliang/dictcommons' |
||||
|
// import baojingchaxunAdd from './baojingchaxunAdd' |
||||
|
// import baojingchaxunInfo from './baojingchaxunInfo' |
||||
|
// import req from '@/api/baojingchaxun/baojingchaxun' |
||||
|
|
||||
|
export default { |
||||
|
name: 'baojingchaxunList', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
// baojingchaxunAdd, |
||||
|
// baojingchaxunInfo, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: 'plus', |
||||
|
// btnKey: 'toAdd', |
||||
|
// btnLabel: '新增' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'danger', |
||||
|
// size: 'small', |
||||
|
// icon: 'del', |
||||
|
// btnKey: 'doDel', |
||||
|
// btnLabel: '删除' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toChangShang', |
||||
|
// btnLabel: '获取厂商' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toGain', |
||||
|
// btnLabel: '获取分公司' |
||||
|
// }, |
||||
|
|
||||
|
// { |
||||
|
// type: 'success', |
||||
|
// size: 'small', |
||||
|
// icon: 'export', |
||||
|
// btnKey: 'build', |
||||
|
// btnLabel: '导出' |
||||
|
// }, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
viewState: 1, |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
sids: [], |
||||
|
// 查询 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' |
||||
|
,supplierTypeValue:'222',zhuangtai:'222'} |
||||
|
], |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
manufacturerName: '', |
||||
|
supplierType: '', |
||||
|
useOrgSid: '', |
||||
|
createOrgSid: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
contactName: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0 |
||||
|
}, |
||||
|
supplierType_list: [], |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
// this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'toAdd': |
||||
|
this.toAdd() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
break |
||||
|
case 'toChangShang': |
||||
|
this.toChangShang() |
||||
|
break |
||||
|
case 'toGain': |
||||
|
this.toGain() |
||||
|
break |
||||
|
case 'doExport': |
||||
|
this.doExport() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
// init() { |
||||
|
// getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
// if (res.success) { |
||||
|
// this.listQuery.params.createOrgSid = res.data |
||||
|
// this.getType() |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// getType() { |
||||
|
// typeValues({ |
||||
|
// type: 'supplierType' |
||||
|
// }).then((res) => { |
||||
|
// if (res.code === '200') { |
||||
|
// this.supplierType_list = res.data |
||||
|
// console.log('选择楼层', this.supplierType_list) |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
// this.listLoading = true |
||||
|
// req.gysPagerList(this.listQuery).then((response) => { |
||||
|
// this.listLoading = false |
||||
|
// if (response.code === '200' && response.data && response.data.total > 0) { |
||||
|
// this.list = response.data.records |
||||
|
// this.listQuery.total = response.data.total |
||||
|
// } else { |
||||
|
// this.list = [] |
||||
|
// this.listQuery.total = 0 |
||||
|
// } |
||||
|
// }) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
// this.listQuery = { |
||||
|
// params: { |
||||
|
// manufacturerName: '', |
||||
|
// supplierType: '', |
||||
|
// useOrgSid: '', |
||||
|
// createOrgSid: '', |
||||
|
// manufacturerTelePhone: '', |
||||
|
// contactName: '' |
||||
|
// }, |
||||
|
// current: 1, |
||||
|
// size: 5 |
||||
|
// } |
||||
|
// this.init() |
||||
|
}, |
||||
|
// 打开添加对话框 |
||||
|
toAdd() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
||||
|
}, |
||||
|
|
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 根据本行ID删除数据 |
||||
|
doDel() { |
||||
|
if (this.sids.length > 0) { |
||||
|
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
req.delBySids(this.sids.toString()).then(resp => { |
||||
|
if (resp.success) { |
||||
|
loading.close() |
||||
|
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
||||
|
this.getList() |
||||
|
} else { |
||||
|
loading.close() |
||||
|
} |
||||
|
}).catch(e => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message({ type: 'error', message: '没有选择!!', showClose: true }) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
// toChangShang() { |
||||
|
// req.saveGysByOrgSid(this.listQuery.params.createOrgSid).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// toGain() { |
||||
|
// req.saveAllByOrgSid({ orgSid: this.listQuery.params.createOrgSid }).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
handleEdit(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divadd'].showEdit(row) |
||||
|
// if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { |
||||
|
// this.viewState = 3 |
||||
|
// this.$refs['divadd'].showEdit(row) |
||||
|
// } else { |
||||
|
// this.viewState = 5 |
||||
|
// this.$refs['divHosts'].showInfo(row) |
||||
|
// } |
||||
|
}, |
||||
|
// 打开查看 |
||||
|
handleCheck(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divinfo'].showInfo(row) |
||||
|
}, |
||||
|
// 导出 |
||||
|
// doExport() { |
||||
|
// basefinbankExportExcel(this.sids).then((res) => { |
||||
|
// const blob = new Blob([res], { |
||||
|
// type: 'application/vnd.ms-excel' |
||||
|
// }) |
||||
|
// const objectUrl = URL.createObjectURL(blob) |
||||
|
// window.location.href = objectUrl |
||||
|
// this.$notify({ |
||||
|
// title: '提示', |
||||
|
// message: '导出成功', |
||||
|
// type: 'success', |
||||
|
// duration: 2000 |
||||
|
// }) |
||||
|
// }) |
||||
|
// }, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,437 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="baseManufacturerDto" :rules="rules" class="formadd"> |
||||
|
<div class="title"> |
||||
|
<div>基本信息</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="manufacturerName"> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>简称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>编码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="manufacturerCode"> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerCode" :disabled="!isShow" maxlength="20" placeholder="请填写金蝶供应商编码，如无请自己创建编码" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>分类</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="supplierTypeValue"> |
||||
|
<el-select v-model="baseManufacturerDto.supplierTypeValue" class="addinputw" placeholder="" @change="changeSupplierType"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue" :disabled="item.dictValue === '主机厂' || item.dictValue === '分公司'"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>通讯地址</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item prop="manufacturerAddress"> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerAddress" maxlength="80" placeholder="" class="addinputw addinputw01" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>供应商办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerTelePhone" maxlength="20" placeholder="例:010-88888888" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>传真</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerFax" maxlength="20" placeholder="例:010-88888888" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人姓名</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="contactName"> |
||||
|
<el-input v-model="baseManufacturerDto.contactName" maxlength="5" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人手机号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="contactMobile"> |
||||
|
<el-input v-model="baseManufacturerDto.contactMobile" maxlength="11" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>联系人办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="baseManufacturerDto.contactTelePhone" maxlength="14" placeholder="例:010-88888888" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>微信号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="weChatID"> |
||||
|
<el-input v-model="baseManufacturerDto.weChatID" maxlength="100" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮编</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop=""> |
||||
|
<el-input v-model="baseManufacturerDto.zipCode" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮箱</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="baseManufacturerDto.email" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="divStyle"> |
||||
|
<div>开户行信息</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="addBank()">新增 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="baseManufacturerBankDto" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column fixed label="操作" align="center" width="130"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button size="mini" type="danger" @click="handleDel(baseManufacturerBankDto[scope.$index])">删除</el-button> |
||||
|
<el-button size="mini" type="primary" @click="handleEdit(baseManufacturerBankDto[scope.$index],scope.$index)">编辑 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center"/> |
||||
|
<el-table-column prop="depositBank" width="180px" label="开户银行" align="center"/> |
||||
|
<el-table-column prop="bankAccount" width="160px" label="银行账号" align="center"/> |
||||
|
<el-table-column prop="accountName" width="130px" label="账号名称" align="center"/> |
||||
|
<el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center"/> |
||||
|
<el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center"/> |
||||
|
<el-table-column prop="paymentLines" width="160px" label="联行号" align="center"/> |
||||
|
<el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center"/> |
||||
|
<el-table-column prop="currency" width="130px" label="币种" align="center"/> |
||||
|
<el-table-column prop="remarks" width="240px" label="描述" align="center"/> |
||||
|
<el-table-column prop="actualPay" width="240px" label="厂家销售通路" align="center"/> |
||||
|
<el-table-column prop="paymentAccessNoValue" width="240px" label="付款通路编码" align="center"/> |
||||
|
</el-table> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<gongyingshangBank v-show="viewState == 2 || viewState == 3" ref="divBank" @doback="resetState" @handleBank="backData"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import req from '@/api/gongyingshang/gongyingshang' |
||||
|
// import { typeValues } from '@/api/cheliang/dictcommons' |
||||
|
import gongyingshangBank from './relation/gongyingshangBank' |
||||
|
|
||||
|
export default { |
||||
|
name: 'gongyingshangAdd', |
||||
|
components: { |
||||
|
gongyingshangBank |
||||
|
}, |
||||
|
data() { |
||||
|
var checkSubmit = (rule, value, callback) => { |
||||
|
const Submit = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ |
||||
|
if (Submit.test(value)) { |
||||
|
return callback() |
||||
|
} |
||||
|
callback(new Error('请输入手机号')) |
||||
|
} |
||||
|
var checkChuanzhen = (rule, value, callback) => { |
||||
|
const BanGongDianHua = /\d{3}-\d{8}|\d{4}-\d{7}/ |
||||
|
if (value) { |
||||
|
// 如果没有通过验证！！ |
||||
|
if (!BanGongDianHua.test(value)) { |
||||
|
callback(new Error('请输入正确的传真格式')) |
||||
|
} |
||||
|
callback() |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
return { |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
viewState: 1, |
||||
|
viewTitle: '', |
||||
|
dialogStatus: '', |
||||
|
sid: '', |
||||
|
isShow: true, |
||||
|
supplierType_list: [], |
||||
|
baseManufacturerDto: { |
||||
|
manufacturerName: '', |
||||
|
manufacturerAs: '', |
||||
|
manufacturerCode: '', |
||||
|
supplierType: '', |
||||
|
supplierTypeValue: '', |
||||
|
manufacturerAddress: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
manufacturerFax: '', |
||||
|
contactName: '', |
||||
|
contactMobile: '', |
||||
|
contactTelePhone: '', |
||||
|
weChatID: '', |
||||
|
zipCode: '', |
||||
|
email: '', |
||||
|
createOrg: '', |
||||
|
useOrg: '' |
||||
|
}, |
||||
|
baseManufacturerBankDto: [], |
||||
|
rules: { |
||||
|
manufacturerName: [{ |
||||
|
required: true, |
||||
|
message: '请填写供应商名称', |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
supplierTypeValue: [{ |
||||
|
required: true, |
||||
|
message: '请选择分类', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
manufacturerAddress: [{ |
||||
|
required: true, |
||||
|
message: '请填写供应商通讯地址', |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
manufacturerFax: [{ |
||||
|
required: true, |
||||
|
validator: checkChuanzhen, |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
contactName: [{ |
||||
|
required: true, |
||||
|
message: '请填写联系人名字', |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
contactMobile: [{ |
||||
|
required: true, |
||||
|
validator: checkSubmit, |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
manufacturerCode: [{ |
||||
|
required: true, |
||||
|
message: '编码不能为空', |
||||
|
trigger: 'blur' |
||||
|
}] |
||||
|
}, |
||||
|
submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'supplierType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.supplierType_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
changeSupplierType(value) { |
||||
|
let bb = null |
||||
|
this.supplierType_list.forEach((e) => { |
||||
|
if (e.dictValue === value) { |
||||
|
bb = { |
||||
|
key: e.dictKey, |
||||
|
value: e.dictValue |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
this.baseManufacturerDto.supplierType = bb.key |
||||
|
}, |
||||
|
addBank() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divBank'].showAdd() |
||||
|
}, |
||||
|
backData(info, index) { |
||||
|
this.viewState = 1 |
||||
|
if (index === '') { |
||||
|
this.baseManufacturerBankDto.push({ |
||||
|
country: info.country, |
||||
|
dueBankValue: info.dueBankValue, |
||||
|
dueBankKey: info.dueBankKey, |
||||
|
depositBank: info.depositBank, |
||||
|
bankAccount: info.bankAccount, |
||||
|
accountName: info.accountName, |
||||
|
bankingOutlets: info.bankingOutlets, |
||||
|
bankAddress: info.bankAddress, |
||||
|
paymentLines: info.paymentLines, |
||||
|
swiftCode: info.swiftCode, |
||||
|
currency: info.currency, |
||||
|
remarks: info.remarks, |
||||
|
actualPay: info.actualPay, |
||||
|
actualPayKey: info.actualPayKey, |
||||
|
paymentAccessNoValue: info.paymentAccessNoValue, |
||||
|
paymentAccessNoKey: info.paymentAccessNoValue |
||||
|
}) |
||||
|
return |
||||
|
} |
||||
|
if (index >= 0) { |
||||
|
this.baseManufacturerBankDto[index] = { |
||||
|
country: info.country, |
||||
|
dueBankValue: info.dueBankValue, |
||||
|
dueBankKey: info.dueBankKey, |
||||
|
depositBank: info.depositBank, |
||||
|
bankAccount: info.bankAccount, |
||||
|
accountName: info.accountName, |
||||
|
bankingOutlets: info.bankingOutlets, |
||||
|
bankAddress: info.bankAddress, |
||||
|
paymentLines: info.paymentLines, |
||||
|
swiftCode: info.swiftCode, |
||||
|
currency: info.currency, |
||||
|
remarks: info.remarks, |
||||
|
actualPay: info.actualPay, |
||||
|
actualPayKey: info.actualPayKey, |
||||
|
paymentAccessNoValue: info.paymentAccessNoValue, |
||||
|
paymentAccessNoKey: info.paymentAccessNoValue |
||||
|
} |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
handleDel(index) { |
||||
|
this.baseManufacturerBankDto.splice(this.baseManufacturerBankDto.indexOf(index), 1) |
||||
|
}, |
||||
|
handleEdit(row, index) { |
||||
|
this.viewState = 3 |
||||
|
const bankInfo = row |
||||
|
this.$refs['divBank'].showEdit(bankInfo, index) |
||||
|
}, |
||||
|
showAdd(createOrgSid) { |
||||
|
this.init() |
||||
|
this.dialogStatus = 'add' |
||||
|
this.viewTitle = '【新增】供应商' |
||||
|
this.baseManufacturerDto.createOrg = createOrgSid |
||||
|
this.baseManufacturerDto.useOrg = createOrgSid |
||||
|
}, |
||||
|
showEdit(row) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.dialogStatus = 'edit' |
||||
|
this.isShow = row.isShow |
||||
|
req.fetchBySid(row.sid).then(resp => { |
||||
|
this.sid = row.sid |
||||
|
this.baseManufacturerDto = resp.data.baseManufacturerDto |
||||
|
this.baseManufacturerBankDto = resp.data.baseManufacturerBankDto |
||||
|
}).catch(e => { |
||||
|
this.formobj = row |
||||
|
}) |
||||
|
}, |
||||
|
handleSave() { |
||||
|
this.$refs['form_obj'].validate(valid => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
const formobj = { |
||||
|
baseManufacturerBankDto: this.baseManufacturerBankDto, |
||||
|
baseManufacturerDto: this.baseManufacturerDto |
||||
|
} |
||||
|
if (this.dialogStatus === 'add') { |
||||
|
req.save(formobj).then(resp => { |
||||
|
this.submitdisabled = false |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: resp.msg }) |
||||
|
this.handleReturn('true') |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} else if (this.dialogStatus === 'edit') { |
||||
|
req.update(formobj, this.sid).then(resp => { |
||||
|
this.submitdisabled = false |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: resp.msg }) |
||||
|
this.handleReturn('true') |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} |
||||
|
} else { |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleLook(sid) { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divPaiChan'].showInfo(sid) |
||||
|
}, |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.dialogStatus = '' |
||||
|
this.sid = '' |
||||
|
this.baseManufacturerDto = {} |
||||
|
this.baseManufacturerBankDto = [] |
||||
|
this.isShow = true |
||||
|
this.$refs['form_obj'].resetFields() |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.divStyle { |
||||
|
padding: 7px; |
||||
|
font-weight: bold; |
||||
|
font-size: 16px; |
||||
|
background-color: #0294d7; |
||||
|
text-align: left; |
||||
|
color: #ffffff; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,254 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="baseManufacturerDto" :rules="rules" class="formadd"> |
||||
|
<div class="title"> |
||||
|
<div>基本信息</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerName }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>简称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerAs }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>编码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="manufacturerCode"> |
||||
|
<el-input v-model="baseManufacturerDto.manufacturerCode" maxlength="20" placeholder="" class="addinputw" clearable /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>分类</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.supplierTypeValue }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>通讯地址</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerAddress }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerTelePhone }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>传真</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerFax }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人姓名</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.contactName }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人手机号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.contactMobile }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>联系人办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.contactTelePhone }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>微信号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.weChatID }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮编</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.zipCode }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮箱</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.email }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<div>开户行信息</div> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="baseManufacturerBankDto" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="60px" label="序号" type="index" :index="index + 1" align="center" /> |
||||
|
<el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center" /> |
||||
|
<el-table-column prop="depositBank" width="180px" label="开户银行" align="center" /> |
||||
|
<el-table-column prop="bankAccount" width="160px" label="银行账号" align="center" /> |
||||
|
<el-table-column prop="accountName" width="130px" label="账号名称" align="center" /> |
||||
|
<el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center" /> |
||||
|
<el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center" /> |
||||
|
<el-table-column prop="paymentLines" width="160px" label="联行号" align="center" /> |
||||
|
<el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center" /> |
||||
|
<el-table-column prop="currency" width="130px" label="币种" align="center" /> |
||||
|
<el-table-column prop="remarks" width="240px" label="描述" align="center" /> |
||||
|
<el-table-column prop="actualPay" width="240px" label="厂家销售通路" align="center" /> |
||||
|
<el-table-column prop="paymentAccessNoValue" width="240px" label="付款通路编码" align="center" /> |
||||
|
</el-table> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import req from '@/api/gongyingshang/gongyingshang' |
||||
|
|
||||
|
export default { |
||||
|
name: 'gongyingshangInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
viewTitle: '', |
||||
|
supplierType_list: [], |
||||
|
baseManufacturerDto: { |
||||
|
manufacturerName: '', |
||||
|
manufacturerAs: '', |
||||
|
manufacturerCode: '', |
||||
|
supplierType: '', |
||||
|
supplierTypeValue: '', |
||||
|
manufacturerAddress: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
manufacturerFax: '', |
||||
|
contactName: '', |
||||
|
contactMobile: '', |
||||
|
contactTelePhone: '', |
||||
|
weChatID: '', |
||||
|
zipCode: '', |
||||
|
email: '', |
||||
|
createOrg: '', |
||||
|
useOrg: '' |
||||
|
}, |
||||
|
sid: '', |
||||
|
baseManufacturerBankDto: [], |
||||
|
rules: { |
||||
|
manufacturerCode: [{ |
||||
|
required: true, |
||||
|
message: '编码不能为空', |
||||
|
trigger: 'blur' |
||||
|
}] |
||||
|
}, |
||||
|
submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.viewTitle = '供应商详情' |
||||
|
req.fetchBySid(row.sid).then(resp => { |
||||
|
this.sid = row.sid |
||||
|
this.baseManufacturerDto = resp.data.baseManufacturerDto |
||||
|
this.baseManufacturerBankDto = resp.data.baseManufacturerBankDto |
||||
|
}).catch(e => { |
||||
|
this.formobj = row |
||||
|
}) |
||||
|
}, |
||||
|
handleSave() { |
||||
|
if (this.baseManufacturerDto.manufacturerCode === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '编码不能为空' }) |
||||
|
return |
||||
|
} |
||||
|
const tip = '请确认编码是否正确,保存后信息将无法修改' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const formobj = { |
||||
|
baseManufacturerBankDto: this.baseManufacturerBankDto, |
||||
|
baseManufacturerDto: this.baseManufacturerDto |
||||
|
} |
||||
|
req.update(formobj, this.sid).then(resp => { |
||||
|
this.submitdisabled = false |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: resp.msg }) |
||||
|
this.handleReturn('true') |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.dialogStatus = '' |
||||
|
this.sid = '' |
||||
|
this.baseManufacturerDto = {} |
||||
|
this.baseManufacturerBankDto = [] |
||||
|
this.$refs['form_obj'].resetFields() |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,212 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="baseManufacturerDto" :rules="rules" class="formadd"> |
||||
|
<div class="title"> |
||||
|
<div>基本信息</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerName }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>简称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerAs }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>编码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerCode }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>分类</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.supplierTypeValue }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>通讯地址</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerAddress }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerTelePhone }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>传真</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.manufacturerFax }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人姓名</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.contactName }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人手机号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.contactMobile }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>联系人办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.contactTelePhone }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>微信号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.weChatID }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮编</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.zipCode }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮箱</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ baseManufacturerDto.email }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<div>开户行信息</div> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="baseManufacturerBankDto" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="60px" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center"/> |
||||
|
<el-table-column prop="depositBank" width="180px" label="开户银行" align="center"/> |
||||
|
<el-table-column prop="bankAccount" width="160px" label="银行账号" align="center"/> |
||||
|
<el-table-column prop="accountName" width="130px" label="账号名称" align="center"/> |
||||
|
<el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center"/> |
||||
|
<el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center"/> |
||||
|
<el-table-column prop="paymentLines" width="160px" label="联行号" align="center"/> |
||||
|
<el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center"/> |
||||
|
<el-table-column prop="currency" width="130px" label="币种" align="center"/> |
||||
|
<el-table-column prop="remarks" width="240px" label="描述" align="center"/> |
||||
|
<el-table-column prop="actualPay" width="240px" label="厂家销售通路" align="center"/> |
||||
|
<el-table-column prop="paymentAccessNoValue" width="240px" label="付款通路编码" align="center"/> |
||||
|
</el-table> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import req from '@/api/gongyingshang/gongyingshang' |
||||
|
|
||||
|
export default { |
||||
|
name: 'gongyingshangInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
viewTitle: '', |
||||
|
supplierType_list: [], |
||||
|
baseManufacturerDto: { |
||||
|
manufacturerName: '', |
||||
|
manufacturerAs: '', |
||||
|
manufacturerCode: '', |
||||
|
supplierType: '', |
||||
|
supplierTypeValue: '', |
||||
|
manufacturerAddress: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
manufacturerFax: '', |
||||
|
contactName: '', |
||||
|
contactMobile: '', |
||||
|
contactTelePhone: '', |
||||
|
weChatID: '', |
||||
|
zipCode: '', |
||||
|
email: '', |
||||
|
createOrg: '', |
||||
|
useOrg: '' |
||||
|
}, |
||||
|
baseManufacturerBankDto: [], |
||||
|
rules: {}, |
||||
|
submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.viewTitle = '供应商详情' |
||||
|
req.fetchBySid(row.sid).then(resp => { |
||||
|
this.baseManufacturerDto = resp.data.baseManufacturerDto |
||||
|
this.baseManufacturerBankDto = resp.data.baseManufacturerBankDto |
||||
|
}).catch(e => { |
||||
|
this.formobj = row |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,385 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="供应商管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
||||
|
<el-form-item label="厂商名称"> |
||||
|
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="厂商分类"> |
||||
|
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择厂商分类"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="厂商办公电话"> |
||||
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人"> |
||||
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="btn"> |
||||
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">供应商信息列表</div> |
||||
|
<!-- 翻页分页 --> |
||||
|
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<el-table-column label="操作" fixed align="center" width="90px" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="{row}"> |
||||
|
<el-button size="mini" type="primary" :disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')" @click="handleEdit(row)">编辑</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="jc" label="供应商名称" width="220" header-align="center" align="left"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.manufacturerName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供应商分类" width="110" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.supplierTypeValue }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供应商通讯地址" width="" header-align="center" align="left"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.manufacturerAddress }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供应商办公电话" width="180" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.manufacturerTelePhone }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="联系人姓名" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.contactName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="联系人手机号码" width="140" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.contactMobile }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<gongyingshangAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="handleFilter"/> |
||||
|
<gongyingshangInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
||||
|
<gongyingshangByHosts v-show="viewState == 5" ref="divHosts" @doback="resetState" @reloadlist="handleFilter"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
// import { typeValues, getOrgSidByPath } from '@/api/cheliang/dictcommons' |
||||
|
import gongyingshangAdd from './gongyingshangAdd' |
||||
|
import gongyingshangInfo from './gongyingshangInfo' |
||||
|
// import req from '@/api/gongyingshang/gongyingshang' |
||||
|
import gongyingshangByHosts from './gongyingshangByHosts' |
||||
|
|
||||
|
export default { |
||||
|
name: 'gongyingshangguanli', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
gongyingshangAdd, |
||||
|
gongyingshangInfo, |
||||
|
gongyingshangByHosts |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: 'plus', |
||||
|
btnKey: 'toAdd', |
||||
|
btnLabel: '新增' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'danger', |
||||
|
size: 'small', |
||||
|
icon: 'del', |
||||
|
btnKey: 'doDel', |
||||
|
btnLabel: '删除' |
||||
|
}, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toChangShang', |
||||
|
// btnLabel: '获取厂商' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toGain', |
||||
|
// btnLabel: '获取分公司' |
||||
|
// }, |
||||
|
{ |
||||
|
type: 'success', |
||||
|
size: 'small', |
||||
|
icon: 'export', |
||||
|
btnKey: 'build', |
||||
|
btnLabel: '导出' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
viewState: 1, |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
sids: [], |
||||
|
// 查询 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [{}], |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
manufacturerName: '', |
||||
|
supplierType: '', |
||||
|
useOrgSid: '', |
||||
|
createOrgSid: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
contactName: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0 |
||||
|
}, |
||||
|
supplierType_list: [], |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'toAdd': |
||||
|
this.toAdd() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
break |
||||
|
case 'toChangShang': |
||||
|
this.toChangShang() |
||||
|
break |
||||
|
case 'toGain': |
||||
|
this.toGain() |
||||
|
break |
||||
|
case 'doExport': |
||||
|
this.doExport() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
init() { |
||||
|
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.listQuery.params.createOrgSid = res.data |
||||
|
this.getType() |
||||
|
this.getList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getType() { |
||||
|
typeValues({ |
||||
|
type: 'supplierType' |
||||
|
}).then((res) => { |
||||
|
if (res.code === '200') { |
||||
|
this.supplierType_list = res.data |
||||
|
console.log('厂商分类', this.supplierType_list) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
this.listLoading = true |
||||
|
req.gysPagerList(this.listQuery).then((response) => { |
||||
|
this.listLoading = false |
||||
|
if (response.code === '200' && response.data && response.data.total > 0) { |
||||
|
this.list = response.data.records |
||||
|
this.listQuery.total = response.data.total |
||||
|
} else { |
||||
|
this.list = [] |
||||
|
this.listQuery.total = 0 |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
this.listQuery = { |
||||
|
params: { |
||||
|
manufacturerName: '', |
||||
|
supplierType: '', |
||||
|
useOrgSid: '', |
||||
|
createOrgSid: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
contactName: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 5 |
||||
|
} |
||||
|
this.init() |
||||
|
}, |
||||
|
// 打开添加对话框 |
||||
|
toAdd() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
||||
|
}, |
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 根据本行ID删除数据 |
||||
|
doDel() { |
||||
|
if (this.sids.length > 0) { |
||||
|
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
req.delBySids(this.sids.toString()).then(resp => { |
||||
|
if (resp.success) { |
||||
|
loading.close() |
||||
|
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
||||
|
this.getList() |
||||
|
} else { |
||||
|
loading.close() |
||||
|
} |
||||
|
}).catch(e => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message({ type: 'error', message: '没有选择厂商!!', showClose: true }) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
toChangShang() { |
||||
|
req.saveGysByOrgSid(this.listQuery.params.createOrgSid).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
this.getList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
toGain() { |
||||
|
req.saveAllByOrgSid({ orgSid: this.listQuery.params.createOrgSid }).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
this.getList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleEdit(row) { |
||||
|
if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divadd'].showEdit(row) |
||||
|
} else { |
||||
|
this.viewState = 5 |
||||
|
this.$refs['divHosts'].showInfo(row) |
||||
|
} |
||||
|
}, |
||||
|
// 打开查看 |
||||
|
handleCheck(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divinfo'].showInfo(row) |
||||
|
}, |
||||
|
// 导出 |
||||
|
// doExport() { |
||||
|
// basefinbankExportExcel(this.sids).then((res) => { |
||||
|
// const blob = new Blob([res], { |
||||
|
// type: 'application/vnd.ms-excel' |
||||
|
// }) |
||||
|
// const objectUrl = URL.createObjectURL(blob) |
||||
|
// window.location.href = objectUrl |
||||
|
// this.$notify({ |
||||
|
// title: '提示', |
||||
|
// message: '导出成功', |
||||
|
// type: 'success', |
||||
|
// duration: 2000 |
||||
|
// }) |
||||
|
// }) |
||||
|
// }, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,231 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="dataForm" :model="bankInfo" class="formadd" :rules="rules"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb "> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>国家</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="bankInfo.country" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>账户类型</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="dueBank"> <!--dueBankKey dueBankValue--> |
||||
|
<el-select v-model="bankInfo.dueBankValue" class="addinputw" placeholder="" @change="receiptBankChange"> |
||||
|
<el-option v-for="item in receiptBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>开户银行</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="depositBank"> |
||||
|
<el-input v-model="bankInfo.depositBank" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>银行账号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="bankAccount"> |
||||
|
<!--@keyup.native="bankInfo.bankAccount = oninput(bankInfo.bankAccount,2)"--> |
||||
|
<el-input v-model="bankInfo.bankAccount" maxlength="125" placeholder="" class="addinputw" clearable |
||||
|
onkeyup="value=value.replace(/[^\d]/g,'')"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>账户名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="accountName"> |
||||
|
<el-input v-model="bankInfo.accountName" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>银行网点</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="bankingOutlets"> |
||||
|
<el-input v-model="bankInfo.bankingOutlets" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>开户行地址</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="bankAddress"> |
||||
|
<el-input v-model="bankInfo.bankAddress" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>联行号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="paymentLines"> |
||||
|
<el-input v-model="bankInfo.paymentLines" maxlength="125" placeholder="" class="addinputw" clearable |
||||
|
onkeyup="value=value.replace(/[^\d]/g,'')"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>Swiftcode(银行代码)</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="swiftCode"> |
||||
|
<el-input v-model="bankInfo.swiftCode" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>币种</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="currency"> |
||||
|
<el-input v-model="bankInfo.currency" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>描述</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="bankInfo.remarks" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import { typeValues } from '@/api/cheliang/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'gongyingshangBank', |
||||
|
data() { |
||||
|
return { |
||||
|
bankInfo_index: '', |
||||
|
viewTitle: '', |
||||
|
dialogStatus: '', |
||||
|
receiptBank_list: [], |
||||
|
bankInfo: { |
||||
|
country: '中国', |
||||
|
dueBankValue: '', |
||||
|
depositBank: '', |
||||
|
bankAccount: '', |
||||
|
accountName: '', |
||||
|
bankingOutlets: '', |
||||
|
bankAddress: '', |
||||
|
paymentLines: '', |
||||
|
swiftCode: '', |
||||
|
currency: '人民币', |
||||
|
remarks: '' |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getType() { |
||||
|
typeValues({ type: 'accountType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.receiptBank_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
receiptBankChange(val) { |
||||
|
if (val) { |
||||
|
const choosetItem = this.receiptBank_list.filter((item) => item.dictValue === val) |
||||
|
this.bankInfo.dueBankKey = choosetItem[0].dictKey |
||||
|
} |
||||
|
}, |
||||
|
showAdd() { |
||||
|
this.bankInfo = { |
||||
|
country: '中国', |
||||
|
dueBankValue: '', |
||||
|
depositBank: '', |
||||
|
bankAccount: '', |
||||
|
accountName: '', |
||||
|
bankingOutlets: '', |
||||
|
bankAddress: '', |
||||
|
paymentLines: '', |
||||
|
swiftCode: '', |
||||
|
currency: '人民币', |
||||
|
remarks: '' |
||||
|
} |
||||
|
this.bankInfo_index = '' |
||||
|
this.dialogStatus = 'add' |
||||
|
this.viewTitle = '【新增】开户行信息' |
||||
|
this.getType() |
||||
|
}, |
||||
|
showEdit(bankInfo, index) { |
||||
|
this.dialogStatus = 'edit' |
||||
|
this.viewTitle = '【编辑】开户行信息' |
||||
|
this.bankInfo = bankInfo |
||||
|
this.bankInfo_index = index |
||||
|
this.getType() |
||||
|
}, |
||||
|
handleCreate() { |
||||
|
if (this.dialogStatus === 'add') { |
||||
|
if (JSON.stringify(this.bankInfo) !== '{}') { |
||||
|
this.$emit('handleBank', this.bankInfo, this.bankInfo_index) |
||||
|
} else { |
||||
|
this.$message({ |
||||
|
showClose: true, |
||||
|
message: '请填写开户行信息！', |
||||
|
type: 'error' |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
if (this.dialogStatus === 'edit') { |
||||
|
this.$emit('handleBank', this.bankInfo, this.bankInfo_index) |
||||
|
} |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.dialogStatus = '' |
||||
|
this.bankInfo = { |
||||
|
country: '中国', |
||||
|
dueBankValue: '', |
||||
|
depositBank: '', |
||||
|
bankAccount: '', |
||||
|
accountName: '', |
||||
|
bankingOutlets: '', |
||||
|
bankAddress: '', |
||||
|
paymentLines: '', |
||||
|
swiftCode: '', |
||||
|
currency: '人民币', |
||||
|
remarks: '' |
||||
|
} |
||||
|
this.bankInfo_index = '' |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,409 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="设备日志" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
||||
|
<el-form-item label="设备类型"> |
||||
|
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择楼层"> |
||||
|
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label="厂商办公电话"> |
||||
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人"> |
||||
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
<div class="btn"> |
||||
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">设备日志信息列表</div> |
||||
|
<!-- 翻页分页 --> |
||||
|
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="{row}"> |
||||
|
<el-button size="mini" type="primary" :disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')" @click="handleEdit(row)">编辑</el-button> |
||||
|
<el-button size="mini" type="primary" @click="handleCheck(row)">详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<!-- <el-table-column prop="jc" label="设备" width="220" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备类型" width="110" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.supplierTypeValue }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备位置" width="" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.weizhi }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="出厂时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.time }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="安装时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.anzhuangtime }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供货商" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="生产厂家" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="保修截止日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- <baojingchaxunAdd v-show="viewState == 2" ref="divadd" @doback="resetState" @reloadlist="handleFilter"/> |
||||
|
<baojingchaxunInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
// import { typeValues, getOrgSidByPath } from '@/api/cheliang/dictcommons' |
||||
|
// import baojingchaxunAdd from './baojingchaxunAdd' |
||||
|
// import baojingchaxunInfo from './baojingchaxunInfo' |
||||
|
// import req from '@/api/baojingchaxun/baojingchaxun' |
||||
|
|
||||
|
export default { |
||||
|
name: 'baojingchaxunList', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
// baojingchaxunAdd, |
||||
|
// baojingchaxunInfo, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: 'plus', |
||||
|
// btnKey: 'toAdd', |
||||
|
// btnLabel: '新增' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'danger', |
||||
|
// size: 'small', |
||||
|
// icon: 'del', |
||||
|
// btnKey: 'doDel', |
||||
|
// btnLabel: '删除' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toChangShang', |
||||
|
// btnLabel: '获取厂商' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toGain', |
||||
|
// btnLabel: '获取分公司' |
||||
|
// }, |
||||
|
|
||||
|
// { |
||||
|
// type: 'success', |
||||
|
// size: 'small', |
||||
|
// icon: 'export', |
||||
|
// btnKey: 'build', |
||||
|
// btnLabel: '导出' |
||||
|
// }, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
viewState: 1, |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
sids: [], |
||||
|
// 查询 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' |
||||
|
,supplierTypeValue:'222',zhuangtai:'222'} |
||||
|
], |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
manufacturerName: '', |
||||
|
supplierType: '', |
||||
|
useOrgSid: '', |
||||
|
createOrgSid: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
contactName: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0 |
||||
|
}, |
||||
|
supplierType_list: [], |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
// this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'toAdd': |
||||
|
this.toAdd() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
break |
||||
|
case 'toChangShang': |
||||
|
this.toChangShang() |
||||
|
break |
||||
|
case 'toGain': |
||||
|
this.toGain() |
||||
|
break |
||||
|
case 'doExport': |
||||
|
this.doExport() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
// init() { |
||||
|
// getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
// if (res.success) { |
||||
|
// this.listQuery.params.createOrgSid = res.data |
||||
|
// this.getType() |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// getType() { |
||||
|
// typeValues({ |
||||
|
// type: 'supplierType' |
||||
|
// }).then((res) => { |
||||
|
// if (res.code === '200') { |
||||
|
// this.supplierType_list = res.data |
||||
|
// console.log('选择楼层', this.supplierType_list) |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
// this.listLoading = true |
||||
|
// req.gysPagerList(this.listQuery).then((response) => { |
||||
|
// this.listLoading = false |
||||
|
// if (response.code === '200' && response.data && response.data.total > 0) { |
||||
|
// this.list = response.data.records |
||||
|
// this.listQuery.total = response.data.total |
||||
|
// } else { |
||||
|
// this.list = [] |
||||
|
// this.listQuery.total = 0 |
||||
|
// } |
||||
|
// }) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
// this.listQuery = { |
||||
|
// params: { |
||||
|
// manufacturerName: '', |
||||
|
// supplierType: '', |
||||
|
// useOrgSid: '', |
||||
|
// createOrgSid: '', |
||||
|
// manufacturerTelePhone: '', |
||||
|
// contactName: '' |
||||
|
// }, |
||||
|
// current: 1, |
||||
|
// size: 5 |
||||
|
// } |
||||
|
// this.init() |
||||
|
}, |
||||
|
// 打开添加对话框 |
||||
|
toAdd() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
||||
|
}, |
||||
|
|
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 根据本行ID删除数据 |
||||
|
doDel() { |
||||
|
if (this.sids.length > 0) { |
||||
|
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
req.delBySids(this.sids.toString()).then(resp => { |
||||
|
if (resp.success) { |
||||
|
loading.close() |
||||
|
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
||||
|
this.getList() |
||||
|
} else { |
||||
|
loading.close() |
||||
|
} |
||||
|
}).catch(e => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message({ type: 'error', message: '没有选择!!', showClose: true }) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
// toChangShang() { |
||||
|
// req.saveGysByOrgSid(this.listQuery.params.createOrgSid).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// toGain() { |
||||
|
// req.saveAllByOrgSid({ orgSid: this.listQuery.params.createOrgSid }).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
handleEdit(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divadd'].showEdit(row) |
||||
|
// if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { |
||||
|
// this.viewState = 3 |
||||
|
// this.$refs['divadd'].showEdit(row) |
||||
|
// } else { |
||||
|
// this.viewState = 5 |
||||
|
// this.$refs['divHosts'].showInfo(row) |
||||
|
// } |
||||
|
}, |
||||
|
// 打开查看 |
||||
|
handleCheck(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divinfo'].showInfo(row) |
||||
|
}, |
||||
|
// 导出 |
||||
|
// doExport() { |
||||
|
// basefinbankExportExcel(this.sids).then((res) => { |
||||
|
// const blob = new Blob([res], { |
||||
|
// type: 'application/vnd.ms-excel' |
||||
|
// }) |
||||
|
// const objectUrl = URL.createObjectURL(blob) |
||||
|
// window.location.href = objectUrl |
||||
|
// this.$notify({ |
||||
|
// title: '提示', |
||||
|
// message: '导出成功', |
||||
|
// type: 'success', |
||||
|
// duration: 2000 |
||||
|
// }) |
||||
|
// }) |
||||
|
// }, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,318 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="addForm" :rules="rules" class="formadd"> |
||||
|
<div class="title"> |
||||
|
<div>编辑信息</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="manufacturerName"> |
||||
|
<el-input v-model="addForm.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>简称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="addForm.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>编码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="manufacturerCode"> |
||||
|
<el-input v-model="addForm.manufacturerCode" :disabled="!isShow" maxlength="20" placeholder="请填写金蝶供应商编码，如无请自己创建编码" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>分类</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="supplierTypeValue"> |
||||
|
<el-select v-model="addForm.supplierTypeValue" class="addinputw" placeholder="" @change="changeSupplierType"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue" :disabled="item.dictValue === '主机厂' || item.dictValue === '分公司'"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>通讯地址</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item prop="manufacturerAddress"> |
||||
|
<el-input v-model="addForm.manufacturerAddress" maxlength="80" placeholder="" class="addinputw addinputw01" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>供应商办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="addForm.manufacturerTelePhone" maxlength="20" placeholder="例:010-88888888" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>传真</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="addForm.manufacturerFax" maxlength="20" placeholder="例:010-88888888" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人姓名</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="contactName"> |
||||
|
<el-input v-model="addForm.contactName" maxlength="5" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人手机号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="contactMobile"> |
||||
|
<el-input v-model="addForm.contactMobile" maxlength="11" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>联系人办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="addForm.contactTelePhone" maxlength="14" placeholder="例:010-88888888" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>微信号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop="weChatID"> |
||||
|
<el-input v-model="addForm.weChatID" maxlength="100" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮编</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item prop=""> |
||||
|
<el-input v-model="addForm.zipCode" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮箱</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="addForm.email" maxlength="20" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import req from '@/api/shebeitaizhang/shebeitaizhang' |
||||
|
// import { typeValues } from '@/api/cheliang/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'shebeitaizhangAdd', |
||||
|
data() { |
||||
|
var checkSubmit = (rule, value, callback) => { |
||||
|
const Submit = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ |
||||
|
if (Submit.test(value)) { |
||||
|
return callback() |
||||
|
} |
||||
|
callback(new Error('请输入手机号')) |
||||
|
} |
||||
|
var checkChuanzhen = (rule, value, callback) => { |
||||
|
const BanGongDianHua = /\d{3}-\d{8}|\d{4}-\d{7}/ |
||||
|
if (value) { |
||||
|
// 如果没有通过验证！！ |
||||
|
if (!BanGongDianHua.test(value)) { |
||||
|
callback(new Error('请输入正确的传真格式')) |
||||
|
} |
||||
|
callback() |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
return { |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
viewState: 1, |
||||
|
viewTitle: '', |
||||
|
dialogStatus: '', |
||||
|
sid: '', |
||||
|
isShow: true, |
||||
|
supplierType_list: [], |
||||
|
addForm: { |
||||
|
manufacturerName: '', |
||||
|
manufacturerAs: '', |
||||
|
manufacturerCode: '', |
||||
|
supplierType: '', |
||||
|
supplierTypeValue: '', |
||||
|
manufacturerAddress: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
manufacturerFax: '', |
||||
|
contactName: '', |
||||
|
contactMobile: '', |
||||
|
contactTelePhone: '', |
||||
|
weChatID: '', |
||||
|
zipCode: '', |
||||
|
email: '', |
||||
|
createOrg: '', |
||||
|
useOrg: '' |
||||
|
}, |
||||
|
baseManufacturerBankDto: [], |
||||
|
rules: { |
||||
|
manufacturerName: [{ |
||||
|
required: true, |
||||
|
message: '请填写供应商名称', |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
supplierTypeValue: [{ |
||||
|
required: true, |
||||
|
message: '请选择分类', |
||||
|
trigger: 'change' |
||||
|
}], |
||||
|
manufacturerAddress: [{ |
||||
|
required: true, |
||||
|
message: '请填写供应商通讯地址', |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
manufacturerFax: [{ |
||||
|
required: true, |
||||
|
validator: checkChuanzhen, |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
contactName: [{ |
||||
|
required: true, |
||||
|
message: '请填写联系人名字', |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
contactMobile: [{ |
||||
|
required: true, |
||||
|
validator: checkSubmit, |
||||
|
trigger: 'blur' |
||||
|
}], |
||||
|
manufacturerCode: [{ |
||||
|
required: true, |
||||
|
message: '编码不能为空', |
||||
|
trigger: 'blur' |
||||
|
}] |
||||
|
}, |
||||
|
submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'supplierType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.supplierType_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
changeSupplierType(value) { |
||||
|
let bb = null |
||||
|
this.supplierType_list.forEach((e) => { |
||||
|
if (e.dictValue === value) { |
||||
|
bb = { |
||||
|
key: e.dictKey, |
||||
|
value: e.dictValue |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
this.addForm.supplierType = bb.key |
||||
|
}, |
||||
|
handleSave() { |
||||
|
this.$refs['form_obj'].validate(valid => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
const formobj = { |
||||
|
baseManufacturerBankDto: this.baseManufacturerBankDto, |
||||
|
addForm: this.addForm |
||||
|
} |
||||
|
if (this.dialogStatus === 'add') { |
||||
|
req.save(formobj).then(resp => { |
||||
|
this.submitdisabled = false |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: resp.msg }) |
||||
|
this.handleReturn('true') |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} else if (this.dialogStatus === 'edit') { |
||||
|
req.update(formobj, this.sid).then(resp => { |
||||
|
this.submitdisabled = false |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: resp.msg }) |
||||
|
this.handleReturn('true') |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} |
||||
|
} else { |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.dialogStatus = '' |
||||
|
this.sid = '' |
||||
|
this.addForm = {} |
||||
|
this.baseManufacturerBankDto = [] |
||||
|
this.isShow = true |
||||
|
this.$refs['form_obj'].resetFields() |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.divStyle { |
||||
|
padding: 7px; |
||||
|
font-weight: bold; |
||||
|
font-size: 16px; |
||||
|
background-color: #0294d7; |
||||
|
text-align: left; |
||||
|
color: #ffffff; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,212 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="infoForm" :rules="rules" class="formadd"> |
||||
|
<div class="title"> |
||||
|
<div>详情信息</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.manufacturerName }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>简称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.manufacturerAs }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>编码</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.manufacturerCode }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>分类</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.supplierTypeValue }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>通讯地址</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.manufacturerAddress }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>供应商办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.manufacturerTelePhone }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>传真</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.manufacturerFax }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人姓名</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.contactName }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span><span class="icon">*</span>联系人手机号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.contactMobile }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>联系人办公电话</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.contactTelePhone }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>微信号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.weChatID }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮编</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.zipCode }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>邮箱</span> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item> |
||||
|
<span>{{ infoForm.email }}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<!-- <div class="title"> |
||||
|
<div>开户行信息</div> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="baseManufacturerBankDto" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="60px" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center"/> |
||||
|
<el-table-column prop="depositBank" width="180px" label="开户银行" align="center"/> |
||||
|
<el-table-column prop="bankAccount" width="160px" label="银行账号" align="center"/> |
||||
|
<el-table-column prop="accountName" width="130px" label="账号名称" align="center"/> |
||||
|
<el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center"/> |
||||
|
<el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center"/> |
||||
|
<el-table-column prop="paymentLines" width="160px" label="联行号" align="center"/> |
||||
|
<el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center"/> |
||||
|
<el-table-column prop="currency" width="130px" label="币种" align="center"/> |
||||
|
<el-table-column prop="remarks" width="240px" label="描述" align="center"/> |
||||
|
<el-table-column prop="actualPay" width="240px" label="厂家销售通路" align="center"/> |
||||
|
<el-table-column prop="paymentAccessNoValue" width="240px" label="付款通路编码" align="center"/> |
||||
|
</el-table> --> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import req from '@/api/shebeitaizhang/shebeitaizhang' |
||||
|
|
||||
|
export default { |
||||
|
name: 'shebeitaizhangInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
// tableKey: 0, |
||||
|
// index: 0, |
||||
|
viewTitle: '', |
||||
|
// supplierType_list: [], |
||||
|
infoForm: { |
||||
|
manufacturerName: '111', |
||||
|
manufacturerAs: '222', |
||||
|
manufacturerCode: '333', |
||||
|
supplierType: '444', |
||||
|
supplierTypeValue: '455', |
||||
|
manufacturerAddress: '666', |
||||
|
manufacturerTelePhone: '777', |
||||
|
manufacturerFax: '888', |
||||
|
contactName: '999', |
||||
|
contactMobile: '12', |
||||
|
contactTelePhone: '133', |
||||
|
weChatID: '1112222', |
||||
|
zipCode: '1555', |
||||
|
email: '166', |
||||
|
createOrg: '1777', |
||||
|
useOrg: '1888' |
||||
|
}, |
||||
|
// baseManufacturerBankDto: [], |
||||
|
rules: {}, |
||||
|
// submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.viewTitle = '设备台账详情' |
||||
|
// req.fetchBySid(row.sid).then(resp => { |
||||
|
// this.infoForm = resp.data.infoForm |
||||
|
// this.baseManufacturerBankDto = resp.data.baseManufacturerBankDto |
||||
|
// }).catch(e => { |
||||
|
// this.formobj = row |
||||
|
// }) |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,415 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="设备台账" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
||||
|
<el-form-item label="设备类型"> |
||||
|
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择楼层"> |
||||
|
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label="厂商办公电话"> |
||||
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人"> |
||||
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
<div class="btn"> |
||||
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">设备台账信息列表</div> |
||||
|
<!-- 翻页分页 --> |
||||
|
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="{row}"> |
||||
|
<el-button size="mini" type="primary" :disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')" @click="handleEdit(row)">编辑</el-button> |
||||
|
<el-button size="mini" type="primary" @click="handleCheck(row)">详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<!-- <el-table-column prop="jc" label="设备" width="220" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备类型" width="110" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.supplierTypeValue }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备位置" width="" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.weizhi }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="出厂时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.time }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="安装时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.anzhuangtime }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供货商" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="生产厂家" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="保修截止日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<shebeitaizhangAdd v-show="viewState == 2" ref="divadd" @doback="resetState" @reloadlist="handleFilter"/> |
||||
|
<shebeitaizhangInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
// import { typeValues, getOrgSidByPath } from '@/api/cheliang/dictcommons' |
||||
|
import shebeitaizhangAdd from './shebeitaizhangAdd' |
||||
|
import shebeitaizhangInfo from './shebeitaizhangInfo' |
||||
|
// import req from '@/api/shebeitaizhang/shebeitaizhang' |
||||
|
|
||||
|
export default { |
||||
|
name: 'shebeitaizhangList', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
shebeitaizhangAdd, |
||||
|
shebeitaizhangInfo, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: 'plus', |
||||
|
btnKey: 'toAdd', |
||||
|
btnLabel: '新增' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'danger', |
||||
|
size: 'small', |
||||
|
icon: 'del', |
||||
|
btnKey: 'doDel', |
||||
|
btnLabel: '删除' |
||||
|
}, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toChangShang', |
||||
|
// btnLabel: '获取厂商' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toGain', |
||||
|
// btnLabel: '获取分公司' |
||||
|
// }, |
||||
|
{ |
||||
|
type: 'success', |
||||
|
size: 'small', |
||||
|
icon: 'export', |
||||
|
btnKey: 'import', |
||||
|
btnLabel: '导入' |
||||
|
}, |
||||
|
// { |
||||
|
// type: 'success', |
||||
|
// size: 'small', |
||||
|
// icon: 'export', |
||||
|
// btnKey: 'build', |
||||
|
// btnLabel: '导出' |
||||
|
// }, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
viewState: 1, |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
sids: [], |
||||
|
// 查询 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' |
||||
|
,supplierTypeValue:'222',zhuangtai:'222'} |
||||
|
], |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
manufacturerName: '', |
||||
|
supplierType: '', |
||||
|
useOrgSid: '', |
||||
|
createOrgSid: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
contactName: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0 |
||||
|
}, |
||||
|
supplierType_list: [], |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
// this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'toAdd': |
||||
|
this.toAdd() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
break |
||||
|
case 'toChangShang': |
||||
|
this.toChangShang() |
||||
|
break |
||||
|
case 'toGain': |
||||
|
this.toGain() |
||||
|
break |
||||
|
case 'doExport': |
||||
|
this.doExport() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
// init() { |
||||
|
// getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
// if (res.success) { |
||||
|
// this.listQuery.params.createOrgSid = res.data |
||||
|
// this.getType() |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// getType() { |
||||
|
// typeValues({ |
||||
|
// type: 'supplierType' |
||||
|
// }).then((res) => { |
||||
|
// if (res.code === '200') { |
||||
|
// this.supplierType_list = res.data |
||||
|
// console.log('选择楼层', this.supplierType_list) |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
// this.listLoading = true |
||||
|
// req.gysPagerList(this.listQuery).then((response) => { |
||||
|
// this.listLoading = false |
||||
|
// if (response.code === '200' && response.data && response.data.total > 0) { |
||||
|
// this.list = response.data.records |
||||
|
// this.listQuery.total = response.data.total |
||||
|
// } else { |
||||
|
// this.list = [] |
||||
|
// this.listQuery.total = 0 |
||||
|
// } |
||||
|
// }) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
// this.listQuery = { |
||||
|
// params: { |
||||
|
// manufacturerName: '', |
||||
|
// supplierType: '', |
||||
|
// useOrgSid: '', |
||||
|
// createOrgSid: '', |
||||
|
// manufacturerTelePhone: '', |
||||
|
// contactName: '' |
||||
|
// }, |
||||
|
// current: 1, |
||||
|
// size: 5 |
||||
|
// } |
||||
|
// this.init() |
||||
|
}, |
||||
|
// 打开添加对话框 |
||||
|
toAdd() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
||||
|
}, |
||||
|
|
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 根据本行ID删除数据 |
||||
|
doDel() { |
||||
|
if (this.sids.length > 0) { |
||||
|
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
req.delBySids(this.sids.toString()).then(resp => { |
||||
|
if (resp.success) { |
||||
|
loading.close() |
||||
|
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
||||
|
this.getList() |
||||
|
} else { |
||||
|
loading.close() |
||||
|
} |
||||
|
}).catch(e => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message({ type: 'error', message: '没有选择!!', showClose: true }) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
// toChangShang() { |
||||
|
// req.saveGysByOrgSid(this.listQuery.params.createOrgSid).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// toGain() { |
||||
|
// req.saveAllByOrgSid({ orgSid: this.listQuery.params.createOrgSid }).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
handleEdit(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divadd'].showEdit(row) |
||||
|
// if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { |
||||
|
// this.viewState = 3 |
||||
|
// this.$refs['divadd'].showEdit(row) |
||||
|
// } else { |
||||
|
// this.viewState = 5 |
||||
|
// this.$refs['divHosts'].showInfo(row) |
||||
|
// } |
||||
|
}, |
||||
|
// 打开查看 |
||||
|
handleCheck(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divinfo'].showInfo(row) |
||||
|
}, |
||||
|
// 导出 |
||||
|
// doExport() { |
||||
|
// basefinbankExportExcel(this.sids).then((res) => { |
||||
|
// const blob = new Blob([res], { |
||||
|
// type: 'application/vnd.ms-excel' |
||||
|
// }) |
||||
|
// const objectUrl = URL.createObjectURL(blob) |
||||
|
// window.location.href = objectUrl |
||||
|
// this.$notify({ |
||||
|
// title: '提示', |
||||
|
// message: '导出成功', |
||||
|
// type: 'success', |
||||
|
// duration: 2000 |
||||
|
// }) |
||||
|
// }) |
||||
|
// }, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,409 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="设备状态" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
||||
|
<el-form-item label="设备类型"> |
||||
|
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择楼层"> |
||||
|
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择楼层"> |
||||
|
<el-option v-for="item in supplierType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label="厂商办公电话"> |
||||
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人"> |
||||
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" clearable/> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
<div class="btn"> |
||||
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">设备状态信息列表</div> |
||||
|
<!-- 翻页分页 --> |
||||
|
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<!-- <el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> |
||||
|
<template slot-scope="{row}"> |
||||
|
<el-button size="mini" type="primary" :disabled="!row.isShow && (row.supplierTypeValue === '主机厂' || row.supplierTypeValue === '分公司')" @click="handleEdit(row)">编辑</el-button> |
||||
|
<el-button size="mini" type="primary" @click="handleCheck(row)">详情</el-button> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<!-- <el-table-column prop="jc" label="设备" width="220" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column prop="jc" label="设备编码" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.bianma }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备类型" width="110" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.supplierTypeValue }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="设备位置" width="" header-align="center" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.weizhi }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="出厂时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.time }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="安装时间" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.anzhuangtime }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="供货商" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="生产厂家" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="保修截止日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.gonghuashang }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- <baojingchaxunAdd v-show="viewState == 2" ref="divadd" @doback="resetState" @reloadlist="handleFilter"/> |
||||
|
<baojingchaxunInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
// import { typeValues, getOrgSidByPath } from '@/api/cheliang/dictcommons' |
||||
|
// import baojingchaxunAdd from './baojingchaxunAdd' |
||||
|
// import baojingchaxunInfo from './baojingchaxunInfo' |
||||
|
// import req from '@/api/baojingchaxun/baojingchaxun' |
||||
|
|
||||
|
export default { |
||||
|
name: 'baojingchaxunList', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
// baojingchaxunAdd, |
||||
|
// baojingchaxunInfo, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: 'plus', |
||||
|
// btnKey: 'toAdd', |
||||
|
// btnLabel: '新增' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'danger', |
||||
|
// size: 'small', |
||||
|
// icon: 'del', |
||||
|
// btnKey: 'doDel', |
||||
|
// btnLabel: '删除' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toChangShang', |
||||
|
// btnLabel: '获取厂商' |
||||
|
// }, |
||||
|
// { |
||||
|
// type: 'primary', |
||||
|
// size: 'small', |
||||
|
// icon: '', |
||||
|
// btnKey: 'toGain', |
||||
|
// btnLabel: '获取分公司' |
||||
|
// }, |
||||
|
|
||||
|
// { |
||||
|
// type: 'success', |
||||
|
// size: 'small', |
||||
|
// icon: 'export', |
||||
|
// btnKey: 'build', |
||||
|
// btnLabel: '导出' |
||||
|
// }, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
viewState: 1, |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
sids: [], |
||||
|
// 查询 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [{bianma:'212233433',supplierTypeValue:'222',weizhi:'212233433',time:'2023-02-26',anzhuangtime:'2023-02-26',gonghuashang:'222' |
||||
|
,supplierTypeValue:'222',zhuangtai:'222'} |
||||
|
], |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
manufacturerName: '', |
||||
|
supplierType: '', |
||||
|
useOrgSid: '', |
||||
|
createOrgSid: '', |
||||
|
manufacturerTelePhone: '', |
||||
|
contactName: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0 |
||||
|
}, |
||||
|
supplierType_list: [], |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
// this.init() |
||||
|
}, |
||||
|
methods: { |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'toAdd': |
||||
|
this.toAdd() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
break |
||||
|
case 'toChangShang': |
||||
|
this.toChangShang() |
||||
|
break |
||||
|
case 'toGain': |
||||
|
this.toGain() |
||||
|
break |
||||
|
case 'doExport': |
||||
|
this.doExport() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
// init() { |
||||
|
// getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
// if (res.success) { |
||||
|
// this.listQuery.params.createOrgSid = res.data |
||||
|
// this.getType() |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// getType() { |
||||
|
// typeValues({ |
||||
|
// type: 'supplierType' |
||||
|
// }).then((res) => { |
||||
|
// if (res.code === '200') { |
||||
|
// this.supplierType_list = res.data |
||||
|
// console.log('选择楼层', this.supplierType_list) |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
// this.listLoading = true |
||||
|
// req.gysPagerList(this.listQuery).then((response) => { |
||||
|
// this.listLoading = false |
||||
|
// if (response.code === '200' && response.data && response.data.total > 0) { |
||||
|
// this.list = response.data.records |
||||
|
// this.listQuery.total = response.data.total |
||||
|
// } else { |
||||
|
// this.list = [] |
||||
|
// this.listQuery.total = 0 |
||||
|
// } |
||||
|
// }) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
// this.listQuery = { |
||||
|
// params: { |
||||
|
// manufacturerName: '', |
||||
|
// supplierType: '', |
||||
|
// useOrgSid: '', |
||||
|
// createOrgSid: '', |
||||
|
// manufacturerTelePhone: '', |
||||
|
// contactName: '' |
||||
|
// }, |
||||
|
// current: 1, |
||||
|
// size: 5 |
||||
|
// } |
||||
|
// this.init() |
||||
|
}, |
||||
|
// 打开添加对话框 |
||||
|
toAdd() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
||||
|
}, |
||||
|
|
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 根据本行ID删除数据 |
||||
|
doDel() { |
||||
|
if (this.sids.length > 0) { |
||||
|
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
req.delBySids(this.sids.toString()).then(resp => { |
||||
|
if (resp.success) { |
||||
|
loading.close() |
||||
|
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
||||
|
this.getList() |
||||
|
} else { |
||||
|
loading.close() |
||||
|
} |
||||
|
}).catch(e => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message({ type: 'error', message: '没有选择!!', showClose: true }) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
// toChangShang() { |
||||
|
// req.saveGysByOrgSid(this.listQuery.params.createOrgSid).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
// toGain() { |
||||
|
// req.saveAllByOrgSid({ orgSid: this.listQuery.params.createOrgSid }).then((resp) => { |
||||
|
// if (resp.success) { |
||||
|
// this.$message({ showClose: true, type: 'success', message: '获取成功' }) |
||||
|
// this.getList() |
||||
|
// } |
||||
|
// }) |
||||
|
// }, |
||||
|
handleEdit(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divadd'].showEdit(row) |
||||
|
// if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { |
||||
|
// this.viewState = 3 |
||||
|
// this.$refs['divadd'].showEdit(row) |
||||
|
// } else { |
||||
|
// this.viewState = 5 |
||||
|
// this.$refs['divHosts'].showInfo(row) |
||||
|
// } |
||||
|
}, |
||||
|
// 打开查看 |
||||
|
handleCheck(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divinfo'].showInfo(row) |
||||
|
}, |
||||
|
// 导出 |
||||
|
// doExport() { |
||||
|
// basefinbankExportExcel(this.sids).then((res) => { |
||||
|
// const blob = new Blob([res], { |
||||
|
// type: 'application/vnd.ms-excel' |
||||
|
// }) |
||||
|
// const objectUrl = URL.createObjectURL(blob) |
||||
|
// window.location.href = objectUrl |
||||
|
// this.$notify({ |
||||
|
// title: '提示', |
||||
|
// message: '导出成功', |
||||
|
// type: 'success', |
||||
|
// duration: 2000 |
||||
|
// }) |
||||
|
// }) |
||||
|
// }, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
Loading…
Reference in new issue