Commit 553f9a43 by 李宏达

hzh

parent d65ed75c
...@@ -790,6 +790,24 @@ module.exports = { ...@@ -790,6 +790,24 @@ 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": "",
},
], ],
...@@ -797,6 +815,8 @@ module.exports = { ...@@ -797,6 +815,8 @@ module.exports = {
"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" },
......
...@@ -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>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
function getQueryStringMap(){ function getQueryStringMap() {
//取得查询字符串并去掉开头的问号 //取得查询字符串并去掉开头的问号
var str = (location.search.length>0?location.search.substring(1):""); var str = (location.search.length > 0 ? location.search.substring(1) : "");
var args = {};//保存数据的对象 var args = {};//保存数据的对象
items = str.length?str.split('&'):[];//取得每一项 items = str.length ? str.split('&') : [];//取得每一项
var item = null; var item = null;
var name = null; var name = null;
var value = null; var value = null;
for(var i=0; i<items.length;i++){ for (var i = 0; i < items.length; i++) {
item = items[i].split('='); item = items[i].split('=');
name = decodeURIComponent(item[0]); name = decodeURIComponent(item[0]);
value = decodeURIComponent(item[1]); value = decodeURIComponent(item[1]);
if(name.length){ if (name.length) {
args[name] = value; args[name] = value;
} }
} }
return args; return args;
} }
var queryMap=getQueryStringMap();//解析当前的查询字符串 var queryMap = getQueryStringMap();//解析当前的查询字符串
function addCSS(csspath) { function addCSS(csspath) {
var link = document.createElement('link'); var link = document.createElement('link');
link.type = 'text/css'; link.type = 'text/css';
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.href = csspath; link.href = csspath;
document.getElementsByTagName("head")[0].appendChild(link); document.getElementsByTagName("head")[0].appendChild(link);
} }
var currentTheme=(queryMap["paramtheme"] && queryMap["paramtheme"] !="default")?queryMap["paramtheme"]:""; var currentTheme = (queryMap["paramtheme"] && queryMap["paramtheme"] != "default") ? queryMap["paramtheme"] : "";
//axios.get("/vue/comp/base").then(function (res) { //axios.get("/vue/comp/base").then(function (res) {
$.base64.utf8encode = true; $.base64.utf8encode = true;
basecomp.forEach(function (comp) { basecomp.forEach(function (comp) {
try{ try {
var obj = eval("(" + comp + ")"); var obj = eval("(" + comp + ")");
Vue.component(obj.vname, obj); Vue.component(obj.vname, obj);
}catch(e){ } catch (e) {
console.log(e); console.log(e);
} }
}); });
console.log("load base component finished..."); console.log("load base component finished...");
function buildPromise(compath) { function buildPromise(compath) {
return Promise.resolve(new Promise(function (resolve, reject) { return Promise.resolve(new Promise(function (resolve, reject) {
//异步加载组件 //异步加载组件
axios.get(compath,{"headers":{"theme":currentTheme}}).then(function (res) { axios.get(compath, { "headers": { "theme": currentTheme } }).then(function (res) {
console.log(compath); console.log(compath);
var obj = eval("(" + unescape(res.data) + ")"); var obj = eval("(" + unescape(res.data) + ")");
resolve(obj); resolve(obj);
...@@ -47,16 +47,16 @@ function addCSS(csspath) { ...@@ -47,16 +47,16 @@ function addCSS(csspath) {
console.log(reason) console.log(reason)
}) })
})); }));
} }
function componentFactory(comname) { function componentFactory(comname) {
var compath = "/vue/comp/" + comname; var compath = "/vue/comp/" + comname;
var tmpFunc = function () { var tmpFunc = function () {
return buildPromise(compath); return buildPromise(compath);
} }
return tmpFunc; return tmpFunc;
} }
window.componentFactory = componentFactory; window.componentFactory = componentFactory;
Vue.mixin({ Vue.mixin({
props: ["modelName"], props: ["modelName"],
computed: Vuex.mapState({ computed: Vuex.mapState({
currentUser: state => { currentUser: state => {
...@@ -80,7 +80,7 @@ function addCSS(csspath) { ...@@ -80,7 +80,7 @@ function addCSS(csspath) {
socketClient: state => { socketClient: state => {
return state.socketClient; return state.socketClient;
}, },
istabclick:state => { istabclick: state => {
return state.istabclick; return state.istabclick;
}, },
}), }),
...@@ -89,18 +89,18 @@ function addCSS(csspath) { ...@@ -89,18 +89,18 @@ function addCSS(csspath) {
return "web/" + this.ctlName + "/" + md; return "web/" + this.ctlName + "/" + md;
}, },
} }
}); });
var routes = []; var routes = [];
var codepaths = {}; var codepaths = {};
var mapTile = {}; var mapTile = {};
var mapRouterEntry = {}; var mapRouterEntry = {};
var isp=0; var isp = 0;
//菜单的全局缓存 //菜单的全局缓存
//var global_rsconfig=null; //var global_rsconfig=null;
//axios.get("/web/metaCtl/getRouteConfigWithoutProduct").then(d => { //axios.get("/web/metaCtl/getRouteConfigWithoutProduct").then(d => {
isp=routePath.isp; isp = routePath.isp;
Object.keys(routePath.bizs).map((k) => { Object.keys(routePath.bizs).map((k) => {
//path是路由,静态的路由 //path是路由,静态的路由
var pathTmp = routePath.bizs[k].path; var pathTmp = routePath.bizs[k].path;
var codepath = routePath.bizs[k].codepath; var codepath = routePath.bizs[k].codepath;
...@@ -111,11 +111,11 @@ function addCSS(csspath) { ...@@ -111,11 +111,11 @@ function addCSS(csspath) {
tmp.components[pathTmp] = componentFactory(routePath.bizs[k].comname); tmp.components[pathTmp] = componentFactory(routePath.bizs[k].comname);
mapTile[pathTmp] = routePath.bizs[k].title; mapTile[pathTmp] = routePath.bizs[k].title;
if(isp==0){ if (isp == 0) {
if(pathTmp=="/"){ if (pathTmp == "/") {
tmp.components[pathTmp] = componentFactory("moreservice"); tmp.components[pathTmp] = componentFactory("moreservice");
tmp["query"]={"itemtype":"ip"}; tmp["query"] = { "itemtype": "ip" };
console.log("ppppppppppppppppppppppppppppppppp",tmp); console.log("ppppppppppppppppppppppppppppppppp", tmp);
} }
} }
routes.push(tmp); routes.push(tmp);
...@@ -123,38 +123,38 @@ function addCSS(csspath) { ...@@ -123,38 +123,38 @@ function addCSS(csspath) {
} }
codepaths[pathTmp] = codepath;//暂存每个叶子节点对应的codepath codepaths[pathTmp] = codepath;//暂存每个叶子节点对应的codepath
}); });
//元数据分析时会为每个叶子节点动态生成codepath,按照code生成从根开始的路径 //元数据分析时会为每个叶子节点动态生成codepath,按照code生成从根开始的路径
console.log(JSON.stringify(codepaths)); console.log(JSON.stringify(codepaths));
var router = new VueRouter({ var router = new VueRouter({
routes: routes, routes: routes,
}); });
router.mapTile = mapTile; router.mapTile = mapTile;
router.mapRouterEntry = mapRouterEntry; router.mapRouterEntry = mapRouterEntry;
const store = new Vuex.Store({ const store = new Vuex.Store({
state: { state: {
popupsCode:null, popupsCode: null,
count: 1, count: 1,
products: null, products: null,
currentCodePath: "", currentCodePath: "",
istabclick: false, istabclick: false,
currentUser: null, currentUser: null,
currentCompany:null, currentCompany: null,
curSelRow: {}, curSelRow: {},
header_height: "200", header_height: "200",
socketClient: null, socketClient: null,
logoUrl: "", logoUrl: "",
appimgUrl: "", appimgUrl: "",
currentChatTo: "", currentChatTo: "",
pfooterinfo:null, pfooterinfo: null,
}, },
mutations: { mutations: {
increment(state) { increment(state) {
state.count++ state.count++
}, },
} }
}); });
function headtransparent(){ function headtransparent() {
// $("#header").addClass("headtransparent"); // $("#header").addClass("headtransparent");
$("#leftmenudiv").addClass("menutransparent"); $("#leftmenudiv").addClass("menutransparent");
$(".spechorizotal .nav_color").css("color", "white"); $(".spechorizotal .nav_color").css("color", "white");
...@@ -167,8 +167,8 @@ function addCSS(csspath) { ...@@ -167,8 +167,8 @@ function addCSS(csspath) {
$("#loginbtn").css("color", "white"); $("#loginbtn").css("color", "white");
$("#appname").css("color", "white"); $("#appname").css("color", "white");
// $("#footer").show(); // $("#footer").show();
} }
function headnotransparent(){ function headnotransparent() {
$(".spechorizotal .nav_color").css("color", "black"); $(".spechorizotal .nav_color").css("color", "black");
$(".spechorizotal .nav_color:hover").css("color", "#2692FF"); $(".spechorizotal .nav_color:hover").css("color", "#2692FF");
// $("#header").removeClass("headtransparent"); // $("#header").removeClass("headtransparent");
...@@ -176,9 +176,9 @@ function addCSS(csspath) { ...@@ -176,9 +176,9 @@ function addCSS(csspath) {
$("#loginbtn").css("color", "#2692FF"); $("#loginbtn").css("color", "#2692FF");
$("#appname").css("color", "#2692FF"); $("#appname").css("color", "#2692FF");
$("#footer").hide(); $("#footer").hide();
$('.app-stage').css('min-height','0px'); $('.app-stage').css('min-height', '0px');
} }
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
console.log("enter before..........................."); console.log("enter before...........................");
console.log(to); console.log(to);
//设置当前访问的叶子节点的codepath //设置当前访问的叶子节点的codepath
...@@ -191,9 +191,9 @@ function addCSS(csspath) { ...@@ -191,9 +191,9 @@ function addCSS(csspath) {
this.isfront = false this.isfront = false
} }
if (keyCodePath == '/login') { if (keyCodePath == '/login') {
$('.app-stage').css('min-height','0px'); $('.app-stage').css('min-height', '0px');
}else { } else {
$('.app-stage').css('min-height','100%'); $('.app-stage').css('min-height', '100%');
} }
if (keyCodePath != '/' && keyCodePath != '/bycquerytm' && keyCodePath != '/bytmmonit' && keyCodePath != '/tmtransactionmarket' if (keyCodePath != '/' && keyCodePath != '/bycquerytm' && keyCodePath != '/bytmmonit' && keyCodePath != '/tmtransactionmarket'
&& keyCodePath != '/selftmreg' && keyCodePath != '/bytmmonitlist' && keyCodePath != '/bytmmonitlistdetails' && keyCodePath != '/bytmmonitagency' && keyCodePath != '/selftmreg' && keyCodePath != '/bytmmonitlist' && keyCodePath != '/bytmmonitlistdetails' && keyCodePath != '/bytmmonitagency'
...@@ -202,7 +202,7 @@ function addCSS(csspath) { ...@@ -202,7 +202,7 @@ function addCSS(csspath) {
&& keyCodePath != '/icproductdetail' && keyCodePath != '/icnameresult' && keyCodePath != '/iframehtml') { && keyCodePath != '/icproductdetail' && keyCodePath != '/icnameresult' && keyCodePath != '/iframehtml') {
$('#header_row').addClass('houtai'); $('#header_row').addClass('houtai');
$('#header_row').removeClass('qiantai'); $('#header_row').removeClass('qiantai');
}else { } else {
$('#header_row').removeClass('houtai'); $('#header_row').removeClass('houtai');
$('#header_row').addClass('qiantai'); $('#header_row').addClass('qiantai');
} }
...@@ -220,7 +220,7 @@ function addCSS(csspath) { ...@@ -220,7 +220,7 @@ function addCSS(csspath) {
$("#welcome").css("color", "#2692ff"); $("#welcome").css("color", "#2692ff");
$("#exitbtn").css("color", "#2692ff"); $("#exitbtn").css("color", "#2692ff");
$("#adminbtn").css("color", "#2692ff"); $("#adminbtn").css("color", "#2692ff");
}else { } else {
$("#welcome").css("color", "#fff"); $("#welcome").css("color", "#fff");
$("#exitbtn").css("color", "#fff"); $("#exitbtn").css("color", "#fff");
$("#adminbtn").css("color", "#fff"); $("#adminbtn").css("color", "#fff");
...@@ -242,45 +242,45 @@ function addCSS(csspath) { ...@@ -242,45 +242,45 @@ function addCSS(csspath) {
store.state.currentCodePath = codepaths[keyCodePath]; store.state.currentCodePath = codepaths[keyCodePath];
} }
next(); next();
}); });
Vue.use(window['vue-cropper']) Vue.use(window['vue-cropper'])
var app = new Vue({ var app = new Vue({
el: "#app", el: "#app",
router: router, router: router,
store: store, store: store,
data: function () { data: function () {
return { return {
areaName: '北京', areaName: '北京',
areaArr:[ areaArr: [
{ {
name:'A-G', name: 'A-G',
lists:['北京>','安徽>','重庆>','福建>','广东>','广西>','甘肃>','贵州>'] lists: ['北京>', '安徽>', '重庆>', '福建>', '广东>', '广西>', '甘肃>', '贵州>']
}, },
{ {
name:'H-J', name: 'H-J',
lists:['河北>','河南>','海南>','湖北>','湖南>','黑龙江>','吉林>','江苏>','江西>'] lists: ['河北>', '河南>', '海南>', '湖北>', '湖南>', '黑龙江>', '吉林>', '江苏>', '江西>']
}, },
{ {
name:'L-S', name: 'L-S',
lists:['辽宁>','内蒙古>','宁夏>','青海>','上海>','四川>','山东>','山西>','陕西>'] lists: ['辽宁>', '内蒙古>', '宁夏>', '青海>', '上海>', '四川>', '山东>', '山西>', '陕西>']
}, },
{ {
name:'T-Z', name: 'T-Z',
lists:['天津>','新疆>','西藏>','云南>','浙江>'] lists: ['天津>', '新疆>', '西藏>', '云南>', '浙江>']
} }
], ],
loadingHome: false, loadingHome: false,
headerRowType:false, headerRowType: false,
popupsHeight:null, popupsHeight: null,
popupslineHeight:null, popupslineHeight: null,
popupsType:false, popupsType: false,
popupsDataList:[], popupsDataList: [],
pDataKey: 0, pDataKey: 0,
pTowDataKey: null, pTowDataKey: null,
popupsData:[], popupsData: [],
// //
switchcompany:null, switchcompany: null,
companys:[], companys: [],
catas: [ catas: [
], ],
...@@ -302,39 +302,51 @@ function addCSS(csspath) { ...@@ -302,39 +302,51 @@ function addCSS(csspath) {
editableTabsValue2: '/', editableTabsValue2: '/',
isShowMenu: "true", isShowMenu: "true",
currentCompany: null, currentCompany: null,
bankAccount:null, bankAccount: null,
footerInfo: null, footerInfo: null,
qrcodeurl:"", qrcodeurl: "",
pfooterinfo:null, pfooterinfo: null,
serviceqq: null, serviceqq: null,
servicetel: null, servicetel: null,
wxJpg:'/imgs/wxJpg.jpg', wxJpg: '/imgs/wxJpg.jpg',
homeobj:null, homeobj: null,
isfront:true, isfront: true,
stageType: true, stageType: true,
isleyu:true, isleyu: true,
isphone:false, isphone: false,
istop:false, istop: false,
iswx:false, iswx: false,
themename:"", themename: "",
showWxrm:false, showWxrm: false,
showPhoneNum:false, showPhoneNum: false,
rsData:[] rsData: [],
titles: [{
title: 'declare',
name: '申报通知'
},
{
title: 'projectpublicity',
name: '立项公示'
},
{
title: 'managementmeasures',
name: '管理办法'
}]
}; };
}, },
created() { created() {
var url = window.location.href; var url = window.location.href;
var arr1 = url.replace("?paramtheme=spring","").split("/#"); var arr1 = url.replace("?paramtheme=spring", "").split("/#");
var titleValue = ""; var titleValue = "";
if(url.indexOf("isModifyTitle=1")>=0){ if (url.indexOf("isModifyTitle=1") >= 0) {
titleValue = localStorage.getItem("titleValue"); titleValue = localStorage.getItem("titleValue");
// localStorage.setItem("lastaccess",""); // localStorage.setItem("lastaccess","");
}else{ } else {
titleValue=""; titleValue = "";
// localStorage.setItem("titleValue",""); // localStorage.setItem("titleValue","");
} }
if(url.indexOf("isDirectJump=1")>=0 && arr1.length==2){ if (url.indexOf("isDirectJump=1") >= 0 && arr1.length == 2) {
this.refreshLoginState(()=>{ this.refreshLoginState(() => {
this.directJump(); this.directJump();
//需要返回公司信息和主题信息后更新顶部菜单 //需要返回公司信息和主题信息后更新顶部菜单
this.showtopmenu(); this.showtopmenu();
...@@ -342,8 +354,8 @@ function addCSS(csspath) { ...@@ -342,8 +354,8 @@ function addCSS(csspath) {
// $("#idtitle").text(titleValue); // $("#idtitle").text(titleValue);
// } // }
}); });
}else{ } else {
this.refreshLoginState(()=>{ this.refreshLoginState(() => {
this.initIndexPage(); this.initIndexPage();
//需要返回公司信息和主题信息后更新顶部菜单 //需要返回公司信息和主题信息后更新顶部菜单
this.showtopmenu(); this.showtopmenu();
...@@ -357,33 +369,33 @@ function addCSS(csspath) { ...@@ -357,33 +369,33 @@ function addCSS(csspath) {
updated() { updated() {
}, },
computed:{ computed: {
isdefault:function(){ isdefault: function () {
if(this.currentCompany && this.currentCompany.siteTheme!="default"){ if (this.currentCompany && this.currentCompany.siteTheme != "default") {
return true; return true;
}else{ } else {
return false; return false;
} }
}, },
}, },
mounted() { mounted() {
var sself=this; var sself = this;
if(queryMap["paramtheme"]){ if (queryMap["paramtheme"]) {
companyinfo.company.siteTheme=queryMap["paramtheme"]; companyinfo.company.siteTheme = queryMap["paramtheme"];
} }
this.currentCompany= companyinfo.company; this.currentCompany = companyinfo.company;
if(this.currentCompany.siteTheme && this.currentCompany.siteTheme!=""){ if (this.currentCompany.siteTheme && this.currentCompany.siteTheme != "") {
currentTheme=this.currentCompany.siteTheme; currentTheme = this.currentCompany.siteTheme;
this.themename=(currentTheme=="default"?"":currentTheme); this.themename = (currentTheme == "default" ? "" : currentTheme);
if(this.themename!=""){ if (this.themename != "") {
addCSS("/css/"+this.themename+".css"); addCSS("/css/" + this.themename + ".css");
} }
} }
this.$store.state.currentCompany = this.currentCompany; this.$store.state.currentCompany = this.currentCompany;
this.bankAccount=companyinfo.bankAccount; this.bankAccount = companyinfo.bankAccount;
this.footerInfo = companyinfo.footerinfo; this.footerInfo = companyinfo.footerinfo;
this.pfooterinfo= this.footerInfo; this.pfooterinfo = this.footerInfo;
this.$store.state.pfooterinfo = this.footerInfo; this.$store.state.pfooterinfo = this.footerInfo;
this.serviceqq = "http://wpa.qq.com/msgrd?v=3&uin=" + this.currentCompany.serviceqq + "&site=qq&menu=yes"; this.serviceqq = "http://wpa.qq.com/msgrd?v=3&uin=" + this.currentCompany.serviceqq + "&site=qq&menu=yes";
if (this.footerInfo) { if (this.footerInfo) {
...@@ -391,13 +403,13 @@ function addCSS(csspath) { ...@@ -391,13 +403,13 @@ function addCSS(csspath) {
} else { } else {
this.servicetel = "请完善客服电话"; this.servicetel = "请完善客服电话";
} }
var own=sself; var own = sself;
if(companyinfo){ if (companyinfo) {
own.findAllServicesitemA(); own.findAllServicesitemA();
own.showtopmenu(); own.showtopmenu();
own.popupsHeight = 'height:' + 390*document.body.clientWidth/1920 + "px"; own.popupsHeight = 'height:' + 390 * document.body.clientWidth / 1920 + "px";
own.popupslineHeight = 'line-height:' + (350*document.body.clientWidth/1920/5) + "px"; own.popupslineHeight = 'line-height:' + (350 * document.body.clientWidth / 1920 / 5) + "px";
// sself.getReq("/wxop/pushmsgWxop/getQr", {scene:"18396816928"}).then(function (r) { // sself.getReq("/wxop/pushmsgWxop/getQr", {scene:"18396816928"}).then(function (r) {
// console.log("11111111rrrrrrrrrrrrrrrrrrrrrrrrr"); // console.log("11111111rrrrrrrrrrrrrrrrrrrrrrrrr");
...@@ -437,10 +449,10 @@ function addCSS(csspath) { ...@@ -437,10 +449,10 @@ function addCSS(csspath) {
// }; // };
// f(); // f();
//获取被授权的公司列表 //获取被授权的公司列表
this.postReq("/web/companyCtl/refQuery",{fields:["id","name"],datapriv:true}).then(d=>{ this.postReq("/web/companyCtl/refQuery", { fields: ["id", "name"], datapriv: true }).then(d => {
if(d && d.data){ if (d && d.data) {
d.data.forEach(r=>{ d.data.forEach(r => {
sself.companys.push({label:r.name,value:r.id}); sself.companys.push({ label: r.name, value: r.id });
}); });
} }
}); });
...@@ -461,8 +473,8 @@ function addCSS(csspath) { ...@@ -461,8 +473,8 @@ function addCSS(csspath) {
// initMainHeight(); // initMainHeight();
// }); // });
// initMainHeight(); // initMainHeight();
$('#app').scroll(()=>{ $('#app').scroll(() => {
if(this.homeobj && this.homeobj.doScroll){ if (this.homeobj && this.homeobj.doScroll) {
this.homeobj.doScroll($('#app').scrollTop()); this.homeobj.doScroll($('#app').scrollTop());
} }
}); });
...@@ -474,48 +486,48 @@ function addCSS(csspath) { ...@@ -474,48 +486,48 @@ function addCSS(csspath) {
window.addEventListener('popstate', this.goBack, false); window.addEventListener('popstate', this.goBack, false);
} }
this.isShowMenu = false; this.isShowMenu = false;
setTimeout(()=>{ setTimeout(() => {
$("#app").css("visibility", "visible"); $("#app").css("visibility", "visible");
$("#imglogo").css("visibility", "visible"); $("#imglogo").css("visibility", "visible");
},100); }, 100);
setTimeout(()=>{ setTimeout(() => {
$("#footer").css("visibility", "visible"); $("#footer").css("visibility", "visible");
},3000); }, 3000);
localStorage.setItem("areaName", this.areaName); localStorage.setItem("areaName", this.areaName);
}, },
methods: { methods: {
areachoice(name) { areachoice(name) {
this.areaName = name.slice(0,name.indexOf('>')); this.areaName = name.slice(0, name.indexOf('>'));
console.log(name.slice(0,name.indexOf('>'))) console.log(name.slice(0, name.indexOf('>')))
}, },
fetchMetaData(cbk){ fetchMetaData(cbk) {
if(global_rsconfig){ if (global_rsconfig) {
cfg=global_rsconfig; cfg = global_rsconfig;
if(cfg){ if (cfg) {
this.rsData=[]; this.rsData = [];
cfg.children.forEach(r=>{ cfg.children.forEach(r => {
if(r.istop){ if (r.istop) {
this.rsData.push(r); this.rsData.push(r);
} }
}); });
if(cbk){ if (cbk) {
cbk(); cbk();
} }
} }
}else{ } else {
this.$root.getReq("/web/metaCtl/getRsConfig",null).then(cfg=>{ this.$root.getReq("/web/metaCtl/getRsConfig", null).then(cfg => {
global_rsconfig=cfg; global_rsconfig = cfg;
if(cfg){ if (cfg) {
this.rsData=[]; this.rsData = [];
cfg.children.forEach(r=>{ cfg.children.forEach(r => {
if(r.istop){ if (r.istop) {
this.rsData.push(r); this.rsData.push(r);
} }
}); });
if(cbk){ if (cbk) {
cbk(); cbk();
} }
...@@ -523,29 +535,54 @@ function addCSS(csspath) { ...@@ -523,29 +535,54 @@ function addCSS(csspath) {
}); });
} }
console.log(this.rsData,'======___________________+++++++++++++++++++++++') console.log(this.rsData, '======___________________+++++++++++++++++++++++')
}, },
backstageHandleCommand (name) { backstageHandleCommand(name) {
console.log(name); console.log(name);
if ( name == '退出') { if (name == '退出') {
this.onselect('exit') this.onselect('exit')
}else { } else {
this.goadmin() this.goadmin()
} }
}, },
handleCommand(item) { handleCommand(item) {
// this.$message('click on item ' + command); // this.$message('click on item ' + command);
console.log(item); console.log(item, "----------------");
// let obj = command.split('/') // let obj = command.split('/')
// this.onMenuSelect(obj[1]) // this.onMenuSelect(obj[1])
var index = item.code; var index = item.code;
var self = this;
if (item == "declare") {
this.stageType = false;
this.pushx({
title: "政策资讯",
name: "/declare"
});
return false;
}
if (item == "projectpublicity") {
this.stageType = false;
this.pushx({
title: "立项公示",
name: "/projectpublicity"
});
return false;
}
if (item == "managementmeasures") {
this.stageType = false;
this.pushx({
title: "管理办法",
name: "/managementmeasures"
});
return false;
}
if (index == 'areapatentmonitor') { if (index == 'areapatentmonitor') {
this.stageType = false; this.stageType = false;
this.pushx({ this.pushx({
title:"区域专利监控", title: "区域专利监控",
name:"/iframehtmlone", name: "/iframehtmlone",
params:{url: 'https://zhuanzhidao.gongsibao.com/#/regionalpatentmonitoring'} params: { url: 'https://zhuanzhidao.gongsibao.com/#/regionalpatentmonitoring' }
}) })
// this.loadingHome = true; // this.loadingHome = true;
// setTimeout(()=>{ // setTimeout(()=>{
...@@ -556,9 +593,9 @@ function addCSS(csspath) { ...@@ -556,9 +593,9 @@ function addCSS(csspath) {
if (index == 'entdecide') { if (index == 'entdecide') {
this.stageType = false; this.stageType = false;
this.pushx({ this.pushx({
title:"企业决策", title: "企业决策",
name:"/iframehtmltwo", name: "/iframehtmltwo",
params:{url: 'https://zhuanzhidao.gongsibao.com/#/businessdecisions'} params: { url: 'https://zhuanzhidao.gongsibao.com/#/businessdecisions' }
}) })
return false; return false;
} }
...@@ -567,10 +604,10 @@ function addCSS(csspath) { ...@@ -567,10 +604,10 @@ function addCSS(csspath) {
name: item.path name: item.path
}); });
}, },
getQrCode(){ getQrCode() {
if(this.footerInfo){ if (this.footerInfo) {
return this.footerInfo.wxQrCodeUrl; return this.footerInfo.wxQrCodeUrl;
}else{ } else {
return ""; return "";
} }
}, },
...@@ -587,48 +624,48 @@ function addCSS(csspath) { ...@@ -587,48 +624,48 @@ function addCSS(csspath) {
* } * }
*/ */
windowOpen(obj){ windowOpen(obj) {
if(!obj){ if (!obj) {
this.$message.warning("参数错误"); this.$message.warning("参数错误");
return; return;
} }
if(!obj.url){ if (!obj.url) {
this.$message.warning("url参数错误"); this.$message.warning("url参数错误");
return; return;
} }
var param="?isDirectJump=1"; var param = "?isDirectJump=1";
if(obj.title){ if (obj.title) {
param=param+"&isModifyTitle=1"; param = param + "&isModifyTitle=1";
localStorage.setItem("titleValue",obj.title); localStorage.setItem("titleValue", obj.title);
}else{ } else {
localStorage.setItem("titleValue",""); localStorage.setItem("titleValue", "");
} }
var params = obj.params; var params = obj.params;
for(var i=0;i<params.length;i++){ for (var i = 0; i < params.length; i++) {
if(params[i] && params[i].name && params[i].value){ if (params[i] && params[i].name && params[i].value) {
param=param+"&"+params[i].name+"="+params[i].value; param = param + "&" + params[i].name + "=" + params[i].value;
} }
} }
var qurl = obj.url+param; var qurl = obj.url + param;
window.open(qurl); window.open(qurl);
}, },
leyuhover(){ leyuhover() {
var self = this; var self = this;
self.isleyu = false; self.isleyu = false;
self.isphone=false; self.isphone = false;
self.istop=false; self.istop = false;
self.iswx = false; self.iswx = false;
}, },
phonehover(){ phonehover() {
var self = this; var self = this;
self.isleyu = true; self.isleyu = true;
self.isphone = true; self.isphone = true;
self.istop=false; self.istop = false;
self.iswx = false; self.iswx = false;
self.showPhoneNum = true; self.showPhoneNum = true;
}, },
phoneleave(){ phoneleave() {
var self =this; var self = this;
console.log(123); console.log(123);
self.showPhoneNum = false; self.showPhoneNum = false;
}, },
...@@ -637,47 +674,47 @@ function addCSS(csspath) { ...@@ -637,47 +674,47 @@ function addCSS(csspath) {
self.showWxrm = true; self.showWxrm = true;
self.isleyu = true; self.isleyu = true;
self.isphone = false; self.isphone = false;
self.istop=false; self.istop = false;
self.iswx = true; self.iswx = true;
}, },
rwmover(){ rwmover() {
var self = this; var self = this;
self.showWxrm = false; self.showWxrm = false;
}, },
tophover(){ tophover() {
var self = this; var self = this;
self.isleyu = true; self.isleyu = true;
self.isphone = false; self.isphone = false;
self.istop=true; self.istop = true;
self.iswx = false; self.iswx = false;
}, },
goServiceDetails(item){ goServiceDetails(item) {
if (item.code == 'zzsbzc') { if (item.code == 'zzsbzc') {
$('.popups').fadeOut(0); $('.popups').fadeOut(0);
this.popupsType = false; this.popupsType = false;
this.$root.pushx({ this.$root.pushx({
title:"自主商标注册", title: "自主商标注册",
name:"/selftmreg", name: "/selftmreg",
params:{itemCode:item.code} params: { itemCode: item.code }
}); });
}else { } else {
headnotransparent(); headnotransparent();
this.windowOpen({ this.windowOpen({
url:window.location.href.split("#")[0]+"#/servicedetails", url: window.location.href.split("#")[0] + "#/servicedetails",
title:"服务详情", title: "服务详情",
params:[ params: [
{name:"sdsId",value: item.id} { name: "sdsId", value: item.id }
] ]
}) })
// window.open(window.location.href.split("#")[0]+"#/servicedetails?isDirectJump=1&sdsId=" + item.id) // window.open(window.location.href.split("#")[0]+"#/servicedetails?isDirectJump=1&sdsId=" + item.id)
} }
setTimeout(()=>{ setTimeout(() => {
this.$refs.topmenu.fetchMetaData(()=>{ this.$refs.topmenu.fetchMetaData(() => {
}); });
},300); }, 300);
}, },
popupsList (list,key) { popupsList(list, key) {
this.popupsDataList = list.smallList; this.popupsDataList = list.smallList;
this.pDataKey = key; this.pDataKey = key;
this.pTowDataKey = key; this.pTowDataKey = key;
...@@ -685,16 +722,16 @@ function addCSS(csspath) { ...@@ -685,16 +722,16 @@ function addCSS(csspath) {
popupsLeave() { popupsLeave() {
this.pTowDataKey = null; this.pTowDataKey = null;
}, },
findAllServicesitemA(){ findAllServicesitemA() {
this.company_id=this.$root.currentCompany.id; this.company_id = this.$root.currentCompany.id;
var params={company_id:this.$root.currentCompany.id}; var params = { company_id: this.$root.currentCompany.id };
var that=this; var that = this;
// this.$root.postReq("/web/serviceitemCtl/getAllProducts", params).then(function(d) { // this.$root.postReq("/web/serviceitemCtl/getAllProducts", params).then(function(d) {
// console.log(d,",getAllProducts-----------------"); // console.log(d,",getAllProducts-----------------");
that.popupsData = []; that.popupsData = [];
// if(d.status==0 && d.data){ // if(d.status==0 && d.data){
productLst.forEach(r=>{ productLst.forEach(r => {
if(r){ if (r) {
that.popupsData.push(r); that.popupsData.push(r);
} }
that.popupsDataList = that.popupsData[0].smallList; that.popupsDataList = that.popupsData[0].smallList;
...@@ -702,37 +739,37 @@ function addCSS(csspath) { ...@@ -702,37 +739,37 @@ function addCSS(csspath) {
// } // }
// }) // })
}, },
hidePanel (event) { hidePanel(event) {
var ap = $("#servicecat")[0]; var ap = $("#servicecat")[0];
var sp = document.getElementsByClassName("popups")[0]; var sp = document.getElementsByClassName("popups")[0];
if(sp && ap){ if (sp && ap) {
if(!sp.contains(event.target) && !ap.contains(event.target)){ if (!sp.contains(event.target) && !ap.contains(event.target)) {
$('.popups').fadeOut(0); $('.popups').fadeOut(0);
}else { } else {
var leftNum = $("#header_row")[0].offsetLeft - 10; var leftNum = $("#header_row")[0].offsetLeft - 10;
var leftLong = $("#servicecat")[0].offsetLeft + ($("#servicecat")[0].offsetLeft/2); var leftLong = $("#servicecat")[0].offsetLeft + ($("#servicecat")[0].offsetLeft / 2);
var widthImg = $("#elImg").width(); var widthImg = $("#elImg").width();
$('.popups-kailong').css("left",(widthImg + leftLong) + 'px'); $('.popups-kailong').css("left", (widthImg + leftLong) + 'px');
$('.popups').css("left", leftNum + 'px'); $('.popups').css("left", leftNum + 'px');
$('.popups').fadeIn(0); $('.popups').fadeIn(0);
} }
} }
}, },
directJump(){ directJump() {
// debugger // debugger
var url = location.href; var url = location.href;
var params = url.replace("?paramtheme=spring","").split("/#")[1]; var params = url.replace("?paramtheme=spring", "").split("/#")[1];
var arr1 = params.split("?"); var arr1 = params.split("?");
var jumpName = arr1[0]; var jumpName = arr1[0];
var jumpObj = {}; var jumpObj = {};
if(arr1.length==2){ if (arr1.length == 2) {
var arr2 = arr1[1].split("&"); var arr2 = arr1[1].split("&");
for(var i=0;i<arr2.length;i++){ for (var i = 0; i < arr2.length; i++) {
if(arr2[i]){ if (arr2[i]) {
var arr3 = arr2[i].split("="); var arr3 = arr2[i].split("=");
var name = arr3[0]; var name = arr3[0];
var value = arr3[1]; var value = arr3[1];
jumpObj[name]=value; jumpObj[name] = value;
} }
} }
} }
...@@ -743,7 +780,7 @@ function addCSS(csspath) { ...@@ -743,7 +780,7 @@ function addCSS(csspath) {
}); });
}, },
initIndexPage(){ initIndexPage() {
var url = location.href; var url = location.href;
console.log(url); console.log(url);
if (url.indexOf("bycdetailtm?sbzch") > 0) { if (url.indexOf("bycdetailtm?sbzch") > 0) {
...@@ -755,23 +792,23 @@ function addCSS(csspath) { ...@@ -755,23 +792,23 @@ function addCSS(csspath) {
params: { sbzch: obj2[0], gjfl: obj2[1] } params: { sbzch: obj2[0], gjfl: obj2[1] }
}); });
// headnotransparent(); // headnotransparent();
}else if (url.indexOf("bycquerytm?tmmonitzcr") > 0) { } else if (url.indexOf("bycquerytm?tmmonitzcr") > 0) {
var obj1 = url.split("bycquerytm?tmmonitzcr=")[1]; var obj1 = url.split("bycquerytm?tmmonitzcr=")[1];
var obj1=decodeURI(obj1); var obj1 = decodeURI(obj1);
this.pushx({ this.pushx({
title: "", title: "",
name: "/bycquerytm", name: "/bycquerytm",
params: { tmmonitzcr: obj1 } params: { tmmonitzcr: obj1 }
}); });
// headnotransparent(); // headnotransparent();
}else if (url.indexOf("bycquerytm") > 0){ } else if (url.indexOf("bycquerytm") > 0) {
// alert("bycquerytm"); // alert("bycquerytm");
this.pushx({ this.pushx({
title: "", title: "",
name: "/bycquerytm" name: "/bycquerytm"
}); });
// headnotransparent(); // headnotransparent();
}else if (url.indexOf("bycnoticedetailtm?name") > 0) { } else if (url.indexOf("bycnoticedetailtm?name") > 0) {
var obj1 = url.split("bycnoticedetailtm?name=")[1]; var obj1 = url.split("bycnoticedetailtm?name=")[1];
var obj2 = obj1.split("&imgurl="); var obj2 = obj1.split("&imgurl=");
var na = decodeURI(obj2[0]); var na = decodeURI(obj2[0]);
...@@ -791,25 +828,25 @@ function addCSS(csspath) { ...@@ -791,25 +828,25 @@ function addCSS(csspath) {
params: { code: obj1 } params: { code: obj1 }
}); });
// headnotransparent(); // headnotransparent();
}else if (url.indexOf("bytmmonitagency?agency_name=") > 0) { } else if (url.indexOf("bytmmonitagency?agency_name=") > 0) {
var obj1 = url.split("bytmmonitagency?agency_name=")[1]; var obj1 = url.split("bytmmonitagency?agency_name=")[1];
var obj1=decodeURI(obj1); var obj1 = decodeURI(obj1);
this.pushx({ this.pushx({
title: "", title: "",
name: "/bytmmonitagency", name: "/bytmmonitagency",
params: { agency_name: obj1 } params: { agency_name: obj1 }
}); });
}else if (url.indexOf("bycncldetail") > 0) { } else if (url.indexOf("bycncldetail") > 0) {
this.pushx({ this.pushx({
title: "商标尼斯查询", title: "商标尼斯查询",
name: "/bycncldetail" name: "/bycncldetail"
}); });
}else if (url.indexOf("bycnoticetm") > 0) { } else if (url.indexOf("bycnoticetm") > 0) {
this.pushx({ this.pushx({
title: "商标公告查询", title: "商标公告查询",
name: "/bycnoticetm" name: "/bycnoticetm"
}); });
}else if (url.indexOf("bycnoticeindex") > 0) { } else if (url.indexOf("bycnoticeindex") > 0) {
var obj1 = url.split("bycnoticeindex?noticetype=")[1]; var obj1 = url.split("bycnoticeindex?noticetype=")[1];
var obj2 = obj1.split("&noticenumber="); var obj2 = obj1.split("&noticenumber=");
var noticetype = decodeURI(obj2[0]); var noticetype = decodeURI(obj2[0]);
...@@ -819,11 +856,11 @@ function addCSS(csspath) { ...@@ -819,11 +856,11 @@ function addCSS(csspath) {
name: "/bycnoticeindex", name: "/bycnoticeindex",
params: { noticetype: noticetype, noticenumber: noticenumber } params: { noticetype: noticetype, noticenumber: noticenumber }
}); });
}else if(url.indexOf("selftmreg") > 0){ } else if (url.indexOf("selftmreg") > 0) {
this.$root.pushx({ this.$root.pushx({
title:"自主商标注册", title: "自主商标注册",
name:"/selftmreg", name: "/selftmreg",
params:{itemCode:"zzsbzc"} params: { itemCode: "zzsbzc" }
}); });
} }
else if (url.indexOf("bytmmonitlist") > 0) { else if (url.indexOf("bytmmonitlist") > 0) {
...@@ -832,13 +869,13 @@ function addCSS(csspath) { ...@@ -832,13 +869,13 @@ function addCSS(csspath) {
name: "/bytmmonitlist" name: "/bytmmonitlist"
}); });
// headnotransparent(); // headnotransparent();
}else if (url.indexOf("bytmmonitdynamics") > 0) { } else if (url.indexOf("bytmmonitdynamics") > 0) {
this.pushx({ this.pushx({
title: "", title: "",
name: "/bytmmonitdynamics" name: "/bytmmonitdynamics"
}); });
// headnotransparent(); // headnotransparent();
}else if (url.indexOf("bytmmonit") > 0) { } else if (url.indexOf("bytmmonit") > 0) {
this.pushx({ this.pushx({
title: "商标监控", title: "商标监控",
name: "/bytmmonit" name: "/bytmmonit"
...@@ -846,62 +883,62 @@ function addCSS(csspath) { ...@@ -846,62 +883,62 @@ function addCSS(csspath) {
// headnotransparent(); // headnotransparent();
} else { } else {
//检查lastaccess //检查lastaccess
var to =this.localdata("lastaccess"); var to = this.localdata("lastaccess");
if(to && to.name.indexOf("roleview")>=0){ if (to && to.name.indexOf("roleview") >= 0) {
this.isfront=false; this.isfront = false;
} }
if(to && to.name.indexOf("login")<0 && this.currentUser){ if (to && to.name.indexOf("login") < 0 && this.currentUser) {
this.pushx(to); this.pushx(to);
}else{ } else {
if(this.currentUser){ if (this.currentUser) {
this.$root.pushx({ this.$root.pushx({
"title":"首页", "title": "首页",
"name":"/" "name": "/"
}); });
}else{ } else {
this.$router.push("/"); this.$router.push("/");
} }
} }
} }
}, },
showHeadLogo(){ showHeadLogo() {
$("#imglogo").css("visibility", "visible"); $("#imglogo").css("visibility", "visible");
}, },
contextCompany(){ contextCompany() {
if(this.switchcompany){ if (this.switchcompany) {
return this.switchcompany; return this.switchcompany;
}else{ } else {
if(location.host.indexOf("igirl.gongsibao.com")<0){ if (location.host.indexOf("igirl.gongsibao.com") < 0) {
}else{ } else {
this.showHeadLogo(); this.showHeadLogo();
} }
return this.currentCompany; return this.currentCompany;
} }
}, },
channelchange(v){ channelchange(v) {
/*获取当前公司信息,获取当前公司的管理员,作登录, /*获取当前公司信息,获取当前公司的管理员,作登录,
重定向对应公司子域名,重写退出方法, 重定向对应公司子域名,重写退出方法,
发送切换前平台账号并登录后重定向平台 发送切换前平台账号并登录后重定向平台
检查平台登录成功要清空本地缓存的平台账号 检查平台登录成功要清空本地缓存的平台账号
*/ */
this.localdata("beforeswitchinfo",{"userid":this.currentUser.id}); this.localdata("beforeswitchinfo", { "userid": this.currentUser.id });
if(v){ if (v) {
this.postReq("/web/userCtl/switchUser",{companyid:v}).then(d=>{ this.postReq("/web/userCtl/switchUser", { companyid: v }).then(d => {
if(d.status==0 && d.data){ if (d.status == 0 && d.data) {
var redirecthost=d.data.domainname; var redirecthost = d.data.domainname;
var urlpath=""; var urlpath = "";
if(d.data.env=="dev"){ if (d.data.env == "dev") {
urlpath="http://"+redirecthost; urlpath = "http://" + redirecthost;
}else{ } else {
urlpath="https://"+redirecthost; urlpath = "https://" + redirecthost;
} }
//新域登录,不允许跨域 //新域登录,不允许跨域
// this.postReq(urlpath+"/web/userCtl/switchLogin",{companyid:v}).then(d=>{ // this.postReq(urlpath+"/web/userCtl/switchLogin",{companyid:v}).then(d=>{
// window.location.href=urlpath; // window.location.href=urlpath;
// }); // });
window.location.href=urlpath+"?sw=0162951413"; window.location.href = urlpath + "?sw=0162951413";
} }
}); });
} }
...@@ -929,57 +966,57 @@ function addCSS(csspath) { ...@@ -929,57 +966,57 @@ function addCSS(csspath) {
this.$refs.topmenu.fetchMetaData(); this.$refs.topmenu.fetchMetaData();
}*/ }*/
}, },
functest(item){ functest(item) {
if (item.code=="forus" || item.code=="solvr" || item.code=="opmethods" || item.code=="clientdemos"){ if (item.code == "forus" || item.code == "solvr" || item.code == "opmethods" || item.code == "clientdemos") {
return true; return true;
}else{ } else {
return false; return false;
} }
}, },
mnufunc(item){ mnufunc(item) {
item = { item = {
code: item.split('/')[1] code: item.split('/')[1]
} }
if (item.code == 'login') { if (item.code == 'login') {
return false; return false;
} }
if(currentTheme=="winter"){ if (currentTheme == "winter") {
if(item.code == 'home' || item.code == 'patentsearch' || item.code == 'entdecide'|| item.code == 'areapatentmonitor' || item.code == 'servicecat'){ if (item.code == 'home' || item.code == 'patentsearch' || item.code == 'entdecide' || item.code == 'areapatentmonitor' || item.code == 'servicecat') {
return true; return true;
}else{ } else {
return false; return false;
} }
}else{ } else {
if(item.code == 'patentsearch' || item.code == 'entdecide'|| item.code == 'areapatentmonitor'){ if (item.code == 'patentsearch' || item.code == 'entdecide' || item.code == 'areapatentmonitor') {
return false; return false;
} }
if(this.contextCompany() && this.contextCompany().id!=1){/* 其它站点*/ if (this.contextCompany() && this.contextCompany().id != 1) {/* 其它站点*/
// console.log(JSON.stringify(this.contextCompany())); // console.log(JSON.stringify(this.contextCompany()));
if(currentTheme!="autumn" && item.code=="zcfw"){ if (currentTheme != "autumn" && item.code == "zcfw") {
return false; return false;
} }
if(item.code=="siteapply" || ((item.code=="servicecat") && !this.isfront) if (item.code == "siteapply" || ((item.code == "servicecat") && !this.isfront)
|| (item.code=="servicecat" && this.contextCompany().siteTheme!="default") || || (item.code == "servicecat" && this.contextCompany().siteTheme != "default") ||
(item.code=="servicecat" && this.contextCompany().siteTheme=="default" && window.location.hash.indexOf("login")>=0) (item.code == "servicecat" && this.contextCompany().siteTheme == "default" && window.location.hash.indexOf("login") >= 0)
|| item.code=="forus" || item.code=="solvr" || item.code=="opmethods" || item.code=="clientdemos"){ || item.code == "forus" || item.code == "solvr" || item.code == "opmethods" || item.code == "clientdemos") {
return false; return false;
}else{ } else {
return true; return true;
} }
}else{ } else {
if(item.code=="servicecat" || item.code=="tmtransactionmarket" || item.code=="home" || item.code=="bycquerytm" || item.code=="bytmmonit"){ if (item.code == "servicecat" || item.code == "tmtransactionmarket" || item.code == "home" || item.code == "bycquerytm" || item.code == "bytmmonit") {
return false; return false;
} }
if(this.codePath.indexOf("bycquerytm")>=0 && this.functest(item)){ if (this.codePath.indexOf("bycquerytm") >= 0 && this.functest(item)) {
return false; return false;
} }
if(this.codePath.indexOf("bytmmonit")>=0 && this.functest(item)){ if (this.codePath.indexOf("bytmmonit") >= 0 && this.functest(item)) {
return false; return false;
} }
if(this.codePath.indexOf("tmtransactionmarket")>=0 && this.functest(item)){ if (this.codePath.indexOf("tmtransactionmarket") >= 0 && this.functest(item)) {
return false; return false;
} }
if( item.code=="zcfw"){ if (item.code == "zcfw") {
return false; return false;
} }
...@@ -989,11 +1026,11 @@ function addCSS(csspath) { ...@@ -989,11 +1026,11 @@ function addCSS(csspath) {
} }
}, },
goBack(event) { goBack(event) {
if(!this.isfront){ if (!this.isfront) {
alert("请选择后台页面中的页签进行快捷导航"); alert("请选择后台页面中的页签进行快捷导航");
history.go(1); history.go(1);
return; return;
}else{ } else {
this.pushx({ this.pushx({
title: "首页", title: "首页",
name: "/" name: "/"
...@@ -1002,7 +1039,7 @@ function addCSS(csspath) { ...@@ -1002,7 +1039,7 @@ function addCSS(csspath) {
} }
}, },
backhome(){ backhome() {
this.pushx({ this.pushx({
title: "首页", title: "首页",
...@@ -1010,7 +1047,7 @@ function addCSS(csspath) { ...@@ -1010,7 +1047,7 @@ function addCSS(csspath) {
}); });
this.isfront = true; this.isfront = true;
this.stageType = true; this.stageType = true;
this.isShowMenu=false; this.isShowMenu = false;
this.hidetabs(); this.hidetabs();
// setTimeout(()=>{ // setTimeout(()=>{
// this.$refs.topmenu.fetchMetaData(()=>{ // this.$refs.topmenu.fetchMetaData(()=>{
...@@ -1020,8 +1057,8 @@ function addCSS(csspath) { ...@@ -1020,8 +1057,8 @@ function addCSS(csspath) {
this.popupsType = true; this.popupsType = true;
}, },
goadmin(){ goadmin() {
this.isfront=false; this.isfront = false;
this.pushx({ this.pushx({
title: "每日概览", title: "每日概览",
name: "/roleview" name: "/roleview"
...@@ -1030,7 +1067,7 @@ function addCSS(csspath) { ...@@ -1030,7 +1067,7 @@ function addCSS(csspath) {
}, },
aboutus: function () { aboutus: function () {
console.log("---------------------------------------"); console.log("---------------------------------------");
this.popupsType=false; this.popupsType = false;
this.pushx({ this.pushx({
title: "关于我们", title: "关于我们",
name: "/aboutus" name: "/aboutus"
...@@ -1044,14 +1081,14 @@ function addCSS(csspath) { ...@@ -1044,14 +1081,14 @@ function addCSS(csspath) {
$(".el-tabs__nav-scroll").hide(); $(".el-tabs__nav-scroll").hide();
$(".el-tabs--border-card > .el-tabs__header").css("border-bottom", "none"); $(".el-tabs--border-card > .el-tabs__header").css("border-bottom", "none");
}, },
localdata(key,item){ localdata(key, item) {
if(item){ if (item) {
localStorage.setItem(key,JSON.stringify(item)); localStorage.setItem(key, JSON.stringify(item));
}else{ } else {
var strobj=localStorage.getItem(key); var strobj = localStorage.getItem(key);
if(strobj){ if (strobj) {
return JSON.parse(strobj); return JSON.parse(strobj);
}else{ } else {
return null; return null;
} }
...@@ -1061,15 +1098,15 @@ function addCSS(csspath) { ...@@ -1061,15 +1098,15 @@ function addCSS(csspath) {
console.log(to); console.log(to);
let exittabs = this.editableTabs2.filter(tab => tab.name == to.name); let exittabs = this.editableTabs2.filter(tab => tab.name == to.name);
if(window.location.href.indexOf("isModifyTitle=1")<0){//若是window.open 打开的页面 则不记录最后一次的点击 if (window.location.href.indexOf("isModifyTitle=1") < 0) {//若是window.open 打开的页面 则不记录最后一次的点击
var beforeaccess = this.localdata("lastaccess"); var beforeaccess = this.localdata("lastaccess");
//缓存记录倒数第二次的点击,目前用于订单修改返回 //缓存记录倒数第二次的点击,目前用于订单修改返回
this.localdata("beforeaccess",beforeaccess); this.localdata("beforeaccess", beforeaccess);
//缓存记录最后一次的点击 //缓存记录最后一次的点击
this.localdata("lastaccess",to); this.localdata("lastaccess", to);
} }
//记录当前to到内存,key是路由路径 //记录当前to到内存,key是路由路径
this.localdata(to.name,to); this.localdata(to.name, to);
if (exittabs.length > 0) { if (exittabs.length > 0) {
this.editableTabsValue2 = to.name; this.editableTabsValue2 = to.name;
this.$nextTick(() => { this.$nextTick(() => {
...@@ -1098,16 +1135,16 @@ function addCSS(csspath) { ...@@ -1098,16 +1135,16 @@ function addCSS(csspath) {
}); });
}, },
showtopmenu(){ showtopmenu() {
console.log('检索'); console.log('检索');
this.isfront=true; this.isfront = true;
var test=window.location.hash; var test = window.location.hash;
console.log("nnnnnnnnnnnnnnnnnnnnnnnnn===============",test); console.log("nnnnnnnnnnnnnnnnnnnnnnnnn===============", test);
if (test.indexOf('moreservice') == '-1' && test!="#/") { if (test.indexOf('moreservice') == '-1' && test != "#/") {
this.popupsType = false; this.popupsType = false;
$(".spechorizotal .nav_color").css("color", "black"); $(".spechorizotal .nav_color").css("color", "black");
$(".spechorizotal .nav_color:hover").css("color", "#2692FF"); $(".spechorizotal .nav_color:hover").css("color", "#2692FF");
}else { } else {
this.popupsType = true; this.popupsType = true;
} }
...@@ -1133,29 +1170,29 @@ function addCSS(csspath) { ...@@ -1133,29 +1170,29 @@ function addCSS(csspath) {
console.log(this.currentCodePath); console.log(this.currentCodePath);
this.editableTabsValue2 = tab.name; this.editableTabsValue2 = tab.name;
//点击页签时,先获取以前的缓存to //点击页签时,先获取以前的缓存to
var tovalue=this.localdata(tab.name); var tovalue = this.localdata(tab.name);
//点击页签时,设置一个全局的环境变量宣称当前的操作为点击页签 //点击页签时,设置一个全局的环境变量宣称当前的操作为点击页签
this.$store.state.istabclick=true; this.$store.state.istabclick = true;
if(tab.name =="/"){ if (tab.name == "/") {
this.showtopmenu(); this.showtopmenu();
this.hidetabs(); this.hidetabs();
this.isShowMenu=false; this.isShowMenu = false;
} }
if (tab.name == "home") { if (tab.name == "home") {
this.$router.push("/"); this.$router.push("/");
this.hidetabs(); this.hidetabs();
this.isShowMenu=false; this.isShowMenu = false;
} else { } else {
console.log("================mmmmmmmmmmmmmmmmmmmmmmmmmmmmm==============="); console.log("================mmmmmmmmmmmmmmmmmmmmmmmmmmmmm===============");
console.log(JSON.stringify(this.editableTabs2)); console.log(JSON.stringify(this.editableTabs2));
console.log(tab.name); console.log(tab.name);
if(tovalue){ if (tovalue) {
if(tovalue.params){ if (tovalue.params) {
this.$router.push({path:tovalue.name,query:tovalue.params}); this.$router.push({ path: tovalue.name, query: tovalue.params });
}else{ } else {
this.$router.push({path:tovalue.name}); this.$router.push({ path: tovalue.name });
} }
}else{ } else {
this.$router.push(tab.name); this.$router.push(tab.name);
} }
} }
...@@ -1231,11 +1268,11 @@ function addCSS(csspath) { ...@@ -1231,11 +1268,11 @@ function addCSS(csspath) {
}); });
}, },
isUrlSw(){ isUrlSw() {
var pas=location.href.split("?"); var pas = location.href.split("?");
if(pas && pas.length==2){ if (pas && pas.length == 2) {
var swnames=pas[1].split("="); var swnames = pas[1].split("=");
if(swnames && swnames[0]=="sw"){ if (swnames && swnames[0] == "sw") {
return true; return true;
} }
} }
...@@ -1243,18 +1280,18 @@ function addCSS(csspath) { ...@@ -1243,18 +1280,18 @@ function addCSS(csspath) {
}, },
checkLogin: function (cbk) { checkLogin: function (cbk) {
var self = this; var self = this;
var param={}; var param = {};
var puser=this.localdata("beforeswitchinfo"); var puser = this.localdata("beforeswitchinfo");
if(puser && puser.userid){ if (puser && puser.userid) {
param.isswitch=1;//表示当前是切换 param.isswitch = 1;//表示当前是切换
param.userid=puser.userid; param.userid = puser.userid;
} }
if(queryMap["sw"]){ if (queryMap["sw"]) {
param.isswitch=1; param.isswitch = 1;
} }
if(queryMap["paramtheme"]){ if (queryMap["paramtheme"]) {
param.paramtheme=queryMap["paramtheme"]; param.paramtheme = queryMap["paramtheme"];
} }
// var pas=location.href.split("?"); // var pas=location.href.split("?");
// if(pas && pas.length==2){ // if(pas && pas.length==2){
...@@ -1263,17 +1300,17 @@ function addCSS(csspath) { ...@@ -1263,17 +1300,17 @@ function addCSS(csspath) {
// param.isswitch=1; // param.isswitch=1;
// } // }
// } // }
var owner=self; var owner = self;
self.postReq("/web/userCtl/checkLogin", param).then(function (d) { self.postReq("/web/userCtl/checkLogin", param).then(function (d) {
//登录igirl--平台刷新页面后,清空beforeswitchinfo //登录igirl--平台刷新页面后,清空beforeswitchinfo
if(location.host.indexOf("igirl.gongsibao.com")>=0 || location.host.indexOf("igsuper.gongsibao.com")>=0){ if (location.host.indexOf("igirl.gongsibao.com") >= 0 || location.host.indexOf("igsuper.gongsibao.com") >= 0) {
localStorage.removeItem("beforeswitchinfo"); localStorage.removeItem("beforeswitchinfo");
} }
// alert(d.data.company.siteTheme); // alert(d.data.company.siteTheme);
if (d && d.status == 0 && d.data.status != -99) { if (d && d.status == 0 && d.data.status != -99) {
//修改样式header //修改样式header
self.$store.state.currentUser = d.data; self.$store.state.currentUser = d.data;
self.currentUser=d.data; self.currentUser = d.data;
// if (d.data.company) { // if (d.data.company) {
// self.currentCompany = d.data.company; // self.currentCompany = d.data.company;
// //设置全具主题 // //设置全具主题
...@@ -1302,8 +1339,8 @@ function addCSS(csspath) { ...@@ -1302,8 +1339,8 @@ function addCSS(csspath) {
} }
} else { } else {
if (d && d.data) { if (d && d.data) {
self.$store.state.currentUser =null; self.$store.state.currentUser = null;
self.currentUser=null; self.currentUser = null;
// self.currentCompany = d.data.company; // self.currentCompany = d.data.company;
// //设置全具主题 // //设置全具主题
// if(self.currentCompany.siteTheme && self.currentCompany.siteTheme!=""){ // if(self.currentCompany.siteTheme && self.currentCompany.siteTheme!=""){
...@@ -1340,10 +1377,10 @@ function addCSS(csspath) { ...@@ -1340,10 +1377,10 @@ function addCSS(csspath) {
showLogin: function () { showLogin: function () {
}, },
siteapply(){ siteapply() {
this.pushx({ this.pushx({
title:"站点申请", title: "站点申请",
name:"/siteapply" name: "/siteapply"
}); });
}, },
hideLogin: function () { hideLogin: function () {
...@@ -1378,11 +1415,11 @@ function addCSS(csspath) { ...@@ -1378,11 +1415,11 @@ function addCSS(csspath) {
title: "登录", title: "登录",
name: "/login" name: "/login"
}); });
setTimeout(()=>{ setTimeout(() => {
this.$refs.topmenu.fetchMetaData(()=>{ this.$refs.topmenu.fetchMetaData(() => {
}); });
},300); }, 300);
} }
if (k == "roleview") { if (k == "roleview") {
this.pushx({ this.pushx({
...@@ -1393,25 +1430,25 @@ function addCSS(csspath) { ...@@ -1393,25 +1430,25 @@ function addCSS(csspath) {
if (k == "exit") { if (k == "exit") {
var objuser=this.localdata("beforeswitchinfo"); var objuser = this.localdata("beforeswitchinfo");
var param=null; var param = null;
var isRtnPlatform=false; var isRtnPlatform = false;
if(objuser && objuser.userid){ if (objuser && objuser.userid) {
isRtnPlatform=true; isRtnPlatform = true;
param={"userid":objuser.userid}; param = { "userid": objuser.userid };
} }
this.getReq("/web/userCtl/exit", null).then(function (r) { this.getReq("/web/userCtl/exit", null).then(function (r) {
if(!self.isUrlSw()){//如果不是渠道退出,否则返回平台 if (!self.isUrlSw()) {//如果不是渠道退出,否则返回平台
self.$store.state.currentUser = null; self.$store.state.currentUser = null;
self.hidetabs(); self.hidetabs();
self.$nextTick(() => { self.$nextTick(() => {
self.backhome(); self.backhome();
}); });
}else{ } else {
if(r.data && r.data.env=="dev"){ if (r.data && r.data.env == "dev") {
location.href="http://igsuper.gongsibao.com"; location.href = "http://igsuper.gongsibao.com";
}else{ } else {
location.href="https://igirl.gongsibao.com"; location.href = "https://igirl.gongsibao.com";
} }
} }
}); });
...@@ -1424,14 +1461,14 @@ function addCSS(csspath) { ...@@ -1424,14 +1461,14 @@ function addCSS(csspath) {
// }else { // }else {
// headtransparent() // headtransparent()
// } // }
console.log(index,'sssssssssssssss'); console.log(index, 'sssssssssssssss');
var self = this; var self = this;
if (index == 'patentsearch') { if (index == 'patentsearch') {
this.stageType = false; this.stageType = false;
this.pushx({ this.pushx({
title:"区域专利监控", title: "区域专利监控",
name:"/iframehtml", name: "/iframehtml",
params:{url: 'https://zhuanzhidao.gongsibao.com/#/patentsimplesearch'} params: { url: 'https://zhuanzhidao.gongsibao.com/#/patentsimplesearch' }
}) })
return false; return false;
} }
...@@ -1439,9 +1476,9 @@ function addCSS(csspath) { ...@@ -1439,9 +1476,9 @@ function addCSS(csspath) {
this.stageType = false; this.stageType = false;
this.pushx({ this.pushx({
title:"区域专利监控", title: "区域专利监控",
name:"/iframehtmlone", name: "/iframehtmlone",
params:{url: 'https://zhuanzhidao.gongsibao.com/#/regionalpatentmonitoring'} params: { url: 'https://zhuanzhidao.gongsibao.com/#/regionalpatentmonitoring' }
}) })
// this.loadingHome = true; // this.loadingHome = true;
// setTimeout(()=>{ // setTimeout(()=>{
...@@ -1452,15 +1489,15 @@ function addCSS(csspath) { ...@@ -1452,15 +1489,15 @@ function addCSS(csspath) {
if (index == 'entdecide') { if (index == 'entdecide') {
this.stageType = false; this.stageType = false;
this.pushx({ this.pushx({
title:"企业决策", title: "企业决策",
name:"/iframehtmltwo", name: "/iframehtmltwo",
params:{url: 'https://zhuanzhidao.gongsibao.com/#/businessdecisions'} params: { url: 'https://zhuanzhidao.gongsibao.com/#/businessdecisions' }
}) })
return false; return false;
} }
if(index=="forus" || index=="solvr" || index=="opmethods" || index=="clientdemos"){ if (index == "forus" || index == "solvr" || index == "opmethods" || index == "clientdemos") {
self.homeobj.getNavIndex(index); self.homeobj.getNavIndex(index);
$("#app").animate({scrollTop:window.innerHeight},500) $("#app").animate({ scrollTop: window.innerHeight }, 500)
return false; return false;
} }
if (index == "servicecat") { if (index == "servicecat") {
...@@ -1476,22 +1513,22 @@ function addCSS(csspath) { ...@@ -1476,22 +1513,22 @@ function addCSS(csspath) {
// return; // return;
// } // }
if(index=="zcfw"){ if (index == "zcfw") {
if(location.href.indexOf("https")>=0){ if (location.href.indexOf("https") >= 0) {
window.open("https://"+location.host+"?paramtheme=spring"); window.open("https://" + location.host + "?paramtheme=spring");
}else{ } else {
window.open("https://"+location.host+"?paramtheme=spring"); window.open("https://" + location.host + "?paramtheme=spring");
} }
return; return;
} }
if(index=="/"){ if (index == "/") {
this.stageType = true; this.stageType = true;
if(this.homeobj && this.currentCompany.id==1){ if (this.homeobj && this.currentCompany.id == 1) {
this.homeobj.a=false; this.homeobj.a = false;
} }
if(this.homeobj && this.currentCompany.id!=1){ if (this.homeobj && this.currentCompany.id != 1) {
this.homeobj.moreservice("ip"); this.homeobj.moreservice("ip");
} }
this.popupsType = true; this.popupsType = true;
...@@ -1524,8 +1561,8 @@ function addCSS(csspath) { ...@@ -1524,8 +1561,8 @@ function addCSS(csspath) {
}, },
getReq(path, data) { getReq(path, data) {
var self = this; var self = this;
return new Promise(function(resv,reject){ return new Promise(function (resv, reject) {
axios.get(path, { params: data, "headers": { "theme":currentTheme,"codepath": self.codePath, "companyid":self.contextCompany()?self.contextCompany().id:"" } }).then(function (r) { axios.get(path, { params: data, "headers": { "theme": currentTheme, "codepath": self.codePath, "companyid": self.contextCompany() ? self.contextCompany().id : "" } }).then(function (r) {
if (r && r.data && r.data.status == -99) { if (r && r.data && r.data.status == -99) {
self.$store.state.currentUser = null; self.$store.state.currentUser = null;
self.hideMask(); self.hideMask();
...@@ -1549,7 +1586,7 @@ function addCSS(csspath) { ...@@ -1549,7 +1586,7 @@ function addCSS(csspath) {
} }
resv(r.data ? r.data : null); resv(r.data ? r.data : null);
} }
}).catch(function(e){ }).catch(function (e) {
reject(e); reject(e);
}); });
}); });
...@@ -1557,7 +1594,7 @@ function addCSS(csspath) { ...@@ -1557,7 +1594,7 @@ function addCSS(csspath) {
}, },
postReq(path, data) { postReq(path, data) {
var self = this; var self = this;
return axios.post(path, data, { "headers": {"theme":currentTheme, 'codepath': self.codePath, "companyid": self.contextCompany()?self.contextCompany().id:"" } }).then(function (r) { return axios.post(path, data, { "headers": { "theme": currentTheme, 'codepath': self.codePath, "companyid": self.contextCompany() ? self.contextCompany().id : "" } }).then(function (r) {
if (r && r.data && r.data.status == -99) { if (r && r.data && r.data.status == -99) {
self.$store.state.currentUser = null; self.$store.state.currentUser = null;
self.hideMask(); self.hideMask();
...@@ -1578,6 +1615,6 @@ function addCSS(csspath) { ...@@ -1578,6 +1615,6 @@ function addCSS(csspath) {
}); });
}, },
}, },
}); });
//}); //});
//}); //});
...@@ -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;
...@@ -598,3 +600,12 @@ ...@@ -598,3 +600,12 @@
.policylist-qr > img { .policylist-qr > img {
vertical-align:middle; vertical-align:middle;
} }
.shenbao{
margin-left: 15px;
width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
\ No newline at end of file
<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,9 +139,10 @@ ...@@ -152,9 +139,10 @@
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">
...@@ -170,7 +158,7 @@ ...@@ -170,7 +158,7 @@
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"
...@@ -188,6 +176,22 @@ ...@@ -188,6 +176,22 @@
</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>
......
...@@ -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)',
......
#baoguo{
width: 360px !important;
height: 369px !important;
background: rgba(255,255,255,1);
border: 1px solid rgba(151,151,151,1);
}
...@@ -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">
<div class="login-div" v-if="a"> <span class="tong">政企通</span>
<div class="login-content"> <span class="shujuzi">政策大数据服务平台</span>
<div class="login-content-title">
欢迎登录{{ this.$root.currentCompany?this.$root.currentCompany.sitename:"知圈圈"}}
</div> </div>
<div style="width:260px;margin-left:30px;height:40px;"> <div class="login-div" v-if="a">
<div class="login-content" id="baoguo">
<div style="width: 324px;
margin-top: 30px;
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>
......
...@@ -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;
......
.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;
}
<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
{
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
.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;
}
<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
{
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
.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;
}
<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;
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 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> </gsb-form>
</div> </div>
</gsb-pcpage> </gsb-pcpage> -->
\ No newline at end of file
{ {
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);
} }
if(rule.field=="vcode"){ },1000);
if(self.vcode!=value){ that.$root.postReq("/web/userCtl/fetchVcode",{mobile:that.form3.mobile}).then(function(d){
return callback(new Error("验证码输入错误,请重新输入或重新获取后输入!")); console.log(d);
if(d.status==0){
that.rcode=d.data.vcodestr;
} }
})
}else{
that.$message({
type: 'error',
message: '用户尚未注册'
});
} }
return callback(); })
}, },
sbhandler:function () { obtaincode3(){
var self=this; var that=this;
var fm=this.currentFrm.getFormModel(); if(/^1[23456789]\d{9}$/.test(that.form4.mobile) == false){
this.currentFrm.validate(function(v){ that.$alert('请输入正确格式的手机号码', '提示', {
if(v){ confirmButtonText: '确定',
self.$root.postReq("/web/userCtl/register",{u:fm}).then(function(d){ 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){ if(d.status==0){
self.$root.removetab("/register"); console.log(d);
self.$root.pushx({ that.rcode=d.data.vcodestr;
title:"登录", }
name:"/login" })
}else{
that.$message({
type: 'error',
message: '用户已存在, 请修改并重试'
}); });
}
})
},
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();
} }
}); });
} }
})
}
})
},
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: '用户名或密码错误,请重试.'
});
}
})
}
}); });
}, },
btnclick:function(pfm,code){ sumbitreset(){
var fm=pfm; var that=this;
if(code=="vcodeget"){ 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 that=this;
if(/^1[23456789]\d{9}$/.test(fm.mobile) == false){ 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('请输入正确格式的手机号码', '提示', { this.$alert('请输入正确格式的手机号码', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
callback: action => { callback: action => {
} }
}); });
return; 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;
} }
this.$root.showMask(); })
/*ajax 调用获取手机验证码,并存储到*/
this.$root.postReq("/web/userCtl/fetchVcode",{mobile:fm.mobile}).then(function(d){ },
validmethod:function (rule,value,callback) {
console.log("code validdate");
var self=this;
var fm=this.currentFrm.getFormModel();
return callback();
},
sbhandler:function () {
var self=this;
var fm=this.$refs.loginFrm.getFormModel();
this.$refs.loginFrm.validate(function(v){
if(v){
self.$root.postReq("/web/userCtl/login",{u:fm}).then(function(d){
if(d.status==0){ if(d.status==0){
that.vcode=d.data.vcodestr; console.log("....................................................................................");
setTimeout(()=>{ self.$root.refreshLoginState(()=>{
that.$root.hideMask(); console.log("....................................................................................innner");
},3000); 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: '用户名或密码错误,请重试.'
});
} }
}); });
} }
});
}, },
}, },
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