Skip to content

Z
zhichan
Commit 4afce868 by 刘泽奇
Options

Merge branch 'embed_applications' of gitlab.gongsibao.com:jiangyong/zhichan into embed_applications

parents 5b87ac9e a2dcf33b
Showing with 2003 additions and 432 deletions
.vscode/launch.json
......@@ -8,7 +8,7 @@
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/projectmanage/main.js"
"program": "${workspaceFolder}/embed_applications/main.js"
}
]
}
\ No newline at end of file
embed_applications/app/base/db/metadata/apps/platform.js
......@@ -163,6 +163,14 @@ module.exports = {
"isctl": "no"
},
{
"code": "policyquery",
"icon": "fa fa-power-off",
"path": "policyquery",
"isMenu": false,
"label": "申请人详情",
"isctl": "no"
},
{
"code": "policylist",
"icon": "fa fa-power-off",
"path": "policylist",
......@@ -193,6 +201,7 @@ module.exports = {
"winsresult": { "title": "商标查询详情", "config": null, "path": "/winsresult", "comname": "winsresult" },
"wins": { "title": "商标查询详情", "config": null, "path": "/wins", "comname": "wins" },
"policylist": { "title": "商标查询详情", "config": null, "path": "/policylist", "comname": "policylist" },
"policyquery": { "title": "政策查询", "config": null, "path": "/policyquery", "comname": "policyquery" },
"brandfinddetails": { "title": "商标查询详情", "config": null, "path": "/brandfinddetails", "comname": "brandfinddetails" },
"proposer": { "title": "申请人详情", "config": null, "path": "/proposer", "comname": "proposer" },
"brandfind": { "title": "商标检索", "config": null, "path": "/", "comname": "brandfind" },
......
embed_applications/app/front/entry/admin.ejs
......@@ -91,8 +91,9 @@
</div>
<div class="rightcontent">
<transition name="slide-fade">
<keep-alive>
<router-view>
</router-view>
</router-view></keep-alive>
</transition>
</div>
</div>
......
embed_applications/app/front/entry/index.ejs
......@@ -21,9 +21,9 @@
<body>
<div id="app" style="visibility: hidden;">
<div>
<el-scrollbar class="page-component__scroll" >
<el-scrollbar class="page-component__scroll" style="marginTop:0; height: 100%;">
<div id="embedwarpper">
<div><keep-alive>
<div style="width:100%;min-height: 850px;"><keep-alive>
<router-view name="default" v-loading.fullscreen.lock="loading" element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
</router-view></keep-alive>
......
embed_applications/app/front/entry/public/css/index.css
......@@ -33,4 +33,124 @@
border-radius: 2px;
border: 1px solid rgba(230, 232, 233, 1);
}
.policylist-title {
width: 100%;
height: 51px;
line-height: 35px;
font-size:16px;
font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
font-weight:bold;
color:rgba(72,72,72,1);
}
.policyquery-items {
border: 1px solid #F0F3F0;
/* height: 100px; */
width: 100%;
display：flex;display:-webkit-flex;align-items:stretch;
}
.policyquery-items > .items_left {
width: 97px;
height:inherit;
float: left;
background-color: #FAFAFA;
padding: 13px 20px;
box-sizing: border-box;
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(121,121,121,1);
}
.policyquery-items > .items_item {
width: calc(100% - 167px);
float: left;
padding: 5px 20px;
box-sizing: border-box;
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(72,72,72,1);
overflow: hidden;
}
.policyquery-items > .items_item > div{
float: left;
padding: 8px 0px;
padding-right: 20px;
box-sizing: border-box;
cursor: pointer;
}
.policyquery-items > .items_item > .pitch {
color: #118EE9;
}
.policyquery-items > .items_right {
width: 70px;
float: right;
padding-right: 20px;
padding-top: 13px;
box-sizing: border-box;
font-size:14px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(72,72,72,1);
cursor: pointer;
}
.policyquery-items > .items_right > i {
margin-left: 2px;
}
.policylist-headerbut {
margin: 0 auto;
font-size:14px;
text-align: center;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(72,72,72,1);
line-height:14px;
width:81px;
height:22px;
line-height: 22px;
border-radius:0px 0px 15px 15px;
border:1px solid rgba(240,243,240,1);
border-top: 0px;
margin-bottom: 10px;
cursor: pointer;
}
.policylist-selected {
width: 100%;
min-height: 40px;
overflow: hidden;
}
.policylist-selected > .leftName {
width: 97px;
float: left;
font-size:14px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(121,121,121,1);
}
.policylist-selected > .itemsName {
width: calc(100% - 97px);
float: left;
overflow: hidden;
}
.policylist-selected > .itemsName > .itemName {
float: left;
margin-right: 6px;
margin-bottom: 16px;
padding: 0px 6px;
padding-right: 20px;
box-sizing: border-box;
height:26px;
background:rgba(255,255,255,1);
border-radius:1px;
border:1px solid rgba(17,142,233,1);
text-align: center;
line-height: 26px;
color: #118EE9;
position: relative;
}
.policylist-selected > .itemsName > .itemName > i{
position: absolute;
right: 6px;
top: 7px;
cursor: pointer;
}
\ No newline at end of file
embed_applications/app/front/entry/public/css/pagecom.css
.brandfind,.brandfind-box{width:100%;box-sizing:border-box}.brandfind-main-equal>div::after,.brandfind-main-filter-item::after{clear:both;content:"";visibility:hidden}.brandfind{background:#fff}.brandfind-title{font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:900}.brandfind-search-box{height:40px;margin-top:30px;margin-bottom:20px;position:relative}.brandfind-search-box .upload-input-img{position:absolute;padding:0 5px;left:5px;top:3px;background:#118EE9;display:flex;min-width:60px;height:35px;justify-content:space-between;align-items:center;z-index:1128;border-radius:3px;font-size:14px;text-align:center;opacity:1}.brandfind-search-box .upload-input-img i{color:#fff;cursor:pointer;margin-left:15px}.brandfind-search-box>div{float:left;height:40px}.brandfind-search-box>div:nth-child(1){width:88.7%}.brandfind-search-box>div:nth-child(2){width:11.3%}.brandfind-search-box>div:nth-child(1) .el-icon-camera{font-size:24px;cursor:pointer}.brandfind-search-box>div:nth-child(1) .el-icon-camera:hover{color:#118EE9}.brandfind-search-box>div:nth-child(1) .el-input__suffix{right:10px;top:-2px}.brandfind-search-box-camera{position:absolute;top:5.3px;left:910px;z-index:1;color:#999}.brandfind-search-box .el-input__inner{border-radius:2px 0 0 2px;width:100%;background:#f9f9f9}.brandfind-search-box .el-button{border-radius:0 2px 2px 0;width:100%;height:100%}.brandfind-search-box .el-input__icon{font-size:24px}.brandfind-list-title,.brandfind-list-title>span,.brandfind-main-equal-form-title,.brandfind-main-equal-form-title span,.brandfind-main-filter-item>div:nth-child(1){font-family:PingFangSC-Medium;font-size:14px}.brandfind-main .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background:#118EE9;color:#fff}.brandfind-main .el-tabs__nav-scroll{background:#F9F9F9}.brandfind-main .el-tabs--border-card{border:none;box-shadow:none}.brandfind-main .el-tabs--border-card>.el-tabs__content{padding:0}.brandfind-main-filter{width:100%;min-height:172px;box-sizing:border-box;padding:32px 18px 0;border:1px solid #f7f7f8}.brandfind-main-filter-item{width:100%;box-sizing:border-box;min-height:24px;line-height:24px;margin-bottom:20px}.brandfind-main-filter-item::after{display:block;height:0}.brandfind-main-filter-item>div{float:left;line-height:24px}.brandfind-main-filter-item>div:nth-child(1){color:#797979;letter-spacing:0;text-align:center}.brandfind-main-filter-item>div:nth-child(2){max-width:85%;height:26px;overflow:hidden;transition:height 1s}.brandfind-main-filter-item .el-checkbox-button__inner,.brandfind-main-filter-item .el-checkbox-group{vertical-align:top}.brandfinddetails .el-icon-search,.list-img>span,.policylist-buttons>div>img,.policylist-qr>img{vertical-align:middle}.brandfind-main-filter-item .el-checkbox-button--mini .el-checkbox-button__inner{border:none;margin-bottom:10px;width:100px;margin-right:20px;box-sizing:border-box}.brandfind-main-filter-item .el-checkbox-button:first-child .el-checkbox-button__inner{border-left:none;width:54px!important;border-radius:0;margin-left:20px;margin-right:45px}.brandfind .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{width:-webkit-fill-available;background:#118EE9;margin-left:20px;margin-right:45px}.brandfind .el-checkbox-button.is-checked .el-checkbox-button__inner{background:#118EE9}.brandfind-main-filter-item .el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0}.brandfind-main-filter-item>.brandfind-main-filter-more{float:right;box-sizing:border-box;width:70px;height:24px;line-height:24px;display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:1px solid #D1D1D1;border-radius:2px}.brandfind-main-filter-more>button{width:100%;height:100%;border:none;padding:0;background:0 0;border-radius:none;color:#484848}.brandfind-main-equal-header{display:none}.brandfind-main-equal,.brandfind-main-equal-warpper{width:100%;margin-top:20px}.brandfind-main-equal>div::after{display:block;height:0}.brandfind-main-equal>.brandfind-main-equal-box>div:nth-child(1){float:left}.brandfind-main-equal>.brandfind-main-equal-box>div:nth-child(2){float:right}.brandfind-main-equal-form .el-table--enable-row-transition .el-table__body td{height:32px;padding:0}.brandfind-main-equal-form .el-table--enable-row-transition .el-table__body td:nth-child(1){background:100% #FCFCFC;text-align:center}.brandfind-main-equal-form .el-table--enable-row-transition .el-table__body td:last-child{text-align:center}.brandfind-main-equal-form{box-sizing:border-box;width:49%;height:256px;border:1px solid #F7F7F8;padding:20px 30px 30px}.brandfind-main-equal-form-title{margin-bottom:23px;color:#797979;letter-spacing:0}.brandfind-main-equal-form-title span{display:inline-block;margin-left:10px;color:#118EE9;letter-spacing:0}.brandfind-list-box-text-info::after,.brandfind-list-box-text-title::after,.brandfind-main-equal-form-box::after{display:block;clear:both;content:"";visibility:hidden}.brandfind-main-equal-form-box::after{height:0}.brandfind-main-equal-form-box>div{float:left;width:49%}.brandfind-main-equal-form-box>div:nth-child(2){float:right}.brandfind-main-equal-form-box .el-table--border::after,.brandfind-main-equal-form-box .el-table::before,.el-table--group::after{width:0}.brandfind-list-box,.brandfind-list-box>ul>li,.brandfind-list-title,.brandfind-list-warpper{width:100%;box-sizing:border-box}.brandfind-list-warpper{margin-top:20px;min-height:400px}.brandfind-list-title{height:61px;padding-left:30px;line-height:61px;color:#797979;background:#FFF;border:1px solid #F7F7F8;border-bottom:none;border-radius:1px}.brandfind-list-title>span{color:#ff4500}.brandfind-list-box{border:1px solid #f7f7f8;height:100%}.brandfind-list-box>ul>li{height:180px;padding:30px}.brandfind-list-box-logo{margin-right:30px;box-sizing:border-box;width:200px;height:120px;border:5px solid #f7f7f8;float:left}.brandfind-list-box-logo>img{width:100%;height:100%}.brandfind-list-box-text{overflow:auto}.brandfind-list-box-text-title::after{height:0}.brandfind-list-box-text-title>div{float:left}.brandfind-list-box-text-title>div:nth-child(1){font-family:MicrosoftYaHei;font-size:18px;color:#484848;letter-spacing:0;margin-right:16px}.brandfind-list-box-text-title>div:nth-child(2),.brandfind-list-box-text-title>div:nth-child(3){background:#EBF2FF;border-radius:2px;box-sizing:border-box;padding:4px 13px;width:126px;height:24px;margin-right:10px;text-align:center;font-family:PingFangSC-Regular;font-size:12px;color:#118EE9;letter-spacing:0;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandfind-list-box-text-title>div:nth-last-child(1){float:right;height:28px;width:85px;box-sizing:border-box;padding:4px 10px;font-family:PingFangSC-Medium;font-size:14px;color:#FFF;letter-spacing:0}.brandfind-list-box-text-info::after{height:0}.brandfind-list-box-text-info>div{margin-top:11px;overflow:auto;float:left}.brandfind-list-box-text-info>div:nth-child(1){width:340px}.brandfind-list-box-text-info>div>div{margin-bottom:11px}.brandfind-list-box-text-info>div>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandfind-list-box-text-info>div>div>span:nth-child(1){font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.brandfind-list-box-text-info>div>div>span:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.statusreg{background:#35B34A}.statustrial{background:#F68367}.statusinvalid{background:#777F84}.collapse,.collapse1{height:auto!important}.brandfind-main-equal-form-box-null{width:100%;min-height:180px;height:calc(100% + 0px);display:flex}.brandfind-main-equal-form-box-null>div{margin:auto;width:140px;height:104px;padding-bottom:30px}.brandfind-main-equal-form-box-null>div>img{width:100%;height:100%}.brandfind-main-equal-form-box-null>div>div{font-family:PingFangSC-Medium;font-size:14px;color:#AAAAAB;letter-spacing:0;text-align:center;width:100%}.brandfind .el-input--suffix .el-input__inner{background:#fafafa}.brandfind .el-pagination button,.brandfind .el-pagination span:not([class*=suffix]){min-width:69px}.brandfind .el-pagination.is-background .btn-next,.brandfind .el-pagination.is-background .btn-prev{border-radius:2px!important}.brandfind .el-pagination.is-background .btn-next,.brandfind .el-pagination.is-background .btn-prev,.brandfind .el-pagination.is-background .el-pager li{margin:0;box-sizing:border-box;border:1px solid #ddd;border-radius:0}.brandfind .el-pagination.is-background .el-pager li{border-right:0}.brandfind .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1C2B36}.brandfind-list-page{width:100%;margin-bottom:35px}.brandfind-list-page .el-pagination{margin-top:18px;float:right;margin-bottom:18px}.brandfinddetails{width:100%;box-sizing:border-box;background:#fff}.brandfinddetails-title{box-sizing:border-box;padding:30px;height:180px;width:100%;background:#EBF2FF}.brandfinddetails-title::after{clear:both;content:"";display:block;height:0;visibility:hidden}.brandfinddetails-title>div:nth-child(1){width:200px;height:120px;float:left}.brandfinddetails-title>div:nth-child(1)>img{width:100%;height:100%}.brandfinddetails-title>ul{float:left;margin-left:30px}.brandfinddetails-title>ul>li:nth-child(1){font-family:MicrosoftYaHei;font-size:18px;color:#484848;letter-spacing:0;font-weight:700;padding-bottom:5px}.brandfinddetails-title>ul>li:not(:nth-of-type(1)){margin-top:12px}.brandfinddetails-title>ul>li>span:nth-child(1){font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.brandfinddetails-title>ul>li>span:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.brandfinddetails-title>div:last-child{float:right}.brandfinddetails-steps{width:100%;box-sizing:border-box;border:1px solid #E6E8E9;height:163px;padding-top:110px;padding-bottom:40px}.brandfinddetails-steps .el-step__icon-inner{display:none}.brandfinddetails-steps .el-step__icon.is-text{border-radius:50%;transform:scale(.5)}.brandfinddetails-steps .el-step__description,.brandfinddetails-steps .el-step__title{font-family:PingFangSC-Medium;font-size:14px;color:#F68367;letter-spacing:0}.brandfinddetails-steps .el-step__description.is-finish,.brandfinddetails-steps .el-step__head.is-finish,.brandfinddetails-steps .el-step__title.is-finish{color:#f68367;border-color:#f68367}.brandfinddetails-steps .el-step__description.is-wait,.brandfinddetails-steps .el-step__title.is-wait{font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.brandfinddetails-steps .el-step__main{transform:translateY(-80px)}.brandfinddetails-details{width:100%;box-sizing:border-box;padding:30px}.brandfinddetails-details-box{border-right:1px solid #E6E8E9;border-bottom:1px solid #E6E8E9}.brandfinddetails-details-box>div>div{border:1px solid #E6E8E9;border-right:0;border-bottom:0;height:40px;box-sizing:border-box;line-height:40px;padding-left:26px;font-family:PingFangSC-Medium;font-size:12px;color:#797979;letter-spacing:0}.brandfinddetails-details-box>div>div:nth-of-type(odd){background:#F5F5F5;font-family:PingFangSC-Medium;font-size:12px;color:#797979}.brandfinddetails-details-box>.brandfinddetails-details-box-logo{height:100px}.brandfinddetails-details-box>.brandfinddetails-details-box-logo>div{line-height:100px;height:100%}.brandfinddetails-details-box-logo>div:nth-child(2){box-sizing:border-box;padding-top:7px}.brandfinddetails-details-box-logo>div:nth-child(2)>div{width:155px;height:83px;background:#0ff}.brandfinddetails-details-box-logo>div:nth-child(2)>div>img{width:100%;height:100%}.brandfinddetails-details-box>.brandfinddetails-details-box-reg>div:nth-child(1){display:flex;align-items:center;min-height:120px;height:100%}.brandfinddetails-details-box-reg>div:nth-of-type(2){box-sizing:border-box;min-height:120px;height:100%;padding:28px 20px 0 26px}.brandfinddetails-details-box-reg>div>span{margin-right:60px;float:left;line-height:14px;height:28px}.brandfinddetails-details-box>.brandfinddetails-details-box-status{min-height:100px;display:flex}.brandfinddetails-details-box>.brandfinddetails-details-box-status>div:nth-child(1){height:100%;min-height:100px;display:flex;align-items:center}.brandfinddetails-details-box>.brandfinddetails-details-box-status>div:nth-child(2){box-sizing:border-box;min-height:100px;line-height:1px;height:100%;padding:25px 0 0 26px;align-items:center}.brandfinddetails-details-box>.brandfinddetails-details-box-status>div:nth-child(2) li{height:14px;line-height:1;margin-bottom:8px}.brandfinddetails-details-box>.brandfinddetails-details-box-notice{min-height:100px;display:flex}.brandfinddetails-details-box>.brandfinddetails-details-box-notice>div:nth-child(1){min-height:100px;align-items:center;display:flex}.brandfinddetails-details-box>.brandfinddetails-details-box-notice>div:nth-child(2){min-height:100px;height:100%;box-sizing:border-box;padding:25px 0 0 26px}.brandfinddetails-details-box>.brandfinddetails-details-box-notice>div:nth-child(2) li{line-height:1;height:14px;margin-bottom:13px}.brandfinddetails .el-icon-search{margin-left:3px;color:#118EE9;font-size:16px}.brandfinddetails .is-finish .is-text{background:#f68367}.brandfinddetails .is-finish .el-step__line{background:#F68367}.ncldetail-main{width:100%;height:100%;background-color:#fff;padding-bottom:25px}.ncldetail-main-name{width:100%;padding-left:30px;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600;line-height:70px}.ncldetail-main-title{width:100%;height:63px;color:rgba(16,16,16,1);font-size:14px;text-align:center;box-shadow:0 0 0 0 rgba(82,86,106,.2);font-family:Roboto;padding:10px 25px 0;box-sizing:border-box}.ncldetail-main-title>.title-item1,.ncldetail-main-title>.title-item2{float:left;width:96px;height:33px;line-height:33px;font-family:PingFangSC-Medium;font-size:14px;border-radius:16.5px;margin-right:1.2%}.ncldetail-main-title>.title-item1{color:#FFF;background-color:#118EE9;cursor:pointer}.ncldetail-main-title>.title-item2{color:#118EE9;background-color:#EBF2FF;cursor:pointer}.ncldetail-main-content-particular>div,.ncldetail-main-item{font-family:Roboto;text-align:center;cursor:pointer;float:left}.ncldetail-main-content{width:100%;height:auto;overflow:hidden;margin-top:15px}.ncldetail-main-content-particular{width:100%;max-height:160px;padding:0 15px;box-sizing:border-box;overflow:auto}.ncldetail-main-content-particular>div{width:45px;height:45px;line-height:45px;color:rgba(16,16,16,1);font-size:16px;border:1px solid rgba(187,187,187,1);margin:15px}.ncldetail-main-content-particular>.special{background-color:#118EE9;color:#fff;border:#118EE9}.ncldetail-main-item{min-width:178px;min-height:171px;width:13%;height:10.4%;padding-bottom:14px;background-color:rgba(255,255,255,1);color:rgba(16,16,16,1);font-size:36px;box-sizing:border-box;position:relative;border:1px solid #F7F7F8;border-radius:1px}.ncldetail-main-item>.img{width:100%;margin-top:35px}.ncldetail-main-item>.img>img{display:inline-block;width:40px;height:40px;border-radius:50%;margin:0 auto}.ncldetail-main-item>.name{margin-top:20px;width:100%;text-align:center;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.ncldetail-main-item>.maskLayer>.name,.ncldetail-main-item>.text{font-family:MicrosoftYaHei;font-size:16px;text-align:center;width:100%;letter-spacing:0}.ncldetail-main-item>.text{margin-top:15px;font-weight:600;color:#797979}.ncldetail-main-item>.maskLayer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.95;background:#118EE9;padding:20px;box-sizing:border-box}.ncldetail-main-item>.maskLayer>.name{line-height:45px;color:#FFF}.ncldetail-main-item>.maskLayer>.text{width:100%;height:90px;font-family:PingFangSC-Semibold;font-size:12px;color:#FFF;letter-spacing:0;line-height:19px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.ncldetail-main-content2{width:100%;height:auto;overflow:hidden;padding:15px 30px;box-sizing:border-box}.ncldetail-main-item2{width:100%;height:120px;border:1px solid #F7F7F8;border-bottom:none}.ncldetail-main-item2:last-child{border-bottom:1px solid #F7F7F8}.item2-left{float:left;border-right:1px solid #f7f7f8;width:13.2%;height:100%}.item2-left>.img{width:100%;margin-top:25px}.item2-left>.img>img{display:block;width:40px;height:40px;border-radius:50%;margin:0 auto}.item2-left>.name{width:100%;margin-top:10px;text-align:center;font-family:PingFangSC-Semibold;font-size:16px;color:#797979;letter-spacing:0}.item2-right{float:left;width:64%;height:100%;padding:10px 30px;box-sizing:border-box}.item2-right>.right-list{width:100%;height:50px;line-height:50px}.item2-right>.right-list>span{font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0;margin-right:8px}.item2-right>.right-list>div{display:inline-block;width:32px;height:31px;line-height:31px;text-align:center;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;margin-right:15px;border:1px solid #D1D1D1;cursor:pointer}.item2-right>.right-list>.choose,.item2-right>.right-list>div:hover{background:#EBF2FF;border:1px solid #CADCFF;border-radius:2px}.ncldetail-main-content2-particular{width:100%;height:auto;overflow:hidden;padding:0 30px;box-sizing:border-box}.RecommendedDetails{width:100%;min-height:400px;border:1px solid #E6E8E9}.RecommendedDetails>.Rtop{width:100%;height:177px;padding:30px;box-sizing:border-box;border-bottom:1px solid #E6E8E9;position:relative}.RecommendedDetails>.Rtop>.guanbi{position:absolute;top:24px;right:30px;width:90px;height:30px;line-height:30px;text-align:center;font-size:14px;border:1px solid #eee;color:#666;cursor:pointer}.RecommendedDetails>.Rtop>.guanbi:hover{background-color:#118EE9;color:#fff}.RecommendedDetails>.Rtop>.name{width:100%;text-align:left;font-family:PingFangSC-Semibold;font-size:16px;color:#797979;letter-spacing:0;font-weight:600}.RecommendedDetails>.Rtop>.text{margin-top:20px;width:100%;text-align:left;font-family:PingFangSC-Regular;font-size:16px;color:#797979;letter-spacing:0;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.RecommendedDetails>.Rbottom>.Rleft>div,.RecommendedDetails>.Rbottom>.Rright>.name{line-height:45px;cursor:pointer;font-family:PingFangSC-Medium;letter-spacing:0;font-size:14px}.RecommendedDetails>.Rbottom{width:100%;height:auto;overflow:hidden}.RecommendedDetails>.Rbottom>.Rleft{float:left;width:44%;padding:30px;border-right:1px solid #E6E8E9;box-sizing:border-box}.RecommendedDetails>.Rbottom>.Rright{float:right;width:54%;padding:30px;box-sizing:border-box}.RecommendedDetails>.Rbottom>.Rleft>div{width:100%;color:#797979}.RecommendedDetails>.Rbottom>.Rleft>.special{color:#118EE9;font-weight:600}.RecommendedDetails>.Rbottom>.Rright>.name{width:100%;color:#797979}.RecommendedDetails>.Rbottom>.Rright>.text{font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;line-height:24px}.RecommendedDetails>.Rbottom>.Rright>.note{margin-top:20px;font-family:PingFangSC-Medium;font-size:14px;color:#97A6AD;letter-spacing:0;line-height:24px}.RecommendedDetails>.Rbottom>.Rright>.note>div{width:100%;line-height:45px;font-family:PingFangSC-Medium;font-size:14px;color:#E4393C;letter-spacing:0}.noticetm{width:100%;box-sizing:border-box;background:#fff}.noticetm-main-name{width:100%;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600;line-height:70px}.noticetm-main-title{width:100%;height:80px;color:rgba(16,16,16,1);font-size:14px;text-align:center;box-shadow:0 0 0 0 rgba(82,86,106,.2);font-family:Roboto;padding-right:25px;padding-top:10px;box-sizing:border-box}.noticetm-main-title>.title-item1,.noticetm-main-title>.title-item2{float:left;height:33px;line-height:33px;font-family:PingFangSC-Medium;font-size:14px;border-radius:16.5px;margin-right:1.2%;cursor:pointer;width:120px}.noticetm-main-title>.title-item1{color:#FFF;background-color:#118EE9}.noticetm-main-title>.title-item2{color:#118EE9;background-color:#EBF2FF}.noticetm .noticetm-notice-title,.noticetm-input{color:#797979;letter-spacing:0;text-align:center}.noticetm-notice .el-table th,.noticetm-notice .el-table tr{background:0 0}.noticetm-find{padding:30px;border:1px solid #eee}.noticetm-notice .el-table--fit{border:1px solid #F7F7F8;box-sizing:border-box}.el-button--mini.is-round,.noticetm-notice .el-button--mini{background:#118EE9}.noticetm .noticetm-notice-title{background:#F9F9F9!important;font-family:MicrosoftYaHei;font-size:12px}.noticetm .noticetm-notice-title .cell{font-weight:900}.el-table th.is-leaf,.noticetm .el-table td{text-align:center}.brandfind-main-filter-item .el-radio-button__inner,.brandfind-main-filter-item .el-radio-group{vertical-align:top}.brandfind-main-filter-item .el-radio-button--mini .el-radio-button__inner{border:none;margin-bottom:10px;width:120px;margin-right:20px;box-sizing:border-box}.brandfind-main-filter-item .el-radio-button__orig-radio:checked+.el-radio-button__inner{background:#118EE9}.brandfind-main-filter-item .el-radio-button:first-child .el-radio-button__inner{border-left:none;border-radius:0;width:-webkit-fill-available;margin-left:39px;margin-right:47px}.brandfind-main-filter-item .el-radio-button:last-child .el-radio-button__inner{border-radius:0}.noticetm-input{height:28px;min-width:1126px;font-size:14px}.details-entry,.details-entry2{padding:5px 3px;font-size:12px;text-align:center;cursor:pointer}.noticetm-input>button{float:right;width:68px}.noticetm-input input{height:22px;width:142px;border:1px solid #eee;margin-right:30px}.details-entry{background:#FFF;border:1px solid #D1D1D1;border-radius:2px;color:#000;transform:translateY(40px)}.details-entry2{border-radius:2px;transform:translateY(60px);background:#118EE9}.mian-list,.policylist-swiper{padding:20px;box-sizing:border-box}.noticetm .el-pagination button,.noticetm .el-pagination span:not([class*=suffix]){min-width:69px}.noticetm .el-pagination.is-background .btn-next,.noticetm .el-pagination.is-background .btn-prev{border-radius:2px!important}.noticetm .el-pagination.is-background .btn-next,.noticetm .el-pagination.is-background .btn-prev,.noticetm .el-pagination.is-background .el-pager li{margin:0;border:1px solid #ddd;border-radius:0}.noticetm .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1C2B36}.policylist-warpper,.policylist-warpper>.policylist{width:100%;height:100%}.policylist-header{width:100%;overflow:hidden}.header-left{float:left;font-size:16px;font-family:MicrosoftYaHei;color:rgba(121,121,121,1);cursor:pointer}.header-right{float:right;width:110px;height:28px;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(121,121,121,1)}.policylist-swiper{width:100%;margin-top:30px;height:150px;position:relative;background-color:#FAFAFA}.swiper-main{width:96%;height:100%;margin:0 auto;white-space:nowrap;overflow:hidden}.swiper-leftButton,.swiper-rightButton{position:absolute;top:33%;width:16px;height:54px;line-height:54px;background:rgba(240,240,240,1);border-radius:2px;cursor:pointer;text-align:center}.swiper-leftButton{left:20px}.swiper-rightButton{right:20px}.main-lists,.mian-list{display:inline-block;height:100%;overflow:hidden}.swiper-leftButton:hover,.swiper-rightButton:hover{background-color:rgba(235,242,255,1);color:#97A6AD}.mian-list,.mian-list:hover{background:rgba(255,255,255,1);box-shadow:2px 2px 5px 0 rgba(226,226,226,.5)}.main-lists{white-space:nowrap;-webkit-transition:transform .3s linear}.mian-list{width:360px;margin-right:10px;border-radius:2px;border:1px solid rgba(230,232,233,1);cursor:pointer}.mian-list:hover{border-radius:2px;border:1px solid rgba(17,142,233,1)}.list-img{float:left;width:70px;height:70px;margin-right:20px;font-size:20px;color:#5D9ADD;background:rgba(235,242,255,1);white-space:normal!important;text-align:center;display:table;padding:0 10px;box-sizing:border-box}.list-text-name,.list-text-title{font-size:14px;font-weight:500;font-family:PingFangSC-Medium,PingFangSC}.policylist-portrayal,.policylist-recommend{background:rgba(255,255,255,1);box-sizing:border-box;overflow:hidden}.list-img>span{display:table-cell}.list-text{float:left;line-height:24px;letter-spacing:2px}.list-text-title{color:rgba(72,72,72,1)}.list-text-name{color:rgba(121,121,121,1)}.policylist-portrayal{width:100%;height:118px;border-radius:1px;border:1px solid rgba(247,247,248,1);padding:20px}.portrayal-left{float:left;font-weight:600;color:#118EE9;font-size:1.6vw;margin-right:22px}.portrayal-right{float:left;width:85%;height:100%;overflow:hidden;padding:.5% 0;box-sizing:border-box}.portrayal-right-list{float:left;margin-right:16px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;cursor:default}.policylist-recommend{width:100%;height:60px;border-radius:1px;border:1px solid rgba(247,247,248,1);padding:0 20px;line-height:60px}.recommend-title{float:left;font-weight:600;font-size:1.6vw;color:#F2784B;margin-right:22px}.recommend-name{float:left;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;color:rgba(121,121,121,1);margin-right:30px;font-weight:600}.recommend-name>span{margin-left:10px;color:#118EE9}.recommend-input{float:right;width:220px;height:32px}.policylist-content{width:100%}.policylist-content-list{width:100%;padding:20px 30px;box-sizing:border-box}.policylist-conten-title{font-size:18px;font-family:PingFangSC-Semibold,PingFangSC;font-weight:600;color:rgba(72,72,72,1);margin-bottom:15px;cursor:pointer}.policylist-conten-title a{text-decoration:none!important;color:#333!important}.policylist-conten-title span{margin-left:10px;padding:5px 10px;font-size:12px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(255,255,255,1);background-color:#597EF7}.policylist-conten-items,.policylist-conten-text,.righttext-name,.righttext-span{font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500}.policylist-conten-text{color:rgba(121,121,121,1);margin-bottom:13px}.policylist-conten-items{color:rgba(153,153,153,1)}.policylist-conten-items>span{margin-right:40px}.policylist-pagination{text-align:right}.policylist-details{width:100%;height:130px;background:rgba(250,250,250,1);padding:30px;box-sizing:border-box;overflow:hidden}.details-leftimg{float:left;width:70px;height:70px;background:rgba(234,244,255,1);margin-right:22px}.details-righttext{float:left;width:80%}.righttext-name{width:100%;line-height:24px;color:rgba(72,72,72,1)}.righttext-span{line-height:24px;color:rgba(121,121,121,1)}.righttext-span>span{display:inline-block}.policylist-essay{width:100%}.essay-title{width:100%;height:175px;padding-top:30px;box-sizing:border-box}.essay-title-name{width:100%;height:75px;font-size:24px;font-weight:600;font-family:MicrosoftYaHei;color:rgba(72,72,72,1);line-height:40px;text-align:center}.essay-title-list{width:100%;margin-top:20px;text-align:center;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(170,170,170,1)}.essay-title-list>span{margin-right:38px}.essay-content{width:100%;font-size:14px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;color:rgba(85,85,85,1);line-height:42px}.policylist-buttons{width:100%;padding-bottom:30px;border-bottom:1px solid rgba(239,239,239,1);overflow:hidden}.policylist-buttons>div{float:right;width:120px;height:32px;line-height:32px;margin-right:13px;border-radius:20px;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;text-align:center;cursor:pointer}.proposer-title,.proposer>h1{width:100%;border:1px solid #E6E8E9;box-sizing:border-box}.policylist-navigation{width:100%;height:107px;font-size:14px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;color:rgba(70,70,70,1);padding:30px 0;box-sizing:border-box}.policylist-navigation>div{line-height:24px;cursor:pointer}.policylist-qr{width:100%;height:134px;line-height:134px;background:rgba(248,248,248,1);font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(72,72,72,1);text-align:center}.proposer{width:100%;box-sizing:border-box;background:#fff}.proposer>h1{height:80px;font-size:18px;background:#F9F9F9;font-weight:900;line-height:80px;border-radius:1px;padding-left:30px}.proposer-title{padding:30px;height:180px;background:#fff;border-top:none;border-bottom:none}.proposer-title::after{clear:both;content:"";display:block;height:0;visibility:hidden}.proposer-title>div:nth-child(1){width:200px;height:120px;float:left}.proposer-title>div:nth-child(1)>img{width:100%;height:100%}.proposer-title>ul{float:left;margin-left:30px;width:70%}.proposer-title>ul>li:nth-child(1){font-family:MicrosoftYaHei;font-size:18px;color:#484848;letter-spacing:0;font-weight:700;padding-bottom:5px}.proposer-title>ul>li:not(:nth-of-type(1)){margin-top:12px}.proposer-title>ul>li>span:nth-child(1){font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.proposer-title>ul>li>span:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.proposer-title>div:last-child{float:right}.proposer-details>div>div{border:1px solid #E6E8E9;height:40px;box-sizing:border-box;line-height:40px;padding-left:26px;font-family:PingFangSC-Medium;font-size:12px;color:#797979;letter-spacing:0}.proposer-details>div>div:nth-of-type(odd){background:#F5F5F5;font-family:PingFangSC-Medium;font-size:12px;color:#797979}.proposer-details>div:last-child{height:114px}.proposer-details>div:last-child>div{line-height:114px;height:100%}.proposer-details>div:last-child>div:nth-child(2){padding:21px 0 0 26px;box-sizing:border-box;line-height:normal;height:auto;min-height:114px}.tmbigdata-header{min-width:1000px;box-sizing:border-box;width:100%;height:198px;margin:0 auto;font-size:16px;background:#FFF;border:1px solid #E6E8E9;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);border-radius:2px;position:relative}.tmbigdata-header>.select{position:absolute;top:15px;right:30px;width:110px}.tmbigdata-header>.name{width:100%;padding:0 30px;line-height:60px;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600}.tmbigdata-header>.main{display:flex;margin-top:10px;width:100%;height:100px;padding:0 20px;box-sizing:border-box;justify-content:space-around}.tmbigdata-header>.main>.item{width:23%;height:100%;background:#F9F9F9;border-radius:2px;margin:0 6px;padding:10px 30px;box-sizing:border-box}.tmbigdata-header>.main>.item>.name{font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;font-weight:600;line-height:40px}.tmbigdata-header>.main>.item>.number{font-family:PingFangSC-Medium;font-size:22px;color:#118EE9;letter-spacing:0;font-weight:600;line-height:40px}.tmbigdata-header>.main>.item:hover{background:#E6E8E9}.tmbigdata-content{min-width:1000px;width:100%;height:600px;margin:20px auto 0}.tmbigdata-content-left,.tmbigdata-content-right{height:100%;background:#FFF;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);box-sizing:border-box}.tmbigdata-content-left{float:left;width:66.25%;border:1px solid #E6E8E9;border-radius:2px;position:relative}.tmbigdata-content-right{float:right;width:31.9%;border:1px solid #E6E8E9;border-radius:2px;padding:20px}.tmbigdata-content-right-tabs{width:100%;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;position:relative}.tmbigdata-content-right-tabs>span{margin-right:20px;cursor:pointer}.tmbigdata-content-right-tabs>.special{color:#118EE9}.tmbigdata-content-right-tabs>div{position:absolute;right:0;top:0;color:rgba(82,86,106,.6);font-size:14px;text-align:right;font-family:SourceHanSansSC-regular;cursor:pointer}.tmbigdata-content-right-tabs>div:hover{color:#118EE9}.tmbigdata-content-right-progress{width:100%;padding-top:8px;box-sizing:border-box}.tmbigdata-content-right-progress>.progress-item{width:100%;line-height:40px;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;margin-top:12px}.tmbigdata-content-right-progress>.progress-item>span{display:inline-block;margin-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom}.tmbigdata-content-right-progress>.progress-item>div{display:inline-block;width:70%}.reg-bj-return{position:absolute;top:20px;left:20px;color:#797979;font-size:14px;font-size:.14rem;cursor:pointer;z-index:999}.reg-bj-return>.span1:hover{color:#1AA1E6}.reg-bj-return>i{margin:0 7px}.tmbigdata-contentTwo{min-width:1000px;width:100%;height:340px;margin:20px auto 0}.tmbigdata-contentTwo-left1,.tmbigdata-contentTwo-right1{height:100%;background:#FFF;border:1px solid #E6E8E9;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5)}.tmbigdata-contentTwo-left1{float:left;width:66.25%;border-radius:2px;box-sizing:border-box}.tmbigdata-contentTwo-right1{float:right;width:31.9%;border-radius:2px;box-sizing:border-box}.tmbigdata-contentThree>.item,.tmbigdatadetail-header{border:1px solid #E6E8E9;background:#FFF;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);box-sizing:border-box}.tmbigdata-contentThree{width:100%;height:380px;margin:20px auto 0}.tmbigdata-contentThree>.item{float:left;width:32%;height:100%;margin-right:20px;border-radius:2px}.tmbigdata-contentThree>.item:last-child{margin-right:0}.tmbigdatadetail-header{width:100%;height:464px;margin:0 auto;border-radius:2px;padding:30px}.tmbigdatadetail-header-title{width:100%;overflow:hidden;margin-bottom:25px}.tmbigdatadetail-header-title>.name{float:left;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600}.tmbigdatadetail-header-title>.select{float:right;width:110px}.tmbigdatadetail-echart{width:100%;height:280px}.tmbigdatadetail-table{width:100%;height:auto;margin:20px auto 0;background:#FFF;border:1px solid #E6E8E9;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);border-radius:2px;padding:30px;box-sizing:border-box}.tmbigdatadetail-table-pagination{width:100%;text-align:right;margin-top:20px}.tmbigdatadetail-header .is-active{color:#fff!important;background:#40A3ED}.tmbigdatadetail-header .el-tabs--card>.el-tabs__header{border-bottom:none}.tmbigdatadetail-header .el-tabs--card>.el-tabs__header .el-tabs__nav{border-radius:1px}.tmbigdatadetail-header .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid #E4E7ED;line-height:30px;height:30px}.tmbigdatadetail-table .el-table--enable-row-transition .el-table__body td{text-align:center}.wins{box-sizing:border-box;width:100%;padding:4px 10px}.wins-main-title{width:100%;height:21px;font-size:16px;font-weight:700;font-family:MicrosoftYaHei;color:rgba(121,121,121,1);margin-bottom:30px}.wins-main .wins-main-submit,.wins-main-bigtype .el-checkbox__label,.wins-main-bigtype .wins-main-checkcount,.wins-main-form-box .el-button span,.wins-main-form-box>div:nth-child(1),.wins-main-hot>div:nth-child(1)>div:nth-child(2),.winsresult-main>div{font-family:PingFangSC-Medium,PingFang SC}.wins-main-form-box{display:flex;align-items:center;margin-bottom:20px}.wins-main-form-box>div:nth-child(1){width:84px;height:20px;margin-right:50px;font-size:14px;font-weight:500;color:rgba(121,121,121,1);line-height:20px}.wins-main-form-box .el-button{padding:7px 0 7px 10px;text-align:left;width:400px;height:34px;background:rgba(250,250,250,1);border-radius:2px;border:1px solid rgba(238,238,238,1)}.wins-main-form-box .el-button span{width:100%;height:20px;display:flex;align-items:center;justify-content:space-between;padding-right:10px;box-sizing:border-box;font-size:14px;font-weight:500;color:rgba(170,170,171,1)}.wins-main-form-box .el-input .el-input__inner{width:400px;height:34px;color:rgba(170,170,171,1);border-radius:2px;border:1px solid rgba(238,238,238,1);background:rgba(250,250,250,1)}.wins-main-hot{margin-left:136px;margin-top:10px}.wins-main-hot>div:nth-child(1){display:flex;justify-content:space-between;box-sizing:border-box;width:400px}.wins-main-hot>div:nth-child(1)>div:nth-child(1){font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(121,121,121,1)}.wins-main-hot>div:nth-child(1)>div:nth-child(2){font-size:14px;font-weight:500;color:rgba(17,142,233,1);cursor:pointer}.wins-main-hot>div:nth-child(2){width:400px}.wins-main-hot ul{margin-top:10px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.winsresult-dialog-content,.winsresult-title{justify-content:space-between;display:flex}.wins-main-hot ul>li{width:40px;height:24px;background:rgba(237,238,250,1);border-radius:1px;margin-bottom:11px;margin-right:5px;text-align:center;line-height:24px}.wins-main-bigtype{margin-left:136px;max-width:990px}.el-cascader-panel .el-cascader-menu__wrap{height:408px}.el-cascader-panel>div:nth-child(1){width:263px}.el-cascader-panel>div:nth-child(2){width:207px}.wins-main-bigtype .el-checkbox{width:100px;margin-right:42px;margin-bottom:14px}.wins-main-bigtype .el-checkbox__label{font-size:12px;font-weight:500;color:rgba(151,166,173,1)}.wins-main-bigtype .wins-main-checkcount{font-size:12px;font-weight:500;color:rgba(121,121,121,1);margin-left:-40px}.wins-main .wins-main-submit{width:400px;height:40px;margin-top:50px;margin-left:133px;background:rgba(17,142,233,1);border-radius:2px;font-size:14px;font-weight:500;color:rgba(255,255,255,1)}.wins .el-button:focus,.wins .el-button:hover{color:#118EE9;border-color:#118EE9;background-color:#ecf5ff}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff!important;color:#118EE9!important}.wins .el-cascader:not(.is-disabled):hover .el-input__inner,.wins .el-input__inner:hover{color:#118EE9;border-color:#118EE9;background-color:#ecf5ff}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{color:#118EE9;background:rgba(241,248,255,1)!important}.winsresult-back,.winsresult-main>div{cursor:pointer;font-weight:500;color:rgba(72,72,72,1)}.winsresult{box-sizing:border-box;height:100%;width:100%;padding:4px 10px}.winsresult-back{text-align:center;line-height:28px;width:70px;height:28px;background:rgba(255,255,255,1);border-radius:2px;border:1px solid rgba(209,209,209,1)}.winsresult-main{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;justify-content:space-between;padding-top:36px}.winsresult-main>div{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 30px 0 20px;width:30.37%;height:64px;border-radius:2px;border:1px solid rgba(238,238,238,1);font-size:16px;margin-bottom:20px}.winsresult-main i{color:#118EE9;font-size:24px}.winsresult .el-pagination button,.winsresult .el-pagination span:not([class*=suffix]){min-width:69px}.winsresult .el-pagination.is-background .btn-next,.winsresult .el-pagination.is-background .btn-prev{border-radius:2px!important}.winsresult .el-pagination.is-background .btn-next,.winsresult .el-pagination.is-background .btn-prev,.winsresult .el-pagination.is-background .el-pager li{margin:0;box-sizing:border-box;border:1px solid #ddd;border-radius:0}.winsresult .el-pagination.is-background .el-pager li{border-right:0}.winsresult .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1C2B36;border:1px solid #1C2B36}.winsresult .brandfind-list-page{width:100%;margin-bottom:35px}.winsresult .brandfind-list-page .el-pagination{margin-top:18px;float:right}.winsresult .el-dialog__title{font-size:16px}.winsresult-dialog-name{font-size:26px;margin-bottom:12px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:rgba(72,72,72,1)}.winsresult-dialog-condition{display:flex;padding-bottom:20px;border-bottom:1px solid rgba(238,238,238,1)}.winsresult-dialog-condition>div{min-width:100px;margin-right:57px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(121,121,121,1)}.winsresult-dialog-content{margin-top:20px;flex-wrap:wrap;max-height:270px;overflow:auto}.winsresult-dialog-content-name{display:flex;justify-content:space-between}.winsresult-dialog-content>div{width:30%;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winsresult .el-breadcrumb__inner.is-link{font-weight:100;color:rgba(121,121,121,1)}.winsresult .el-breadcrumb__item:last-child .el-breadcrumb__inner{font-weight:700;color:rgba(72,72,72,1)}
\ No newline at end of file
.brandfind,.brandfind-box{width:100%;box-sizing:border-box}.brandfind-main-equal>div::after,.brandfind-main-filter-item::after{clear:both;content:"";visibility:hidden}.brandfind{background:#fff}.el-table--scrollable-x .el-table__body-wrapper{overflow:hidden!important}.brandfind:hover .el-input--suffix:hover .el-input__inner:hover{border:1px solid #118EE9}.el-button--primary:focus,.el-button--primary:hover{background:#0F84DB!important;color:#FFF}.is-active:hover{background:#0F84DB!important}.brandfind-title{font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:900}.brandfind-box{padding:0 10px}.brandfind-search-box{height:40px;margin-top:30px;margin-bottom:20px;position:relative}.brandfind-search-box .upload-input-img{position:absolute;padding:0 5px;left:5px;top:6px;background:#eee;display:flex;min-width:60px;height:30px;justify-content:space-between;align-items:center;z-index:991;border-radius:3px;font-size:14px;text-align:center;opacity:1}.brandfind .el-pagination button,.brandfind .el-pagination span:not([class*=suffix]),.noticetm .el-pagination button,.noticetm .el-pagination span:not([class*=suffix]){min-width:69px}.brandfind-search-box .upload-input-img>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandfind-search-box .upload-input-img i{color:#797979;cursor:pointer;margin-left:15px}.brandfind-search-box>div{float:left;height:40px}.brandfind-search-box>div:nth-child(1){width:88.7%}.brandfind-search-box>div:nth-child(2){width:11.3%}.brandfind-search-box>div:nth-child(1) .el-icon-camera{font-size:24px;cursor:pointer}.brandfind-search-box>div:nth-child(1) .el-icon-camera:hover{color:#118EE9}.brandfind-search-box>div:nth-child(1) .el-input__suffix{right:10px;top:-2px}.brandfind-search-box-camera{position:absolute;top:5.3px;left:910px;z-index:1;color:#999}.brandfind-search-box .el-input__inner{border-radius:2px 0 0 2px;width:100%;background:#f9f9f9}.brandfind-search-box .el-button{border-radius:0 2px 2px 0;width:100%;height:100%}.brandfind-search-box .el-input__icon{font-size:24px}.brandfind-list-title,.brandfind-list-title>span,.brandfind-main-equal-form-title,.brandfind-main-equal-form-title span,.brandfind-main-filter-item>div:nth-child(1){font-family:PingFangSC-Medium;font-size:14px}.brandfind-main .el-tabs--border-card>.el-tabs__header .el-tabs__item{padding:0 30px!important}.brandfind-main .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background:#118EE9;color:#fff;border-right-color:#118EE9;border-left-color:#118EE9}.brandfind-main .el-tabs__nav-scroll{background:#F9F9F9}.brandfind-main .el-tabs--border-card{border:none;box-shadow:none}.brandfind-main .el-tabs--border-card>.el-tabs__content{padding:0}.brandfind-main-filter{width:100%;min-height:172px;box-sizing:border-box;padding:32px 30px 0;border:1px solid #f7f7f8}.brandfind-main-filter-item{width:100%;box-sizing:border-box;min-height:24px;line-height:24px;margin-bottom:20px;position:relative}.brandfind-main-filter-item::after{display:block;height:0}.brandfind-main-filter-item>div{float:left;line-height:24px}.brandfind-main-filter-item>div:nth-child(1){color:#797979;letter-spacing:0;text-align:center}.brandfind-main-filter-item>div:nth-child(2){max-width:85%;height:26px;overflow:hidden;transition:height 1s}.brandfind-main-filter-item .el-checkbox-button__inner,.brandfind-main-filter-item .el-checkbox-group{vertical-align:top;display:flex}.brandfinddetails .el-icon-search,.list-img>span,.policylist-buttons>div>img,.policylist-qr>img{vertical-align:middle}.brandfind-main-filter-item .el-checkbox-button--mini .el-checkbox-button__inner{text-align:left;border:none;margin-bottom:10px;margin-right:20px;box-sizing:border-box}.brandfind-main-filter-item .el-checkbox-button:first-child .el-checkbox-button__inner{border-left:none;border-radius:0}.brandfind .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{width:-webkit-fill-available;background:#118EE9}.brandfind .el-checkbox-button.is-checked .el-checkbox-button__inner{background:#118EE9}.brandfind-main-filter-item .el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0}.brandfind-main-filter-item>.brandfind-main-filter-more{box-sizing:border-box;width:70px;height:24px;line-height:24px;display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:1px solid #D1D1D1;border-radius:2px;position:absolute;top:0;right:0}.brandfind-main-filter-more>button{width:100%;height:100%;border:none;padding:0;background:0 0;border-radius:none;color:#484848}.brandfind-main-equal-header{display:none}.brandfind-main-equal,.brandfind-main-equal-warpper{width:100%;margin-top:20px}.brandfind-main-equal>div::after{display:block;height:0}.brandfind-main-equal>.brandfind-main-equal-box>div:nth-child(1){float:left}.brandfind-main-equal>.brandfind-main-equal-box>div:nth-child(2){float:right}.brandfind-main-equal-form .el-table--enable-row-transition .el-table__body td{height:32px;padding:0}.brandfind-main-equal-form .el-table--enable-row-transition .el-table__body td:nth-child(1){background:100% #FCFCFC;text-align:center}.brandfind-main-equal-form .el-table--enable-row-transition .el-table__body td:last-child{text-align:center}.brandfind-main-equal-form{box-sizing:border-box;width:49%;height:256px;border:1px solid #F7F7F8;padding:20px 30px 30px}.brandfind-main-equal-form-title{margin-bottom:23px;color:#797979;letter-spacing:0}.brandfind-main-equal-form-title span{display:inline-block;margin-left:10px;color:#118EE9;letter-spacing:0}.brandfind-list-box-text-info::after,.brandfind-list-box-text-title::after,.brandfind-main-equal-form-box::after{display:block;clear:both;content:"";visibility:hidden}.brandfind-main-equal-form-box::after{height:0}.brandfind-main-equal-form-box>div{float:left;width:49%}.brandfind-main-equal-form-box>div:nth-child(2){float:right}.brandfind-main-equal-form-box .el-table--border::after,.brandfind-main-equal-form-box .el-table::before,.el-table--group::after{width:0}.brandfind-list-box,.brandfind-list-box>ul>li,.brandfind-list-title,.brandfind-list-warpper{width:100%;box-sizing:border-box}.brandfind-list-warpper{margin-top:20px;min-height:400px}.brandfind-list-warpper>.brandfind-list-box{height:330px!important}.brandfind-list-title{height:61px;padding-left:30px;line-height:61px;color:#797979;background:#FFF;border:1px solid #F7F7F8;border-bottom:none;border-radius:1px}.brandfind-list-title>span{color:#ff4500}.brandfind-list-box{border:1px solid #f7f7f8;height:100%}.brandfind-list-box>ul>li{height:180px;padding:30px;border-bottom:1px solid rgba(247,247,248,1)}.brandfind-list-box-logo{margin-right:30px;box-sizing:border-box;width:200px;height:120px;border:1px solid #f7f7f8;float:left}.brandfind-list-box-logo>img{width:100%;height:100%}.brandfind-list-box-text{overflow:auto}.brandfind-list-box-text-title::after{height:0}.brandfind-list-box-text-title>div{float:left}.brandfind-list-box-text-title>div:nth-child(1){font-family:MicrosoftYaHei;font-size:18px;color:#484848;letter-spacing:0;margin-right:16px}.brandfind-list-box-text-title>div:nth-child(2),.brandfind-list-box-text-title>div:nth-child(3){background:#EBF2FF;border-radius:2px;box-sizing:border-box;padding:4px 13px;height:24px;margin-right:10px;text-align:center;font-family:PingFangSC-Regular;font-size:12px;color:#118EE9;letter-spacing:0;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandfind-list-box-text-title>div:nth-last-child(1){float:right;height:28px;width:85px;box-sizing:border-box;padding:4px 10px;font-family:PingFangSC-Medium;font-size:14px;color:#FFF;letter-spacing:0;border-radius:1px}.brandfind-list-box-text-info::after{height:0}.brandfind-list-box-text-info>div{margin-top:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.brandfind-list-box-text-info>div:nth-child(1){width:340px}.brandfind-list-box-text-info>div>div{margin-bottom:11px}.brandfind-list-box-text-info>div>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandfind-list-box-text-info>div>div>span:nth-child(1){font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.brandfind-list-box-text-info>div>div>span:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.statusreg{background:#35B34A}.statustrial{background:#F68367}.statusinvalid{background:#777F84}.collapse,.collapse1{height:auto!important}.brandfind-main-equal-form-box-null{width:100%;min-height:180px;height:calc(100% + 0px);display:flex}.brandfind-main-equal-form-box-null>div{margin:auto;width:140px;height:104px;padding-bottom:30px}.brandfind-main-equal-form-box-null>div>img{width:100%;height:100%}.brandfind-main-equal-form-box-null>div>div{font-family:PingFangSC-Medium;font-size:14px;color:#AAAAAB;letter-spacing:0;text-align:center;width:100%}.el-icon-warning,.list-img{font-size:20px}.brandfind .el-input--suffix .el-input__inner{background:#fff;border-radius:2px;border:1px solid #CFDAE5}.btn{margin-top:15px!important}.brandfind .el-pagination.is-background .btn-next,.brandfind .el-pagination.is-background .btn-prev{border-radius:2px!important}.brandfind .el-pagination.is-background .btn-next,.brandfind .el-pagination.is-background .btn-prev,.brandfind .el-pagination.is-background .el-pager li{margin:0;box-sizing:border-box;border:1px solid #ddd;border-radius:0}.brandfind .el-pagination.is-background .el-pager li{border-right:0}.brandfind .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1C2B36}.brandfind-list-page{width:100%}.brandfind-list-page .el-pagination{margin-top:145px;float:right}.el-message{background:#fff!important}.el-table__row>td:nth-child(2)>div{padding-left:20px!important}.brandfind .is-active:hover{color:#fff!important}.brandfinddetails{width:100%;box-sizing:border-box;background:#fff}.brandfinddetails-details-box-logo>div:nth-child(2)>div{background:#eee!important}.brandfinddetails-title{box-sizing:border-box;padding:30px;height:180px;width:100%;background:#EBF2FF}.brandfinddetails-title::after{clear:both;content:"";display:block;height:0;visibility:hidden}.brandfinddetails-title>div:nth-child(1){width:200px;height:120px;float:left}.brandfinddetails-title>div:nth-child(1)>img{width:100%;height:100%}.brandfinddetails-title>ul{float:left;margin-left:30px}.brandfinddetails-title>ul>li:nth-child(1){font-family:MicrosoftYaHei;font-size:18px;color:#484848;letter-spacing:0;font-weight:700;padding-bottom:5px}.brandfinddetails-title>ul>li:not(:nth-of-type(1)){margin-top:12px}.brandfinddetails-title>ul>li>span:nth-child(1){font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.brandfinddetails-title>ul>li>span:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.brandfinddetails-title>div:last-child{float:right}.brandfinddetails-steps{width:100%;box-sizing:border-box;border:1px solid #E6E8E9;height:163px;padding-top:100px;padding-bottom:40px}.brandfinddetails-steps .el-step__icon-inner{display:none}.brandfinddetails-steps .el-step__icon.is-text{border-radius:50%;transform:scale(.5)}.brandfinddetails-steps .el-step__description,.brandfinddetails-steps .el-step__title{font-family:PingFangSC-Medium;font-size:14px;color:#F68367;letter-spacing:0}.brandfinddetails-steps .el-step__description.is-finish,.brandfinddetails-steps .el-step__head.is-finish,.brandfinddetails-steps .el-step__title.is-finish{color:#f68367;border-color:#f68367}.brandfinddetails-steps .el-step__description.is-wait,.brandfinddetails-steps .el-step__title.is-wait{font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.brandfinddetails-steps .el-step__main{transform:translateY(-80px)}.brandfinddetails-details{width:100%;box-sizing:border-box;padding:30px;border:1px solid #eee}.brandfinddetails-details-box{border-right:1px solid #E6E8E9;border-bottom:1px solid #E6E8E9}.brandfinddetails-details-box>div>div{border:1px solid #E6E8E9;border-right:0;border-bottom:0;height:40px;box-sizing:border-box;line-height:40px;padding-left:26px;font-family:PingFangSC-Medium;font-size:12px;color:#797979;letter-spacing:0}.brandfinddetails-details-box>div>div:nth-of-type(odd){background:#F5F5F5;font-family:PingFangSC-Medium;font-size:12px;color:#797979}.brandfinddetails-details-box>.brandfinddetails-details-box-logo{height:100px}.brandfinddetails-details-box>.brandfinddetails-details-box-logo>div{line-height:100px;height:100%}.brandfinddetails-details-box-logo>div:nth-child(2){box-sizing:border-box;padding-top:7px}.brandfinddetails-details-box-logo>div:nth-child(2)>div{width:155px;height:83px}.brandfinddetails-details-box-logo>div:nth-child(2)>div>img{width:100%;height:100%}.brandfinddetails-details-box>.brandfinddetails-details-box-reg>div:nth-child(1){display:flex;align-items:center;min-height:120px;height:100%}.brandfinddetails-details-box-reg>div:nth-of-type(2){box-sizing:border-box;min-height:120px;height:100%;padding:28px 20px 0 26px}.brandfinddetails-details-box-reg>div>span{margin-right:60px;float:left;line-height:14px;height:28px}.brandfinddetails-details-box>.brandfinddetails-details-box-status{min-height:100px;display:flex}.brandfinddetails-details-box>.brandfinddetails-details-box-status>div:nth-child(1){height:100%;min-height:100px;display:flex;align-items:center}.brandfinddetails-details-box>.brandfinddetails-details-box-status>div:nth-child(2){box-sizing:border-box;min-height:100px;line-height:1px;height:100%;padding:25px 0 0 26px;align-items:center}.brandfinddetails-details-box>.brandfinddetails-details-box-status>div:nth-child(2) li{height:14px;line-height:1;margin-bottom:8px}.brandfinddetails-details-box>.brandfinddetails-details-box-notice{min-height:100px;display:flex}.brandfinddetails-details-box>.brandfinddetails-details-box-notice>div:nth-child(1){min-height:100px;align-items:center;display:flex}.brandfinddetails-details-box>.brandfinddetails-details-box-notice>div:nth-child(2){min-height:100px;height:100%;box-sizing:border-box;padding:25px 0 0 26px}.brandfinddetails-details-box>.brandfinddetails-details-box-notice>div:nth-child(2) li{line-height:1;height:14px;margin-bottom:13px}.brandfinddetails .el-icon-search{margin-left:3px;color:#118EE9;font-size:16px}.brandfinddetails .is-finish .is-text{background:#f68367!important}.brandfinddetails .is-finish .el-step__line{background:#F68367}.el-step__icon.is-text{background:#ccc}.ncldetail-main{width:100%;height:100%;background-color:#fff;padding:0 10px}.ncldetail-main-name{width:100%;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600;line-height:70px}.ncldetail-main-title{width:100%;height:63px;color:rgba(16,16,16,1);font-size:14px;text-align:center;box-shadow:0 0 0 0 rgba(82,86,106,.2);font-family:Roboto;padding-top:10px;box-sizing:border-box}.ncldetail-main-title>.title-item1,.ncldetail-main-title>.title-item2{float:left;width:96px;height:30px;line-height:30px;font-family:PingFangSC-Medium;font-size:14px;border-radius:16.5px;margin-right:1.2%}.ncldetail-main-title>.title-item1{color:#FFF;background-color:#118EE9;cursor:pointer}.ncldetail-main-title>.title-item2{color:#118EE9;background-color:#EBF2FF;cursor:pointer}.ncldetail-main-content-particular>div>div,.ncldetail-main-item{color:rgba(16,16,16,1);font-family:Roboto;text-align:center;cursor:pointer;float:left}.ncldetail-main-content{width:100%;height:auto;overflow:hidden;margin-top:15px;border-left:1px solid rgba(247,247,248,1)}.ncldetail-main-content-particular{width:100%;max-height:120px;padding:0 30px 0 0;box-sizing:border-box;overflow:hidden;margin-bottom:20px}.ncldetail-main-content-particular>div{width:100%;height:118px;border-radius:1px;border:1px solid rgba(230,232,233,1);box-sizing:border-box;padding:0 5px 0 13px;overflow:auto}.ncldetail-main-content-particular>div::-webkit-scrollbar{width:4px}.ncldetail-main-content-particular>div>div{max-width:33px;width:2.9%;height:33px;line-height:32px;font-size:16px;border:1px solid rgba(187,187,187,1);margin:10px .6%;border-radius:2px}.ncldetail-main-content-particular>div>.special{background:rgba(235,242,255,1);border-radius:2px;border:1px solid rgba(202,220,255,1)}.ncldetail-main-item{min-height:171px;width:14.05%;height:10.4%;padding-bottom:14px;background-color:rgba(255,255,255,1);font-size:36px;box-sizing:border-box;position:relative;border-right:1px solid #F7F7F8;border-top:1px solid #F7F7F8;border-radius:1px}.ncldetail-main-item>.img{width:100%;margin-top:35px}.ncldetail-main-item>.img>img{display:inline-block;width:40px;height:40px;border-radius:50%;margin:0 auto}.ncldetail-main-item>.name{margin-top:20px;width:100%;text-align:center;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.ncldetail-main-item>.maskLayer>.name,.ncldetail-main-item>.text{font-family:MicrosoftYaHei;font-size:16px;text-align:center;width:100%;letter-spacing:0}.ncldetail-main-item>.text{margin-top:15px;font-weight:600;color:#797979}.ncldetail-main-item>.maskLayer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.95;background:#118EE9;padding:20px;box-sizing:border-box}.ncldetail-main-item>.maskLayer>.name{line-height:45px;color:#FFF}.ncldetail-main-item>.maskLayer>.text{width:100%;height:92px;font-family:PingFangSC-Semibold;font-size:12px;color:#FFF;letter-spacing:0;line-height:18px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.ncldetail-main-item>.maskLayer>.text::-webkit-scrollbar{width:4px}.ncldetail-main-content2{width:100%;height:auto;overflow:hidden;padding:15px 30px 0 0;box-sizing:border-box}.ncldetail-main-item2{width:100%;height:120px;border:1px solid rgba(230,232,233,1);border-bottom:none}.ncldetail-main-item2:last-child{border-bottom:1px solid rgba(230,232,233,1)}.item2-left{float:left;border-right:1px solid rgba(230,232,233,1);width:180px;height:100%}.item2-left>.img{width:100%;margin-top:25px}.item2-left>.img>img{display:block;width:40px;height:40px;border-radius:50%;margin:0 auto}.item2-left>.name{width:100%;margin-top:10px;text-align:center;font-family:PingFangSC-Semibold;font-size:16px;color:#797979;letter-spacing:0}.item2-right{float:left;width:64%;height:100%;padding:10px 30px;box-sizing:border-box}.item2-right>.right-list{width:100%;height:50px;line-height:50px}.item2-right>.right-list>span{font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0;margin-right:8px}.item2-right>.right-list>div{display:inline-block;width:32px;height:31px;line-height:31px;text-align:center;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;margin-right:15px;border:1px solid #D1D1D1;cursor:pointer}.item2-right>.right-list>.choose,.item2-right>.right-list>div:hover{background:#EBF2FF;border:1px solid #CADCFF;border-radius:2px}.ncldetail-main-content2-particular{width:100%;height:auto;overflow:hidden;padding-right:30px;box-sizing:border-box}.RecommendedDetails{width:100%;min-height:400px;border:1px solid rgba(230,232,233,1);border-top:none}.RecommendedDetails>.Rtop{width:100%;height:177px;padding:30px;box-sizing:border-box;border-bottom:1px solid rgba(230,232,233,1);position:relative}.RecommendedDetails>.Rtop>.guanbi{position:absolute;top:24px;right:30px;width:90px;height:30px;line-height:30px;text-align:center;font-size:14px;border:1px solid #eee;color:#666;cursor:pointer}.loading-brandfind,.policy-loading{position:fixed;top:0;left:0;z-index:999}.RecommendedDetails>.Rtop>.guanbi:hover{background-color:#118EE9;color:#fff}.RecommendedDetails>.Rtop>.name{width:100%;text-align:left;font-family:PingFangSC-Semibold;font-size:16px;color:#797979;letter-spacing:0;font-weight:600}.RecommendedDetails>.Rtop>.text{margin-top:20px;width:100%;text-align:left;font-family:PingFangSC-Regular;font-size:16px;color:#797979;letter-spacing:0;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.RecommendedDetails>.Rbottom>.Rleft>div,.RecommendedDetails>.Rbottom>.Rright>.name{line-height:45px;cursor:pointer;font-family:PingFangSC-Medium;font-size:14px;letter-spacing:0}.RecommendedDetails>.Rbottom{width:100%;height:auto;overflow:hidden}.RecommendedDetails>.Rbottom>.Rleft{float:left;width:46%;padding:30px;box-sizing:border-box;border-right:1px solid rgba(230,232,233,1)}.RecommendedDetails>.Rbottom>.Rright{float:right;width:54%;padding:30px;box-sizing:border-box;border-left:1px solid rgba(230,232,233,1)}.RecommendedDetails>.Rbottom>.Rleft>div{width:100%;color:#797979}.RecommendedDetails>.Rbottom>.Rleft>.special{color:#118EE9;font-weight:600}.RecommendedDetails>.Rbottom>.Rright>.name{width:100%;color:#797979}.RecommendedDetails>.Rbottom>.Rright>.text{font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;line-height:24px}.RecommendedDetails>.Rbottom>.Rright>.note{margin-top:20px;font-family:PingFangSC-Medium;font-size:14px;color:#97A6AD;letter-spacing:0;line-height:24px}.RecommendedDetails>.Rbottom>.Rright>.note>div{width:100%;line-height:45px;font-family:PingFangSC-Medium;font-size:14px;color:#E4393C;letter-spacing:0}.noticetm{width:100%;box-sizing:border-box;background:#fff;padding:0 10px}.brandfind-list-page{margin-bottom:60px}.noticetm-main-name{width:100%;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600;line-height:70px}.noticetm .noticetm-notice-title .cell,.proposer>h1{font-weight:900}.noticetm-main-title{width:100%;height:80px;color:rgba(16,16,16,1);font-size:14px;text-align:center;box-shadow:0 0 0 0 rgba(82,86,106,.2);font-family:Roboto;padding-right:25px;padding-top:10px;box-sizing:border-box}.noticetm-main-title>.title-item1,.noticetm-main-title>.title-item2{float:left;width:120px;height:30px;line-height:30px;font-family:PingFangSC-Medium;font-size:14px;border-radius:16.5px;margin-right:1.2%;cursor:pointer}.noticetm-main-title>.title-item1{color:#FFF;background-color:#118EE9}.noticetm-main-title>.title-item2{color:#118EE9;background-color:#EBF2FF}.noticetm-notice .el-table th,.noticetm-notice .el-table tr{background:0 0}.noticetm-find{padding:30px;border:1px solid rgba(247,247,248,1);margin-bottom:20px}.noticetm-notice .el-table--fit{border:1px solid #F7F7F8;box-sizing:border-box}.el-button--mini.is-round,.noticetm-notice .el-button--mini{background:#118EE9}.noticetm .noticetm-notice-title{background:#F9F9F9!important;font-family:MicrosoftYaHei;font-size:12px;color:#797979;text-align:center;letter-spacing:0}.el-table th.is-leaf,.noticetm .el-table td{text-align:center}.el-radio-group>.is-active:hover,.el-radio-group>div>.is-active:hover{background:#fff!important}.brandfind-main-filter-item .el-radio-button__inner,.brandfind-main-filter-item .el-radio-group{vertical-align:top;display:flex}.brandfind-main-filter-item .el-radio-button--mini .el-radio-button__inner{border:none;margin-bottom:10px;box-sizing:border-box;margin-right:14px;color:rgba(151,166,173,1);text-align:left;padding:7px 13px}.details-entry,.details-entry2{padding:7px 3px;font-size:12px;text-align:center;cursor:pointer}.brandfind-main-filter-item .el-radio-button__orig-radio:checked+.el-radio-button__inner{background:#118EE9}.brandfind-main-filter-item .el-radio-button:first-child .el-radio-button__inner{border-left:none;border-radius:0;width:-webkit-fill-available;margin-right:16px}.brandfind-main-filter-item .el-radio-button:last-child .el-radio-button__inner{border-radius:0}.noticetm-input{color:#797979;letter-spacing:0;text-align:center;height:28px}.noticetm-input>button{float:right;width:68px}.noticetm-input input{height:22px;width:142px;border:1px solid #eee;margin-right:30px}.noticetm-input input:hover{border:1px solid #118EE9}.details-entry{background:#FFF;border:1px solid #D1D1D1;border-radius:2px;color:rgba(72,72,72,1);transform:translateY(40px)}.details-entry2{border-radius:2px;transform:translateY(60px);background:#118EE9}.noticetm .el-pagination.is-background .btn-next,.noticetm .el-pagination.is-background .btn-prev{border-radius:2px!important}.noticetm .el-pagination.is-background .btn-next,.noticetm .el-pagination.is-background .btn-prev,.noticetm .el-pagination.is-background .el-pager li{margin:0;border:1px solid #ddd;border-radius:0}.noticetm .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1C2B36}.el-table td,.el-table th.is-leaf{border-bottom:1px solid rgba(247,247,248,1)!important}.proposer-title,.proposer>h1{width:100%;border:1px solid #E6E8E9;box-sizing:border-box}.policy-loading{width:100%;height:100%}.proposer{width:100%;box-sizing:border-box;background:#fff}.proposer>h1{height:80px;font-size:18px;background:#F9F9F9;line-height:80px;border-radius:1px;padding-left:30px}.proposer-title{padding:30px;height:180px;background:#fff;border-top:none;border-bottom:none}.proposer-title::after{clear:both;content:"";display:block;height:0;visibility:hidden}.proposer-title>div:nth-child(1){width:200px;height:120px;float:left}.proposer-title>div:nth-child(1)>img{width:100%;height:100%}.proposer-title>ul{float:left;margin-left:30px;width:70%}.proposer-title>ul>li:nth-child(1){font-family:MicrosoftYaHei;font-size:18px;color:#484848;letter-spacing:0;font-weight:700;padding-bottom:5px}.proposer-title>ul>li:not(:nth-of-type(1)){margin-top:12px}.proposer-title>ul>li>span:nth-child(1){font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0}.proposer-title>ul>li>span:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#484848;letter-spacing:0}.proposer-title>div:last-child{float:right}.proposer-details>div>div{border:1px solid #E6E8E9;height:40px;box-sizing:border-box;line-height:40px;padding-left:26px;font-family:PingFangSC-Medium;font-size:12px;color:#797979;letter-spacing:0}.proposer-details>div>div:nth-of-type(odd){background:#F5F5F5;font-family:PingFangSC-Medium;font-size:12px;color:#797979}.proposer-details>div:last-child{height:114px}.proposer-details>div:last-child>div{line-height:114px;height:100%}.proposer-details>div:last-child>div:nth-child(2){padding:21px 0 0 26px;box-sizing:border-box;line-height:normal;height:auto;min-height:114px}.loading-brandfind,.policylist-warpper,.policylist-warpper>.policylist{height:100%;width:100%}.el-input--mini .el-input__inner{border:1px solid rgba(238,238,238,1);border-radius:0}.policylist-headerbut{background:#fff;position:relative;top:-1px;color:rgba(121,121,121,1)!important}.policyquery-items>.items_item>div{padding-right:30px!important}.mian-list,.policylist-swiper{padding:20px;box-sizing:border-box}.policyquery-items>.items_item>div:hover,.policyquery-items>.items_right:hover{color:#118EE9}.policyquery-items:nth-child(1){border-top:1px solid #F0F3F0}.policyquery-items{border:none!important;box-sizing:border-box;border-bottom:1px solid #F0F3F0!important}.policyquery-items:last-child{border:none!important}.policylist-header{width:100%;overflow:hidden;border:1px solid #F0F3F0}.header-left{float:left;font-size:16px;font-family:MicrosoftYaHei;color:rgba(121,121,121,1);cursor:pointer}.header-right{float:right;width:110px;height:28px;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(121,121,121,1)}.policylist-swiper{width:100%;margin-top:30px;height:150px;position:relative;background-color:#FAFAFA}.swiper-main{width:96%;height:100%;margin:0 auto;white-space:nowrap;overflow:hidden}.swiper-leftButton,.swiper-rightButton{position:absolute;top:33%;width:16px;height:54px;line-height:54px;background:rgba(240,240,240,1);border-radius:2px;cursor:pointer;text-align:center}.swiper-leftButton{left:20px}.swiper-rightButton{right:20px}.main-lists,.mian-list{display:inline-block;height:100%;overflow:hidden}.swiper-leftButton:hover,.swiper-rightButton:hover{background-color:rgba(235,242,255,1);color:#97A6AD}.mian-list,.mian-list:hover{background:rgba(255,255,255,1);box-shadow:2px 2px 5px 0 rgba(226,226,226,.5)}.main-lists{white-space:nowrap;-webkit-transition:transform .3s linear}.mian-list{width:360px;margin-right:10px;border-radius:2px;border:1px solid rgba(230,232,233,1);cursor:pointer}.mian-list:hover{border-radius:2px;border:1px solid rgba(17,142,233,1)}.list-img{float:left;width:70px;height:70px;margin-right:20px;color:#5D9ADD;background:rgba(235,242,255,1);white-space:normal!important;text-align:center;display:table;padding:0 10px;box-sizing:border-box}.list-text-name,.list-text-title{font-size:14px;font-weight:500;font-family:PingFangSC-Medium,PingFangSC}.policylist-portrayal,.policylist-recommend{background:rgba(255,255,255,1);box-sizing:border-box;overflow:hidden}.list-img>span{display:table-cell}.list-text{float:left;line-height:24px;letter-spacing:2px}.list-text-title{color:rgba(72,72,72,1)}.list-text-name{color:rgba(121,121,121,1)}.policylist-portrayal{width:100%;height:118px;border-radius:1px;border:1px solid rgba(247,247,248,1);padding:20px}.portrayal-left{float:left;font-weight:600;color:#118EE9;font-size:1.6vw;margin-right:22px}.portrayal-right{float:left;width:85%;height:100%;overflow:hidden;padding:.5% 0;box-sizing:border-box}.portrayal-right-list{float:left;margin-right:16px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;cursor:default}.policylist-recommend{width:100%;height:60px;border-radius:1px;border:1px solid rgba(247,247,248,1);padding:0 20px;line-height:60px}.recommend-title{float:left;font-weight:600;font-size:1.6vw;color:#F2784B;margin-right:22px}.recommend-name{float:left;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;color:rgba(121,121,121,1);margin-right:30px;font-weight:600}.recommend-name>span{margin-left:10px;color:#118EE9}.recommend-input{float:right;width:220px;height:32px}.policylist-content{width:100%}.policylist-content-list{width:100%;padding:20px 30px;box-sizing:border-box}.policylist-conten-title{font-size:18px;font-family:PingFangSC-Semibold,PingFangSC;font-weight:600;color:rgba(72,72,72,1);margin-bottom:15px;cursor:pointer}.policylist-conten-title a{text-decoration:none!important;color:#333!important}.policylist-conten-title span{margin-left:10px;padding:5px 10px;font-size:12px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(255,255,255,1);background-color:#597EF7}.policylist-conten-items,.policylist-conten-text,.righttext-name,.righttext-span{font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500}.policylist-conten-text{color:rgba(121,121,121,1);margin-bottom:13px}.policylist-conten-items{color:rgba(153,153,153,1)}.policylist-conten-items>span{margin-right:40px}.policylist-pagination{text-align:right}.policylist-details{width:100%;height:130px;background:rgba(250,250,250,1);padding:30px;box-sizing:border-box;overflow:hidden}.details-leftimg{float:left;width:70px;height:70px;background:rgba(234,244,255,1);margin-right:22px}.details-righttext{float:left;width:80%}.righttext-name{width:100%;line-height:24px;color:rgba(72,72,72,1)}.righttext-span{line-height:24px;color:rgba(121,121,121,1)}.righttext-span>span{display:inline-block}.policylist-essay{width:100%}.essay-title{width:100%;height:175px;padding-top:30px;box-sizing:border-box}.essay-title-name{width:100%;height:75px;font-size:24px;font-weight:600;font-family:MicrosoftYaHei;color:rgba(72,72,72,1);line-height:40px;text-align:center}.essay-title-list{width:100%;margin-top:20px;text-align:center;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(170,170,170,1)}.essay-title-list>span{margin-right:38px}.essay-content{width:100%;font-size:14px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;color:rgba(85,85,85,1);line-height:42px}.policylist-buttons{width:100%;padding-bottom:30px;border-bottom:1px solid rgba(239,239,239,1);overflow:hidden}.policylist-buttons>div{float:right;width:120px;height:32px;line-height:32px;margin-right:13px;border-radius:20px;font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;text-align:center;cursor:pointer}.policylist-navigation{width:100%;height:107px;font-size:14px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400;color:rgba(70,70,70,1);padding:30px 0;box-sizing:border-box}.policylist-navigation>div{line-height:24px;cursor:pointer}.policylist-qr{width:100%;height:134px;line-height:134px;background:rgba(248,248,248,1);font-size:14px;font-family:PingFangSC-Medium,PingFangSC;font-weight:500;color:rgba(72,72,72,1);text-align:center}.tmbigdata-header{min-width:1000px;box-sizing:border-box;width:100%;height:198px;margin:0 auto;font-size:16px;background:#FFF;border:1px solid #E6E8E9;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);border-radius:2px;position:relative}.tmbigdata-header>.select{position:absolute;top:15px;right:30px;width:110px}.tmbigdata-header>.name{width:100%;padding:0 30px;line-height:60px;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600}.tmbigdata-header>.main{display:flex;margin-top:10px;width:100%;height:100px;padding:0 20px;box-sizing:border-box;justify-content:space-around}.tmbigdata-header>.main>.item{width:23%;height:100%;background:#F9F9F9;border-radius:2px;margin:0 6px;padding:10px 30px;box-sizing:border-box}.tmbigdata-header>.main>.item>.name{font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;font-weight:600;line-height:40px}.tmbigdata-header>.main>.item>.number{font-family:PingFangSC-Medium;font-size:22px;color:#118EE9;letter-spacing:0;font-weight:600;line-height:40px}.tmbigdata-header>.main>.item:hover{background:#E6E8E9}.tmbigdata-content{min-width:1000px;width:100%;height:600px;margin:20px auto 0}.tmbigdata-content-left,.tmbigdata-content-right{height:100%;background:#FFF;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);box-sizing:border-box}.tmbigdata-content-left{float:left;width:66.25%;border:1px solid #E6E8E9;border-radius:2px;position:relative}.tmbigdata-content-right{float:right;width:31.9%;border:1px solid #E6E8E9;border-radius:2px;padding:20px}.tmbigdata-content-right-tabs{width:100%;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;position:relative}.tmbigdata-content-right-tabs>span{margin-right:20px;cursor:pointer}.tmbigdata-content-right-tabs>.special{color:#118EE9}.tmbigdata-content-right-tabs>div{position:absolute;right:0;top:0;color:rgba(82,86,106,.6);font-size:14px;text-align:right;font-family:SourceHanSansSC-regular;cursor:pointer}.tmbigdata-content-right-tabs>div:hover{color:#118EE9}.tmbigdata-content-right-progress{width:100%;padding-top:8px;box-sizing:border-box}.tmbigdata-content-right-progress>.progress-item{width:100%;line-height:40px;font-family:PingFangSC-Medium;font-size:14px;color:#797979;letter-spacing:0;margin-top:12px}.tmbigdata-content-right-progress>.progress-item>span{display:inline-block;margin-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom}.tmbigdata-content-right-progress>.progress-item>div{display:inline-block;width:70%}.reg-bj-return{position:absolute;top:20px;left:20px;color:#797979;font-size:14px;font-size:.14rem;cursor:pointer;z-index:999}.reg-bj-return>.span1:hover{color:#1AA1E6}.reg-bj-return>i{margin:0 7px}.tmbigdata-contentTwo{min-width:1000px;width:100%;height:340px;margin:20px auto 0}.tmbigdata-contentTwo-left1,.tmbigdata-contentTwo-right1{height:100%;background:#FFF;border:1px solid #E6E8E9;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5)}.tmbigdata-contentTwo-left1{float:left;width:66.25%;border-radius:2px;box-sizing:border-box}.tmbigdata-contentTwo-right1{float:right;width:31.9%;border-radius:2px;box-sizing:border-box}.tmbigdata-contentThree>.item,.tmbigdatadetail-header{border:1px solid #E6E8E9;background:#FFF;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);box-sizing:border-box}.tmbigdata-contentThree{width:100%;height:380px;margin:20px auto 0}.tmbigdata-contentThree>.item{float:left;width:32%;height:100%;margin-right:20px;border-radius:2px}.tmbigdata-contentThree>.item:last-child{margin-right:0}.tmbigdatadetail-header{width:100%;height:464px;margin:0 auto;border-radius:2px;padding:30px}.tmbigdatadetail-loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}.tmbigdatadetail-header-title{width:100%;overflow:hidden;margin-bottom:25px}.tmbigdatadetail-header-title>.name{float:left;font-family:MicrosoftYaHei;font-size:16px;color:#797979;letter-spacing:0;font-weight:600}.tmbigdatadetail-header-title>.select{float:right;width:110px}.tmbigdatadetail-echart{width:100%;height:280px}.tmbigdatadetail-table{width:100%;height:auto;margin:20px auto 0;background:#FFF;border:1px solid #E6E8E9;box-shadow:2px 2px 5px 0 rgba(226,226,226,.5);border-radius:2px;padding:30px;box-sizing:border-box}.tmbigdatadetail-table-pagination{width:100%;text-align:right;margin-top:20px}.tmbigdatadetail-header .is-active{color:#fff!important;background:#40A3ED}.tmbigdatadetail-header .el-tabs--card>.el-tabs__header{border-bottom:none}.tmbigdatadetail-header .el-tabs--card>.el-tabs__header .el-tabs__nav{border-radius:1px}.tmbigdatadetail-header .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid #E4E7ED;line-height:30px;height:30px}.tmbigdatadetail-table .el-table--enable-row-transition .el-table__body td{text-align:center}.wins{box-sizing:border-box;width:100%;padding:4px 10px}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{background:rgba(183,221,248)!important;color:#fff!important}.wins .el-button:focus,.wins .el-button:hover,.wins-main-form-box .el-input .el-input__inner{background:#fff}.wins-main-title{width:100%;height:21px;font-size:16px;font-weight:700;font-family:MicrosoftYaHei;color:rgba(121,121,121,1);margin-bottom:30px}.wins-main .wins-main-submit,.wins-main-bigtype .el-checkbox__label,.wins-main-bigtype .wins-main-checkcount,.wins-main-form-box .el-button span,.wins-main-form-box>div:nth-child(1),.wins-main-hot>div:nth-child(1)>div:nth-child(2),.winsresult-main>div{font-family:PingFangSC-Medium,PingFang SC}.wins-main-form-box{display:flex;align-items:center;margin-bottom:20px}.wins-main-form-box>div:nth-child(1){width:84px;height:20px;margin-right:50px;font-size:14px;font-weight:500;color:rgba(121,121,121,1);line-height:20px}.wins-main-form-box .el-button{padding:7px 0 7px 10px;text-align:left;width:400px;height:34px;border-radius:2px;border:1px solid rgba(238,238,238,1)}.wins-main-form-box .el-button span{width:100%;height:20px;display:flex;align-items:center;justify-content:space-between;padding-right:10px;box-sizing:border-box;font-size:14px;font-weight:500;color:rgba(170,170,171,1)}.wins-main-form-box .el-input .el-input__inner{width:400px;height:34px;color:rgba(170,170,171,1);border-radius:2px;border:1px solid rgba(238,238,238,1)}.wins-main-hot{margin-left:136px;margin-top:10px}.wins-main-hot>div:nth-child(1){display:flex;justify-content:space-between;box-sizing:border-box;width:400px}.wins-main-hot>div:nth-child(1)>div:nth-child(1){font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(121,121,121,1)}.wins-main-hot>div:nth-child(1)>div:nth-child(2){font-size:14px;font-weight:500;color:rgba(17,142,233,1);cursor:pointer}.wins-main-hot>div:nth-child(2){width:400px}.wins-main-hot ul{margin-top:10px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.winsresult-dialog-content,.winsresult-title{justify-content:space-between;display:flex}.wins-main-hot ul>li{width:40px;height:24px;background:rgba(237,238,250,1);border-radius:1px;margin-bottom:11px;margin-right:5px;text-align:center;line-height:24px}.wins-main-bigtype{margin-left:136px;max-width:990px}.el-cascader-panel .el-cascader-menu__wrap{height:408px}.el-cascader-panel>div:nth-child(1){width:263px}.el-cascader-panel>div:nth-child(2){width:207px}.wins-main-bigtype .el-checkbox{width:100px;margin-right:42px;margin-bottom:14px}.wins-main-bigtype .el-checkbox__label{font-size:12px;font-weight:500;color:rgba(151,166,173,1)}.wins-main-bigtype .wins-main-checkcount{font-size:12px;font-weight:500;color:rgba(121,121,121,1);margin-left:-40px}.wins-main .wins-main-submit{width:400px;height:40px;margin-top:50px;margin-left:133px;background:rgba(17,142,233,1);border-radius:2px;font-size:14px;font-weight:500;color:rgba(255,255,255,1)}.wins .el-button:focus,.wins .el-button:hover{color:#118EE9;border-color:#118EE9;background-color:#ecf5ff}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff!important;color:#118EE9!important}.wins .el-cascader:not(.is-disabled):hover .el-input__inner,.wins .el-input__inner:hover{color:#118EE9;border-color:#118EE9;background-color:#ecf5ff}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{color:#118EE9;background:rgba(241,248,255,1)!important}.winsresult-back,.winsresult-main>div{cursor:pointer;font-weight:500;color:rgba(72,72,72,1)}.winsresult{box-sizing:border-box;height:100%;width:100%;padding:4px 10px}.detail-loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}.winsresult-back{text-align:center;line-height:28px;width:70px;height:28px;background:rgba(255,255,255,1);border-radius:2px;border:1px solid rgba(209,209,209,1)}.winsresult-main{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;justify-content:space-between;padding-top:36px}.winsresult-main>div{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 30px 0 20px;width:30.37%;height:64px;border-radius:2px;border:1px solid rgba(238,238,238,1);font-size:16px;margin-bottom:20px}.winsresult-main i{color:#118EE9;font-size:24px}.winsresult .el-pagination button,.winsresult .el-pagination span:not([class*=suffix]){min-width:69px}.winsresult .el-pagination.is-background .btn-next,.winsresult .el-pagination.is-background .btn-prev{border-radius:2px!important}.winsresult .el-pagination.is-background .btn-next,.winsresult .el-pagination.is-background .btn-prev,.winsresult .el-pagination.is-background .el-pager li{margin:0;box-sizing:border-box;border:1px solid #ddd;border-radius:0}.winsresult .el-pagination.is-background .el-pager li{border-right:0}.winsresult .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1C2B36;border:1px solid #1C2B36}.winsresult .brandfind-list-page{width:100%;margin-bottom:35px}.winsresult .brandfind-list-page .el-pagination{margin-top:18px;float:right}.winsresult .el-dialog__title{font-size:16px}.winsresult-dialog-name{font-size:26px;margin-bottom:12px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:rgba(72,72,72,1)}.winsresult-dialog-condition{display:flex;padding-bottom:20px;border-bottom:1px solid rgba(238,238,238,1)}.winsresult-dialog-condition>div{min-width:100px;margin-right:57px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:rgba(121,121,121,1)}.winsresult-dialog-content{margin-top:20px;flex-wrap:wrap;max-height:270px;overflow:auto}.winsresult-dialog-content-name{display:flex;justify-content:space-between}.winsresult-dialog-content>div{width:30%;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winsresult .el-breadcrumb__inner.is-link{font-weight:100;color:rgba(121,121,121,1)}.winsresult .el-breadcrumb__item:last-child .el-breadcrumb__inner{font-weight:700;color:rgba(72,72,72,1)}
\ No newline at end of file
embed_applications/app/front/vues/pages/brandfind/brandfind.css
......@@ -5,7 +5,19 @@
/* margin: 0 auto; */
background: #ffffff;
}
.el-table--scrollable-x .el-table__body-wrapper{
overflow: hidden !important;
}
.brandfind:hover .el-input--suffix:hover .el-input__inner:hover{
border: 1px solid #118EE9;
}
.el-button--primary:focus, .el-button--primary:hover {
background: #0F84DB !important;
color: #FFF;
}
.is-active:hover{
background: #0F84DB !important;
}
.brandfind-title {
font-family: MicrosoftYaHei;
font-size: 16px;
......@@ -19,6 +31,7 @@
/* padding: 24px 30px 30px 30px; */
/* width: 1126px; */
width: 100%;
padding: 0 10px;
}
.brandfind-search-box {
......@@ -32,22 +45,28 @@
position: absolute;
padding: 0 5px;
left: 5px;
top: 3px;
background: #118EE9;
top: 6px;
background: #eeeeee;
display: flex;
min-width: 60px;
height: 35px;
height: 30px;
justify-content: space-between;
align-items: center;
z-index: 1128;
z-index: 991;
border-radius: 3px;
font-size: 14px;
text-align: center;
opacity: 1;
}
.brandfind-search-box .upload-input-img>div{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.brandfind-search-box .upload-input-img i {
color: #ffffff;
color: #797979;
cursor: pointer;
margin-left: 15px;
}
......@@ -104,12 +123,17 @@
font-size: 24px;
}
.brandfind-main .el-tabs--border-card>.el-tabs__header .el-tabs__item{
padding: 0 30px !important;
}
.brandfind-main .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
background: #118EE9;
color: #ffffff;
border-right-color: #118EE9 ;
border-left-color: #118EE9;
}
.brandfind-main .el-tabs__nav-scroll {
background: #F9F9F9;
}
......@@ -117,19 +141,17 @@
.brandfind-main .el-tabs--border-card {
border: none;
box-shadow: none;
}
.brandfind-main .el-tabs--border-card>.el-tabs__content {
padding: 0;
}
.brandfind-main-filter {
/* width: 1066px; */
width: 100%;
min-height: 172px;
box-sizing: border-box;
padding: 32px 18px 0;
padding: 32px 30px 0;
border: 1px solid #f7f7f8;
}
......@@ -139,6 +161,7 @@
min-height: 24px;
line-height: 24px;
margin-bottom: 20px;
position: relative;
}
.brandfind-main-filter-item::after {
......@@ -172,14 +195,15 @@
.brandfind-main-filter-item .el-checkbox-button__inner,
.brandfind-main-filter-item .el-checkbox-group {
vertical-align: top;
display: flex;
}
.brandfind-main-filter-item .el-checkbox-button--mini .el-checkbox-button__inner {
text-align: left;
border: none;
/* width: 100px; */
margin-bottom: 10px;
width: 100px;
margin-right: 20px;
box-sizing: border-box;
}
......@@ -191,17 +215,12 @@
.brandfind-main-filter-item .el-checkbox-button:first-child .el-checkbox-button__inner {
border-left: none;
width: 54px !important;
border-radius: 0;
margin-left: 20px;
margin-right: 45px;
}
.brandfind .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
width: -webkit-fill-available;
background: #118EE9;
margin-left: 20px;
margin-right: 45px;
}
.brandfind .el-checkbox-button.is-checked .el-checkbox-button__inner {
......@@ -213,7 +232,7 @@
}
.brandfind-main-filter-item>.brandfind-main-filter-more {
float: right;
/* float: right; */
box-sizing: border-box;
width: 70px;
height: 24px;
......@@ -224,6 +243,10 @@
background: #FFFFFF;
border: 1px solid #D1D1D1;
border-radius: 2px;
position: absolute;
top: 0;
right: 0;
}
.brandfind-main-filter-more>button {
......@@ -339,6 +362,9 @@
margin-top: 20px;
min-height: 400px;
}
.brandfind-list-warpper>.brandfind-list-box{
height:330px !important;
}
.brandfind-list-title {
width: 100%;
......@@ -373,6 +399,7 @@
height: 180px;
box-sizing: border-box;
padding: 30px;
border-bottom:1px solid rgba(247,247,248,1);
}
......@@ -382,7 +409,7 @@
box-sizing: border-box;
width: 200px;
height: 120px;
border: 5px solid #f7f7f8;
border: 1px solid #f7f7f8;
float: left;
}
......@@ -423,7 +450,6 @@
border-radius: 2px;
box-sizing: border-box;
padding: 4px 13px;
width: 126px;
height: 24px;
margin-right: 10px;
text-align: center;
......@@ -450,6 +476,7 @@
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
border-radius: 1px;
}
......@@ -464,7 +491,9 @@
.brandfind-list-box-text-info>div {
margin-top: 11px;
overflow: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
}
......@@ -565,7 +594,9 @@
}
.brandfind .el-input--suffix .el-input__inner {
background: #fafafa;
background:#fff;
border-radius:2px;
border:1px solid #CFDAE5;
}
......@@ -573,7 +604,9 @@
.brandfind .el-pagination span:not([class*=suffix]) {
min-width: 69px;
}
.btn{
margin-top: 15px !important;
}
.brandfind .el-pagination.is-background .btn-next,
.brandfind .el-pagination.is-background .btn-prev {
border-radius: 2px !important;
......@@ -603,7 +636,27 @@
}
.brandfind-list-page .el-pagination {
margin-top: 18px;
margin-top: 145px;
float: right;
margin-bottom: 18px;
}
\ No newline at end of file
}
.loading-brandfind{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.el-icon-warning{
font-size: 20px;
}
.el-message{
background: #fff !important;
}
.el-table__row>td:nth-child(2)>div{
padding-left: 20px !important;
}
.brandfind .is-active:hover{
color: #fff !important;
}
\ No newline at end of file
embed_applications/app/front/vues/pages/brandfind/brandfind.html
<div class="brandfind">
<div class="loading-brandfind" v-if="loading" v-loading="true"></div>
<div class="brandfind-box">
<div class="brandfind-title">
商标查询
......@@ -10,25 +11,23 @@
<el-input ref="search" @keyup.native.enter="tmSearchButtonClick"
:disabled="searchDisabled" type="text" :placeholder="placeholder" v-model="text"
maxlength="50">
<div style="padding:12px 0;width: 20px;height:20px;" slot="suffix">
<label for="uploads">
<i class="el-icon-camera"></i>
<div style="padding:12px 0;width: 20px;height:20px;marginRight:10px;" slot="suffix">
<label for="uploads" style="width:24px;height:20px">
<i class=""><img src="/imgs/photo.png" style="width:24px;height:100%" alt=""></i>
</label>
<input type="file" id="uploads"
style="height:0;width:0;position: absolute;top: 0px;left: -41px;"
accept="image/png, image/jpeg, image/gif, image/jpg"
@change="uploadImg($event, 1)">
</div>
</el-input>
</div>
</div>
<div class="upload-input-img" v-if="imageText && tabsName == 4">
<div>{{imageText}}</div>
<i @click="imageTextDelete" class="el-icon-circle-close"></i>
</div>
<div>
<el-button type="primary" @click="tmSearchButtonClick">智能查询</el-button>
<el-button style="background:#118EE9;border:none;" type="primary" @click="tmSearchButtonClick">智能查询</el-button>
</div>
</div>
<!-- 搜索框结束 -->
......@@ -46,16 +45,18 @@
<el-checkbox-button label="不限">
不限
</el-checkbox-button>
<el-checkbox-button v-for="(item, index) in ncl_list"
:key="item.key" :label="item.key"
v-model="item.key">
{{item.keyvalue}}
</el-checkbox-button>
<div>
<el-checkbox-button v-for="(item, index) in ncl_list"
:key="item.key" :label="item.key"
v-model="item.key">
{{item.keyvalue}}
</el-checkbox-button>
</div>
</el-checkbox-group>
</div>
<div class="brandfind-main-filter-more">
<div v-if="ncl_list.length" class="brandfind-main-filter-more">
<!-- i标签绑定class -->
<button @click="addheight">{{collapse.text}}<i
<button style="outline：none;outlineColor: rgba(255,255,255,0);" @click="addheight">{{collapse.text}}<i
:class="collapse.icon"></i></button>
</div>
......@@ -92,7 +93,6 @@
{{item.keyvalue}}</el-checkbox-button>
</el-checkbox-group>
</div>
</div>
<div class="brandfind-main-filter-item">
<div>申请年份：</div>
......@@ -102,15 +102,17 @@
<el-checkbox-button label="不限">
不限
</el-checkbox-button>
<el-checkbox-button
v-for="(item, index) in apply_year_list"
:key="item.key" :label="item.key">
</el-checkbox-button>
<div>
<el-checkbox-button
v-for="(item, index) in apply_year_list"
:key="item.key" :label="item.key">
</el-checkbox-button>
</div>
</el-checkbox-group>
</div>
<div class="brandfind-main-filter-more">
<div v-if="ncl_list.length" class="brandfind-main-filter-more">
<!-- i标签绑定class -->
<button @click="addheight1">{{collapse1.text}}<i
<button style="outline：none;outlineColor: rgba(255,255,255,0);" @click="addheight1">{{collapse1.text}}<i
:class="collapse1.icon"></i>
</button>
......@@ -125,11 +127,12 @@
<el-checkbox-button label="不限">
不限
</el-checkbox-button>
<el-checkbox-button
v-for="(item, index) in checkboxLabelHigh"
:key="item" :label="item">
</el-checkbox-button>
<div>
<el-checkbox-button
v-for="(item, index) in checkboxLabelHigh"
:key="item" :label="item">
</el-checkbox-button>
</div>
</el-checkbox-group>
</div>
<!-- <div class="brandfind-main-filter-more">
......@@ -146,8 +149,8 @@
<div class="brandfind-main-equal-warpper">
<div class="brandfind-main-equal">
<!-- 表格 -->
<div class="brandfind-main-equal-box">
<div class="brandfind-main-equal-form">
<div class="brandfind-main-equal-box" style="display:flex;">
<div class="brandfind-main-equal-form" style="flex:1">
<div class="brandfind-main-equal-form-title">
商标注册地域分布
<!-- <span>查看更多区域分布 ></span> -->
......@@ -209,7 +212,8 @@
</div>
<div class="brandfind-main-equal-form">
<div style="width:20px"></div>
<div class="brandfind-main-equal-form" style="flex:1">
<div class="brandfind-main-equal-form-title">
商标注册类别分布
<!-- <span>查看更多区域分布 ></span> -->
......@@ -626,7 +630,7 @@
</div>
<!-- 列表标题over -->
<!-- 相同商标列表 -->
<div class="brandfind-list-box">
<div class="brandfind-list-box" style="height:390px !important;">
<div class="brandfind-main-equal-form-box-null" v-if="!total">
<!-- 没数据 -->
<div>
......@@ -720,7 +724,7 @@
</div>
<!-- 列表标题over -->
<!-- 相同商标列表 -->
<div class="brandfind-list-box">
<div class="brandfind-list-box" style="height:390px !important;">
<div class="brandfind-main-equal-form-box-null" v-if="!total">
<!-- 没数据 -->
<div>
......@@ -817,7 +821,7 @@
</div>
<!-- 列表标题over -->
<!-- 相同商标列表 -->
<div class="brandfind-list-box">
<div class="brandfind-list-box" style="height:390px !important;">
<div class="brandfind-main-equal-form-box-null" v-if="!total">
<!-- 没数据 -->
<div>
......@@ -907,22 +911,22 @@
<!-- 相机弹出层 -->
<div v-if="showcropper">
<div
style="position: fixed;width:100%;z-index:999;background-color:black;top:0;left:0;right:0;bottom: 0;opacity: 0.5;">
style="position: fixed;width:100%;z-index:999;background-color:rgba(0, 0, 0, 0);top:0;left:0;right:0;bottom: 0;">
</div>
<div
style="position:fixed;top:15%;left:25%;height:502px;width:600px;border-radius: 2px;z-index: 9999;background-color:white;">
style="position:fixed;top:50%;left:50%;height:420px;width:450px;margin-left: -225px;margin-top: -210px;border-radius: 4px;z-index: 9999;background-color:white;box-shadow:-1px 2px 9px 2px rgba(176,175,175,0.5);">
<div class="cut" style="width:100%;text-align:center;margin: 0 auto;color:#fff;">
<div
style="width:100%;font-size:18px;background: rgba(98, 122, 249, 0.7);height: 45px;line-height: 45px;">
style="width:100%;font-size:14px;background: #fff;height: 50px;line-height: 50px;color: #000;">
<h3 v-if="!title" style="text-align:center;">把不必要的部分裁剪掉，以保证搜索结果的准确性<i
@click="hideCropper" class="el-icon-close" style="cursor:pointer;float: right;margin-right: 10px;
margin-top: 14px;">
<h3 v-if="!title" style="padding-left: 25px;text-align: left;">把不必要的部分裁剪掉，以保证搜索结果的准确性<i
@click="hideCropper" class="el-icon-close" style="font-weight: 600;cursor:pointer;float: right;margin-right: 18px;
margin-top: 18px;">
</i></h3>
<h3 v-if="title" style="text-align:center;">{{title}}</h3>
</div>
<vue-cropper ref="cropper" :img="option.img" :output-size="option.size"
<vue-cropper style="height:307px;" ref="cropper" :img="option.img" :output-size="option.size"
:output-type="option.outputType" :info="true" :full="option.full"
:can-move="option.canMove" :can-move-box="option.canMoveBox"
:fixed-box="option.fixedBox" :original="option.original"
......@@ -930,15 +934,15 @@
:auto-crop-height="option.autoCropHeight" :center-box="option.centerBox"
@real-time="realTime" :high="option.high" @img-load="imgLoad"></vue-cropper>
<slot></slot>
<div style="background:#fff;height: 75px;font-size: 14px;">
<label class="btn" style="background: #fff;color: rgb(86, 119, 252);"
<div style="background:#fff;height: 63px;font-size: 14px;">
<label class="btn" style="background: #118EE9;color: #fff;width: 100px; "
for="uploads">重新选择</label>
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);"
accept="image/png, image/jpeg, image/gif, image/jpg"
@change="uploadImg($event, 1)">
<!-- <a @click="down(1)" class="btn">下载图片</a> -->
<a class="btn"
style="color: rgb(255, 255, 255);background-color: rgb(86, 119, 252);"
style="color: rgb(255, 255, 255);background-color: #118EE9;width: 100px;"
@click="submit">提交图片</a>
</div>
</div>
......
embed_applications/app/front/vues/pages/brandfind/brandfind.js
......@@ -11,7 +11,7 @@
/*搜索框禁用 */
searchDisabled: false,
placeholder: '请输入商标名称、申请号、申请人等',
loading:false,
tmList: [],
tmRegistNumsAll: [],
pagesize: "10",
......@@ -129,7 +129,12 @@
/** 智能查询按钮点击事件 */
tmSearchButtonClick(){
if (!this.text) {
this.$message.warning("请输入目标");
this.$message({
dangerouslyUseHTMLString: true,
iconClass: "el-icon-warning",
type: 'warning',
message: '<strong>&nbsp;&nbsp;&nbsp;请输入搜索内容</strong>'
});
} else {
this.ncl_list = [];
this.selected_ncl_list = ["不限"];
......@@ -150,6 +155,7 @@
this.$message.warning("请输入目标");
} else {
/* 0:相同商标,1：相似商标,2：申请号,3：申请人,4：图像*/
console.log(this.tabsName,"12312312");
if (this.tabsName == "0") {
this.accurateTmSearch();
} else if (this.tabsName == "1") {
......@@ -209,11 +215,11 @@
}
obj["flzttabkey"] = selected_legal_status_list;
}
this.$root.loading = true;
this.loading = true;
clearTimeout(this.timer);
this.timer = setTimeout(() => { this.$root.loading = false; }, 10000);
this.timer = setTimeout(() => { this.loading = false; }, 10000);
this.$root.postReq("/web/tmquery/tmqueryCtl/findTrademarkNameAccurate", obj).then(d => {
this.$root.loading = false;
this.loading = false;
console.log("精确商标查询+++++++++++++++++++");
console.log(d);
if (d && d.status == 0 && d.data) {
......@@ -233,7 +239,7 @@
}
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -302,11 +308,11 @@
} else {
obj["sbtjdata"] = ["近似", "变字", "拼音", "同义词", "形近字", "换序", "包含该商标"];
}
this.$root.loading = true;
this.loading = true;
clearTimeout(this.timer);
this.timer = setTimeout(() => { this.$root.loading = false; }, 10000);
this.timer = setTimeout(() => { this.loading = false; }, 10000);
this.$root.postReq("/web/tmquery/tmqueryCtl/findTrademarkName", obj).then(d => {
this.$root.loading = false;
this.loading = false;
console.log("模糊商标查询+++++++++++++++++++");
console.log(d);
if (d && d.status == 0 && d.data) {
......@@ -325,7 +331,7 @@
this.checkboxLabelHigh = ["近似", "变字", "拼音", "同义词", "形近字", "换序", "包含该商标"];
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -377,12 +383,12 @@
}
obj["flzttabkey"] = selected_legal_status_list;
}
this.$root.loading = true;
this.loading = true;
clearTimeout(this.timer);
this.timer = setTimeout(() => { this.$root.loading = false; }, 10000);
this.timer = setTimeout(() => { this.loading = false; }, 10000);
this.$root.postReq("/web/tmquery/tmqueryCtl/findTrademarkzchAccurate", obj).then(d => {
this.$root.loading = false;
this.loading = false;
console.log("注册号商标查询+++++++++++++++++++");
console.log(d);
if (d && d.status == 0 && d.data) {
......@@ -399,7 +405,7 @@
}
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -452,11 +458,11 @@
}
obj["flzttabkey"] = selected_legal_status_list;
}
this.$root.loading = true;
this.loading = true;
clearTimeout(this.timer);
this.timer = setTimeout(() => { this.$root.loading = false; }, 10000);
this.timer = setTimeout(() => { this.loading = false; }, 10000);
this.$root.postReq("/web/tmquery/tmqueryCtl/findTrademarkzcr", obj).then(d => {
this.$root.loading = false;
this.loading = false;
console.log("申请人商标查询+++++++++++++++++++");
console.log(d);
if (d && d.status == 0 && d.data) {
......@@ -473,7 +479,7 @@
}
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -536,7 +542,6 @@
}
var num2 = this.province_counts_t.length;
for(var j = 0; j < 5 - num2; j++){
console.log(j);
this.province_counts_t.push({
count: "-",
index: "-",
......@@ -553,6 +558,26 @@
item.index = index + 6;
return item;
});
if(d.data.ncl_counts.length){
var num1 = this.ncl_counts_o.length;
for(var i = 0; i < 5 - num1; i++){
this.ncl_counts_o.push({
code: "-",
count: "-",
index: "-",
percent: "-"
})
}
var num2 = this.ncl_counts_t.length;
for(var j = 0; j < 5 - num2; j++){
this.ncl_counts_t.push({
code: "-",
count: "-",
index: "-",
percent: "-"
})
}
}
}
});
},
......@@ -603,32 +628,30 @@
}
var that = this;
console.log(obj);
const loadingbyc = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)'
});
this.loading = true;
this.$root.postReq("/web/tmquery/tmqueryCtl/findImageSearch", obj).then(function (d) {
console.log("findImageSearch");
console.log(d);
if (d.status == 0) {
that.total = d.data.count;
that.tmList = d.data.rows;
loadingbyc.close();
that.loading = false;
}
}).catch(function (e) {
console.log(e);
that.$message.warning(`操作失败，请刷新页面后重新操作`);
loadingbyc.close();
that.loading = false;
});
},
tabClick(){
console.log("12345");
console.log(this.tabsName);
console.log(typeof (this.tabsName));
this.currentpage="1";
console.log(this.tabsName=="4");
if (this.tabsName == "4") {
console.log(123);
if(this.imageText){
this.imageTmsearch();
}
console.log("qweqwweq");
console.log(1234);
}
if (this.text && this.tabsName != "4") {
this.tmSearchButtonClick();
......@@ -642,6 +665,11 @@
this.selected_apply_year_list = ["不限"];
this.checkboxLabelHigh = [];
this.selected_checkboxLabelHigh = ["不限"];
this.total = 0;
this.province_counts_o= [];
this.province_counts_t= [];
this.ncl_counts_o= [];
this.ncl_counts_t= [];
}
},
nclchange(v){
......@@ -825,6 +853,17 @@
},
imageTextDelete(){
this.imageText = "";
this.imageUrl = "";
this.tmList = [];
this.ncl_list = [];
this.selected_ncl_list = ["不限"];
this.legal_status_list = [];
this.selected_legal_status_list = ["不限"];
this.apply_year_list = [];
this.selected_apply_year_list = ["不限"];
this.checkboxLabelHigh = [];
this.selected_checkboxLabelHigh = ["不限"];
this.imageTmsearch();
},
currentChange(v){
console.log(v);
......
embed_applications/app/front/vues/pages/brandfinddetails/brandfinddetails.css
......@@ -5,7 +5,9 @@
/* margin: 0 auto; */
background: #ffffff;
}
.brandfinddetails-details-box-logo > div:nth-child(2) > div{
background: #eee !important;
}
.brandfinddetails-title {
box-sizing: border-box;
padding: 30px;
......@@ -75,7 +77,7 @@
box-sizing: border-box;
border: 1px solid #E6E8E9;
height: 163px;
padding-top: 110px;
padding-top: 100px;
padding-bottom: 40px;
}
......@@ -130,7 +132,7 @@
width: 100%;
box-sizing: border-box;
padding: 30px;
border: 1px solid #eee;
}
.brandfinddetails-details-box {
......@@ -281,13 +283,23 @@
}
.brandfinddetails .is-finish .is-text{
background: #f68367;
background: #f68367 !important;
}
.brandfinddetails .is-finish .el-step__line {
background: #F68367;
}
.loading-brandfind{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.el-step__icon.is-text{
background: #ccc;
}
......
embed_applications/app/front/vues/pages/brandfinddetails/brandfinddetails.html
<div class="brandfinddetails">
<div ref="brandfinddetails" class="brandfinddetails">
<div class="loading-brandfind" v-if="loading" v-loading="true"></div>
<div class="brandfinddetails-title">
<div>
<img v-if="tmdetail.logo" :src="tmdetail.logo" alt="">
......
embed_applications/app/front/vues/pages/brandfinddetails/brandfinddetails.js
......@@ -7,11 +7,14 @@
tmdetail: {},
serviceitems: [],
serviceitems_wzc: [],
loading:false,
regNum2:null,
nclNum2:null,
}
},
methods: {
getTmDetail(){
getTmDetail(){
if (!this.regNum) {
this.$message.warning("参数错误");
return;
......@@ -24,14 +27,12 @@
"sbzch": this.regNum,
"gjfl": this.nclNum
};
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/tmqueryCtl/tradeMarkDetail", obj).then(d => {
console.log("商标详情+++++++++++++++++++");
console.log(d);
this.$root.loading = false;
this.loading = false;
if (d && d.status == 0 && d.data) {
if (d.data.detaildata && d.data.detaildata.length > 0) {
this.tmdetail = d.data.detaildata[0];
this.tmdetail = JSON.parse(JSON.stringify(d.data.detaildata[0]));
if (this.tmdetail && this.tmdetail.sbzt) {
if (this.tmdetail.sbzt == "申请中") {
this.tmdetail["active"] = 1;
......@@ -58,7 +59,7 @@
}
}).catch(function (e) {
this.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -71,7 +72,6 @@
mounted: function() {
this.regNum = this.$router.history.current.query.regNum || "";
this.nclNum = this.$router.history.current.query.nclNum || "";
console.log(this.$router.history);
this.getTmDetail();
this.$nextTick(() => {
......@@ -86,7 +86,18 @@
}, 600);
});
},
activated:function(){
var embedwarpper = document.getElementsByClassName("el-scrollbar__wrap")[0];
embedwarpper.scrollTop=0;
this.regNum = this.$router.history.current.query.regNum || "";
this.nclNum = this.$router.history.current.query.nclNum || "";
if(this.regNum!=this.regNum2&&this.nclNum!=this.nclNum2){
this.getTmDetail();
this.tmdetail.logo="";
}
this.regNum2 = this.$router.history.current.query.regNum || "";
this.nclNum2 = this.$router.history.current.query.nclNum || "";
},
vname: "gsb-brandfinddetails"
}
embed_applications/app/front/vues/pages/ncldetail/ncldetail.css
......@@ -4,11 +4,19 @@
/* margin: 0 auto; */
background-color: #fff;
padding-bottom: 25px;
padding: 0 10px;
}
.detail-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99000;
}
.ncldetail-main-name {
width: 100%;
padding-left: 30px;
box-sizing: border-box;
font-family: MicrosoftYaHei;
font-size: 16px;
......@@ -26,7 +34,6 @@
text-align: center;
box-shadow: 0px 0px 0px 0px rgba(82, 86, 106, 0.2);
font-family: Roboto;
padding: 0px 25px;
padding-top: 10px;
box-sizing: border-box;
}
......@@ -34,8 +41,8 @@
.ncldetail-main-title>.title-item1 {
float: left;
width: 96px;
height: 33px;
line-height: 33px;
height: 30px;
line-height: 30px;
font-family: PingFangSC-Medium;
font-size: 14px;
color: #FFFFFF;
......@@ -48,8 +55,8 @@
.ncldetail-main-title>.title-item2 {
float: left;
width: 96px;
height: 33px;
line-height: 33px;
height: 30px;
line-height: 30px;
font-family: PingFangSC-Medium;
font-size: 14px;
color: #118EE9;
......@@ -64,43 +71,58 @@
height: auto;
overflow: hidden;
margin-top: 15px;
border-left: 1px solid rgba(247,247,248,1);
}
/* 隐藏 */
.ncldetail-main-content-particular {
width: 100%;
max-height: 160px;
padding: 0px 15px;
max-height: 120px;
padding: 0px 30px 0 0;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 20px;
}
.ncldetail-main-content-particular>div{
width: 100%;
height: 118px;
border-radius:1px;
border:1px solid rgba(230,232,233,1);
box-sizing: border-box;
padding: 0 5px 0 13px;
overflow: auto;
}
.ncldetail-main-content-particular>div {
.ncldetail-main-content-particular>div::-webkit-scrollbar {
width: 4px;
/*height: 4px;*/
}
.ncldetail-main-content-particular>div>div {
float: left;
width: 45px;
height: 45px;
line-height: 45px;
max-width: 33px;
width: 2.9%;
height: 33px;
line-height: 32px;
color: rgba(16, 16, 16, 1);
font-size: 16px;
text-align: center;
font-family: Roboto;
border: 1px solid rgba(187, 187, 187, 1);
margin: 15px;
margin: 10px .6%;
cursor: pointer;
border-radius:2px;
}
.ncldetail-main-content-particular>.special {
background-color: #118EE9;
color: #fff;
border: #118EE9;
.ncldetail-main-content-particular>div>.special {
background:rgba(235,242,255,1);
border-radius:2px;
border:1px solid rgba(202,220,255,1);
}
/* */
.ncldetail-main-item {
float: left;
min-width: 178px;
min-height: 171px;
width: 13%;
width: 14.05%;
height: 10.4%;
padding-bottom: 14px;
background-color: rgba(255, 255, 255, 1);
......@@ -112,7 +134,8 @@
box-sizing: border-box;
position: relative;
cursor: pointer;
border: 1px solid #F7F7F8;
border-right: 1px solid #F7F7F8;
border-top: 1px solid #F7F7F8;
border-radius: 1px;
}
......@@ -175,43 +198,46 @@
.ncldetail-main-item>.maskLayer>.text {
width: 100%;
height: 90px;
height: 92px;
font-family: PingFangSC-Semibold;
font-size: 12px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 19px;
line-height: 18px;
text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.ncldetail-main-item>.maskLayer>.text::-webkit-scrollbar {
width: 4px;
}
/* 2 */
.ncldetail-main-content2 {
width: 100%;
height: auto;
overflow: hidden;
padding: 15px 30px;
padding: 15px 0px 0 0;
padding-right: 30px;
box-sizing: border-box;
}
.ncldetail-main-item2 {
width: 100%;
height: 120px;
border: 1px solid #F7F7F8;
border: 1px solid rgba(230,232,233,1);
border-bottom: none;
}
.ncldetail-main-item2:last-child {
border-bottom: 1px solid #F7F7F8;
border-bottom: 1px solid rgba(230,232,233,1);
}
.item2-left {
float: left;
border-right: 1px solid #f7f7f8;
width: 13.2%;
border-right: 1px solid rgba(230,232,233,1);
width: 180px;
height: 100%;
}
......@@ -294,14 +320,15 @@
width: 100%;
height: auto;
overflow: hidden;
padding: 0px 30px;
padding-right: 30px;
box-sizing: border-box;
}
.RecommendedDetails {
width: 100%;
min-height: 400px;
border: 1px solid #E6E8E9;
border: 1px solid rgba(230,232,233,1);
border-top: none;
}
.RecommendedDetails>.Rtop {
......@@ -309,7 +336,7 @@
height: 177px;
padding: 30px;
box-sizing: border-box;
border-bottom: 1px solid #E6E8E9;
border-bottom: 1px solid rgba(230,232,233,1);
position: relative;
}
......@@ -365,18 +392,17 @@
.RecommendedDetails>.Rbottom>.Rleft {
float: left;
width: 44%;
width: 46%;
padding: 30px;
border-right: 1px solid #E6E8E9;
box-sizing: border-box;
border-right: 1px solid rgba(230,232,233,1);
}
.RecommendedDetails>.Rbottom>.Rright {
float: right;
width: 54%;
padding: 30px;
box-sizing: border-box;
border-left: 1px solid rgba(230,232,233,1);
}
.RecommendedDetails>.Rbottom>.Rleft>div {
......
embed_applications/app/front/vues/pages/ncldetail/ncldetail.html
<div class="ncldetail">
<div class="detail-loading" v-if="loading" v-loading="true"></div>
<div class="ncldetail-main">
<div class="ncldetail-main-name">商标分类</div>
<div class="ncldetail-main-title">
......@@ -11,7 +12,7 @@
<div class="name">{{item.code}}类</div>
<div class="text">{{item.name}}</div>
<div class="maskLayer" v-if="nclKey == key">
<div class="name">第{{item.code}}类 {{item.name}}</div>
<div class="name" style="overflow: hidden;textOverflow: ellipsis;whiteSpace: nowrap;">第{{item.code}}类 {{item.name}}</div>
<div class="text">{{item.description}}</div>
</div>
</div>
......@@ -29,7 +30,10 @@
</div>
</div>
<div class="ncldetail-main-content-particular" v-if="recommendType && brandKey == 1">
<div :class="NmcpKey == i ? \'special\' : \' \'" v-for="i in 45" @click="ncldataParEve(i)">{{i}}</div>
<div>
<div :class="NmcpKey == i ? \'special\' : \' \'" v-for="i in 45" @click="ncldataParEve(i)">{{i}}</div>
</div>
</div>
<div class="ncldetail-main-content2-particular" v-if="recommendType">
<div class="RecommendedDetails">
......
embed_applications/app/front/vues/pages/ncldetail/ncldetail.js
......@@ -87,7 +87,8 @@
RecommendedDetailsData: [],
RecommendedDetailsObj: {},
RdeKey: 0,
NmcpKey: null
NmcpKey: null,
loading: false
}
},
methods: {
......@@ -127,14 +128,9 @@
number: this.number
};
var that = this;
const loadingbyc = this.$loading({
lock: true,
text: '拼命加载中',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.loading=true;
this.$root.postReq("/web/tmquery/tmqueryCtl/getNclDetail", objdata).then(function (d) {
loadingbyc.close();
that.loading=false;
that.RecommendedDetailsData = d.data;
that.RecommendedDetailsObj = d.data.data[0];
var str = that.RecommendedDetailsData.classification.replace(/-/,` -`);
......@@ -142,7 +138,7 @@
}).catch(function (e) {
console.log(e);
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
}
......
embed_applications/app/front/vues/pages/noticetm/noticetm.css
......@@ -5,8 +5,11 @@
/* border: 1px solid #118EE9; */
/* padding: 30px; */
background: #ffffff;
padding: 0 10px;
}
.brandfind-list-page{
margin-bottom: 60px;
}
.noticetm-main-name {
width: 100%;
box-sizing: border-box;
......@@ -34,8 +37,8 @@
.noticetm-main-title>.title-item1 {
float: left;
width: 120px;
height: 33px;
line-height: 33px;
height: 30px;
line-height: 30px;
font-family: PingFangSC-Medium;
font-size: 14px;
color: #FFFFFF;
......@@ -48,8 +51,8 @@
.noticetm-main-title>.title-item2 {
float: left;
width: 120px;
height: 33px;
line-height: 33px;
height: 30px;
line-height: 30px;
font-family: PingFangSC-Medium;
font-size: 14px;
color: #118EE9;
......@@ -66,8 +69,8 @@
.noticetm-find {
padding: 30px;
border: 1px solid #eee;
border:1px solid rgba(247,247,248,1);
margin-bottom: 20px;
}
.noticetm-notice .el-table--fit {
......@@ -96,17 +99,26 @@
.noticetm .el-table td, .el-table th.is-leaf{
text-align: center;
}
.el-radio-group>.is-active:hover{
background:#fff !important;
}
.el-radio-group>div>.is-active:hover{
background:#fff !important;
}
.brandfind-main-filter-item .el-radio-button__inner,
.brandfind-main-filter-item .el-radio-group {
vertical-align: top;
display: flex;
}
.brandfind-main-filter-item .el-radio-button--mini .el-radio-button__inner {
border: none;
margin-bottom: 10px;
width: 120px;
margin-right: 20px;
box-sizing: border-box;
margin-right: 14px;
color:rgba(151,166,173,1);
text-align: left;
padding: 7px 13px;
}
.brandfind-main-filter-item .el-radio-button__orig-radio:checked+.el-radio-button__inner{
background: #118EE9;
......@@ -115,34 +127,18 @@
border-left: none;
border-radius: 0;
width: -webkit-fill-available;
margin-left: 39px;
margin-right: 47px;
margin-right: 16px;
}
.brandfind-main-filter-item .el-radio-button:last-child .el-radio-button__inner {
border-radius: 0;
}
.noticetm-input {
color: #797979;
letter-spacing: 0;
text-align: center;
height: 28px;
min-width: 1126px;
font-size: 14px;
}
.noticetm-input>button {
......@@ -156,21 +152,23 @@
border: 1px solid #eee;
margin-right: 30px;
}
.noticetm-input input:hover{
border: 1px solid #118EE9;
}
.details-entry {
background: #FFFFFF;
border: 1px solid #D1D1D1;
border-radius: 2px;
color: black;
color: rgba(72,72,72,1);
transform: translateY(40px);
padding: 5px 3px;
padding: 7px 3px;
font-size: 12px;
text-align: center;
cursor: pointer;
}
.details-entry2 {
padding: 5px 3px;
padding: 7px 3px;
background: #FFFFFF;
border-radius: 2px;
transform: translateY(60px);
......@@ -180,11 +178,6 @@
cursor: pointer;
}
.noticetm .el-pagination button,
.noticetm .el-pagination span:not([class*=suffix]) {
min-width: 69px;
......@@ -206,4 +199,15 @@
.noticetm .el-pagination.is-background .el-pager li:not(.disabled).active {
background: #1C2B36;
}
.detail-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99000;
}
.el-table td, .el-table th.is-leaf{
border-bottom:1px solid rgba(247,247,248,1) !important;
}
\ No newline at end of file
embed_applications/app/front/vues/pages/noticetm/noticetm.html
<div class="noticetm">
<div class="detail-loading" v-if="loading" v-loading="true"></div>
<div class="noticetm-main-name">商标公告</div>
<div class="noticetm-main-title">
<div :class="brandKey == 1 ? \'title-item1\' : \'title-item2\'" @click="brandKey = 1">最新12期公告</div>
<div :class="brandKey == 2 ? \'title-item1\' : \'title-item2\'" @click="brandKey = 2">公告商标查询</div>
</div>
<div class="noticetm-notice" v-if="brandKey==1">
<el-table :data="issue_data" header-row-class-name="noticetm-notice-title">
<el-table-column label="公告期" width="177">
<el-table :data="issue_data" header-row-class-name="noticetm-notice-title" >
<el-table-column label="公告期" width="180">
<template slot-scope="scope">
<span style="">第<span style="color:#F68367">{{ scope.row.notice_issue }}</span>期
</span>
</template>
</el-table-column>
<el-table-column label="初审公告日期" width="177">
<el-table-column label="初审公告日期">
<template slot-scope="scope">
<span style="">{{ scope.row.date }}</span>
<!-- <p>姓名: {{ scope.row.name }}</p>
<p>住址: {{ scope.row.address }}</p> -->
</template>
</el-table-column>
<el-table-column label="申请异议截止日期" width="177">
<el-table-column label="申请异议截止日期">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.enddate }}</span>
<!-- <p>姓名: {{ scope.row.name }}</p>
<p>住址: {{ scope.row.address }}</p> -->
</template>
</el-table-column>
<el-table-column label="申请异议剩余时间" width="177">
<el-table-column label="申请异议剩余时间">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.lastday }}</span>
<!-- <p>姓名: {{ scope.row.name }}</p>
<p>住址: {{ scope.row.address }}</p> -->
</template>
</el-table-column>
<!-- <el-table-column label="初审商标数" width="177">
<!-- <el-table-column label="初审商标数">
<template slot-scope="scope">
</template>
</el-table-column> -->
<el-table-column label="操作">
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toNoticeDetail(scope.row)">详情
</el-button>
......@@ -47,7 +48,7 @@
</el-table>
</div>
<div class="noticetm-find" v-if="brandKey==2">
<div class="noticetm-find" v-if="brandKey==2" >
<div class="brandfind-main-filter-item">
<div>
申请类别：
......@@ -62,20 +63,22 @@
{{item.code}} {{item.name}}
</el-checkbox-button>
</el-checkbox-group> -->
<el-radio-group v-model="selected_nclNum" size="mini" @change="noticetmquery">
<el-radio-group v-model="selected_nclNum" size="mini" @change="noticetmquery" style="dispaly:flex">
<el-radio-button label="不限">
不限
</el-radio-button>
<el-radio-button v-for="(item, index) in ncldata" :label="item.code"
v-model="item.code">
{{item.code}} {{item.name}}
</el-radio-button>
<div>
<el-radio-button v-for="(item, index) in ncldata" :label="item.code"
v-model="item.code">
{{item.code}} {{item.name}}
</el-radio-button>
</div>
</el-radio-group>
</div>
<div class="brandfind-main-filter-more">
<!-- i标签绑定class -->
<button @click="addheight">{{collapse.text}}<i :class="collapse.icon"></i></button>
<button style="outline：none;outlineColor: rgba(255,255,255,0);" @click="addheight">{{collapse.text}}<i :class="collapse.icon"></i></button>
</div>
</div>
......@@ -94,19 +97,21 @@
</el-checkbox-button>
</el-checkbox-group> -->
<el-radio-group v-model="selected_issue" size="mini" :border="true"
@change="noticetmquery">
@change="noticetmquery" style="dispaly:flex">
<el-radio-button label="不限">
不限
</el-radio-button>
<el-radio-button v-for="(item, index) in issue_list" :label="item.value"
v-model="item.value">
{{item.label}}
</el-radio-button>
<div>
<el-radio-button v-for="(item, index) in issue_list" :label="item.value"
v-model="item.value">
{{item.label}}
</el-radio-button>
</div>
</el-radio-group>
</div>
<div class="brandfind-main-filter-more">
<!-- i标签绑定class -->
<button @click="addheight1">{{collapse1.text}}<i :class="collapse1.icon"></i></button>
<button style="outline：none;outlineColor: rgba(255,255,255,0);" @click="addheight1">{{collapse1.text}}<i :class="collapse1.icon"></i></button>
</div>
</div>
......@@ -118,71 +123,75 @@
<el-button type="primary" size="mini" @click="noticetmquery">查找
</el-button>
</div>
<div class="brandfind-list-box">
<div class="brandfind-main-equal-form-box-null" v-if="tms.length == 0">
<!-- 没数据 -->
<div>
<img src="/imgs/datanull.png" alt="">
<div>暂无数据</div>
</div>
</div>
<ul>
<li v-for="(tm,index) in tms" @click="">
<div class="brandfind-list-box-logo">
<img :src="tm.logo" alt="">
</div>
<div class="brandfind-list-box-text">
<div class="brandfind-list-box-text-title">
<div>
{{tm.sbmc}}
</div>
<!-- 添加数据 -->
<div :title="tm.sblb">{{tm.nclnum}}</div>
<div>注册号 {{tm.sbzch}}</div>
<div class="">
<div @click="window.open(tm.linkurl)"
class="details-entry">
公告详情
</div>
<div @click="toTmDetail(tm)" class="details-entry2">
商标详情
</div>
</div>
</div>
<div v-if="brandKey==2">
<div class="brandfind-list-box" style="border:1px solid rgba(247,247,248,1);">
<div class="brandfind-main-equal-form-box-null" v-if="tms.length == 0">
<!-- 没数据 -->
<div>
<img src="/imgs/datanull.png" alt="">
<div>暂无数据</div>
</div>
<div class="brandfind-list-box-text-info">
<div>
<div><span>申请日期:</span><span>暂无</span>
</div>
<div><span>申请人:</span><span>{{tm.zcr}}</span>
</div>
<div><span>代理机构:</span><span>暂无</span>
</div>
</div>
<ul>
<li v-for="(tm,index) in tms" @click="">
<div class="brandfind-list-box-logo">
<img v-if="tm.logo" :src="tm.logo" alt="">
<img v-else src="/imgs/loading.png" alt="">
</div>
<div>
<div><span>初审公告期号:</span><span>{{tm.ggqh}}</span>
<div class="brandfind-list-box-text">
<div class="brandfind-list-box-text-title">
<div>
{{tm.sbmc}}
</div>
<!-- 添加数据 -->
<div :title="tm.sblb">{{tm.nclnum}}</div>
<div>注册号 {{tm.sbzch}}</div>
<div class="">
<div @click="window.open(tm.linkurl)"
class="details-entry">
公告详情
</div>
<div @click="toTmDetail(tm)" class="details-entry2">
商标详情
</div>
</div>
</div>
<div><span>初审公告日期:</span><span>{{tm.ggrq}}</span>
</div>
<div><span>注册公告日期:</span><span>暂无</span>
<div class="brandfind-list-box-text-info">
<div>
<div><span>申请日期:</span><span>暂无</span>
</div>
<div><span>申请人:</span><span>{{tm.zcr}}</span>
</div>
<div><span>代理机构:</span><span>暂无</span>
</div>
</div>
<div>
<div><span>初审公告期号:</span><span>{{tm.ggqh}}</span>
</div>
<div><span>初审公告日期:</span><span>{{tm.ggrq}}</span>
</div>
<div><span>注册公告日期:</span><span>暂无</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- 分页 -->
<div class="brandfind-list-page">
<el-pagination background v-if="tms" layout="prev, pager, next" :page-size="pageSize" prev-text="上一页"
next-text="下一页" :current-page="currentPage" :total="total"
@current-change="currentChange">
</el-pagination>
</div>
</li>
</ul>
</div>
<!-- 分页 -->
<div class="brandfind-list-page" v-if="tms.length">
<el-pagination style="marginTop:18px;" background v-if="tms" layout="prev, pager, next" :page-size="pageSize" prev-text="上一页"
next-text="下一页" :current-page="currentPage" :total="total"
@current-change="currentChange">
</el-pagination>
</div>
</div>
</div>
\ No newline at end of file
embed_applications/app/front/vues/pages/noticetm/noticetm.js
......@@ -51,7 +51,8 @@
pageSize: 10,
currentPage: 1,
total: 0,
typeList: ''
typeList: '',
loading: false
}
},
......@@ -87,15 +88,15 @@
noticetype: "TMZCSQ"
};
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/tmqueryCtl/noticequeryTMZCSQ", obj).then(function (d) {
that.$root.loading = false;
that.loading = false;
that.issue_list = d.data.selectdata;
that.issue_data = d.data.rows;
that.maxdata = d.data.selectdata[0].value;
console.log(d, "//////////////////////////");
}).catch(function (e) {
this.$root.loading = false;
this.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -137,9 +138,10 @@
};
console.log(obj);
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/tmqueryCtl/noticequery", obj).then(d => {
that.$root.loading = false;
that.loading = false;
console.log(d,"zheshishuju");
if (d.status == 0 && d.data) {
var rows = d.data.rows;
for (var i = 0; i < rows.length; i++) {
......@@ -148,6 +150,7 @@
var sblb = rows[i].sblb.replace(/(^\s*)|(\s*$)/g, "");
var nclnum = sblb.split(" ")[0];
nclnum = Number(nclnum);
console.log(nclnum);
nclnum = this.ncldata[nclnum - 1].code + " " + this.ncldata[nclnum - 1].name;
rows[i]["nclnum"] = nclnum;
}
......@@ -155,11 +158,9 @@
that.tms = rows;
that.total = d.data.count;
}
}).catch(function (e) {
console.log(e);
that.$root.loading = false;
console.log(e,"lslslslls");
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......
embed_applications/app/front/vues/pages/policylist/policylist.css
......@@ -2,6 +2,14 @@
width: 100%;
height: 100%;
}
.policy-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.policylist-warpper > .policylist {
width: 100%;
height: 100%;
......
embed_applications/app/front/vues/pages/policylist/policylist.html
<div class="policylist-warpper">
<div class="policy-loading" v-if="loading" v-loading="true"></div>
<div class="policylist" v-if="detailPageType">
<div class="policylist-header">
<div class="policylist-header" style="border:none;">
<div class="header-left" @click="LookHome">区域政策<span v-if="!listPageType" > > <span style="color: #484848">全部企业</span></span></div>
<div class="header-right">
<el-select v-model="policyValue" placeholder="全部企业" size="mini">
......@@ -42,8 +43,8 @@
</div>
<div class="policylist-portrayal">
<div class="portrayal-left">企业画像</div>
<div class="portrayal-right">
<div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgb()">{{item}}</div>
<div class="portrayal-right" ref="qyhx">
<div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key">{{item}}</div>
</div>
</div>
<div class="policylist-recommend">
......@@ -63,9 +64,9 @@
</div>
</div>
<div class="policylist-content">
<div class="policylist-content" ref="item">
<div class="policylist-content-list" v-for="(i,k) in recommendationsArr">
<div class="policylist-conten-title" @click="articleDetails(i)">{{i.name}} <span :style="color16()">{{i.label}}</span></div>
<div class="policylist-conten-title" @click="articleDetails(i)">{{i.name}} <span>{{i.label}}</span></div>
<div class="policylist-conten-text">{{i.text}}</div>
<div class="policylist-conten-items"><span>来源：{{i.source}}</span><span>日期：{{i.date}}</span><span> <i class="el-icon-view"></i> {{i.count}}</span></div>
</div>
......@@ -82,14 +83,14 @@
</div>
<div class="policylist" v-if="!detailPageType">
<div class="policylist-header">
<div class="policylist-header" style="border:none;">
<div class="header-left" @click="next">区域政策 > 全部企业 > <span style="color: #484848">政策详情</span></div>
</div>
<div style="width: 100%;height: 25px;"></div>
<div class="policylist-portrayal">
<div class="portrayal-left">政策画像</div>
<div class="portrayal-right">
<div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgb()">{{item}}</div>
<div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgba()">{{item}}</div>
</div>
</div>
<div class="policylist-essay">
......@@ -100,9 +101,9 @@
<div class="essay-content" v-html="recommendationsObj.policytext"></div>
</div>
<div class="policylist-buttons">
<div style="border:1px solid rgba(88,184,72,1);color: #2AA515"><img src="/imgs/wx.png" alt="">分享到微信</div>
<!-- <div style="border:1px solid rgba(88,184,72,1);color: #2AA515"><img src="/imgs/wx.png" alt="">分享到微信</div>
<div style="border:1px solid rgba(228,109,108,1);color: #E46D6C"><img src="/imgs/wb.png" alt="">分享到微博</div>
<div style="border:1px solid rgba(255,189,29,1);color: #FFBD1D"><img src="/imgs/sc.png" alt="">收藏</div>
<div style="border:1px solid rgba(255,189,29,1);color: #FFBD1D"><img src="/imgs/sc.png" alt="">收藏</div> -->
<div style="border:1px solid rgba(78,140,238,1);color:#4E8CEE" @click="consulting"><img src="/imgs/zx.png" alt="">政策咨询</div>
</div>
<!-- <div class="policylist-navigation">
......@@ -110,7 +111,7 @@
<div @click="after(rKey)" v-if="recommendationsObjAfter">下一篇：{{recommendationsObjAfter.name}}</div>
</div> -->
<div class="policylist-qr">
<img src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
<img style="border:1px dashed #666;" src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
</div>
</div>
</div>
\ No newline at end of file
embed_applications/app/front/vues/pages/policylist/policylist.js
......@@ -1390,13 +1390,45 @@
recommendationsObjAfter: {},
companyObj: {},
rKey: null,
zcoName: ''
zcoName: '',
colorList:[{
bgColor:"#EDEEFA",
fontColor:"#5B65D3"
},{
bgColor:"#FDF2EC",
fontColor:"#FC835A"
},{
bgColor:"#FFEBF5",
fontColor:"#FF75B3"
},{
bgColor:"#E1EDFB",
fontColor:"#3CACFF"
},{
bgColor:"#E0F4E8",
fontColor:"#54D02F"
},{
bgColor:"#E8F7F9",
fontColor:"#30BBCE"
}],
loading: false
}
},
methods: {
search() {
this.zcPost()
if(this.zctext){
this.zcPost();
};
},
colorChild1(){
for (let i = 0; i < this.$refs.qyhx.children.length; i++) {
this.$refs.qyhx.children[i].style = this.rgb();
};
},
colorChild2(){
for (let i = 0; i < this.$refs.item.children.length; i++) {
this.$refs.item.children[i].children[0].children[0].style = this.color16();
};
},
handleCurrentChange(val) {
this.zcPost(val)
......@@ -1423,15 +1455,18 @@
scrollTo(0,0);
this.recommendationsObj = obj;
this.zccompanyPost();
this.loading=true;
axios.post('http://43.247.184.92:8018/gsb/api/zcdetailcount',{
"ID": obj.ID,
"count":0
}).then( d => {
console.log(d,'=================================');
this.loading=false;
var data = d.data.data;
this.portrayalArr = d.data.company_keys;
this.recommendationsArr = data
})
this.arrList = this.recommendationsArr;
this.recommendationsArr = data;
});
},
/*before(i) {
this.rKey = i-1;
......@@ -1442,7 +1477,7 @@
next () {
this.detailPageType = true;
this.zccompanyPost();
this.zcPost()
this.zcPost();
},
LookHome() {
this.listPageType = true;
......@@ -1467,10 +1502,14 @@
rgb(){
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
var rgb = 'color:' + 'rgba('+r+','+g+','+b+', 1)' + ';' + 'background-color:' + 'rgba('+r+','+g+','+b+', 0.3)';
return rgb;
},
},
rgba() {
var color = this.colorList[Math.floor(Math.random()*this.colorList.length)];
return `color:${color.fontColor};background-color:${color.bgColor}`;
},
leftswiperList () {
console.log(this.$refs.swiperList.offsetWidth);
if (this.transformNumber < 0) {
......@@ -1485,33 +1524,47 @@
}
},
zccompanyNamePost() {
this.loading=true;
axios.post('http://43.247.184.92:8018/gsb/api/zccompany_name',{
"company_name": this.zcoName
}).then( d => {
console.log(d,'=================================');
this.loading=false;
var data = d.data.data;
this.portrayalArr = d.data.company_keys;
this.recommendationsArr = data
this.arrList = this.recommendationsArr;
this.recommendationsArr = data;
})
},
zcPost(size) {
console.log(123);
/*http://43.247.184.92:8018/gsb/api/zc*/
this.loading=true;
axios.post('http://43.247.184.92:8018/gsb/api/zc',{
"zctext": this.zctext,
"currentpage": size || 1,
"pagesize":10
}).then( d => {
console.log(d,'---------------------------------');
this.loading=false;
var data = d.data.data;
this.arrList = this.recommendationsArr;
this.recommendationsArr = data;
this.total = d.data.total
this.total = d.data.total;
this.colorChild2();
})
},
zccompanyPost() {
this.loading=true;
axios.post('http://43.247.184.92:8018/gsb/api/zccompany',{}).then( d => {
console.log(d);
console.log(d,'123452345678');
var data = d.data.data;
this.portrayalArr = data
this.portrayalArr = data;
this.loading=false;
setTimeout(()=>{
this.colorChild1();
this.colorChild2();
},100)
})
},
getCompanyListPost() {
......@@ -1534,20 +1587,18 @@
data[i]['logo'] = data[i].name.substr(0, 4);
that.policyArr.push(data[i]);
};
console.log(that.policyArr)
console.log(that.policyArr,"809767899")
}).catch(function (e) {
console.log(`操作失败，请刷新页面后重新操作`);
});
}
},
mounted: function() {
this.arrList = this.recommendationsArr;
this.recommendationsArr = this.recommendationsArr1;
/*for (let i = 0; i < this.portrayalArr.length; i++) {
this.portrayalArr[i].col = this.rgb();
};*/
this.zcPost();
this.zccompanyPost();
this.getCompanyListPost()
this.getCompanyListPost();
},
vname: "gsb-policylist"
}
embed_applications/app/front/vues/pages/policyquery/policyquery.css 0 → 100644
.policylist-warpper {
width: 100%;
height: 100%;
}
.el-input--mini .el-input__inner{
border:1px solid rgba(238,238,238,1);
border-radius: 0px;
}
.policylist-headerbut{
background: #fff;
position: relative;
top: -1px;
color:rgba(121,121,121,1) !important;
}
.policyquery-items > .items_item > div{
padding-right: 30px !important;
}
.policyquery-items > .items_item > div:hover{
color: #118EE9;
}
.policyquery-items > .items_right:hover{
color: #118EE9;
}
.policyquery-items:nth-child(1){
border-top: 1px solid #F0F3F0;
}
.policyquery-items{
border: none !important;
box-sizing: border-box;
border-bottom: 1px solid #F0F3F0 !important;
}
.policyquery-items:last-child{
border:none !important;
}
.policylist-warpper > .policylist {
width: 100%;
height: 100%;
}
.policylist-header {
width: 100%;
overflow: hidden;
border: 1px solid #F0F3F0;
}
.header-left {
float: left;
font-size:16px;
font-family:MicrosoftYaHei;
color:rgba(121,121,121,1);
cursor: pointer;
}
.header-right {
float: right;
width: 110px;
height: 28px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
}
.policylist-swiper {
width: 100%;
margin-top: 30px;
height: 150px;
padding: 20px;
box-sizing: border-box;
position: relative;
background-color: #FAFAFA;
/* background-color: #ccc; */
}
.swiper-main {
width: 96%;
height: 100%;
margin: 0 auto;
white-space:nowrap;
overflow: hidden;
}
.swiper-leftButton {
position: absolute;
top: 33%;
left: 20px;
width:16px;
height:54px;
line-height: 54px;
text-align: center;
background:rgba(240,240,240,1);
border-radius:2px;
cursor: pointer;
}
.swiper-rightButton {
position: absolute;
top: 33%;
right: 20px;
width:16px;
height:54px;
line-height: 54px;
text-align: center;
background:rgba(240,240,240,1);
border-radius:2px;
cursor: pointer;
}
.swiper-rightButton:hover {
background-color:rgba(235,242,255,1);
color: #97A6AD;
}
.swiper-leftButton:hover {
background-color:rgba(235,242,255,1);
color: #97A6AD;
}
.main-lists {
height: 100%;
overflow: hidden;
white-space: nowrap;
display: inline-block;
-webkit-transition: transform 0.3s linear;
}
.mian-list {
display: inline-block;
width: 360px;
height: 100%;
margin-right: 10px;
background:rgba(255,255,255,1);
box-shadow:2px 2px 5px 0px rgba(226,226,226,0.5);
border-radius:2px;
border:1px solid rgba(230,232,233,1);
padding: 20px;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}
.mian-list:hover {
background:rgba(255,255,255,1);
box-shadow:2px 2px 5px 0px rgba(226,226,226,0.5);
border-radius:2px;
border:1px solid rgba(17,142,233,1);
}
.list-img {
float: left;
width:70px;
height:70px;
margin-right: 20px;
font-size: 20px;
color: #5D9ADD;
background:rgba(235,242,255,1);
white-space: normal !important;
text-align: center;
display:table;
padding: 0px 10px;
box-sizing: border-box;
}
.list-img > span {
display:table-cell;
vertical-align:middle
}
.list-text {
float: left;
line-height: 24px;
letter-spacing: 2px;
}
.list-text-title {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(72,72,72,1);
}
.list-text-name {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
}
.policylist-portrayal {
width:100%;
height:118px;
background:rgba(255,255,255,1);
border-radius:1px;
border:1px solid rgba(247,247,248,1);
overflow: hidden;
padding: 20px;
box-sizing: border-box;
}
.portrayal-left {
float: left;
font-weight: 600;
color: #118EE9;
font-size: 1.6vw;
margin-right: 22px;
}
.portrayal-right {
float: left;
width: 85%;
height: 100%;
overflow: hidden;
padding: 0.5% 0px;
box-sizing: border-box;
}
.portrayal-right-list {
float: left;
margin-right: 16px;
margin-bottom: 10px;
padding: 5px 10px;
font-size:12px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
cursor: default;
}
.policylist-recommend {
width:100%;
height:60px;
background:rgba(255,255,255,1);
border-radius:1px;
border:1px solid rgba(247,247,248,1);
padding: 0px 20px;
line-height: 60px;
box-sizing: border-box;
overflow: hidden;
}
.recommend-title {
float: left;
font-weight: 600;
font-size: 1.6vw;
color: #F2784B;
margin-right: 22px;
}
.recommend-name {
float: left;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
margin-right: 30px;
font-weight: 600;
}
.recommend-name > span {
margin-left: 10px;
color: #118EE9;
}
.recommend-input {
float: right;
width:220px;
height:32px;
}
.policylist-content {
width: 100%;
}
.policylist-content-list {
width: 100%;
padding: 20px 30px;
box-sizing: border-box;
}
.policylist-conten-title {
font-size:18px;
font-family:PingFangSC-Semibold,PingFangSC;
font-weight:600;
color:rgba(72,72,72,1);
margin-bottom: 15px;
cursor: pointer;
}
.policylist-conten-title a {
text-decoration:none !important;
color:#333 !important;
}
.policylist-conten-title span {
margin-left: 10px;
padding: 5px 10px;
font-size:12px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(255,255,255,1);
background-color: #597EF7;
}
.policylist-conten-text {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
margin-bottom: 13px;
}
.policylist-conten-items {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(153,153,153,1);
}
.policylist-conten-items > span {
margin-right: 40px;
}
.policylist-pagination {
text-align: right;
}
.policylist-details {
width: 100%;
height:130px;
background:rgba(250,250,250,1);
padding: 30px;
box-sizing: border-box;
overflow: hidden;
}
.details-leftimg {
float: left;
width:70px;
height:70px;
background:rgba(234,244,255,1);
margin-right: 22px;
}
.details-righttext {
float: left;
width: 80%;
}
.righttext-name {
width: 100%;
line-height: 24px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(72,72,72,1);
}
.righttext-span {
line-height: 24px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(121,121,121,1);
}
.righttext-span > span {
display: inline-block;
}
.policylist-essay {
width: 100%;
}
.essay-title {
width: 100%;
height: 175px;
padding-top: 30px;
box-sizing: border-box;
}
.essay-title-name {
width:100%;
height:75px;
font-size:24px;
font-weight: 600;
font-family:MicrosoftYaHei;
color:rgba(72,72,72,1);
line-height:40px;
text-align: center;
}
.essay-title-list {
width: 100%;
margin-top: 20px;
text-align: center;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(170,170,170,1);
}
.essay-title-list > span {
margin-right: 38px;
}
.essay-content {
width: 100%;
font-size:14px;
font-family:PingFangSC-Regular,PingFangSC;
font-weight:400;
color:rgba(85,85,85,1);
line-height: 42px;
}
.policylist-buttons {
width: 100%;
padding-bottom: 30px;
border-bottom:1px solid rgba(239,239,239,1);
overflow: hidden;
}
.policylist-buttons > div {
float: right;
width:120px;
height:32px;
line-height: 32px;
margin-right: 13px;
border-radius:20px;
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
text-align: center;
cursor: pointer;
}
.policylist-buttons > div > img {
vertical-align: middle;
}
.policylist-navigation {
width: 100%;
height: 107px;
font-size:14px;
font-family:PingFangSC-Regular,PingFangSC;
font-weight:400;
color:rgba(70,70,70,1);
padding: 30px 0px;
box-sizing: border-box;
}
.policylist-navigation > div {
line-height: 24px;
cursor: pointer;
}
.policylist-qr {
width:100%;
height:134px;
line-height: 134px;
background:rgba(248,248,248,1);
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(72,72,72,1);
text-align: center;
}
.policylist-qr > img {
vertical-align:middle;
}
\ No newline at end of file
embed_applications/app/front/vues/pages/policyquery/policyquery.html 0 → 100644
<div class="policylist-warpper">
<div class="policylist" v-if="detailPageType">
<div class="policylist-title">政策查询</div>
<div class="policylist-header" :style="headerHeight ? \'height:190px\' : \'height:auto\'">
<div class="policyquery-items">
<div class="items_left">发布地区</div>
<div ref="ref1" class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
<div :class="input1 ? \'\':\'pitch\'" @click="tableDataClick1()">不限</div>
<div :class="input1 == item ? \'pitch\' : \'\'" v-for="item in tableData1" @click="tableDataClick1(item)">{{item}}</div>
</div>
<div v-if="listGen1" class="items_right" @click="headerHeight1 = !headerHeight1"><span v-if="headerHeight1">更多 <i class="el-icon-arrow-down"></i></span><span v-else>收起 <i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">政策级别</div>
<div ref="ref2" class="items_item" :style="headerHeight2 ? \'height:45px\' : \'height:auto\'">
<div :class="input2 ? \'\':\'pitch\'" @click="tableDataClick2()">不限</div>
<div :class="input2 == item ? \'pitch\' : \'\'" v-for="item in tableData2" @click="tableDataClick2(item)">{{item}}</div>
</div>
<div v-if="listGen2" class="items_right" @click="headerHeight2 = !headerHeight2"><span v-if="headerHeight2">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">发布部门</div>
<div ref="ref3" class="items_item" :style="headerHeight3 ? \'height:45px\' : \'height:auto\'">
<div :class="input3 ? \'\':\'pitch\'" @click="tableDataClick3()">不限</div>
<div :class="input3 == item ? \'pitch\' : \'\'" v-for="item in tableData3" @click="tableDataClick3(item)">{{item}}</div>
</div>
<div v-if="listGen3" class="items_right" @click="headerHeight3 = !headerHeight3"><span v-if="headerHeight3">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">扶持方式</div>
<div ref="ref4" class="items_item" :style="headerHeight4 ? \'height:45px\' : \'height:auto\'">
<div :class="input4 ? \'\':\'pitch\'" @click="tableDataClick4()">不限</div>
<div :class="input4 == item ? \'pitch\' : \'\'" v-for="item in tableData4" @click="tableDataClick4(item)">{{item}}</div>
</div>
<div v-if="listGen4" class="items_right" @click="headerHeight4 = !headerHeight4"><span v-if="headerHeight4">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">企业性质</div>
<div ref="ref5" class="items_item" :style="headerHeight5 ? \'height:45px\' : \'height:auto\'">
<div :class="input5 ? \'\':\'pitch\'" @click="tableDataClick5()">不限</div>
<div :class="input5 == item ? \'pitch\' : \'\'" v-for="item in tableData5" @click="tableDataClick5(item)">{{item}}</div>
</div>
<div v-if="listGen5" class="items_right" @click="headerHeight5 = !headerHeight5"><span v-if="headerHeight5">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">行业类别</div>
<div ref="ref6" class="items_item" :style="headerHeight6 ? \'height:45px\' : \'height:auto\'">
<div :class="input6 ? \'\':\'pitch\'" @click="tableDataClick6()">不限</div>
<div :class="input6 == item ? \'pitch\' : \'\'" v-for="item in tableData6" @click="tableDataClick6(item)">{{item}}</div>
</div>
<div v-if="listGen6" class="items_right" @click="headerHeight6 = !headerHeight6"><span v-if="headerHeight6">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">政策类型</div>
<div ref="ref7" class="items_item" :style="headerHeight7 ? \'height:45px\' : \'height:auto\'">
<div :class="input7 ? \'\':\'pitch\'" @click="tableDataClick7()">不限</div>
<div :class="input7 == item ? \'pitch\' : \'\'" v-for="item in tableData7" @click="tableDataClick7(item)">{{item}}</div>
</div>
<div v-if="listGen7" class="items_right" @click="headerHeight7 = !headerHeight7"><span v-if="headerHeight7">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">扶持领域</div>
<div ref="ref8" class="items_item" :style="headerHeight8 ? \'height:45px\' : \'height:auto\'">
<div :class="input8 ? \'\':\'pitch\'" @click="tableDataClick8()">不限</div>
<div :class="input8 == item ? \'pitch\' : \'\'" v-for="item in tableData8" @click="tableDataClick8(item)">{{item}}</div>
</div>
<div v-if="listGen8" class="items_right" @click="headerHeight8 = !headerHeight8"><span v-if="headerHeight8">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
<div class="policyquery-items">
<div class="items_left">时间年限</div>
<div ref="ref9" class="items_item" :style="headerHeight9 ? \'height:45px\' : \'height:auto\'">
<div :class="input9 ? \'\':\'pitch\'" @click="tableDataClick9()">不限</div>
<div :class="input9 == item ? \'pitch\' : \'\'" v-for="item in tableData9" @click="tableDataClick9(item)">{{item}}</div>
</div>
<div v-if="listGen9" class="items_right" @click="headerHeight9 = !headerHeight9"><span v-if="headerHeight9">更多<i class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span></div>
</div>
</div>
<div class="policylist-headerbut" @click="headerHeight = !headerHeight"><span v-if="headerHeight">更多</span><span v-else>收起</span></div>
<div class="policylist-selected" v-if="input1 || input2 || input3 || input4 || input5 || input6 || input7 || input8 || input9">
<div class="leftName">筛选条件:</div>
<div class="itemsName">
<div class="itemName" v-if="input1">{{input1}} <i class="el-icon-close" @click="inputDel(\'input1\')"></i> </div>
<div class="itemName" v-if="input2">{{input2}} <i class="el-icon-close" @click="inputDel(\'input2\')"></i> </div>
<div class="itemName" v-if="input3">{{input3}} <i class="el-icon-close" @click="inputDel(\'input3\')"></i> </div>
<div class="itemName" v-if="input4">{{input4}} <i class="el-icon-close" @click="inputDel(\'input4\')"></i> </div>
<div class="itemName" v-if="input5">{{input5}} <i class="el-icon-close" @click="inputDel(\'input5\')"></i> </div>
<div class="itemName" v-if="input6">{{input6}} <i class="el-icon-close" @click="inputDel(\'input6\')"></i> </div>
<div class="itemName" v-if="input7">{{input7}} <i class="el-icon-close" @click="inputDel(\'input7\')"></i> </div>
<div class="itemName" v-if="input8">{{input8}} <i class="el-icon-close" @click="inputDel(\'input8\')"></i> </div>
<div class="itemName" v-if="input9">{{input9}} <i class="el-icon-close" @click="inputDel(\'input9\')"></i> </div>
</div>
</div>
<div class="policylist-recommend">
<div style="float: left;font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(121,121,121,1);">共为您的企业推荐了<span style="color: #F2784B">{{total}}</span>条政策</div>
<div class="recommend-input">
<el-input
placeholder="请输入查询的标题/内容"
v-model="zctext"
size="mini"
change="()=>{console.log(123)}">
<i slot="suffix" class="el-input__icon el-icon-search" style="fontSize:16px;"></i>
</el-input>
</div>
</div>
<div class="policylist-content">
<div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
<!-- 没数据 -->
<div>
<img src="/imgs/datanull.png" alt="">
<div>暂无数据</div>
</div>
</div>
<div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr">
<div class="policylist-conten-title" @click="articleDetails(i)">{{i.name}} </div>
<div class="policylist-conten-text"><span style="dispaly:line-block;padding: 0 10px;color:#fff;" :style="color16()">{{i.label}}</span></div>
<div class="policylist-conten-items"><span>来源：{{i.source}}</span><span>日期：{{i.date}}</span><span> <p style="float:right"><i class="el-icon-view"></i> {{i.count}}</span></p></div>
</div>
</div>
<div class="policylist-pagination" v-show="recommendationsArr.length">
<el-pagination
background
layout="prev, pager, next"
@current-change="handleCurrentChange"
:total="total">
</el-pagination>
</div>
<div v-else></div>
</div>
<div class="policylist" v-if="!detailPageType">
<div class="policylist-header" style="border:none;">
<div class="header-left" @click="next">区域政策 > <span style="color: #484848">政策详情</span></div>
</div>
<div style="width: 100%;height: 25px;"></div>
<div class="policylist-portrayal">
<div class="portrayal-left">政策画像</div>
<div class="portrayal-right">
<div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgba()">{{item}}</div>
</div>
</div>
<div class="policylist-essay">
<div class="essay-title">
<div class="essay-title-name">{{recommendationsObj.name}}</div>
<div class="essay-title-list"><span>{{recommendationsObj.source}}</span><span>阅读量：{{recommendationsObj.browse}}</span><span>{{recommendationsObj.date}}</span></div>
</div>
<div class="essay-content" v-html="recommendationsObj.policytext"></div>
</div>
<div class="policylist-buttons">
<!-- <div style="border:1px solid rgba(88,184,72,1);color: #2AA515"><img src="/imgs/wx.png" alt="">分享到微信</div>
<div style="border:1px solid rgba(228,109,108,1);color: #E46D6C"><img src="/imgs/wb.png" alt="">分享到微博</div>
<div style="border:1px solid rgba(255,189,29,1);color: #FFBD1D"><img src="/imgs/sc.png" alt="">收藏</div> -->
<div style="border:1px solid rgba(78,140,238,1);color:#4E8CEE" @click="consulting"><img src="/imgs/zx.png" alt="">政策咨询</div>
</div>
<div class="policylist-navigation">
<!-- <div @click="before(rKey)" v-if="recommendationsObjBefore">上一篇：{{recommendationsObjBefore.name}}</div>
<div @click="after(rKey)" v-if="recommendationsObjAfter">下一篇：{{recommendationsObjAfter.name}}</div> -->
</div>
<div class="policylist-qr">
<img style="border:1px dashed #666;" src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
</div>
</div>
</div>
\ No newline at end of file
embed_applications/app/front/vues/pages/policyquery/policyquery.js 0 → 100644
{
template: '${tmpl}',
data: function() {
return {
total: 0,
policyArr: [],
recommendationsArr: [],
policyOptions: [{
value: '北京东方飞扬软件股份有限公司',
label: '北京东方飞扬软件股份有限公司'
}],
policyValue: '',
transformNumber: 0,
portrayalArr: [],
zctext: '',
detailPageType: true,
recommendationsObj: {},
recommendationsObjBefore: {},
recommendationsObjAfter: {},
companyObj: {},
rKey: null,
zcoName: '',
activeNames: ['1'],
headerHeight: true,
headerHeight1: true,
headerHeight2: true,
headerHeight3: true,
headerHeight4: true,
headerHeight5: true,
headerHeight6: true,
headerHeight7: true,
headerHeight8: true,
headerHeight9: true,
input1:'',
input2:'',
input3:'',
input4:'',
input5:'',
input6:'',
input7:'',
input8:'',
input9:'',
listGen1:true,
listGen2:true,
listGen3:true,
listGen4:true,
listGen5:true,
listGen6:true,
listGen7:true,
listGen8:true,
listGen9:true,
tableData1: [
'北京',
'天津',
'上海',
'重庆',
'河北',
'河南',
'云南',
'辽宁',
'黑龙江',
'湖南',
'安徽',
'山东',
'江苏',
'浙江',
'江西',
'湖北',
'新疆维吾尔族自治区',
'广西壮族自治区',
'甘肃',
'山西',
'陕西',
'内蒙古自治区',
'吉林',
'福建',
'贵州',
'广东',
'青海',
'西藏自治区',
'夏回族自治区',
'四川'
],
tableData2:[
'部委',
'省级',
'市级',
'区级'
],
tableData3:[
'发改部门',
'教育部门',
'科学技术部门',
'工业和信息化部门',
'人社部门',
'生态环境部门',
'交通运输部门',
'农业农村部门',
'商务部门',
'文化和旅游部门',
'知识产权部门',
'财政部门',
'税务部门',
'国防科技部门',
'开发区/高新区/自贸区',
'市场监督部门',
'其他部门'
],
tableData4:[
'资质荣誉',
'事前补助',
'研发费补助',
'奖励',
'贷款信息',
'担保补助',
'投资补贴',
'税收优惠',
'创业补贴',
'人才补贴'
],
tableData5:[
'事业单位',
'企业单位',
'社会组织'
],
tableData6:[
'工业',
'建筑业',
'金融业',
'农、林、牧、渔业',
'软件、信息传输和信息技术服务业',
'住宿和餐饮业',
'批发和零售业',
'现代服务业',
'租赁和商业服务业',
'交通运输、仓储和邮政业',
'教育和卫生业',
'文化、体育和娱乐业',
'房地产和物业管理业',
'水利、环境和公共设施管理业',
'公共管理、社会保障、社会和国际组织',
'电力、热力、燃气及水生产和供应业',
'其他'
],
tableData7:[
'普惠(创新券/社保补贴/创业补贴等)',
'科技创新',
'人才类',
'资质认定',
'商贸业/电子商务/交通/现代物流',
'税收优惠',
'技术改造',
'智能制造',
'现代服务业',
'工程中心/技术中心/实验室/研发机构',
'金融补贴',
'首台/首套',
'绿色建筑',
'创客空间/孵化器/产业园/科技园',
'生物医药',
'航空航天',
'奖项评选',
'知识产权/知识产权金融',
'专精特新/瞪羚/小巨人/独角兽',
'公共/示范平台',
'龙头/标杆/骨干/示范企业',
'租金/展会/制定标准补贴',
'产品认定',
'其他'
],
tableData8:[
'基础与应用基础研究',
'社会民生',
'现代服务业',
'高新技术领域',
'新一代信息技术产业',
'战略性新兴产业',
'未来产业',
'创业补贴',
'人才补贴'
],
tableData9:[
'2019',
'2018',
'2017',
'2016',
'2015',
'2014',
'2013'
],
colorList:[{
bgColor:"#EDEEFA",
fontColor:"#5B65D3"
},{
bgColor:"#FDF2EC",
fontColor:"#FC835A"
},{
bgColor:"#FFEBF5",
fontColor:"#FF75B3"
},{
bgColor:"#E1EDFB",
fontColor:"#3CACFF"
},{
bgColor:"#E0F4E8",
fontColor:"#54D02F"
},{
bgColor:"#E8F7F9",
fontColor:"#30BBCE"
}]
}
},
methods: {
rgba() {
var color = this.colorList[Math.floor(Math.random()*this.colorList.length)];
return `color:${color.fontColor};background-color:${color.bgColor}`;
},
inputDel(input) {
console.log(input);
this[input] = '';
this.zcPost()
},
tableDataClick1(val) {
console.log(val);
if (val == undefined) {
console.log(123123123123);
val = ''
};
this.input1 = val;
this.zcPost()
},
tableDataClick2(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input2 = val;
this.zcPost()
},
tableDataClick3(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input3 = val;
this.zcPost()
},
tableDataClick4(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input4 = val;
this.zcPost()
},
tableDataClick5(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input5 = val;
this.zcPost()
},
tableDataClick6(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input6 = val;
this.zcPost()
},
tableDataClick7(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input7 = val;
this.zcPost()
},
tableDataClick8(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input8 = val;
this.zcPost()
},
tableDataClick9(val) {
console.log(val);
if (val == undefined) {
val = ''
};
this.input9 = val;
this.zcPost()
},
search() {
this.zcPost()
},
handleCurrentChange(val) {
this.zcPost(val)
},
consulting () {
this.$confirm('提交后会有政策解读专家与您联系，为您进行一对一免费解答，请 确认是否提交？', '政策咨询', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: ''
}).then(() => {
this.$message({
type: 'success',
message: '提交成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消提交'
});
});
},
articleDetails(obj) {
this.detailPageType = false;
scrollTo(0,0);
this.recommendationsObj = obj;
this.portrayalArr = obj.hx_list;
console.log(this.portrayalArr,'11111111111111');
axios.post('http://43.247.184.92:8018/gsb/api/zcdetailcount',{
"ID": obj.ID,
"count":0
}).then( d => {
console.log(d,'=================================');
var data = d.data.data;
this.recommendationsArr = data
})
},
/*before(i) {
this.rKey = i-1;
},
after(i) {
this.rKey = i+1;
},*/
next () {
this.detailPageType = true;
this.zccompanyPost();
this.zcPost()
},
LookHome() {
this.zccompanyPost();
this.zcPost()
/* this.recommendationsArr = this.recommendationsArr1*/
},
LookCompany(i) {
this.companyObj = i;
/*this.recommendationsArr = this.recommendationsArr2*/
this.zcoName = i.name;
this.zccompanyNamePost()
},
color16(){
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
var color = 'background-color:' + '#'+r.toString(16)+g.toString(16)+b.toString(16);
return color;
},
rgb(){
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
var rgb = 'color:' + 'rgba('+r+','+g+','+b+', 1)' + ';' + 'background-color:' + 'rgba('+r+','+g+','+b+', 0.3)';
return rgb;
},
leftswiperList () {
console.log(this.$refs.swiperList.offsetWidth);
if (this.transformNumber < 0) {
this.transformNumber = this.transformNumber + 360;
this.$refs.swiperList.style.transform = 'translateX(' + this.transformNumber + 'px) scale(1)';
}
},
rightswiperList () {
if ((this.$refs.swiperList.offsetWidth - Math.abs(this.transformNumber)) > this.$refs.swiperMain.offsetWidth) {
this.transformNumber = this.transformNumber - 360;
this.$refs.swiperList.style.transform = 'translateX(' + this.transformNumber + 'px) scale(1)';
}
},
zccompanyNamePost() {
axios.post('http://43.247.184.92:8018/gsb/api/zccompany_name',{
"company_name": this.zcoName
}).then( d => {
console.log(d,'=================================');
var data = d.data.data;
this.portrayalArr = d.data.company_keys;
this.recommendationsArr = data
})
},
zcPost(size) {
/*http://43.247.184.92:8018/gsb/api/zc*/
axios.post('http://43.247.184.92:8019/gsb/api/zc',{
"zctext": this.zctext,
"currentpage": size || 1,
"pagesize":10,
"address": this.input1,
"zc_level": this.input2,
"zc_department": this.input3,
"zc_mode": this.input4,
"company_type": this.input5,
"industry_type": this.input6,
"policy_type": this.input7,
"support_field": this.input8,
"year": this.input9
}).then( d => {
console.log(d,'---------------------------------');
var data = d.data.data;
this.recommendationsArr = data;
this.total = d.data.total;
console.log(this.recommendationsArr,12312312321);
})
},
zccompanyPost() {
axios.post('http://43.247.184.92:8018/gsb/api/zccompany',{}).then( d => {
console.log(d);
var data = d.data.data;
this.portrayalArr = data
})
},
getCompanyListPost() {
/*function getLocalTime(nS) {
let date = new Date(nS);
let year = date.getFullYear();
let month = date.getMonth()+1;
let day = date.getDate();
month = month < 10 ? "0"+month:month;
day = day < 10 ? "0"+day:day;
date = year+'-'+month+'-'+day;
return date;
};*/
var that = this;
this.$root.postReq("/web/tmquery/toolCtl/getCompanyList", {}).then(function (d) {
console.log(d, "//////////////////////////");
var data = d.data;
that.policyArr = [];
for (let i = 0; i < data.length; i++) {
data[i]['logo'] = data[i].name.substr(0, 4);
that.policyArr.push(data[i]);
};
console.log(that.policyArr)
}).catch(function (e) {
console.log(`操作失败，请刷新页面后重新操作`);
});
},
refsWidth(ref){
let length=0;
[...ref.children].forEach( item => {
length += item.offsetWidth;
});
return length;
},
geng(){
if(this.$refs.ref1.offsetWidth >= this.refsWidth(this.$refs.ref1)){
this.listGen1 = false;
}
if(this.$refs.ref2.offsetWidth >= this.refsWidth(this.$refs.ref2)){
this.listGen2 = false;
}
if(this.$refs.ref3.offsetWidth >= this.refsWidth(this.$refs.ref3)){
this.listGen3 = false;
}
if(this.$refs.ref4.offsetWidth >= this.refsWidth(this.$refs.ref4)){
this.listGen4 = false;
}
if(this.$refs.ref5.offsetWidth >= this.refsWidth(this.$refs.ref5)){
this.listGen5 = false;
}
if(this.$refs.ref6.offsetWidth >= this.refsWidth(this.$refs.ref6)){
this.listGen6 = false;
}
if(this.$refs.ref7.offsetWidth >= this.refsWidth(this.$refs.ref7)){
this.listGen7 = false;
}
if(this.$refs.ref8.offsetWidth >= this.refsWidth(this.$refs.ref8)){
this.listGen8 = false;
}
if(this.$refs.ref9.offsetWidth >= this.refsWidth(this.$refs.ref9)){
this.listGen9 = false;
}
}
},
mounted: function() {
/*for (let i = 0; i < this.portrayalArr.length; i++) {
this.portrayalArr[i].col = this.rgb();
};*/
this.geng();
this.zcPost();
this.zccompanyPost();
},
vname: "gsb-policyquery"
}
\ No newline at end of file
embed_applications/app/front/vues/pages/proposer/proposer.css
......@@ -121,4 +121,12 @@
height: auto;
min-height: 114px;
}
.loading-brandfind{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
\ No newline at end of file
embed_applications/app/front/vues/pages/proposer/proposer.html
<div class="proposer">
<div class="loading-brandfind" v-if="loading" v-loading="true"></div>
<h1>
<el-row>
<el-col :span="10">{{companyInfo.name}}</el-col>
......@@ -16,9 +17,9 @@
</div>
<ul>
<li>{{companyInfo.name}}</li>
<li><span>网址：</span><span>暂无数据</span></li>
<li><span>电话：</span><span>{{companyInfo.tel_info}}</span></li>
<li><span>地址：</span><span>{{companyInfo.businessAddress}}</span></li>
<li><span>网址：</span><span>-</span></li>
<li><span>电话：</span><span v-if="companyInfo.tel_info">{{companyInfo.tel_info}}</span><span v-else>-</span></li>
<li><span>地址：</span><span v-if="companyInfo.businessAddress">{{companyInfo.businessAddress}}</span><span v-else>-</span></li>
</ul>
<!-- <div>
<el-row>
......@@ -31,43 +32,55 @@
<div class="proposer-details">
<el-row>
<el-col :span="4"> 统一社会信用代码</el-col>
<el-col :span="8"> {{companyInfo.creditCode}}</el-col>
<el-col v-if="companyInfo.creditCode" :span="8"> {{companyInfo.creditCode}}</el-col>
<el-col v-else :span="8"> -</el-col>
<el-col :span="4"> 组织机构代码</el-col>
<el-col :span="8">{{companyInfo.organizationCode}} </el-col>
<el-col v-if="companyInfo.organizationCode" :span="8"> {{companyInfo.organizationCode}}</el-col>
<el-col v-else :span="8"> -</el-col>
</el-row>
<el-row>
<el-col :span="4"> 注册号</el-col>
<el-col :span="8"> {{companyInfo.registrID}}</el-col>
<el-col v-if="companyInfo.registrID" :span="8"> {{companyInfo.registrID}}</el-col>
<el-col v-else :span="8"> -</el-col>
<el-col :span="4"> 经营状态</el-col>
<el-col :span="8"> {{companyInfo.managementState}}</el-col>
<el-col v-if="companyInfo.managementState" :span="8"> {{companyInfo.managementState}}</el-col>
<el-col v-else :span="8"> -</el-col>
</el-row>
<el-row>
<el-col :span="4"> 公司类型</el-col>
<el-col :span="8"> {{companyInfo.companyType}}</el-col>
<el-col v-if="companyInfo.companyType" :span="8"> {{companyInfo.companyType}}</el-col>
<el-col v-else :span="8"> -</el-col>
<el-col :span="4"> 成立日期</el-col>
<el-col :span="8">{{companyInfo.foundedTime}} </el-col>
<el-col v-if="companyInfo.foundedTime" :span="8"> {{companyInfo.foundedTime}}</el-col>
<el-col v-else :span="8"> -</el-col>
</el-row>
<el-row>
<el-col :span="4"> 法定代表人</el-col>
<el-col :span="8"> {{companyInfo.legalRepresentative}}</el-col>
<el-col v-if="companyInfo.legalRepresentative" :span="8"> {{companyInfo.legalRepresentative}}</el-col>
<el-col v-else :span="8"> -</el-col>
<el-col :span="4"> 营业期限</el-col>
<el-col :span="8"> {{companyInfo.businessTerm}}</el-col>
<el-col v-if="companyInfo.businessTerm" :span="8"> {{companyInfo.businessTerm}}</el-col>
<el-col v-else :span="8"> -</el-col>
</el-row>
<el-row>
<el-col :span="4"> 注册资本</el-col>
<el-col :span="8"> {{companyInfo.registeredCapital}}</el-col>
<el-col v-if="companyInfo.registeredCapital" :span="8"> {{companyInfo.registeredCapital}}</el-col>
<el-col v-else :span="8"> -</el-col>
<el-col :span="4"> 发照日期</el-col>
<el-col :span="8"> {{companyInfo.dateIssue}}</el-col>
<el-col v-if="companyInfo.dateIssue" :span="8"> {{companyInfo.dateIssue}}</el-col>
<el-col v-else :span="8"> -</el-col>
</el-row>
<el-row>
<el-col :span="4">登记机关 </el-col>
<el-col :span="20"> {{companyInfo.registerOffice}}</el-col>
<el-col v-if="companyInfo.registerOffice" :span="20"> {{companyInfo.registerOffice}}</el-col>
<el-col v-else :span="20"> -</el-col>
</el-row>
<el-row>
<el-col :span="4"> 经营范围 </el-col>
<el-col :span="20"> {{companyInfo.scope}}</el-col>
<el-col v-if="companyInfo.scope" :span="20"> {{companyInfo.scope}}</el-col>
<el-col v-else :span="20"> -</el-col>
</el-row>
</div>
......
embed_applications/app/front/vues/pages/proposer/proposer.js
......@@ -4,6 +4,8 @@
return {
company_name:"",
companyInfo:{},
loading:false,
company_name2:null
}
},
......@@ -17,22 +19,17 @@
company_name:this.company_name
};
var that=this;
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.loading=true;
that.$root.postReq("/web/tmquery/bytmmonitCtl/getCompanyInfoNoUser", obj).then(d=> {
console.log(d);
loading.close();
that.loading=false;
if(d.code==1){
if(d.data){
that.companyInfo=d.data;
}
}
}).catch(function (e) {
loading.close();
that.loading=false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
}
......@@ -41,6 +38,13 @@
this.company_name = this.$router.history.current.query.company_name || "";
this.getEntDetail();
},
activated:function(){
this.company_name = this.$router.history.current.query.company_name || "";
if(this.company_name!=this.company_name2){
this.getEntDetail();
}
this.company_name2 = this.$router.history.current.query.company_name || "";
},
vname:"gsb-proposer"
}
\ No newline at end of file
embed_applications/app/front/vues/pages/tmbigdata/tmbigdata.css
.tmbigdata {
/* margin: 0 auto; */
}
.detail-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99000;
}
.tmbigdata-header {
min-width: 1000px;
......
embed_applications/app/front/vues/pages/tmbigdata/tmbigdata.html
<div class="tmbigdata">
<div class="detail-loading" v-if="loading" v-loading="true"></div>
<div class="tmbigdata-header">
<div class="name">商标大数据</div>
<div class="select">
......@@ -47,7 +48,7 @@
</div>
<div class="tmbigdata-contentTwo">
<div class="tmbigdata-content-left">
<gsb-echart2 ref="trademarkApplicationRef" :data="trademarkApplicationdata"></gsb-echart2>
<gsb-echart2 style="marginLeft:30px;box-sizing: border-box;" ref="trademarkApplicationRef" :data="trademarkApplicationdata"></gsb-echart2>
</div>
<div class="tmbigdata-content-right">
<div class="tmbigdata-content-right-tabs"><span>商标类别申请排名</span><div @click="tmbigdatadetail(3)">详情</div></div>
......
embed_applications/app/front/vues/pages/tmbigdata/tmbigdata.js
......@@ -66,99 +66,135 @@
title: '多 X 轴示例',
tabsKey: 1,
trademarkApplicationdata: {
boundaryGap: false,
color: ['#5793f3', '#d14a61', '#675bba'],
tooltip: {
trigger: 'none',
trigger: 'axis',
formatter: function(params) {
return `<div>
<p>${params[0].axisValue}</p>
<p>${params[0].marker}${params[0].seriesName}:${params[0].value}</p>
<p>${params[1].marker}${params[1].seriesName}:${params[1].value}</p>
</div>`;
},
axisPointer: {
type: 'cross'
},
},
title:{
text:"商标申请及注册趋势",
y:'30px',
textStyle:{
fontWeight: '500',
fontSize:'15px',
color: '#666'
}
},
legend: {
y: '35px',
right:'10%',
data: ['商标申请', '商标注册']
},
grid: {
top: 70,
bottom: 50
},
xAxis: [
{
type: 'category',
boundaryGap: false,
axisTick: {
alignWithLabel: true
alignWithLabel: true,
show:false
},
axisLine: {
onZero: false,
lineStyle: {
color: '#d14a61'
color: '#5793f3',
width: 1
}
},
axisPointer: {
label: {
tooltip: {
formatter: function (params) {
return '商标申请 ' + params.value
+ (params.seriesData.length ? '：' + params.seriesData[0].data : '');
return params;
}
}
},
data: ["2014", "2015", "2016", "2017", "2018", "2019"]
data: ["2014", "2015", "2016", "2017", "2018", "2019"],
},
],
yAxis: [
{
type: 'category',
type: 'value',
splitNumber:4,
max:8000000,
boundaryGap: false,
axisTick: {
alignWithLabel: true
alignWithLabel: true,
show:false
},
axisLine: {
onZero: false,
lineStyle: {
color: '#5793f3'
color: '#5793f3',
width: 1
}
},
axisPointer: {
label: {
tooltip: {
formatter: function (params) {
return '商标注册 ' + params.value
+ (params.seriesData.length ? '：' + params.seriesData[0].data : '');
return params;
}
}
},
data: ["2014", "2015", "2016", "2017", "2018", "2019"]
}
],
yAxis: [
{
type: 'value'
splitLine: {
show: true,
lineStyle:{
color:'#F1F4F5',
type: 'solid'
}
},
}
],
series: [
{
name: '',
type: 'line',
xAxisIndex: 1,
smooth: true,
data: [],
lineStyle:{
color:'#C2DBFE'
},
areaStyle: {
color:'#C2DBFE'
series: [{
name: 'pv',
itemStyle: {
normal: {
color: '#FEBD04',
lineStyle: {
color: '#FEBD04',
width: 2
},
}
},
{
name: '',
type: 'line',
smooth: true,
data: [],
lineStyle:{
color:'#F1C898'
},
areaStyle: {
color:'#F1C898'
smooth: true,
type: 'line',
data: [],
animationDuration: 2800,
animationEasing: 'cubicInOut'
},
{
name: 'ip',
smooth: true,
type: 'line',
itemStyle: {
normal: {
color: '#3888fa',
lineStyle: {
color: '#3888fa',
width: 2
},
areaStyle: {
color: 'rgba(10, 144, 254, 0.05)'
}
}
}
]
},
data: [],
animationDuration: 2800,
animationEasing: 'quadraticOut'
}]
},
provinceType: false,
cityType: false,
......@@ -623,7 +659,8 @@
]
}]
}
},
loading:false,
}
},
......@@ -645,9 +682,9 @@
this.tmnclstatisticsrank(obj);
/** var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/bigtmCtl/tmindexdetail", obj).then(d=>{
this.$root.loading = false;
this.loading = false;
console.log(d,'********************************');
that.brandArr[0].amount = d.data.tmtotal;
that.brandArr[1].amount = d.data.tmzctotal;
......@@ -676,47 +713,47 @@
that.$forceUpdate();
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});*/
},
/**商标统计接口总量、有效、申请 */
tmstatistics(obj){
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/bigtmCtl/tmstatistics", obj).then(d => {
this.$root.loading = false;
this.loading = false;
if (d && d.status == 0 && d.data) {
that.brandArr[0].amount = d.data.tmtotal;
that.brandArr[1].amount = d.data.tmzctotal;
that.brandArr[2].amount = d.data.tmsqtotal;
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
/**商标统计接口公司总量 */
tmcompanystatistics(obj){
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/bigtmCtl/tmcompanystatistics", obj).then(d => {
this.$root.loading = false;
this.loading = false;
if (d && d.status == 0 && d.data) {
that.brandArr[3].amount = d.data.tmgstotal;
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
/**商标地区分布统计排名 */
tmaddrstatisticsrank(obj){
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/bigtmCtl/tmaddrstatisticsrank", obj).then(d => {
this.$root.loading = false;
this.loading = false;
if (d && d.status == 0 && d.data) {
that.brandDistrict = d.data.tmaddrrank;
if (that.provinceName == '') {
......@@ -738,37 +775,37 @@
}
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
/**商标企业分布统计排名 */
tmcompanystatisticsrank(obj){
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/bigtmCtl/tmcompanystatisticsrank", obj).then(d => {
this.$root.loading = false;
this.loading = false;
if (d && d.status == 0 && d.data) {
that.brandEnterprise = d.data.tmcompanyrank;
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
/**商标类别申请排名 */
tmnclstatisticsrank(obj){
var that = this;
this.$root.loading = true;
this.loading = true;
this.$root.postReq("/web/tmquery/bigtmCtl/tmnclstatisticsrank", obj).then(d => {
this.$root.loading = false;
this.loading = false;
if (d && d.status == 0 && d.data) {
that.brandSortrow = d.data.tmnclrank;
}
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......@@ -783,8 +820,8 @@
var data = d.data;
var echarts = that.$refs.trademarkApplicationRef.getEchartObj();
that.trademarkApplicationdata.series[0].data = data.sqtrend.data;
that.trademarkApplicationdata.series[0].name = data.sqtrend.name;
that.trademarkApplicationdata.series[1].data = data.zctrend.data;
that.trademarkApplicationdata.series[0].name = data.sqtrend.name;
that.trademarkApplicationdata.series[1].name = data.zctrend.name;
echarts.setOption(that.trademarkApplicationdata);
window.addEventListener("resize", function () {
......@@ -792,7 +829,7 @@
});
that.$forceUpdate();
}).catch(function (e) {
that.$root.loading = false;
that.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
},
......
embed_applications/app/front/vues/pages/tmbigdatadetail/tmbigdatadetail.css
......@@ -11,6 +11,14 @@
box-sizing: border-box;
padding: 30px;
}
.tmbigdatadetail-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.tmbigdatadetail-header-title {
width: 100%;
overflow: hidden;
......
embed_applications/app/front/vues/pages/tmbigdatadetail/tmbigdatadetail.html
<div class="tmbigdatadetail">
<div class="tmbigdatadetail-loading" v-if="loading" v-loading="true"></div>
<div class="tmbigdatadetail-header">
<div class="tmbigdatadetail-header-title">
<div class="name">{{titleName}}</div>
......
embed_applications/app/front/vues/pages/tmbigdatadetail/tmbigdatadetail.js
......@@ -124,7 +124,8 @@
}
]
},
titleName: ''
titleName: '',
loading:false
}
},
......@@ -159,9 +160,9 @@
} else {
return
};
this.$root.loading = true;
this.loading = true;
this.$root.postReq(url, obj).then((d) => {
this.$root.loading = false;
this.loading = false;
console.log(d, '#######################################');
this.tableData = d.data.datalist;
var echarts = this.$refs.theTotalLogoRef.getEchartObj();
......@@ -188,7 +189,7 @@
});
this.$forceUpdate();
}).catch(function (e) {
this.$root.loading = false;
this.loading = false;
that.$message.warning(`操作失败，请刷新页面后重新操作`);
});
}
......
embed_applications/app/front/vues/pages/wins/wins.css
......@@ -3,7 +3,24 @@
width: 100%;
padding: 4px 10px;
}
.detail-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover{
background: rgba(183,221,248) !important;
color: #fff !important;
}
.wins-main-form-box .el-input .el-input__inner{
background: #fff;
}
.wins .el-button:focus, .wins .el-button:hover{
background: #fff;
}
.wins-main-title {
width: 100%;
height: 21px;
......@@ -37,7 +54,6 @@
text-align: left;
width: 400px;
height: 34px;
background: rgba(250, 250, 250, 1);
border-radius: 2px;
border: 1px solid rgba(238, 238, 238, 1);
}
......@@ -61,10 +77,8 @@
width: 400px;
height: 34px;
color: rgba(170, 170, 171, 1);
background: rgba(250, 250, 250, 1);
border-radius: 2px;
border: 1px solid rgba(238, 238, 238, 1);
background: rgba(250, 250, 250, 1);
}
......
embed_applications/app/front/vues/pages/wins/wins.html
<div class="wins">
<div class="detail-loading" v-if="loading" v-loading="true"></div>
<div class="wins-main" v-if="1">
<h3 class="wins-main-title">
商标起名
......
embed_applications/app/front/vues/pages/wins/wins.js
......@@ -108,15 +108,42 @@
],
hotCharat: [],
ncl_list: [],
loading:false,
colorList:[{
bgColor:"#EDEEFA",
fontColor:"#5B65D3"
},{
bgColor:"#FDF2EC",
fontColor:"#FC835A"
},{
bgColor:"#FFEBF5",
fontColor:"#FF75B3"
},{
bgColor:"#E1EDFB",
fontColor:"#3CACFF"
},{
bgColor:"#E0F4E8",
fontColor:"#54D02F"
},{
bgColor:"#E8F7F9",
fontColor:"#30BBCE"
}]
}
},
methods: {
/*字数长度 */
selectedCharatCommand(v) {
console.log(v,"zishuchangdu");
this.selectedCharat = this.nameLength[v];
let num = parseInt(this.selectedCharat);
/*修改后的值 */
if(this.selectedStructure.length>num){
this.selectedStructure = "请选择商标包含结构";
};
if(this.inputLength>num){
this.inputValue = "";
};
var newNum = this.inputPlaceholder.replace(/[0-9]/, num);
console.log(this.selectedCharat, num, newNum);
this.StructureLength(num);
......@@ -144,6 +171,7 @@
},
/*包含结构 */
selectedStructureCommand(v){
console.log(v,"123");
this.selectedStructure = this.brandStructure[v];
console.log(this.selectedStructure);
},
......@@ -159,10 +187,14 @@
var getRandomColor1 = function () {
return `rgba(${Math.floor(Math.random() * 256)},${Math.floor(Math.random() * 256)},${Math.floor(Math.random() * 256)},1)`
};
var color = () => {
return this.colorList[Math.floor(Math.random()*this.colorList.length)];
};
var hotList = document.querySelectorAll('.wins-randColor');
for (let i = 0; i < hotList.length; i++) {
hotList[i].style.background = getRandomColor();
hotList[i].style.color = getRandomColor1();
var colorItem=color();
hotList[i].style.background = colorItem.bgColor;
hotList[i].style.color = colorItem.fontColor;
}
console.log(111);
},
......@@ -172,9 +204,9 @@
"seltype": this.checkIndustry
};
this.checkList = [];
this.$root.loading = true;
this.loading = true;
this.$root.getReq('/web/tmquery/toolCtl/aiadive', obj).then((d) => {
this.$root.loading = false;
this.loading = false;
console.log(d, "ccccccccccccccccccccccccccccccc");
let checkList = JSON.parse(d.data);
console.log(checkList);
......@@ -248,12 +280,12 @@
},
getHotCharat(){
var obj = {
"ncl_list": this.ncl_list.length ? this.ncl_list : "1,2,3"
"ncl_list": this.ncl_list.length ? this.ncl_list : ''
};
this.$root.loading = true;
this.loading = true;
this.$root.postReq('/web/tmquery/toolCtl/getHotWords', obj).then((d) => {
this.$root.loading = false;
console.log(d);
this.loading = false;
console.log(d,'123123');
this.hotCharat = d.data;
this.$nextTick(() => {
this.randomColor();
......@@ -287,7 +319,6 @@
changeIcon(){
let icon = document.querySelector('.wins-main-form-box .el-icon-arrow-down');
icon.setAttribute("class", "el-icon-caret-bottom el-icon--right");
console.log(icon, `xxxxxxxxxzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz`);
},
},
......@@ -303,7 +334,6 @@
watch: {
inputValue(o, v){
this.inputValue = this.inputValue.substr(0, this.inputLength);
console.log(this.inputValue);
},
},
......
embed_applications/app/front/vues/pages/winsresult/winsresult.css
......@@ -5,7 +5,14 @@
padding: 4px 10px;
}
.detail-loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.winsresult-title {
display: flex;
justify-content: space-between;
......
embed_applications/app/front/vues/pages/winsresult/winsresult.html
<div class="winsresult">
<div class="detail-loading" v-if="loading" v-loading="true"></div>
<div class="winsresult-title">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="routerHistory">商标起名</el-breadcrumb-item>
......
embed_applications/app/front/vues/pages/winsresult/winsresult.js
......@@ -15,7 +15,7 @@
industry: '',
bigType: null,
ncl_list: null,
loading:false
}
},
created() {
......@@ -51,12 +51,12 @@
try {
/* 初始化页面参数 */
if (this.requestObj) {
this.$root.loading = true;
this.loading = true;
let data = Object.assign(this.requestObj, {});
this.type = this.requestObj.bigType.join();
this.industry = this.requestObj.industry.join();
this.$root.postReq(`/web/tmquery/toolCtl/getTmNameList`, data).then((d) => {
this.$root.loading = false;
this.loading = false;
if (d.status == 0) {
if (!d.data || d.data.length == 0) {
this.$message('暂无数据');
......@@ -100,9 +100,9 @@
let successRateObj = {};
successRateObj.ncl_list = this.ncl_list;
successRateObj.tmName = this.name;
this.$root.loading = true;
this.loading = true;
this.$root.postReq(`/web/tmquery/toolCtl/tmPassRate`, successRateObj).then((d) => {
this.$root.loading = false;
this.loading = false;
console.log(d);
if (d.status == 0) {
this.bigType = d.data;
......@@ -120,12 +120,12 @@
/* 初始化页面参数 */
if (this.requestObj) {
console.log(this.requestObj, "!!!!!!!!!!!!!!!!!!!!!!!!1");
this.$root.loading = true;
this.loading = true;
let data = Object.assign(this.requestObj, {});
this.type = this.requestObj.bigType.join();
this.industry = this.requestObj.industry[1];
this.$root.postReq(`/web/tmquery/toolCtl/getTmNameList`, data).then((d) => {
this.$root.loading = false;
this.loading = false;
if (d.status == 0) {
if (!d.data || d.data.length == 0) {
this.$message('暂无数据');
......
embed_applications/package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment