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 Router from 'vue-router' |
|||
import Vue from "vue"; |
|||
import Router from "vue-router"; |
|||
|
|||
Vue.use(Router) |
|||
Vue.use(Router); |
|||
|
|||
/* Layout */ |
|||
import Layout from '@/layout' |
|||
import Layout from "@/layout"; |
|||
/* 所有角色可以访问/没有权限要求的基页 */ |
|||
|
|||
import codemenu from './modules/codemenu' |
|||
import codemenu from "./modules/codemenu"; |
|||
|
|||
export const constantRoutes = [ |
|||
{ |
|||
path: '/redirect', |
|||
path: "/redirect", |
|||
component: Layout, |
|||
hidden: true, |
|||
children: [{ |
|||
path: '/redirect/:path(.*)', |
|||
component: () => import('@/views/redirect/index.vue') |
|||
}] |
|||
children: [ |
|||
{ |
|||
path: "/redirect/:path(.*)", |
|||
component: () => import("@/views/redirect/index.vue"), |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: '/', |
|||
redirect: 'index' |
|||
}, { |
|||
path: '/login', |
|||
component: () => import('@/views/login/login.vue') |
|||
}, { |
|||
path: '/home', |
|||
component: () => import('@/views/Home/Home.vue'), |
|||
name: 'home' |
|||
|
|||
}, { |
|||
path: '/index', |
|||
path: "/", |
|||
redirect: "index", |
|||
}, |
|||
{ |
|||
path: "/login", |
|||
component: () => import("@/views/login/login.vue"), |
|||
}, |
|||
{ |
|||
path: "/home", |
|||
component: () => import("@/views/Home/Home.vue"), |
|||
name: "home", |
|||
}, |
|||
{ |
|||
path: "/index", |
|||
component: Layout, |
|||
redirect: '/index', |
|||
children: [{ |
|||
path: '/index', |
|||
component: () => |
|||
import('@/views/index.vue'), |
|||
name: 'index', |
|||
meta: { |
|||
title: '主页', |
|||
noCache: true, |
|||
affix: true |
|||
} |
|||
}] |
|||
redirect: "/index", |
|||
children: [ |
|||
{ |
|||
path: "/index", |
|||
component: () => import("@/views/index.vue"), |
|||
name: "index", |
|||
meta: { |
|||
title: "主页", |
|||
noCache: true, |
|||
affix: true, |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
path: '/monitor', |
|||
path: "/monitor", |
|||
component: Layout, |
|||
redirect: null, |
|||
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: [{ |
|||
path: '/monitor/videos', |
|||
children: [ |
|||
{ |
|||
path: "/shebeizhuangtai/shebeizhuangtaiList", |
|||
component: () => |
|||
import('@/views/monitor/videos/index.vue'), |
|||
name: 'index', |
|||
import("@/views/shebeizhuangtai/shebeizhuangtaiList.vue"), |
|||
name: "shebeizhuangtaiList", |
|||
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, |
|||
{ |
|||
path: '/404', |
|||
component: () => |
|||
import('@/views/404'), |
|||
hidden: true |
|||
} |
|||
path: "/404", |
|||
component: () => import("@/views/404"), |
|||
hidden: true, |
|||
}, |
|||
// 404 page must be placed at the end !!!
|
|||
// { path: '*', redirect: '/404', hidden: true }
|
|||
] |
|||
]; |
|||
|
|||
const createRouter = () => new Router({ |
|||
// mode: 'history', // require service support
|
|||
scrollBehavior: () => ({ |
|||
y: 0 |
|||
}), |
|||
routes: constantRoutes |
|||
}) |
|||
const createRouter = () => |
|||
new Router({ |
|||
// mode: 'history', // require service support
|
|||
scrollBehavior: () => ({ |
|||
y: 0, |
|||
}), |
|||
routes: constantRoutes, |
|||
}); |
|||
|
|||
const router = createRouter() |
|||
const router = createRouter(); |
|||
|
|||
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
|
|||
export function resetRouter() { |
|||
const newRouter = createRouter() |
|||
router.matcher = newRouter.matcher // reset router
|
|||
const newRouter = createRouter(); |
|||
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 = [{ |
|||
path: '/spzx', |
|||
component: Layout, |
|||
redirect: '/monitor/videos', |
|||
meta: { |
|||
title: '视频中心' |
|||
}, |
|||
children: [{ |
|||
path: '/monitor/videos', |
|||
component: () => import('@/views/monitor/videos/index.vue'), |
|||
name: 'MonitorVideos', |
|||
const codemenu = [ |
|||
{ |
|||
path: "/spzx", |
|||
component: Layout, |
|||
redirect: "/monitor/videos", |
|||
meta: { |
|||
title: '视频中心', |
|||
noCache: true |
|||
} |
|||
}] |
|||
}] |
|||
export default codemenu |
|||
title: "视频中心", |
|||
}, |
|||
children: [ |
|||
{ |
|||
path: "/monitor/videos", |
|||
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