Skip to content

Z
zhichan
Commit 553f9a43 by 李宏达
Options

hzh

parent d65ed75c
Showing with 3310 additions and 179 deletions
igirl-web/app/base/db/metadata/apps/platform.js
...@@ -790,13 +790,33 @@ module.exports = { ...@@ -790,13 +790,33 @@ module.exports = {
"bizConfig": null, "bizConfig": null,
"path": "", "path": "",
}, },
{
"code": "projectpublicity",
"icon": "fa fa-home",
"isMenu": false,
"label": "立项公式",
"bizCode": "projectpublicity",
"bizConfig": null,
"path": "",
},
{
"code": "managementmeasures",
"icon": "fa fa-home",
"isMenu": false,
"label": "管理办法",
"bizCode": "managementmeasures",
"bizConfig": null,
"path": "",
},
], ],
}, },
"bizs": { "bizs": {
"patentanalysis": { "title": "专利分析", "config": null, "path": "/patentanalysis", "comname": "patentanalysis" }, "patentanalysis": { "title": "专利分析", "config": null, "path": "/patentanalysis", "comname": "patentanalysis" },
"declare": { "title": "申报通知", "config": null, "path": "/declare", "comname": "declare" }, "declare": { "title": "申报通知", "config": null, "path": "/declare", "comname": "declare" },
"managementmeasures": { "title": "管理办法", "config": null, "path": "/managementmeasures", "comname": "managementmeasures" },
"projectpublicity": { "title": "立项公式", "config": null, "path": "/projectpublicity", "comname": "projectpublicity" },
"policybigdata": { "title": "政策大数据", "config": null, "path": "/policybigdata", "comname": "policybigdata" }, "policybigdata": { "title": "政策大数据", "config": null, "path": "/policybigdata", "comname": "policybigdata" },
"patentdetail": { "title": "专利详情", "config": null, "path": "/patentdetail", "comname": "patentdetail" }, "patentdetail": { "title": "专利详情", "config": null, "path": "/patentdetail", "comname": "patentdetail" },
"policyquery": { "title": "政策列表", "config": null, "path": "/policyquery", "comname": "policyquery" }, "policyquery": { "title": "政策列表", "config": null, "path": "/policyquery", "comname": "policyquery" },
......
igirl-web/app/front/entry/main.ejs
...@@ -546,7 +546,7 @@ ...@@ -546,7 +546,7 @@
<div class="header-main-tool"　@click="onselect('declare')"><span>政策资讯</span><i <div class="header-main-tool"　@click="onselect('declare')"><span>政策资讯</span><i
class="el-icon-caret-bottom"></i></div> class="el-icon-caret-bottom"></i></div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="222222">222222</el-dropdown-item> <el-dropdown-item v-for="item in titles" :command="item.title">{{item.name}}</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
......
igirl-web/app/front/entry/public/css/pagecom.css
This source diff could not be displayed because it is too large. You can view the blob instead.
igirl-web/app/front/entry/public/js/index.js
This source diff could not be displayed because it is too large. You can view the blob instead.
igirl-web/app/front/vues/pages/declare/declare.css
...@@ -462,7 +462,9 @@ ...@@ -462,7 +462,9 @@
left: 30%; left: 30%;
top: 60%; top: 60%;
} }
.shuju3{
float: right;
}
.policylist-pagination { .policylist-pagination {
text-align: center; text-align: center;
margin-top: 30px; margin-top: 30px;
...@@ -597,4 +599,13 @@ ...@@ -597,4 +599,13 @@
} }
.policylist-qr > img { .policylist-qr > img {
vertical-align:middle; vertical-align:middle;
} }
\ No newline at end of file .shenbao{
margin-left: 15px;
width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
\ No newline at end of file
igirl-web/app/front/vues/pages/declare/declare.html
<div class="policylist-warpper"> <div class="policylist-warpper">
<div class="policylist" v-if="detailPageType"> <div class="policylist" v-if="detailPageType">
<div class="policylist-recommend">
<div style="float: left;
font-size: 28px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: rgba(16,142,233,1);">政策查询</div>
<div class="recommend-input">
<el-input placeholder="请输入查询的标题/内容" v-model="zctext" change="()=>{console.log(123)}">
<el-button slot="append" icon="el-icon-search" 　@click="zcPost()">检索</el-button>
</el-input>
</div>
</div>
<div class="policylist-tile" 　style="margin-top: 15px;"> <div class="policylist-tile" 　style="margin-top: 15px;">
<div class="policyquery-items"> <div class="policyquery-items">
<div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'"> <div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
<div :class="quanbu ? \'\':\'pitch\'" @click="quanClick1()">全部({{total}})</div> <div :class="quanbu ? \'\':\'pitch\'" @click="quanClick1()">申报通知({{total}})</div>
<div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)"> <div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">
{{item}}</div> {{item}}</div>
</div> </div>
...@@ -152,42 +139,59 @@ ...@@ -152,42 +139,59 @@
v-else>收起</span></div> v-else>收起</span></div>
<div style="display: flex;">
<div class="policylist-content" style="background: rgba(255,255,255,1); <div class="policylist-content" style="background: rgba(255,255,255,1);
border-radius: 2px; border-radius: 2px;
border: 1px solid rgba(225,225,225,1);"> border: 1px solid rgba(225,225,225,1);width: 77%;">
<div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;"> <div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
<!-- 没数据 --> <!-- 没数据 -->
<div class="shuju"> <div class="shuju">
<img src="/imgs/toubu.png" alt=""> <img src="/imgs/toubu.png" alt="">
<!-- <div class="shuju">暂无数据</div> --> <!-- <div class="shuju">暂无数据</div> -->
</div> </div>
</div> </div>
<div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr"> <div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr">
<div class="policylist-conten-title" @click="articleDetails(i)"> <div class="policylist-conten-title" @click="articleDetails(i)">
<div style="margin-left: -10px;" v-if="i.app_status==0"> <span <div style="margin-left: -10px;" v-if="i.app_status==0"> <span
style="dispaly:line-block;color:#fff;background-color: #B2B2B2;">申报已结束</span></div> style="dispaly:line-block;color:#fff;background-color: #B2B2B2;">申报已结束</span></div>
<div style="margin-left: -10px;" v-if="i.app_status==1"> <span <div style="margin-left: -10px;" v-if="i.app_status==1"> <span
style="dispaly:line-block;color:#fff;background-color: #FFA940">开放申报中</span></div> style="dispaly:line-block;color:#fff;background-color: #FFA940">开放申报中</span></div>
<div style="margin-left: -10px;" v-if="i.app_status==2"> <span <div style="margin-left: -10px;" v-if="i.app_status==2"> <span
style="dispaly:line-block;color:#fff;background-color: #597EF7">即将申报</span></div> style="dispaly:line-block;color:#fff;background-color: #597EF7">即将申报</span></div>
<div style="margin-left: 15px;"> {{i.name}} </div> <div class="shenbao"> {{i.name}} </div>
</div> </div>
<div> <div>
<div class="policylist-conten-items"><span><img src="/imgs/tuandui.png" <div class="policylist-conten-items"><span><img src="/imgs/tuandui.png"
alt="">&nbsp;{{i.source}}</span><span> alt="">&nbsp;{{i.source}}</span><span>
<p style="float:right"><img src="/imgs/riqi.png" <p style="float:right"><img src="/imgs/riqi.png"
alt="">&nbsp;申报日期：{{i.begindate}}/{{i.enddate}} alt="">&nbsp;申报日期：{{i.begindate}}/{{i.enddate}}
</span></p> </span></p>
</div> </div>
<div class="policylistsitems"><span><img src="/imgs/zehngfu.png" <div class="policylistsitems"><span><img src="/imgs/zehngfu.png"
alt="">&nbsp;{{i.policygrade}}|{{i.label}}</span><span style="display: block;"> alt="">&nbsp;{{i.policygrade}}|{{i.label}}</span><span style="display: block;">
<p class="zuo"><img src="/imgs/yan.png" alt="">&nbsp;浏览量：{{i.count}} <p class="zuo"><img src="/imgs/yan.png" alt="">&nbsp;浏览量：{{i.count}}
</span></p> </span></p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="policylist-content">
<div class="shuju2" style="margin-left: 19px;">
<el-carousel :interval="5000" arrow="never" height="200px">
<el-carousel-item v-for="item in loopplays" style="height:100%;cursor: pointer;">
<div class="el_gsb_img" :style="\'background: url(\' + item.leftimg + \') center center no-repeat;\'"></div>
</el-carousel-item>
</el-carousel>
</div>
<br>
<div class="shuju3">
<img src="/imgs/declare_dakuang.png" alt="">
<!-- <div class="shuju">暂无数据</div> -->
</div>
</div>
</div>
<div class="policylist-pagination" v-show="recommendationsArr.length"> <div class="policylist-pagination" v-show="recommendationsArr.length">
<el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange" :total="total"> <el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange" :total="total">
</el-pagination> </el-pagination>
......
igirl-web/app/front/vues/pages/declare/declare.js
...@@ -44,8 +44,22 @@ ...@@ -44,8 +44,22 @@
input8:'', input8:'',
input9:'', input9:'',
quanbu:'', quanbu:'',
imgurls:[
{
'path':'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
},
{
'path':'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
}
],
loopplays: [
{ leftimg: 'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
},
{
leftimg: 'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
}
],
quanData1:[ quanData1:[
'申报通知(386)',
'立项公示(134)', '立项公示(134)',
'管理办法(103)', '管理办法(103)',
'政策图解(1)', '政策图解(1)',
......
igirl-web/app/front/vues/pages/login/login.css 0 → 100644
#baoguo{
width: 360px !important;
height: 369px !important;
background: rgba(255,255,255,1);
border: 1px solid rgba(151,151,151,1);
}
igirl-web/app/front/vues/pages/login/login.html
...@@ -2,60 +2,76 @@ ...@@ -2,60 +2,76 @@
<div style="width:100%;margin: 0 auto;"> <div style="width:100%;margin: 0 auto;">
<div style="z-index:1;position:relative;background-color:#31373b"> <div style="z-index:1;position:relative;background-color:#31373b">
<img style="width:100%;height:auto" :src="loginUrl" /> <img style="width:100%;height:auto" :src="loginUrl" />
<div class="login-title">
<span class="tong">政企通</span>
<span class="shujuzi">政策大数据服务平台</span>
</div>
<div class="login-div" v-if="a"> <div class="login-div" v-if="a">
<div class="login-content"> <div class="login-content" id="baoguo">
<div class="login-content-title">
欢迎登录{{ this.$root.currentCompany?this.$root.currentCompany.sitename:"知圈圈"}} <div style="width: 324px;
</div> margin-top: 30px;
<div style="width:260px;margin-left:30px;height:40px;"> padding-left: 28px;">
<el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect" style="border:none"> <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect" style="border:none">
<el-menu-item index="2" style="width:130px;height:40px;line-height:40px">账号密码登录</el-menu-item> <el-menu-item index="1" style="width:130px;height:40px;line-height:40px;font-size: 17px;
<el-menu-item index="1" style="width:130px;height:40px;line-height:40px">短信验证码登录</el-menu-item> font-family: PingFangSC-Regular,PingFang SC;
</el-submenu> font-weight: 400;
color: rgba(51,51,51,1);">验证码登录</el-menu-item>
<el-menu-item index="2" style="width:130px;height:40px;line-height:40px;font-size: 17px;
font-family: PingFangSC-Regular,PingFang SC;
font-weight: 400;
color: rgba(51,51,51,1);">密码登录</el-menu-item>
</el-menu>
</div> </div>
<!-- 验证码登录 --> <!-- 验证码登录 -->
<div v-if="activeIndex==1" class="login-content-input"> <div v-if="activeIndex==1" class="login-content-input">
<el-form ref="form1" :rules="rules1" :model="form1" label-width="0px" key="1"> <el-form ref="form1" :rules="rules1" :model="form1" label-width="10px" key="1">
<el-form-item prop="mobile"> <el-form-item prop="mobile">
<el-input v-model="form1.mobile" placeholder="请输入手机号码"></el-input> <el-input v-model="form1.mobile" placeholder="请输入11位手机号码"><i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<el-input style="width:120px;" v-model="form1.code" placeholder="请输入验证码"></el-input> <el-input style="width:130px;" v-model="form1.code" placeholder="请输入验证码"><i slot="prefix" class="el-input__icon el-icon-edit"></i></el-input>
<el-button id="loginCode" type="primary" plain style="width:135px;" <el-button id="loginCode" type="primary" plain style="width: 115px;
background: #128EE9;
color: #fff;"
@click="obtaincode1"> @click="obtaincode1">
获取验证码</el-button> 获取验证码</el-button>
</el-form-item> </el-form-item>
<div style="font-size:12px;color:#B2B2B2;margin-top: -4px;
margin-left: 85px;">
<span style="color:#108EE9;cursor:pointer" @click="register()">没有账号？去注册</span>
<span style="margin:0 4px;">|</span>
<span style="color:#999999;cursor:pointer" @click="rsetpassword">忘记密码？</span>
</div>
<el-form-item style="margin-bottom:8px;"> <el-form-item style="margin-bottom:8px;">
<el-button type="primary" class="login-content-button" @click="checklogin1">登录</el-button> <el-button type="primary" class="login-content-button" @click="checklogin1" style="margin-top: 50px;">登录</el-button>
</el-form-item> </el-form-item>
<div style="font-size:12px;color:#828282">点击“登录”即表示同意 <div style="font-size:12px;color:#828282;margin-left: 70px;">登录即同意
<span style="color:#108EE9">《创知厚德用户协议》</span> <span style="color:#108EE9">《服务协议》</span>
</div>
<div style="font-size:12px;color:#B2B2B2;margin-top:26px;text-align:center">
未注册用户，系统默认为您创建账户
</div> </div>
</el-form> </el-form>
</div> </div>
<!-- 密码登录 --> <!-- 密码登录 -->
<div v-if="activeIndex==2" class="login-content-input"> <div v-if="activeIndex==2" class="login-content-input">
<el-form ref="form2" :rules="rules2" :model="form2" label-width="0px" key="2"> <el-form ref="form2" :rules="rules2" :model="form2" label-width="10px" key="2">
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="form2.username" placeholder="请输入账号"></el-input> <el-input v-model="form2.username" placeholder="请输入11位手机号码"><i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input type="password" v-model="form2.password" placeholder="请输入密码"></el-input> <el-input type="password" v-model="form2.password" placeholder="请输入登录密码"><i slot="prefix" class="el-input__icon el-icon-view"></i></el-input>
</el-form-item> </el-form-item>
<div style="font-size:12px;color:#B2B2B2;margin-top: -4px;
margin-left: 85px;">
<span style="color:#108EE9;cursor:pointer" @click="register()">没有账号？去注册</span>
<span style="margin:0 4px;">|</span>
<span style="color:#999999;cursor:pointer" @click="rsetpassword">忘记密码？</span>
</div>
<el-form-item style="margin-bottom:8px;"> <el-form-item style="margin-bottom:8px;">
<el-button type="primary" key="xxcccc" class="login-content-button" @click="checklogin2">登录</el-button> <el-button type="primary" key="xxcccc" class="login-content-button" @click="checklogin2" style="margin-top: 50px;">登录</el-button>
</el-form-item> </el-form-item>
<div style="font-size:12px;color:#828282">点击“登录”即表示同意 <div style="font-size:12px;color:#828282;margin-left: 70px;">登录即同意
<span style="color:#108EE9">《创知厚德用户协议》</span> <span style="color:#108EE9">《服务协议》</span>
</div>
<div style="font-size:12px;color:#B2B2B2;margin-top:26px;">还没有账户？
<span style="color:#108EE9;cursor:pointer" @click="register">立即注册</span>
<span style="margin:0 4px;">|</span>
<span style="color:#108EE9;cursor:pointer" @click="rsetpassword">忘记密码？</span>
</div> </div>
</el-form> </el-form>
</div> </div>
......
igirl-web/app/front/vues/pages/login/login.js
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
}; };
return { return {
ldms:[], ldms:[],
activeIndex:"2", activeIndex:"1",
loginUrl:"", loginUrl:"",
form1:{ form1:{
mobile:"", mobile:"",
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
if(this.pfooterinfo&&this.pfooterinfo.loginUrl){ if(this.pfooterinfo&&this.pfooterinfo.loginUrl){
this.loginUrl=this.pfooterinfo.loginUrl; this.loginUrl=this.pfooterinfo.loginUrl;
}else{ }else{
this.loginUrl="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_8731554879534956201910145854956login.jpg"; this.loginUrl="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_41110157500594182420192913391824zhuce_background.png";
} }
}, },
methods:{ methods:{
...@@ -138,6 +138,10 @@ ...@@ -138,6 +138,10 @@
this.resetall(); this.resetall();
}, },
register(){ register(){
this.$root.pushx({
title: "注册",
name: "/register"
});
this.a=false; this.a=false;
this.b=false; this.b=false;
this.c=true; this.c=true;
......
igirl-web/app/front/vues/pages/managementmeasures/managementmeasures.css 0 → 100644
.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;
max-height: 64px
}
.policyquery-items > .items_left {
width: 97px;
height:inherit;
float: left;
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 26px;
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:100%;
height:42px;
line-height: 22px;
border-top: 0px;
margin-bottom: 10px;
cursor: pointer;
border: 1px solid rgba(234,237,244,1);
border-top: none;
}
.policylist-selected {
width: 100%;
min-height: 40px;
overflow: hidden;
padding-left: 20px;
line-height: 40px;
}
.policylist-selected > .leftName {
width: 97px;
float: left;
font-size:14px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color: rgba(47,47,47,1);
}
.policylist-selected > .itemsName {
width: calc(100% - 97px);
float: left;
overflow: hidden;
padding-top: 10px;
}
.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;
font-size: 12px;
}
.policylist-selected > .itemsName > .itemName > i{
position: absolute;
right: 1px;
top: 6px;
cursor: pointer;
border: 1px dotted #333;
}
.policylist-warpper {
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
}
.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;
}
.policyquery-items:last-child{
border:none !important;
}
.policylist-warpper > .policylist {
width: 1200px;
margin: 0 auto;
height: 100%;
}
.policylist-header {
width: 100%;
overflow: hidden;
box-sizing: border-box;
margin-top: 20px;
background: #fff;
border: 1px solid rgba(234,237,244,1);
}
.policylist-header1{
width: 100%;
overflow: hidden;
box-sizing: border-box;
margin-top: 20px;
border: 1px solid rgba(234,237,244,1);
}
.henxian{
border-top: 1px solid rgb(225, 225, 225);
width: 90%;
margin: 0 auto;
background: #fff;
}
.policylist-tile {
width: 100%;
overflow: hidden;
height: 40px;
background: rgba(15,142,233,0.1);
border-radius: 1px;
box-sizing: border-box;
}
.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(225,225,225,1);
border-bottom: none;
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(250,250,250,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;
}
.el-input-group__append button.el-button{
border: 1px solid rgba(15,142,233,1)!important;
color: #fff !important;
background: rgba(15,142,233,1) !important;
}
.recommend-input {
width: 667px;
height: 36px;
margin-left: 30px;
float: left;
}
.policylist-content {
width: 100%;
}
.policylist-content-list {
width: 100%;
padding: 20px 30px;
box-sizing: border-box;
border-bottom: 1px solid rgba(225,225,225,1);
}
.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;
display: flex;
}
.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);
}
.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);
}
.policylistsitems {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(153,153,153,1);
}
.policylist-conten-items img{
border: 1px dotted #999;
vertical-align: middle;
}
.policylistsitems img{
border: 1px dotted #999;
vertical-align: middle;
}
.zuo{
float: right;
margin-top: -10px;
}
.shuju{
position: absolute;
left: 30%;
top: 60%;
}
.shuju3{
float: right;
}
.policylist-pagination {
text-align: center;
margin-top: 30px;
}
.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 {
background: rgba(255,255,255,1);
border-radius: 2px;
border: 1px solid rgba(225,225,225,1);
border-top: none;
}
.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: 95%;
font-size: 14px;
font-family: PingFangSC-Regular,PingFangSC;
font-weight: 400;
color: rgba(85,85,85,1);
line-height: 42px;
margin: 0 auto;
}
.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;
}
.shenbao2{
width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 0px;
}
igirl-web/app/front/vues/pages/managementmeasures/managementmeasures.html 0 → 100644
<div class="policylist-warpper">
<div class="policylist" v-if="detailPageType">
<div class="policylist-tile" 　style="margin-top: 15px;">
<div class="policyquery-items">
<div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
<div :class="quanbu ? \'\':\'pitch\'" @click="quanClick1()">管理办法({{total}})</div>
<div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">
{{item.title}}({{item.count}})</div>
</div>
</div>
</div>
<div style="display: flex;
margin-top: 30px;">
<div class="policylist-content" style="background: rgba(255,255,255,1);
border-radius: 2px;
border: 1px solid rgba(225,225,225,1);width: 77%;">
<div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
<!-- 没数据 -->
<div class="shuju">
<img src="/imgs/toubu.png" alt="">
<!-- <div class="shuju">暂无数据</div> -->
</div>
</div>
<div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr">
<div class="policylist-conten-title" @click="articleDetails(i)">
<div class="shenbao2"> {{i.name}} </div>
</div>
<div>
<div class="policylist-conten-items"><span>{{i.source}}</span>
</div>
<div class="policylistsitems"><span>
<p style="float: right;
margin-top: -20px;"><img src="/imgs/riqi.png"
alt="">&nbsp;申报日期：{{i.begindate}}
</span></p>
</div>
</div>
</div>
</div>
<div class="policylist-content">
<div class="shuju2" style="margin-left: 19px;">
<el-carousel :interval="5000" arrow="never" height="200px">
<el-carousel-item v-for="item in loopplays" style="height:100%;cursor: pointer;">
<div class="el_gsb_img" :style="\'background: url(\' + item.leftimg + \') center center no-repeat;\'"></div>
</el-carousel-item>
</el-carousel>
</div>
<br>
<div class="shuju3">
<img src="/imgs/declare_dakuang.png" alt="">
<!-- <div class="shuju">暂无数据</div> -->
</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-header1" style="border:none;">
<div class="header-left">当前位置：<span @click="next">区域政策 > </span><span style="color: #108EE9;">政策详情</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="henxian"></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.count}}</span><span>申报日期：{{recommendationsObj.begindate}}</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 src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
</div> -->
</div>
</div>
\ No newline at end of file
igirl-web/app/front/vues/pages/managementmeasures/managementmeasures.js 0 → 100644
{
template: '${tmpl}',
data: function() {
return {
total: 0,
state2: '',
show2: false,
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,
areaName:'',
input1:'',
input2:'',
input3:'',
input4:'',
input5:'',
input6:'',
input7:'',
input8:'',
input9:'',
quanbu:'',
imgurls:[
{
'path':'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
},
{
'path':'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
}
],
loopplays: [
{ leftimg: 'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
},
{
leftimg: 'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
}
],
quanData1:[
{
title:'申报通知',
count:'3054'
},
{
title:'立项公示',
count:'100'
},
{
title:'政策图解',
count:'200'
},
{
title:'政务信息',
count:'300'
},
{
title:'新闻资讯(69)',
count:'400'
}
],
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()
},
quanClick1(val) {
console.log(val);
if (val == undefined) {
console.log(123123123123);
val = ''
};
this.quanbu = val;
},
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":15,
"cityname": this.input1,
"policygrade": this.input2,
"policydepartment": this.input3,
"policytype": this.input4,
"qiye": this.input5,
"classification": this.input6,
"policydomain": this.input7,
"fieldtext": this.input8,
"year": this.input9,
"address":this.areaName
}).then( d => {
console.log(d,'---------------------------------');
var data = d.data.data;
this.recommendationsArr = data;
this.total = d.data.total;
this.tableData1 = d.data.cityname_list;
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(`操作失败，请刷新页面后重新操作`);
});
}
},
mounted: function() {
$("#footer").show();
/*for (let i = 0; i < this.portrayalArr.length; i++) {
this.portrayalArr[i].col = this.rgb();
};*/
this.areaName = localStorage.getItem("areaName");
this.zcPost();
this.zccompanyPost();
},
vname: "gsb-policyquery"
}
\ No newline at end of file
igirl-web/app/front/vues/pages/projectpublicity/projectpublicity.css 0 → 100644
.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;
max-height: 64px
}
.policyquery-items > .items_left {
width: 97px;
height:inherit;
float: left;
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 26px;
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:100%;
height:42px;
line-height: 22px;
border-top: 0px;
margin-bottom: 10px;
cursor: pointer;
border: 1px solid rgba(234,237,244,1);
border-top: none;
}
.policylist-selected {
width: 100%;
min-height: 40px;
overflow: hidden;
padding-left: 20px;
line-height: 40px;
}
.policylist-selected > .leftName {
width: 97px;
float: left;
font-size:14px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color: rgba(47,47,47,1);
}
.policylist-selected > .itemsName {
width: calc(100% - 97px);
float: left;
overflow: hidden;
padding-top: 10px;
}
.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;
font-size: 12px;
}
.policylist-selected > .itemsName > .itemName > i{
position: absolute;
right: 1px;
top: 6px;
cursor: pointer;
border: 1px dotted #333;
}
.policylist-warpper {
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
}
.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;
}
.policyquery-items:last-child{
border:none !important;
}
.policylist-warpper > .policylist {
width: 1200px;
margin: 0 auto;
height: 100%;
}
.policylist-header {
width: 100%;
overflow: hidden;
box-sizing: border-box;
margin-top: 20px;
background: #fff;
border: 1px solid rgba(234,237,244,1);
}
.policylist-header1{
width: 100%;
overflow: hidden;
box-sizing: border-box;
margin-top: 20px;
border: 1px solid rgba(234,237,244,1);
}
.henxian{
border-top: 1px solid rgb(225, 225, 225);
width: 90%;
margin: 0 auto;
background: #fff;
}
.policylist-tile {
width: 100%;
overflow: hidden;
height: 40px;
background: rgba(15,142,233,0.1);
border-radius: 1px;
box-sizing: border-box;
}
.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(225,225,225,1);
border-bottom: none;
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(250,250,250,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;
}
.el-input-group__append button.el-button{
border: 1px solid rgba(15,142,233,1)!important;
color: #fff !important;
background: rgba(15,142,233,1) !important;
}
.recommend-input {
width: 667px;
height: 36px;
margin-left: 30px;
float: left;
}
.policylist-content {
width: 100%;
}
.policylist-content-list {
width: 100%;
padding: 20px 30px;
box-sizing: border-box;
border-bottom: 1px solid rgba(225,225,225,1);
}
.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;
display: flex;
}
.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);
}
.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);
}
.policylistsitems {
font-size:14px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(153,153,153,1);
}
.policylist-conten-items img{
border: 1px dotted #999;
vertical-align: middle;
}
.policylistsitems img{
border: 1px dotted #999;
vertical-align: middle;
}
.zuo{
float: right;
margin-top: -10px;
}
.shuju{
position: absolute;
left: 30%;
top: 60%;
}
.shuju3{
float: right;
}
.policylist-pagination {
text-align: center;
margin-top: 30px;
}
.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 {
background: rgba(255,255,255,1);
border-radius: 2px;
border: 1px solid rgba(225,225,225,1);
border-top: none;
}
.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: 95%;
font-size: 14px;
font-family: PingFangSC-Regular,PingFangSC;
font-weight: 400;
color: rgba(85,85,85,1);
line-height: 42px;
margin: 0 auto;
}
.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;
}
.shenbao2{
width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 0px;
}
igirl-web/app/front/vues/pages/projectpublicity/projectpublicity.html 0 → 100644
<div class="policylist-warpper">
<div class="policylist" v-if="detailPageType">
<div class="policylist-tile" 　style="margin-top: 15px;">
<div class="policyquery-items">
<div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
<div :class="quanbu ? \'\':\'pitch\'" @click="quanClick1()">立项公示({{total}})</div>
<div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">
{{item.title}}({{item.count}})</div>
</div>
</div>
</div>
<div class="policylist-header" :style="headerHeight ? \'height:235px\' : \'height:auto\'">
<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="policyquery-items">
<div class="items_left">发布地区</div>
<div 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 style="display: flex;">
<div class="policylist-content" style="background: rgba(255,255,255,1);
border-radius: 2px;
border: 1px solid rgba(225,225,225,1);width: 77%;">
<div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
<!-- 没数据 -->
<div class="shuju">
<img src="/imgs/toubu.png" alt="">
<!-- <div class="shuju">暂无数据</div> -->
</div>
</div>
<div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr">
<div class="policylist-conten-title" @click="articleDetails(i)">
<div class="shenbao2"> {{i.name}} </div>
</div>
<div>
<div class="policylist-conten-items"><span><img src="/imgs/tuandui.png"
alt="">&nbsp;{{i.source}}</span><span>
<p style="float:right"><img src="/imgs/riqi.png"
alt="">&nbsp;申报日期：{{i.begindate}}/{{i.enddate}}
</span></p>
</div>
<div class="policylistsitems"><span><img src="/imgs/zehngfu.png"
alt="">&nbsp;{{i.policygrade}}|{{i.label}}</span><span style="display: block;">
<p class="zuo"><img src="/imgs/yan.png" alt="">&nbsp;浏览量：{{i.count}}
</span></p>
</div>
</div>
</div>
</div>
<div class="policylist-content">
<div class="shuju2" style="margin-left: 19px;">
<el-carousel :interval="5000" arrow="never" height="200px">
<el-carousel-item v-for="item in loopplays" style="height:100%;cursor: pointer;">
<div class="el_gsb_img" :style="\'background: url(\' + item.leftimg + \') center center no-repeat;\'"></div>
</el-carousel-item>
</el-carousel>
</div>
<br>
<div class="shuju3">
<img src="/imgs/declare_dakuang.png" alt="">
<!-- <div class="shuju">暂无数据</div> -->
</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-header1" style="border:none;">
<div class="header-left">当前位置：<span @click="next">区域政策 > </span><span style="color: #108EE9;">政策详情</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="henxian"></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.count}}</span><span>申报日期：{{recommendationsObj.begindate}}</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 src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
</div> -->
</div>
</div>
\ No newline at end of file
igirl-web/app/front/vues/pages/projectpublicity/projectpublicity.js 0 → 100644
{
template: '${tmpl}',
data: function() {
return {
total: 0,
state2: '',
show2: false,
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,
areaName:'',
input1:'',
input2:'',
input3:'',
input4:'',
input5:'',
input6:'',
input7:'',
input8:'',
input9:'',
quanbu:'',
imgurls:[
{
'path':'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
},
{
'path':'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
}
],
loopplays: [
{ leftimg: 'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
},
{
leftimg: 'https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_44810157502884567420192920045674declare_tuisong.png'
}
],
quanData1:[
{
title:'申报通知',
count:'3054'
},
{
title:'管理办法',
count:'100'
},
{
title:'政策图解',
count:'200'
},
{
title:'政务信息',
count:'300'
},
{
title:'新闻资讯(69)',
count:'400'
}
],
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()
},
quanClick1(val) {
console.log(val);
if (val == undefined) {
console.log(123123123123);
val = ''
};
this.quanbu = val;
},
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":15,
"cityname": this.input1,
"policygrade": this.input2,
"policydepartment": this.input3,
"policytype": this.input4,
"qiye": this.input5,
"classification": this.input6,
"policydomain": this.input7,
"fieldtext": this.input8,
"year": this.input9,
"address":this.areaName
}).then( d => {
console.log(d,'---------------------------------');
var data = d.data.data;
this.recommendationsArr = data;
this.total = d.data.total;
this.tableData1 = d.data.cityname_list;
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(`操作失败，请刷新页面后重新操作`);
});
}
},
mounted: function() {
$("#footer").show();
/*for (let i = 0; i < this.portrayalArr.length; i++) {
this.portrayalArr[i].col = this.rgb();
};*/
this.areaName = localStorage.getItem("areaName");
this.zcPost();
this.zccompanyPost();
},
vname: "gsb-policyquery"
}
\ No newline at end of file
igirl-web/app/front/vues/pages/register/register.css 0 → 100644
.login-title{
position: absolute;
top: 35%;
left: 25%;
width: 30%;
height: 130px;
}
.tong{
font-size: 46px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: rgba(255,255,255,1);
}
.shujuzi{
font-size:30px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
display: block;
margin-left: 0px;
margin-top: 4px;
}
.logins-title{
width:320px;
height:89px;
line-height:89px;
text-align:center;
font-size:24px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
}
.login-content-inputs{
margin-left: 30px;
width: 315px;
height: 44px;
}
.zhanghao{
margin-left: 160px;
margin-top: -10px;
}
igirl-web/app/front/vues/pages/register/register.html
<gsb-pcpage > <div id="bychpage" class="login">
<div style="padding-bottom:20px"> <div style="width:100%;margin: 0 auto;">
<!-- <el-radio-group v-model="actname" @change="rdochange"> <div style="z-index:1;position:relative;background-color:#31373b">
<el-radio label="person">个人用户注册</el-radio> <img style="width:100%;height:auto" :src="loginUrl" />
<el-radio label="ent">企业用户注册</el-radio> <div class="login-title">
</el-radio-group> --> <span class="tong">政企通</span>
<div style="border-bottom:solid 1px #eee;margin-top:20px;margin-bottom:15px"></div> <span class="shujuzi">政策大数据服务平台</span>
<gsb-form key="pregisterFrm" style="width:50%;margin: auto;" ref="pregisterFrm" @btnclick="btnclick" :metaData="mds" :refvalidatemethod="validmethod"> </div>
<h2 slot="title">欢迎注册{{ this.$root.currentCompany?this.$root.currentCompany.sitename:"知圈圈"}}</h2> <div class="login-div" v-if="a">
<el-button slot="buttonarea" type="primary" style="width:60%" @click="sbhandler">提交</el-button> <div class="login-content" style="width: 380px;
</gsb-form> height: 508px;
background: rgba(255,255,255,1);
border: 1px solid rgba(151,151,151,1);">
<div class="logins-title">
欢迎注册政企通账号
</div>
<!-- 验证码登录 -->
<div v-if="activeIndex==1" class="login-content-inputs">
<el-form ref="form1" :rules="rules1" :model="form1" label-width="0px" key="1">
<el-form-item prop="username">
<el-input v-model="form2.username" placeholder="请输入企业名称"> <i slot="prefix" class="el-input__icon el-icon-tickets"></i></el-input>
</el-form-item>
<el-form-item prop="mobile">
<el-input v-model="form1.mobile" placeholder="请输入11位手机号码"><i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="form2.password" placeholder="请输入登录密码"><i slot="prefix" class="el-input__icon el-icon-view"></i></el-input>
</el-form-item>
<el-form-item prop="code">
<el-input style="width:175px;" v-model="form1.code" placeholder="请输入验证码"><i slot="prefix" class="el-input__icon el-icon-edit"></i></el-input>
<el-button id="loginCode" type="primary" plain style="width:135px;background: rgba(18,142,233,1);
color: rgba(255,255,255,1);"
@click="obtaincode1">
获取验证码</el-button>
</el-form-item>
<div class="zhanghao">已有账号？
<span style="color:#108EE9;cursor:pointer" @click="login">立即登录</span>
</div>
<el-form-item style="margin-bottom:8px;">
<el-button type="primary" class="login-content-button" @click="checklogin1" style="margin-top: 45px;">注 册</el-button>
</el-form-item>
<div style="font-size: 12px;
color: rgb(130, 130, 130);
margin-left: 100px;">登录即同意
<span style="color:#108EE9">《服务协议》</span>
</div>
</el-form>
</div>
<!-- 密码登录 -->
<div v-if="activeIndex==2" class="login-content-input">
<el-form ref="form2" :rules="rules2" :model="form2" label-width="0px" key="2">
<el-form-item prop="username">
<el-input v-model="form2.username" placeholder="请输入账号"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="form2.password" placeholder="请输入密码"></el-input>
</el-form-item>
<el-form-item style="margin-bottom:8px;">
<el-button type="primary" key="xxcccc" class="login-content-button" @click="checklogin2">登录</el-button>
</el-form-item>
<div style="font-size:12px;color:#828282">点击“登录”即表示同意
<span style="color:#108EE9">《创知厚德用户协议》</span>
</div>
<div style="font-size:12px;color:#B2B2B2;margin-top:26px;">还没有账户？
<span style="color:#108EE9;cursor:pointer" @click="register">立即注册</span>
<span style="margin:0 4px;">|</span>
<span style="color:#108EE9;cursor:pointer" @click="rsetpassword">忘记密码？</span>
</div>
</el-form>
</div>
</div>
</div> </div>
</gsb-pcpage> <!-- 重置密码 -->
<div class="login-div" v-if="b">
<div class="login-content">
<div class="login-content-title">
重置密码
</div>
<div class="login-content-input">
<el-form ref="form3" :rules="rules3" :model="form3" label-width="0px" key="3">
<el-form-item prop="mobile">
<el-input v-model="form3.mobile" placeholder="请输入手机号码"></el-input>
</el-form-item>
<el-form-item prop="code">
<el-input style="width:120px;" v-model="form3.code" placeholder="请输入验证码"></el-input>
<el-button id="resetCode" type="primary" plain style="width:135px;"
@click="obtaincode2">获取验证码</el-button>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="form3.password" placeholder="请设置6-18位密码"></el-input>
</el-form-item>
<el-form-item style="margin-bottom:8px;">
<el-button type="primary" class="login-content-button" @click="sumbitreset">确定</el-button>
</el-form-item>
<div style="font-size:12px;color:#108EE9;margin-top:26px;text-align:center">
<span style="margin-right:16px;cursor:pointer" @click="login">登录</span>
<span style="cursor:pointer" @click="register">注册</span>
</div>
</el-form>
</div>
</div>
</div>
<!-- 用户注册 -->
<div class="login-div" v-if="c">
<div class="login-content">
<div class="login-content-title">
欢迎注册{{ this.$root.currentCompany?this.$root.currentCompany.sitename:"知圈圈"}}
</div>
<div class="login-content-input">
<el-form ref="form4" :rules="rules4" :model="form4" label-width="0px" key="4">
<el-form-item prop="mobile">
<el-input v-model="form4.mobile" placeholder="请输入手机号码"></el-input>
</el-form-item>
<el-form-item prop="code">
<el-input style="width:120px;" v-model="form4.code" placeholder="请输入验证码"></el-input>
<el-button id="registerCode" type="primary" plain style="width:135px;"
@click="obtaincode3">获取验证码</el-button>
</el-form-item>
<el-form-item prop="password">
<el-input type="password" v-model="form4.password" placeholder="请设置6-18位密码，区分大小写"></el-input>
</el-form-item>
<el-form-item style="margin-bottom:8px;">
<el-button type="primary" class="login-content-button" @click="submitregister">注册</el-button>
</el-form-item>
<div style="font-size:12px;color:#828282">点击“登录”即表示同意
<span style="color:#108EE9">《创知厚德用户协议》</span>
</div>
<div style="font-size:12px;color:#B2B2B2;margin-top:26px;">已有账户？
<span style="color:#108EE9;cursor:pointer" @click="login">去登录</span>
</div>
</el-form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <gsb-pcpage style="text-align:center;margin-top:80px">
<div>
<gsb-form style="width:30%;margin: auto;" ref="loginFrm" :metaData="ldms" :refvalidatemethod="validmethod">
<h2 slot="title" style="margin:0px;padding-top: 20px">欢迎登录{{ this.$root.currentCompany?this.$root.currentCompany.sitename:"知圈圈"}}</h2>
<el-button slot="buttonarea" style="width:80%" type="primary" @click="sbhandler">登录</el-button>
</gsb-form>
</div>
</gsb-pcpage> -->
\ No newline at end of file
igirl-web/app/front/vues/pages/register/register.js
{ {
template:'${tmpl}', template:'${tmpl}',
data:function(){ data:function(){
var that=this;
var validateMethod=function(rule, value, callback){
console.log(rule);
if(rule.field=="mobile"){
if(/^1[23456789]\d{9}$/.test(value) == false){
return callback(new Error("请输入正确格式的手机号"));
}else{
return callback();
}
}
if(rule.field=="code"){
if(that.rcode!=value){
return callback(new Error("输入验证码有误，请重新输入"));
}
}
return callback();
};
return { return {
mds:[], ldms:[],
emds:[], activeIndex:"1",
vcode:"", loginUrl:"",
actname:"person", form1:{
currentFrm:null, mobile:"",
code:"",
},
form2:{
username:"",
password:"",
},
form3:{
mobile:"",
code:"",
password:"",
},
form4:{
mobile:"",
code:"",
password:"",
},
a:true,
b:false,
c:false,
Num:60,
Num2:60,
Num3:60,
rcode:"",
rules1:{
username: [
{required: true, message: '请输入账号', trigger: 'blur' },
],
password: [
{required: true, message: '请输入密码', trigger: 'blur' },
],
mobile: [
{required: true, message: '请输入手机号', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
code: [
{required: true, message: '请输入手机接收到的验证码', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
},
rules2:{
username: [
{required: true, message: '请输入账号', trigger: 'blur' },
],
password: [
{required: true, message: '请输入密码', trigger: 'blur' },
],
},
rules3:{
mobile: [
{required: true, message: '请输入手机号', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
code: [
{required: true, message: '请输入手机接收到的验证码', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
password: [
{required: true, message: '请输入密码', trigger: 'blur' },
{ min: 6, max: 18, message: '长度在 6 到 18 个字符', trigger: 'blur' }
],
},
rules4:{
mobile: [
{required: true, message: '请输入手机号', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
code: [
{required: true, message: '请输入手机接收到的验证码', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
password: [
{required: true, message: '请输入密码', trigger: 'blur' },
{ min: 6, max: 18, message: '长度在 6 到 18 个字符', trigger: 'blur' }
],
},
} }
}, },
mounted:function(){ mounted:function(){
this.mds=[
{
"title":"基本信息",
"ctls":[
{"type":"input","label":"登录名","prop":"userName","placeHolder":"请输入用户账号","style":"",rules:[{ "required": true, "message": '请输入账号名', "trigger": 'blur' },]},
{"type":"input","label":"昵称","prop":"nickName","placeHolder":"请输入昵称","style":"",rules:[ { "required": true, "message": '请输入姓名', "trigger": 'blur' },]},
{"type":"input","label":"身份证号","prop":"onlyCode","placeHolder":"请输入身份证号","style":""},
]
},
{
"title":"设置密码",
ctls:[
{"type":"input","label":"用户密码","prop":"password","placeHolder":"请输入用户密码","style":"",rules:[{ "required": true, "message": '请输入用户密码', "trigger": 'blur' },]},
{"type":"input","label":"确认密码","prop":"cfmpwd","placeHolder":"请输入确认密码","style":"",rules:[ { "validator":"validatex","trigger": 'blur' }, { "required": true, "message": '请输入确认密码', "trigger": 'blur' },]},
]
},
{
"title":"联系方式",
"ctls":[
{"type":"input","label":"手机号","prop":"mobile","placeHolder":"请输入手机号","style":"",rules:[ { "required": true, "message": '请输入手机号', "trigger": 'blur' },]},
{"type":"btn","label":"获取验证码","prop":"vcodeget","placeHolder":"请输入手机号","style":{"margin-left":"8px"},"face":"primary"},
{"type":"input","label":"手机号","prop":"vcode","placeHolder":"请输入收到的手机验证码","style":"",rules:[ { "validator":"validatex","trigger": 'blur' },{ "required": true, "message": '请输入验证码', "trigger": 'blur' },]},
]
},
];
this.currentFrm=this.$refs.pregisterFrm;
}, },
created:function(){ created:function(){
console.log(this.pfooterinfo);
if(this.pfooterinfo&&this.pfooterinfo.loginUrl){
this.loginUrl=this.pfooterinfo.loginUrl;
}else{
this.loginUrl="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_41110157500594182420192913391824zhuce_background.png";
}
}, },
methods:{ methods:{
validmethod:function (rule,value,callback) { handleSelect(key, keyPath) {
console.log("code validdate"); console.log(key, keyPath);
var self=this; this.activeIndex=key;
var fm=this.currentFrm.getFormModel(); },
if(rule.field=="cfmpwd"){ resetall(){
if(fm.password!=value){ this.form1.mobile="";
return callback(new Error("两次输入的密码不一致，请重新输入！")); this.form1.code="";
this.form2.username="";
this.form2.password="";
this.form3.mobile="";
this.form3.code="";
this.form3.password="";
this.form4.mobile="";
this.form4.code="";
this.form4.password="";
},
rsetpassword(){
this.a=false;
this.b=true;
this.c=false;
this.rcode="";
this.resetall();
},
login(){
this.$root.pushx({
title: "登录",
name: "/login"
});
this.a=true;
this.b=false;
this.c=false;
this.rcode="";
this.resetall();
},
register(){
this.a=false;
this.b=false;
this.c=true;
this.rcode="";
this.resetall();
},
obtaincode1(){
this.fetchVcode(this.form1.mobile)
},
obtaincode2(){
var that=this;
if(/^1[23456789]\d{9}$/.test(that.form3.mobile) == false){
that.$alert('请输入正确格式的手机号码', '提示', {
confirmButtonText: '确定',
callback: action => {
}
});
return;
};
that.$root.postReq("/web/userCtl/getUserByMobile",{mobile:that.form3.mobile}).then(function(d){
if(d.code==0){
var timer= setInterval(function () {
console.log("----------getNumber-----------");
$("#resetCode").attr("disabled", "disabled");
$("#resetCode").css("cursor", "not-allowed");
$("#resetCode").text(that.Num2 + "秒后重新获取");
console.log(that.Num2);
if (that.Num2 > 0) {
console.log(that.Num2);
that.Num2--;
}else{
$("#resetCode").attr("disabled", false);
$("#resetCode").text("获取验证码");
that.Num2 = 60;
clearInterval(timer);
}
},1000);
that.$root.postReq("/web/userCtl/fetchVcode",{mobile:that.form3.mobile}).then(function(d){
console.log(d);
if(d.status==0){
that.rcode=d.data.vcodestr;
} }
})
}else{
that.$message({
type: 'error',
message: '用户尚未注册'
});
} }
if(rule.field=="vcode"){ })
if(self.vcode!=value){ },
return callback(new Error("验证码输入错误，请重新输入或重新获取后输入！")); obtaincode3(){
var that=this;
if(/^1[23456789]\d{9}$/.test(that.form4.mobile) == false){
that.$alert('请输入正确格式的手机号码', '提示', {
confirmButtonText: '确定',
callback: action => {
}
});
return;
};
that.$root.postReq("/web/userCtl/getUserByMobile",{mobile:that.form4.mobile}).then(function(d){
if(d.code==-1){
var timer= setInterval(function () {
console.log("----------getNumber-----------");
$("#registerCode").attr("disabled", "disabled");
$("#registerCode").css("cursor", "not-allowed");
$("#registerCode").text(that.Num3 + "秒后重新获取");
console.log(that.Num3);
if (that.Num3 > 0) {
console.log(that.Num3);
that.Num3--;
}else{
$("#registerCode").attr("disabled", false);
$("#registerCode").text("获取验证码");
that.Num3 = 60;
clearInterval(timer);
}
},1000);
that.$root.postReq("/web/userCtl/fetchVcode",{mobile:that.form4.mobile}).then(function(d){
if(d.status==0){
console.log(d);
that.rcode=d.data.vcodestr;
} }
})
}else{
that.$message({
type: 'error',
message: '用户已存在, 请修改并重试'
});
} }
return callback(); })
},
checklogin1(){
var that=this;
var obj={
mobile:that.form1.mobile,
};
that.$refs.form1.validate(valid=>{
if(valid){
that.$root.postReq("/web/userCtl/loginByMobile",{u:obj}).then(function(d){
if(d.status==0){
console.log("..................................................helllo..................................");
that.$root.refreshLoginState(()=>{
console.log("....................................................................................innner");
var afto=localStorage.getItem("afterLogin");
if(afto){
that.$root.pushx(JSON.parse(afto));
localStorage.removeItem("afterLogin");
that.$root.removetab("/login");
}else{
location.reload();
}
});
}
})
}
})
}, },
sbhandler:function () { checklogin2(){
var that=this;
var obj={
userName:that.form2.username,
password:that.form2.password
};
that.$refs.form2.validate(valid=>{
if(valid){
that.$root.postReq("/web/userCtl/login",{u:obj}).then(function(d){
if(d.status==0){
that.$root.refreshLoginState(()=>{
console.log("....................................................................................innner");
var afto=localStorage.getItem("afterLogin");
if(afto){
that.$root.pushx(JSON.parse(afto));
localStorage.removeItem("afterLogin");
that.$root.removetab("/login");
}else{
location.reload();
}
});
}else{
that.$message({
type: 'error',
message: '用户名或密码错误，请重试.'
});
}
})
}
});
},
sumbitreset(){
var that=this;
var obj={
mobile:this.form3.mobile,
password:this.form3.password
};
that.$refs.form3.validate(valid=>{
if(valid){
that.$root.postReq("/web/userCtl/resetPassword",obj).then(function(d){
if(d.status==0){
that.$message({
type: 'success',
message: '密码重置成功'
});
}
})
}
})
},
submitregister(){
var that=this;
var obj={
mobile:this.form4.mobile,
password:this.form4.password
};
that.$refs.form4.validate(valid=>{
if(valid){
that.$root.postReq("/web/userCtl/submitregister",obj).then(function(d){
if(d.status==0){
that.$message({
type: 'success',
message: '注册成功,请登录'
});
that.login();
}else if(d.status==1){
that.$message({
type: 'error',
message: '该手机号码已注册'
});
}
})
}
})
},
fetchVcode(mobilenum){
var that=this;
if(/^1[23456789]\d{9}$/.test(mobilenum) == false){
this.$alert('请输入正确格式的手机号码', '提示', {
confirmButtonText: '确定',
callback: action => {
}
});
return;
};
var timer= setInterval(function () {
console.log("----------getNumber-----------");
$("#loginCode").attr("disabled", "disabled");
$("#loginCode").css("cursor", "not-allowed");
$("#loginCode").text(that.Num + "秒后重新获取");
console.log(that.Num);
if (that.Num > 0) {
console.log(that.Num);
that.Num--;
}else{
$("#loginCode").attr("disabled", false);
$("#loginCode").text("获取验证码");
that.Num = 60;
clearInterval(timer);
}
},1000);
this.$root.postReq("/web/userCtl/fetchVcode",{mobile:mobilenum}).then(function(d){
if(d.status==0){
that.rcode=d.data.vcodestr;
}
})
},
validmethod:function (rule,value,callback) {
console.log("code validdate");
var self=this; var self=this;
var fm=this.currentFrm.getFormModel(); var fm=this.currentFrm.getFormModel();
this.currentFrm.validate(function(v){ return callback();
},
sbhandler:function () {
var self=this;
var fm=this.$refs.loginFrm.getFormModel();
this.$refs.loginFrm.validate(function(v){
if(v){ if(v){
self.$root.postReq("/web/userCtl/register",{u:fm}).then(function(d){ self.$root.postReq("/web/userCtl/login",{u:fm}).then(function(d){
if(d.status==0){ if(d.status==0){
self.$root.removetab("/register"); console.log("....................................................................................");
self.$root.pushx({ self.$root.refreshLoginState(()=>{
title:"登录", console.log("....................................................................................innner");
name:"/login" var afto=localStorage.getItem("afterLogin");
}); if(afto){
self.$root.pushx(JSON.parse(afto));
localStorage.removeItem("afterLogin");
self.$root.removetab("/login");
}else{
location.reload();
}
});
}else{
self.$message({
type: 'error',
message: '用户名或密码错误，请重试.'
});
} }
}); });
} }
}); });
}, },
btnclick:function(pfm,code){
var fm=pfm;
if(code=="vcodeget"){
var that=this;
if(/^1[23456789]\d{9}$/.test(fm.mobile) == false){
this.$alert('请输入正确格式的手机号码', '提示', {
confirmButtonText: '确定',
callback: action => {
}
});
return;
}
this.$root.showMask();
/*ajax 调用获取手机验证码,并存储到*/
this.$root.postReq("/web/userCtl/fetchVcode",{mobile:fm.mobile}).then(function(d){
if(d.status==0){
that.vcode=d.data.vcodestr;
setTimeout(()=>{
that.$root.hideMask();
},3000);
}
});
}
},
}, },
vname:"gsb-register" vname:"gsb-login"
} }
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