Commit a74c5230 by 任建

rj

parent cba59a57
......@@ -809,10 +809,13 @@ module.exports = {
"path": "",
},
],
},
"bizs": {
"recommen": {"title": "政策推荐", "config": null, "path":"/recommen", "comname": "recommen"},
"pay": {"title": "支付订阅", "config": null, "path":"/pay", "comname": "pay"},
"subscription": {"title": "政策订阅", "config": null, "path":"/subscription", "comname": "subscription"},
"patentanalysis": { "title": "专利分析", "config": null, "path": "/patentanalysis", "comname": "patentanalysis" },
"declare": { "title": "申报通知", "config": null, "path": "/declare", "comname": "declare" },
"managementmeasures": { "title": "管理办法", "config": null, "path": "/managementmeasures", "comname": "managementmeasures" },
......@@ -1173,7 +1176,7 @@ module.exports = {
"dispose_status": { "wxd": "未下单", "yxd": "已下单" },
"order_source": { "gsay": "公司案源", "ptsj": "平台商机", "wzzx": "网站咨询" },
"customer_intention": { "yxyb": "意向一般", "yxhg": "重要意向", "wjt": "未接通" },
"site_theme": { "default": "默认", "normal":"常规","spring": "九宫格", "autumn": "交易", "summer": "工商", "winter": "专利", "meihua": "综合","policy":"政策"},//, "summer": "夏天", "autumn": "秋天", "winter": "冬天" },
"site_theme": { "default": "默认", "normal":"常规","spring": "九宫格", "autumn": "交易", "summer": "工商", "winter": "专利", "meihua": "综合","policy":"政策","policyShop":"政策商城"},//, "summer": "夏天", "autumn": "秋天", "winter": "冬天" },
"site_theme2": { "autumn": "秋天" },//用于交易专场---》秋天主题首页专场信息维护
"tm_transaction_publish_status": { "audit": "审核中", "fail": "审核不通过", "success": "审核通过", "uppershelf": "上架", "lowershelf": "下架" },//商标交易发布状态
"big_class_icon": {
......
......@@ -549,6 +549,12 @@
<el-dropdown-item v-for="item in titles" :command="item.title">{{item.name}}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown style="float: left;" @command="handleCommand">
<div class="header-main-tool" @click="onselect('subscription')"><span>政策订阅</span></div>
</el-dropdown>
<el-dropdown style="float: left;" @command="handleCommand">
<div class="header-main-tool" @click="goShop"><span>政策商城</span></div>
</el-dropdown>
</div>
<div style="float: right;" v-else>
<el-dropdown style="float: right;" @command="handleCommand">
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -623,7 +623,10 @@ var app = new Vue({
* ]
* }
*/
goShop(){
window.location.href='#';
this.windowOpen({url:"/?paramtheme=policyShop#/",params:[]})
},
windowOpen(obj) {
if (!obj) {
this.$message.warning("参数错误");
......@@ -1391,7 +1394,12 @@ var app = new Vue({
this.popupsType = false;
var self = this;
if (k == "subscription") {
this.pushx({
title: "政策订阅",
name: "/subscription"
});
}
if (k == "declare") {
this.pushx({
title: "政策资讯",
......
......@@ -22,11 +22,12 @@
listArr:[],
show2: false,
checkBoxArr: [
"搜政策",
"搜企业"
"政策查询",
"政策推荐"
],
activeClass: 0,
type: "政策查询"
}
},
mounted:function(){
......@@ -137,10 +138,20 @@
}
},
searchResult () {
this.$root.pushx({
title: "政策列表",
name: "/policyquery"
});
if(this.state2!=""){
if(this.type == "政策推荐"){
this.$root.pushx({
title: "政策推荐",
name: "/recommen"
});
}else if(this.type == "政策查询"){
this.$root.pushx({
title: "政策列表",
name: "/policyquery"
});
}
}
if (this.state2 != '') {
var obj = {
......@@ -197,6 +208,11 @@
},
getItme(index) {
this.activeClass = index;
if(index == 0 ){
this.type = "政策查询"
}else{
this.type = "政策推荐"
}
},
},
computed:{
......
<div class="normal">
<div class="normal-header">
<img class="normal-header-logo" src="/imgs/gsbLogo.png" alt="">
<div style="display: inline-block;">
<div class="normal-input-tabs">
<div :style="inputTabsKey == 1 ? \'background:rgba(81,163,245,1);color:#fff\' : \' \'"
@click="inputTabsKey = 1">商标</div>
<div :style="inputTabsKey == 2 ? \'background:rgba(81,163,245,1);color:#fff\' : \' \'"
@click="inputTabsKey = 2">专利</div>
<div :style="inputTabsKey == 3 ? \'background:rgba(81,163,245,1);color:#fff\' : \' \'"
@click="inputTabsKey = 3">公司核名</div>
</div>
<div v-if="inputTabsKey == 1" style="display: inline-block;border:2px solid rgba(81,163,245,1);">
<el-autocomplete v-model="mark" :fetch-suggestions="querySearch" placeholder="请输入商标名称、申请号、申请人等信息"
style="color:#DE3883;width:700px;" @keyup.enter.native="indexsearch" @select="handleSelect">
<div style="padding:12px 0;width: 20px;height:20px;" slot="suffix">
<label for="uploads">
<i class="iconfont" style="color: #108EE9 ;padding-right: 10px;cursor:pointer;">&#xe630;</i>
</label>
<input type="file" id="uploads" style="height:0;width:0;"
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)">
</div>
<el-button class="leibie-btn" style="border: none;" slot="append" @click="checkClick">全部类别
<i class="iconfont cqtm-down">
&#xe664;
</i>
</el-button>
<el-button class="search-btn1" slot="append" @click="indexsearch"
style="color: white;border: 1px solid #51A3F5;background: #51A3F5 !important">
检索
</el-button>
<!-- <el-button class="search-btn2" style="color: white" slot="append" @click="intelligentassessClick">智能评估</el-button> -->
</el-autocomplete>
<el-card v-if="f"
style="font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:700px;z-index: 9999;">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll1" @change="handleCheckAllChange">
全选
</el-checkbox>
<el-checkbox-group v-model="checkedNcl" @change="handleCheckedNclChange">
<ul style="list-style:none; padding:0;margin:0;text-align:left;overflow: hidden;">
<li v-for="n in ncl" :key="n" style="float:left;width:125px">
<el-checkbox :label="n">{{n}}</el-checkbox>
</li>
</ul>
</el-checkbox-group>
</el-card>
</div>
<div class="normal-inquire-input-patent" v-if="inputTabsKey == 2">
<el-input v-model="patentInput" placeholder="请输入您要检索的专利名称、申请号、申请人等内容" style="color:#DE3883;width:704px">
<el-button class="leibie-btn" slot="append" @click="checkPatentClick">数据范围
<i class="el-icon-arrow-down">
</i>
</el-button>
<el-button class="search-btn1" slot="append" style="color: white" @click="search1">
检索
</el-button>
</el-input>
<div v-if="b2" style="z-index:9999; position: absolute; top: 90px;">
<el-card
style="width:700px;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute">
<el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">
全部数据
</el-checkbox>
<div class="line"></div>
<el-row style="height:25px;">
<div style="width:200px;display:inline-block;">
<el-checkbox v-model="checkAll1" @change="handleCheckAllChange1"
:indeterminate="isIndeterminate1">
中国
</el-checkbox>
</div>
<div style="width:440px;display:inline-block;">
<el-checkbox-group v-model="checked" @change="handleCheckedCitiesChange1">
<el-checkbox v-for="city1 in cities1" :label="city1" :key="city1">{{city1}}
</el-checkbox>
</el-checkbox-group>
</div>
</el-row>
<div class="line"></div>
<el-row style="height:50px;">
<div style="width:200px;display:inline-block;">
<el-checkbox v-model="checkAll2" @change="handleCheckAllChange2"
:indeterminate="isIndeterminate2">
主要国家/地区/组织
</el-checkbox>
</div>
<div style="width:440px;display:inline-block;">
<el-checkbox-group v-model="checkedmain" @change="handleCheckedCitiesChange2">
<el-checkbox v-for="city2 in cities2.slice(0,5)" :label="city2" :key="city2">
{{city2}}</el-checkbox>
</el-checkbox-group>
<el-checkbox-group v-model="checkedmain" @change="handleCheckedCitiesChange2"
style="margin-top:10px;">
<el-checkbox v-for="city2 in cities2.slice(5,10)" :label="city2" :key="city2">
{{city2}}</el-checkbox>
</el-checkbox-group>
</div>
</el-row>
<div class="line"></div>
<el-row style="height:50px;">
<div style="width:200px;display:inline-block;">
<el-checkbox v-model="checkAll3" @change="handleCheckAllChange3"
:indeterminate="isIndeterminate3">
其他国家/地区/组织
</el-checkbox>
</div>
<div style="width:440px;display:inline-block;">
<el-checkbox-group v-model="checkedother" @change="handleCheckedCitiesChange3">
<el-checkbox v-for="city3 in cities3.slice(0,4)" :label="city3" :key="city3">
{{city3}}</el-checkbox>
</el-checkbox-group>
<el-checkbox-group v-model="checkedother" @change="handleCheckedCitiesChange3"
style="margin-top:10px;">
<el-checkbox v-for="city3 in cities3.slice(4,6)" :label="city3" :key="city3">
{{city3}}</el-checkbox>
</el-checkbox-group>
</div>
</el-row>
</el-card>
</div>
</div>
<div class="normal-inquire-input" v-if="inputTabsKey == 3">
<div class="normal-input-value">
<el-select style="width:15%" v-model="value1" placeholder="请选择城市">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-input style="width:50%" v-model="input" placeholder="请输入您的公司名称"></el-input>
<el-select style="width:15%" v-model="value2" placeholder="请选择行业">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-select style="width:15%" v-model="value3" placeholder="请选择类型">
<el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="normal-input-buttom" @click="searchResult">获取核名结果</div>
</div>
</div>
<div class="normal-header-a1">
<div class="tabs">服务分类</div>
<div class="items">
<div v-for="i in popupsSeDataNew" @click="normalMenuSelect(i)">{{i.label}}</div>
</div>
<div class="normal-header-a1dh"><img src="/imgs/normal/dh.png" alt=""> 4006-798-999</div>
</div>
</div>
<div v-if="show">
<div
style="position: fixed;width:100%;z-index:999;background-color:black;top:0;left:0;right:0;bottom: 0;opacity: 0.5;">
</div>
<div style="position:fixed;top:15%;height:60%;left:35%;right:35%;z-index: 9999;background-color:white;">
<div class="cut" style="width:100%;text-align:center;margin: 0 auto;">
<div style="width:96%;margin:0 2%;text-align:right;font-size:18px;">
<i @click="hideCropper" class="el-icon-circle-close" style="cursor:pointer;">
</i></div>
<h3 style="font-size: .8rem;" v-if="!title">把不必要的部分裁剪掉,以保证搜索结果的准确性</h3>
<h3 v-if="title">{{title}}</h3>
<vue-cropper ref="cropper" :img="option.img" :output-size="option.size" :output-type="option.outputType"
:info="true" :full="option.full" :can-move="option.canMove" :can-move-box="option.canMoveBox"
:fixed-box="option.fixedBox" :original="option.original" :auto-crop="option.autoCrop"
:auto-crop-width="option.autoCropWidth" :auto-crop-height="option.autoCropHeight"
:center-box="option.centerBox" @real-time="realTime" :high="option.high" @img-load="imgLoad">
</vue-cropper>
<slot></slot>
<div>
<label class="btn" for="uploads">重新选择</label>
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);"
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)">
<a @click="down(1)" class="btn">下载图片</a>
<a class="btn" @click="submit">提交图片</a>
</div>
<div style="margin-top:15px;">
<el-checkbox-group v-model="checkImage" @change="checkImageValue">
<el-checkbox label="原始图像"></el-checkbox>
<el-checkbox label="灰度图像"></el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
<div class="normal-swiper">
<el-carousel :interval="5000" arrow="never" height="406px">
<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;\'"
@click="banerpath(item)"></div>
</el-carousel-item>
</el-carousel>
<!-- 第二版 -->
<div class="popups-two normal-two">
<div class="popups-two-main" @mouseleave="popupsLeave">
<div class="popups-two-main-left" style="width:190px;padding: 0px;pointer-events: auto;">
<div v-for="(item,key) in popupsDataNew" v-if="key < 7"
:class="pTowDataKey == key ? \'normal-two-left-item-cla\' : \'normal-two-left-item\'"
style="height:58px;" @mouseenter="popupsList(item,key)">
<span class="normal-popups-two-left-item-span"
:style="pTowDataKey == key ? \'border-bottom: none;\' : \'\'">
<img style="width:17px;height:17px;vertical-align: middle;margin-bottom: 3px;"
:src="pTowDataKey == key ? item.twoIconUrl : item.oneIconUrl" alt="">
<span style="margin-left: 10px;font-size: 14px;">{{item.itemTypeName}}</span> <i
class="el-icon-arrow-right" style="float: right;margin-top: 22px;"></i>
</span>
</div>
</div>
<div class="popups-two-right"
style="float:left;border: 1px solid #24a4fc;border-left: none;pointer-events: auto;"
v-if="pTowDataKey != null ">
<!-- -->
<div v-for="(item, index) in navData" :key="index">
<div class="clearfix"
style="padding-top: 18px;padding-bottom: 4px;border-bottom:1px solid rgba(225,225,225,1);">
<div class="popups-tow-right-title" :key="index">{{item.name}}<i class="el-icon-arrow-right"
style="float: right;margin-top:3px;color: #1a1a1a;"></i>
</div>
<div class="popups-tow-right-lists">
<div class="popups-tow-right-it" v-for="(el, i) in item.children" :key="index"
@click="goServiceDetails(el)">
{{el.name}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="normal-setting">
<div class="normal-exhibition">
<div v-for="item in exhibitionArr" class="item" :style="item.img" @click="tabsChoose(item)">
<div class="name">{{item.name}}</div>
<div class="text">{{item.text}}</div>
<div class="img"><img :src="item.icon" alt=""></div>
</div>
</div>
<div class="normal-main">
<div class="title">创业不易,我们懂你</div>
<div class="synopsis">企业经营发展必备,给企业打好基础</div>
</div>
</div>
<div class="normal-content"
style="width:100%;height: 100%;background-color:#f5f5f5;box-shadow:0px 2px 4px 0px rgba(47,47,47,0.1);padding:40px 0;box-sizing: border-box;">
<div v-for="(item,index) in datalist" style="width:1200px;margin:0 auto">
<div v-if="index == nctKey" style="background-color: #F4F4F4;height:460px;margin-bottom:32px;">
<div class="colorPieceModel backColorModel" :style="item.oneIconUrl || bgcArr[index]">
<img style="width:100%;height:100%" src="/imgs/normal/springz0.png" alt="">
<div class="colorPieceModel-top">
<div class="name">知识产权</div>
<div class="text">全面保护企业创新成果</div>
</div>
<div class="colorPieceModel-bottom"
style="background: url(\'/imgs/normal/spicon1.png\') no-repeat;background-size: 100% 100%"">
<div class=" colorPieceModel-bottom_items">
<div style="float: left;">商标自助服务</div>
<div style="float: right;">专家辅助注册</div>
</div>
<div class="colorPieceModel-bottom_items">
<div style="float: left;">商标无效</div>
<div style="float: right;">商标担保注册</div>
</div>
</div>
</div>
<div class="normal_carousel_top" style="background-color:#ffff;">
<div :class="nctKey == 0 ? \'nc_top_pitch\' : \'\'" @click="nctKey = 0">商标服务</div>
<div :class="nctKey == 1 ? \'nc_top_pitch\' : \'\'" @click="nctKey = 1">专利服务</div>
<div :class="nctKey == 2 ? \'nc_top_pitch\' : \'\'" @click="nctKey = 2">版权服务</div>
</div>
<div
style="position: relative;float:left;width:970px;height:408px;border-radius: 8px;margin-left:10px;overflow: hidden;padding: 10px;box-sizing: border-box;background-color: #fff">
<div style="width:100%;height:100%;background-color: #F5FAFE;padding: 10px 0px;box-sizing: border-box;">
<i v-if="item.smallList.length > 3" class="el-icon-arrow-right moreservice-spring-right-button"
:id="item.itemType + \'-button\'" @click="rightServiceModule(index,item.smallList)"></i>
<i v-if="item.smallList.length > 3" class="el-icon-arrow-left moreservice-spring-left-button"
:id="item.itemType + \'-button\'" @click="leftServiceModule(index,item.smallList)"></i>
<div style="float: left;width: 300%;height: 100%;-webkit-transition: transform 0.3s linear;"
ref="serviceModule">
<!-- 1 -->
<div style="float:left;width:950px;height:100%;">
<div v-for="(it,key) in item.smallList" v-if="key < 3" style="float:left;width:100%;">
<ul class="serviceSmall"
style="width: 100%;padding: 0px 32px;box-sizing: border-box;margin-top: 0px"
:id="item.itemType">
<li id="serviceSmall_li" v-for="(i,k) in it.productList" v-if="k < 3"
@click="goServiceDetails(i)">
<h5>{{i.name}}</h5>
<div>{{i.shortDesc}}</div>
<span>¥{{i.price}}起</span>
</li>
</ul>
</div>
</div>
<!-- 2 -->
<div style="float:left;width:950px;height:100%;">
<div v-for="(it,key) in item.smallList" v-if="key >= 3" style="float:left;width:100%;">
<ul class="serviceSmall"
style="width: 100%;padding: 0px 32px;box-sizing: border-box;margin-top: 0px"
:id="item.itemType">
<li id="serviceSmall_li" v-for="(i,k) in it.productList" v-if="k < 3"
@click="goServiceDetails(i)">
<h5>{{i.name}}</h5>
<div>{{i.shortDesc}}</div>
<span>¥{{i.price}}起</span>
</li>
</ul>
</div>
</div>
<!-- 3 -->
<div style="float:left;width:950px;height:100%;">
<div v-for="(it,key) in item.smallList" v-if="6 > key > 3" style="float:left;width:100%;">
<!-- <div class="serviceSmallName" :style="bgcArr2[bgcUrl.indexOf(item.oneIconUrl)]">
<img :src="it.serviceSmallClassTypeIconUrl ? it.serviceSmallClassTypeIconUrl : \'/imgs/icon_china.png\'" alt="" class="serviceSmallImg" :style="it.serviceSmallClassTypeIconUrl ? \'margin-top:8px;\' : \'margin-top:19px;\'">
{{it.serviceSmallClassTypeName}}
</div> -->
<ul class="serviceSmall"
style="width: 100%;padding: 0px 32px;box-sizing: border-box;margin-top: 0px;"
:id="item.itemType">
<li id="serviceSmall_li" v-for="(i,k) in it.productList" v-if="k < 3"
@click="goServiceDetails(i)">
<h5>{{i.name}}</h5>
<div>{{i.shortDesc}}</div>
<span>¥{{i.price}}起</span>
</li>
</ul>
</div>
</div>
</div>
<div class="spring_daohang">
<div :class="swiperNum < -960 ? \'spring_daohang_list_xz\' : \'spring_daohang_list\'"
v-if="item.smallList.length > 6" style="background: #000" @click="moveLocation(index,1920)">
</div>
<div :class="swiperNum < 0 ? \'spring_daohang_list_xz\' : \'spring_daohang_list\'"
v-if="item.smallList.length > 3" style="background: #000" @click="moveLocation(index,960)">
</div>
<div :class="swiperNum == 0 ? \'spring_daohang_list_xz\' : \'spring_daohang_list\'"
v-if="item.smallList.length > 3" style="background: #000" @click="moveLocation(index,0)">
</div>
</div>
</div>
</div>
</div>
<div v-if="index == 3" style="background-color: #F4F4F4;height:442px;margin-bottom:32px;">
<div class="colorPieceModel1 backColorModel" :style="item.oneIconUrl || bgcArr[index]">
<img style="width:100%;height:100%" src="/imgs/normal/springz1.png" alt="">
<div class="colorPieceModel-top">
<div class="name">工商财税</div>
<div class="text">陪伴企业从成立到辉煌</div>
</div>
<div class="colorPieceModel-bottom"
style="background: url(\'/imgs/normal/spicon2.png\') no-repeat;background-size: 100% 100%">
<div class="colorPieceModel-bottom_items">
<div style="float: left;">内资公司注册</div>
<div style="float: right;">有限合伙企业</div>
</div>
<div class="colorPieceModel-bottom_items">
<div style="float: left;">内资公司注册</div>
<div style="float: right;">有限合伙企业</div>
</div>
</div>
</div>
<div
style="position: relative;float:left;width:970px;height:442px;border-radius: 8px;margin-left:10px;overflow: hidden;box-sizing: border-box;background-color: #fff">
<div class="normal-exhibition2-top">
<img src="/imgs/normal/yyzz.png" alt="">
<div class="normal-exhibition2-top-register">
<div class="name">公司注册</div>
<div class="text">最快1天递交 全程线上化进度透明 限时特惠,部分地区低至68元</div>
<div class="price">¥499.00<span></span></div>
<div class="normal-exhibition2-top-register-button" @click="companyRegistered">查看详情</div>
</div>
</div>
<div class="normal-exhibition2-bottom">
<div class="normal-exhibition2-bottom-item" v-for="i in CommerceArr" @click="CommerceDetails(i)">
<img :src="i.icon" alt="">
<div class="name">{{i.name}}</div>
<div class="text">{{i.text}}</div>
<div class="price">{{i.price}}<span></span></div>
</div>
</div>
</div>
</div>
<div v-if="index == 4" style="background-color: #F4F4F4;height:576px;margin-bottom:32px;">
<div class="colorPieceModel2 backColorModel" :style="item.oneIconUrl || bgcArr[index]">
<img style="width:100%;height:100%" src="/imgs/normal/springz2.png" alt="">
<div class="colorPieceModel-top">
<div class="name">创新服务</div>
<div class="text">提升企业品牌形象</div>
</div>
<div class="colorPieceModel-bottom"
style="background: url(\'/imgs/normal/spicon3.png\') no-repeat;background-size: 100% 100%">
<div class="colorPieceModel-bottom_items">
<div style="float: left;">内资公司注册</div>
<div style="float: right;">有限合伙企业</div>
</div>
<div class="colorPieceModel-bottom_items">
<div style="float: left;">内资公司注册</div>
<div style="float: right;">有限合伙企业</div>
</div>
</div>
</div>
<div
style="position: relative;float:left;width:970px;height:576px;border-radius: 8px;margin-left:10px;overflow: hidden;padding: 18px 10px;box-sizing: border-box;background-color: #fff">
<div
style="width: 100%;height: 100%;background: #f7f7f7;padding: 19px 32px 0px 22px;box-sizing: border-box;">
<div class="normal-exhibition3-item" v-for="i in InnovativeServicesArr"
@click="centerDialogVisible = true,popupForm.title = i.name,popupForm.id = i.id">
<div class="name">{{i.name}}</div>
<div class="text">{{i.text}}</div>
<div class="price">{{i.price}}</div>
</div>
</div>
<el-dialog :visible.sync="centerDialogVisible" width="823px" center>
<div style="height:533px;">
<img style="float: left;margin-top: 125px;margin-left: 25px" src="/imgs/normal/beitu.png"
alt="">
<div style="float: right;width: 45%;margin-top: 20px;margin-right: 15px;text-align: center;">
<div
style="width: 100%;font-size:26px; font-family:PingFangSC; font-weight:400; color:rgba(51,51,51,1);text-align: center;margin-bottom: 36px;">
提交需求</div>
<el-form :model="popupForm" :rules="rules" ref="popupForm" label-width="100px">
<el-form-item label="业务名称:">
<div style="width:250px;height:34px">{{popupForm.title}}</div>
</el-form-item>
<el-form-item label="您的称呼:">
<div style="width:250px;height:34px">
<el-input v-model="popupForm.name" placeholder="请输入您的称呼" size="small">
</el-input>
</div>
</el-form-item>
<el-form-item label="公司名称:">
<div style="width:250px;height:34px">
<el-input v-model="popupForm.company" placeholder="请输入公司名称" size="small">
</el-input>
</div>
</el-form-item>
<el-form-item label="手机号" prop="phone">
<div style="width:250px;height:34px">
<el-input v-model="popupForm.phone" placeholder="请输入11位手机号" size="small">
</el-input>
</div>
</el-form-item>
<el-form-item label="需求备注:">
<div style="width:250px;height:96px">
<el-input type="textarea" :rows="4" resize="none" placeholder="请描述您的需求"
v-model="popupForm.textarea">
</el-input>
</div>
</el-form-item>
<div style="width:334px;
margin: 0 auto;
height:40px;
line-height: 40px;
color: #fff;
cursor: pointer;
text-align: center;
background:rgba(64,158,255,1);
border-radius:6px;" @click="submitForm">
提交
</div>
</el-form>
</div>
</div>
</el-dialog>
</div>
</div>
</div>
</div>
<div class="normal-selectWe">
<div class="normal-selectWe-name">为什么选择我们</div>
<div class="normal-selectWe-main">
<div class="normal-selectWe-main-item" v-for="i in electWeArr">
<img :src="i.icon" alt="">
<div class="name">{{i.name}}</div>
<div class="text">{{i.text}}</div>
</div>
</div>
</div>
<div class="normal-collaborate">
<div class="normal-collaborate-name">合作伙伴</div>
<div class="normal-collaborate-main">
<div class="normal-collaborate-main-item" style="border-image: -webkit-linear-gradient(#fff,#ECECEC) 30 30;
border-image: -moz-linear-gradient(#fff,#ECECEC) 30 30;
border-image: linear-gradient(#fff,#ECECEC) 30 30;" v-for="i in enterpriseTopArr">
<img :src="i" alt="">
</div>
</div>
<div class="normal-collaborate-main">
<div class="normal-collaborate-main-item" style="border-image: -webkit-linear-gradient(#ECECEC,#fff) 30 30;
border-image: -moz-linear-gradient(#ECECEC,#fff) 30 30;
border-image: linear-gradient(#ECECEC,#fff) 30 30;" v-for="i in enterpriseBottomArr">
<img :src="i" alt="">
</div>
</div>
</div>
</div>
\ No newline at end of file
{
template: '${tmpl}',
props: ["title"],
data: function() {
var validateMobile = (rule, value, callback) => {
if (value == "") {
callback(new Error('请输入手机号码'));
} else {
var x = (/^1(3|4|5|7|8)\d{9}$/.test(value));
if (!x) {
callback(new Error('手机号码格式有误'));
} else {
callback();
}
}
};
return {
restaurants: [],
xcl: [],
checkedXcl: [],
inputTabsKey: 1,
checkAll1: false,
checkedNcl: [],
mark: "",
checkedNclNum: [],
f: false,
ncl: ["01类 化学原料", "02类 颜料油漆", "03类 日化用品", "04类 燃料油脂", "05类 医药", "06类 金属材料", "07类 机械设备", "08类 手工器械", "09类 科学仪器",
"10类 医疗器械", "11类 灯具空调", "12类 运输工具", "13类 军火烟火", "14类 珠宝钟表", "15类 乐器", "16类 办公用品", "17类 橡胶制品", "18类 皮革皮具", "19类 建筑材料", "20类 家具", "21类 厨房洁具", "22类 绳网袋蓬", "23类 纱线丝", "24类 布料床单",
"25类 服装鞋帽", "26类 钮扣拉链", "27类 地毯席垫", "28类 健身器材", "29类 食品", "30类 方便食品", "31类 农林生鲜", "32类 啤酒饮料", "33类 酒", "34类 烟草烟具", "35类 广告销售", "36类 金融物管", "37类 建筑修理", "38类 通讯服务",
"39类 运输贮藏", "40类 材料加工", "41类 教育娱乐", "42类 科技服务", "43类 餐饮住宿", "44类 医疗园艺", "45类 社会服务"
],
popupsDataList: [],
pDataKey: 0,
pTowDataKey: null,
popupsSeDataNew: [],
popupsDataNew: [
{
itemTypeName: '商标服务',
oneIconUrl: '/imgs/normal/a1.png',
twoIconUrl: '/imgs/normal/a2.png'
}, {
itemTypeName: '专利服务',
oneIconUrl: '/imgs/normal/b1.png',
twoIconUrl: '/imgs/normal/b2.png'
}, {
itemTypeName: '版权服务',
oneIconUrl: '/imgs/normal/c1.png',
twoIconUrl: '/imgs/normal/c2.png'
}, {
itemTypeName: '工商服务',
oneIconUrl: '/imgs/normal/d1.png',
twoIconUrl: '/imgs/normal/d2.png'
}, {
itemTypeName: '财税服务',
oneIconUrl: '/imgs/normal/e1.png',
twoIconUrl: '/imgs/normal/e2.png'
}, {
itemTypeName: '高新企业认证',
oneIconUrl: '/imgs/normal/f1.png',
twoIconUrl: '/imgs/normal/f2.png'
}, {
itemTypeName: '贯标服务',
oneIconUrl: '/imgs/normal/g1.png',
twoIconUrl: '/imgs/normal/g2.png'
}
],
option: {
img: "",
size: 1,
full: false,
outputType: "png",
canMove: true,
fixedBox: false,
fixed: true,
original: false,
canMoveBox: true,
autoCropWidth: "",
autoCropHeight: "",
autoCrop: true,
centerBox: true,
high: true
},
exhibitionArr: [
{
name: '公司注册',
text: '最快1天递交,限时特惠,部分地区低至68元',
icon: '/imgs/normal/exIcon1.png',
img: 'background: url(\'/imgs/normal/exback1.png\') no-repeat;',
path: '/servicedetails?servicedetails?isDirectJump=1&sdsId=272'
}, {
name: '商标注册',
text: '快速递交商标局,全程线上流程,实时查询申请',
icon: '/imgs/normal/exIcon2.png',
img: 'background: url(\'/imgs/normal/exback2.png\') no-repeat;',
path: '/selftmreg?itemCode=zzsbzc'
}, {
name: '代理记账',
text: '财务处理、税务申报、编制报表,公司账目一目了然',
icon: '/imgs/normal/exIcon3.png',
img: 'background: url(\'/imgs/normal/exback3.png\') no-repeat;',
path: '/servicedetails?isDirectJump=1&sdsId=334'
}
],
bgcArr: [
"background:url('/imgs/normal/springz0.jpg')",
"background:url('/imgs/springz1.jpg')",
"background:url('/imgs/springz2.jpg')",
"background:url('/imgs/springz0.jpg')",
"background:url('/imgs/springz1.jpg')",
"background:url('/imgs/springz2.jpg')",
],
popupsData: [],
bgcUrl: [
'http://gsb-zc.oss-cn-beijing.aliyuncs.com/default/zcsyhdsbtu.jpg',
'http://gsb-zc.oss-cn-beijing.aliyuncs.com/default/zcsyhdbq.jpg',
'http://gsb-zc.oss-cn-beijing.aliyuncs.com/default/zcsyhdzl.jpg',
'http://gsb-zc.oss-cn-beijing.aliyuncs.com/default/zcsyhdgs.jpg',
'http://gsb-zc.oss-cn-beijing.aliyuncs.com/default/zcsyhdcs.jpg',
'http://gsb-zc.oss-cn-beijing.aliyuncs.com/default/zcsyhdjy.jpg',
],
bgcArr2: [
'background:linear-gradient(142deg, rgb(174, 201, 243) 0%, rgb(12, 56, 243) 100%);',
'background:linear-gradient(142deg, rgb(212, 202, 239) 0%, rgb(75, 7, 245) 100%);',
'background:linear-gradient(142deg, rgb(245, 222, 189) 0%, #fb9905 100%);',
'background:linear-gradient(142deg,#65cfff 0%,#2a75fd 100%)',
'background:linear-gradient(142deg,#ffd700 0%,#ff694a 100%)',
'background:linear-gradient(142deg,#feabb6 0%,#e06e7c 100%)',
],
slideLeft: false,
slideRight: false,
tabKey: null,
cardKey: null,
cardK: null,
slideKey: null,
swiperNum: 0,
inputstr: "",
itemtype: "ip",
imgHeight: "",
loopplays: [
/*{ leftimg: '/imgs/normal/beij1.png' },
{
leftimg: '/imgs/normal/beij2.jpg',
skipUrl: 'https://www.gongsibao.com/topic.php?topic_id=57&&preview=1'
},
{
leftimg: '/imgs/normal/beij3.jpg',
skipUrl: 'https://www.gongsibao.com/topic.php?topic_id=71&&preview=1'
}*/
],
datalist: [],
widthnumber: "",
dialogFormVisible: false,
serviceName: "",
serviceCode: "",
form: {
name: "",
mobile: "",
city: [],
notes: ""
},
rules: {
name: [
{ required: true, message: '请输入您的名字', trigger: 'blur' }
],
mobile: [
{ required: true, validator: validateMobile, trigger: 'blur' }
],
},
nctKey: 0,
enterpriseTopArr: ['/imgs/normal/a.png', '/imgs/normal/b.png', '/imgs/normal/c.png', '/imgs/normal/d.png', '/imgs/normal/e.png', '/imgs/normal/f.png'],
enterpriseBottomArr: ['/imgs/normal/g.png', '/imgs/normal/h.png', '/imgs/normal/i.png', '/imgs/normal/j.png', '/imgs/normal/k.png', '/imgs/normal/l.png'],
electWeArr: [
{
icon: '/imgs/normal/selectWe1.png',
name: '实时掌握申请进度',
text: '关键节点短信、公众号通知,申请进度实时查询申请进度,一目了然。'
}, {
icon: '/imgs/normal/selectWe2.png',
name: '流程简化 注册高效',
text: '优化注册流程,简单易用,直连商标局和工商局接口,注册高效。'
}, {
icon: '/imgs/normal/selectWe3.png',
name: '专业专注 值得信赖',
text: '提供专业专注的服务,确保服务质量,大品牌值得信赖。'
}, {
icon: '/imgs/normal/selectWe4.png',
name: '管理便捷 易用性好',
text: '全程先生自主化管理,便捷易用,方便查找'
},
],
state2: '',
input: '',
value1: '',
options1: [{
value: '北京',
label: '北京'
}, {
value: '上海',
label: '上海'
}, {
value: '广州',
label: '广州'
}, {
value: '深圳',
label: '深圳'
}, {
value: '杭州',
label: '杭州'
}, {
value: '成都',
label: '成都'
}],
value2: '',
options2: [{
value: '文化',
label: '文化'
}, {
value: '科技',
label: '科技'
}, {
value: '管理',
label: '管理'
}, {
value: '咨询',
label: '咨询'
}, {
value: '服务',
label: '服务'
}, {
value: '传媒',
label: '传媒'
}, {
value: '影业',
label: '影业'
}, {
value: '贸易',
label: '贸易'
}, {
value: '广告',
label: '广告'
}, {
value: '教育',
label: '教育'
}, {
value: '设计',
label: '设计'
}],
value3: '',
options3: [{
value: '有限公司',
label: '有限公司'
}, {
value: '股份有限公司',
label: '股份有限公司'
}, {
value: '集团公司',
label: '集团公司'
}],
CommerceArr: [
{
icon: '/imgs/normal/icon1.png',
name: '公司变更',
text: '最快1天递交 全程线上化进度透明限时特惠,部分地区低至68元',
price: '¥499.00',
path: '/servicedetails?isDirectJump=1&sdsId=274'
}, {
icon: '/imgs/normal/icon2.png',
name: '银行开户',
text: '合作银行 免预约排队',
price: '¥499.00',
path: '/servicedetails?isDirectJump=1&sdsId=327'
}, {
icon: '/imgs/normal/icon3.png',
name: '代理记账',
text: '财务处理、税务申报、编制报表',
price: '¥499.00',
path: '/servicedetails?isDirectJump=1&sdsId=334'
}
],
InnovativeServicesArr: [
{
name: '国家高新企业认定',
text: '享受税收减免优惠,获得政府政策扶持,推动企业快速发展',
price: '¥25800',
id: 'CP201909031758kvyAWH'
}, {
name: '双软认证',
text: '通过软件产品登记和软件企业认定给予企业税收减免等政策支持',
price: '先确定方案,再付款',
id: 'CP2019090317597y3k1g'
}, {
name: 'ISO9001质量管理体系认证',
text: '表明企业能持续稳定地向顾客提供预期和满意的合格产品',
price: '先确定方案,再付款',
id: 'CP201909031800JX2Pos'
}, {
name: '科技成果评价',
text: '国家科技成果认定,入国家科技成果库',
price: '先确定方案,再付款',
id: 'CP201909031800Cp85m7'
}, {
name: '贯标申请服务',
text: '规范管理体系,强化产权意识,增加无形资产',
price: '先确定方案,再付款',
id: 'CP201909031748lVG29M'
}, {
name: '专利风险预警',
text: '专利风险规避、专利无效提起、专利权稳定性分析',
price: '先确定方案,再付款',
id: 'CP201909031753illO6b'
}, {
name: '专利侵权对抗',
text: '侵权对抗、法庭应对、侵权抗辩',
price: '先确定方案,再付款',
id: 'CP201909031758GHFzq7'
}, {
name: '资质服务',
text: 'ICP经营许可证、网络文化经营许可证、商业特许经营许可证等各种资质申请',
price: '先确定方案,再付款',
id: 'CP201909031801H05os3'
}
],
b2: false,
checkAll: true,
isIndeterminate: false,
cities1: ["中国大陆", "香港", "澳门", "台湾"],
cities2: ["EPO", "WIPO", "美国", "日本", "韩国", "英国", "法国", "德国", "俄罗斯", "瑞士"],
cities3: ["奥地利", "澳大利亚", "西班牙", "意大利", "加拿大", "瑞典"],
isIndeterminate1: false,
checkAll1: true,
isIndeterminate2: false,
checkAll2: true,
isIndeterminate3: false,
checkAll3: true,
checked: ["中国大陆", "香港", "澳门", "台湾"],
checkedmain: ["EPO", "WIPO", "美国", "日本", "韩国", "英国", "法国", "德国", "俄罗斯", "瑞士"],
checkedother: ["奥地利", "澳大利亚", "西班牙", "意大利", "加拿大", "瑞典"],
patentInput: '',
centerDialogVisible: false,
popupForm: {
name: '',
company: '',
phone: '',
textarea: '',
title: '',
id: ''
},
rules: {
name: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
],
company: [
{ required: true, message: '请输入公司名称', trigger: 'blur' }
],
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ min: 11, max: 11, message: '长度在11个字符', trigger: 'blur' }
]
},
pagesize: 20,
currentpage: 1,
publishdate: "",
applydate: "",
status: "",
patenttype: "",
activeName: "patentname",
show: false,
/*获取图片参数 */
picName: "",
tag: { name: '', type: '' },
imageUrl: "",
/*结束 */
secondList: [],
navData: [],
checkImage: [],
ImageSelectedValue: "",
}
},
mounted: function() {
this.$root.showHeadLogo();
this.$root.headerRowType = true;
window.addEventListener('scroll', this.handleScroll, true);
var itemtype = this.$router.history.current.query.itemtype;
if (itemtype != null) {
this.itemtype = itemtype;
};
var self = this;
var f = function () {
var own = self;
var t = setTimeout(() => {
if (own.$root.currentCompany) {
own.findAllServicesitemA();
/*own.findAllServicesitem();*/
$("#header").removeClass("headtransparent");
$(".spechorizotal .nav_color").css("color", "black");
$(".spechorizotal .nav_color:hover").css("color", "#2692FF");
clearTimeout(t);
} else {
f();
}
}, 1000);
};
f();
var storage = window.localStorage;
var list = [];
var key = "byc_mark";
var tbDataList = storage.getItem("byc_mark");
if (tbDataList) {
var stringStr = JSON.parse(tbDataList);
this.restaurants = stringStr.reverse();
}
this.tminput = this.$router.history.current.query.tminput;
if (this.tminput || this.tmmonitzcr) {
$('#wave-container').css('display', 'none');
}
var self = this;
/*导航数据 */
this.$root.getReq("/web/producttypeCtl/getAllProducts", {}).then((d) => {
this.popupsDataNew.length = d.data.length;
d.data.map((item, index) => {
this.popupsDataNew[index].itemTypeName = item.name;
this.popupsDataNew[index].code = item.code;
});
this.secondList = d.data;
this.navData = d.data[0].children;
console.log(this.secondList, `111111111111111111111111ss`);
}).catch((e) => {
console.log(e);
this.$message.warning(`操作失败,请刷新页面后重新操作`);
});
/**轮播图 */
this.$root.postReq("/web/loopplayCtl/getLooppayList", { theme_name: this.$root.currentCompany.siteTheme }).then((d) => {
if (d.data.length > 0) {
this.loopplays = [];
this.loopplays = d.data;
console.log(this.loopplays,"1vvvvvvvvvvvvvvvvvvvvvvv");
}else {
console.log(this.loopplays,"2vvvvvvvvvvvvvvvvvvvvvvv");
}
this.$forceUpdate();
}).catch((e) => {
console.log(e);
this.$message.warning(`操作失败,请刷新页面后重新操作`);
});
},
created: function() {
let arr = this.$root.rsData;
for (let index = 0; index < arr.length; index++) {
if (this.$root.mnufunc(arr[index].codePath) && arr[index].label != '首页') {
this.popupsSeDataNew.push(arr[index])
}
}
},
methods: {
checkImageValue(e){
console.log(e);
if (e.length > 1) {
this.ImageSelectedValue = "2";
} else {
if (e[0] == "原始图像") {
this.ImageSelectedValue = "0";
} else if (e[0] == "灰度图像") {
this.ImageSelectedValue = "1";
}
}
},
banerpath(item) {
console.log(item);
if (item.skipUrl) {
window.open(item.skipUrl)
} else if (item.type) {
/*this.centerDialogVisible = true;
this.popupForm.title = '商品条码';
this.popupForm.id = ''*/
}
},
submitForm(formName) {
if (this.popupForm.phone != '') {
var need = {
publisherName: this.popupForm.name,
publisherMobile: this.popupForm.phone,
entname: this.popupForm.company,
notes: this.popupForm.textarea,
servicecode: this.popupForm.id,
company_id: this.$root.currentCompany && this.$root.currentCompany.id ? this.$root.currentCompany.id : ""
};
var that = this;
this.$root.postReq("/web/needCtl/submitneed", need).then(function (d) {
console.log(d);
that.centerDialogVisible = false;
if (d.code == 1) {
that.$alert('需求提交成功,我们会尽快联系您!', '', {
confirmButtonText: '确定',
callback: action => {
}
});
} else if (d.code == -100 || d.code == 0) {
that.$message.warning(d.msg);
} else {
that.$message.warning('操作失败,请稍后重试');
}
})
}
},
handleCheckAllChange1(val) {
this.checked = val ? this.cities1 : [];
this.isIndeterminate1 = false;
this.check();
},
handleCheckedCitiesChange1(value) {
let checkedCount = value.length;
this.checkAll1 = checkedCount === this.cities1.length;
this.isIndeterminate1 = checkedCount > 0 && checkedCount < this.cities1.length;
this.check();
},
handleCheckAllChange2(val) {
this.checkedmain = val ? this.cities2 : [];
this.isIndeterminate2 = false;
this.check();
},
handleCheckedCitiesChange2(value) {
let checkedCount = value.length;
this.checkAll2 = checkedCount === this.cities2.length;
this.isIndeterminate2 = checkedCount > 0 && checkedCount < this.cities2.length;
this.check();
},
handleCheckAllChange3(val) {
this.checkedother = val ? this.cities3 : [];
this.isIndeterminate3 = false;
this.check();
},
handleCheckedCitiesChange3(value) {
let checkedCount = value.length;
this.checkAll3 = checkedCount === this.cities3.length;
this.isIndeterminate3 = checkedCount > 0 && checkedCount < this.cities3.length;
this.check();
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
handleCheckAllChangeAnalysis(val){
this.multipleSelection = val ? this.datalist2 : [];
console.log(this.multipleSelection);
this.toggleSelection(this.multipleSelection);
this.isIndeterminateAnalysis = false;
},
checkPatentClick(){
this.b2 = !this.b2;
},
search1(val){
if (typeof val == 'string') {
this.patentInput = val;
}
this.total = 0;
this.currentpage = 1;
/*清楚勾选的痕迹*/
this.checkAllAnalysis = false;
this.checkListAnalysis = [];
this.multipleSelection = [];
this.search();
},
search(){
if (!this.patentInput) {
this.$message.warning("输入的搜索关键字不能为空");
return false;
};
var obj = {
lable: this.activeName,
content: this.patentInput,
range: {
china: this.checked,
main: this.checkedmain,
other: this.checkedother
},
patenttype: this.patenttype,
status: this.status,
applydate: this.applydate,
publishdate: this.publishdate,
pagesize: this.pagesize,
currentpage: this.currentpage,
};
this.$root.pushx({
title: "专利检索",
name: "/patentsimplesearch",
params: { patenObj: JSON.stringify(obj) }
});
},
normalMenuSelect(command) {
this.$root.handleCommand(command)
},
tabsChoose(item) {
if (item.name == '商标注册') {
this.$root.pushx({
title: "自主商标注册",
name: "/selftmreg",
params: { itemCode: 'zzsbzc' }
});
} else {
window.open(window.location.href.split("#")[0] + "#" + item.path)
/*this.$root.pushx({
title: item.name,
name: item.path
});
if (item.name == '公司注册') {
window.open(window.location.href.split("#")[0]+ "#" + item.path)
}else */
}
},
companyRegistered() {
window.open(window.location.href.split("#")[0] + "#/servicedetails?isDirectJump=1&isModifyTitle=1&sdsId=449")
},
CommerceDetails(item) {
window.open(window.location.href.split("#")[0] + "#" + item.path)
},
searchResult() {
if (this.summerTabs == 2) {
if (this.restaurants && this.restaurants.lenght == 1) {
this.$root.pushx({
title: "企业画像",
name: "/entdrawing",
params: { "obj": this.restaurants[0] }
});
} else {
this.$message({
message: '请选择一个公司',
type: 'warning'
});
}
return;
}
let obj = {
"cityname": this.value1,
"keyword": this.input,
"btname": this.value2,
"orgname": this.value3,
"sitcity": 1
};
if (this.value1 != '' && this.value2 != '' && this.value3 != '' && this.input != '') {
this.$root.pushx({
title: "工商核名查询",
name: "/icorder",
params: { obj: obj }
});
} else {
this.$message({
message: '请按提示输入',
type: 'warning'
});
}
},
popupsList(list, key) {
/*
if (this.datalist.lenght != 0) {
this.popupsDataList = this.datalist[key] ? this.datalist[key].smallList : [];
}
this.popupsDataList = list.smallList;*/
if (this.secondList) {
this.navData = this.secondList[key].children;
}
this.pDataKey = key;
this.pTowDataKey = key;
},
popupsLeave() {
this.pTowDataKey = null;
},
handleCheckedNclChange(value){
console.log(value);
this.checkedNcl = value;
let checkedCount = value.length;
this.checkAll1 = checkedCount === this.ncl.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < this.ncl.length;
},
checkClick(){
console.log("lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll");
console.log(this.fkey);
if (this.fkey == 0) {
this.f = true;
this.fkey = 1;
} else {
this.f = false;
this.fkey = 0;
this.checkedNcl = [];
this.checkAll1 = false;
this.isIndeterminate = false;
}
},
handleSelect() { },
indexsearch(name){
if (typeof name == 'string') {
this.mark = name
};
$('#wave-container').css('display', 'none');
this.aitmrate = false;
this.ainclonerate = [];
/*if (this.isNull(this.mark)){
this.$message.warning("请输入目标");
}*/
if (this.isNull(this.mark)) {
this.$message.warning("请输入目标");
} else {
/*this.mark = this.mark.replace(/(^\s*)|(\s*$)/g, "");*/
this.mark = this.mark.replace(/\s+/g, "");
this.localstoragesb(this.mark);
console.log(this.mark);
console.log(this.checkedNcl);
var re = /^[0-9]+.?[0-9]*$/;
return this.$root.pushx({
title: "",
name: "/bycquerytm",
params: {
tminput: this.mark,
checkedNcl: this.checkedNcl
}
});
}
},
localstoragesb(mk){
var storage = window.localStorage;
var list = [];
var key = "byc_mark";
var mark = mk;
var tbDataList = storage.getItem("byc_mark");
if (tbDataList && tbDataList != null && tbDataList != "null") {
list = JSON.parse(tbDataList);
if (mark != "" && mark != null) {
if (list.length < 10) {
var delIndex = list.findIndex(v => v.value === mark);
if (delIndex < 0) {
list.push({ value: mark });
}
} else {
var delIndex = list.findIndex(v => v.value === mark);
if (delIndex < 0) {
list.splice(0, 1);
list.push({ value: mark });
}
}
}
} else {
if (mark != "" && mark != null) {
var m = {
value: mark
};
list.push(m);
}
}
var stringStr = JSON.stringify(list);
storage.setItem(key, stringStr);
},
isNull(str){
if (str == "") return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
},
querySearch(queryString, cb){
var restaurants = this.restaurants;
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
cb(results);
},
handleCheckAllChange(val){
console.log(val);
this.checkedNcl = val ? this.nclOptions : [];
console.log(this.checkedNcl);
this.isIndeterminate = false;
},
createFilter(queryString) {
return (restaurant) => {
return (restaurant.value != '');
};
},
handleIconClick(ev) {
this.$root.loadingHome = true;
setTimeout(() => {
this.$root.loadingHome = false;
}, 3000);
this.$root.pushx({
title: "企业画像",
name: "/entdrawing",
params: { "obj": ev, "shouji": this.isNumber(this.state2) ? this.state2 : '' }
});
},
isNumber(val) {
var regPos = /^\d+(\.\d+)?$/;
var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;
if (regPos.test(val) || regNeg.test(val)) {
return true;
} else {
return false;
}
},
searchResult() {
if (this.summerTabs == 2) {
if (this.restaurants && this.restaurants.lenght == 1) {
this.$root.pushx({
title: "企业画像",
name: "/entdrawing",
params: { "obj": this.restaurants[0] }
});
} else {
this.$message({
message: '请选择一个公司',
type: 'warning'
});
}
return;
}
let obj = {
"cityname": this.value1,
"keyword": this.input,
"btname": this.value2,
"orgname": this.value3,
"sitcity": 1
};
if (this.value1 != '' && this.value2 != '' && this.value3 != '' && this.input != '') {
this.$root.pushx({
title: "工商核名查询",
name: "/icorder",
params: { obj: obj }
});
} else {
this.$message({
message: '请按提示输入',
type: 'warning'
});
}
},
rightServiceModule(key, item) {
if (item.length > 3) {
if (((item.length / 3) * 960) - Math.abs(this.swiperNum) > 960) {
this.slideLeft = true;
this.swiperNum = this.swiperNum - 960;
this.$refs.serviceModule[key].style.transform = 'translateX(' + this.swiperNum + 'px) scale(1)';
} else {
this.slideRight = false;
this.$message({
message: '没有更多了',
type: 'warning'
});
}
}
},
leftServiceModule(key, item) {
if (item.length > 3) {
console.log(this.swiperNum, 'kanzheliaaaaaaaaaaaaaaaaaaaaa');
if (this.swiperNum < 0) {
this.slideRight = true;
this.swiperNum = this.swiperNum + 960;
this.$refs.serviceModule[key].style.transform = 'translateX(' + this.swiperNum + 'px) scale(1)';
} else {
this.slideLeft = false;
this.$message({
message: '没有更多了',
type: 'warning'
});
}
}
},
moveLocation(key, move) {
if (this.swiperNum != move) {
this.swiperNum = -move;
this.$refs.serviceModule[key].style.transform = 'translateX(' + -move + 'px) scale(1)';
}
/* 点击下面导航点 跳转 */
},
handleScroll() {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
},
goServiceDetails(i){
console.log('?????????????????????');
console.log(i);
if (i.code == 'zzsbzc') {
this.$root.popupsType = false;
this.$root.pushx({
title: "自主商标注册",
name: "/selftmreg",
params: { itemCode: i.code }
});
} else {
window.open(window.location.href.split("#")[0] + "#/servicedetails?isDirectJump=1&sdsId=" + i.id)
}
},
enterCard(k, key) {
this.cardK = k;
this.cardKey = key;
},
/* 移入 */
enter(key, item) {
if (item.length > 3) {
this.slideKey = key;
this.slideRight = true;
this.slideLeft = true;
}
},
/* 移出 */
leave() {
this.slideLeft = false;
this.slideRight = false;
this.slideKey = null;
},
onfocus(){
if (this.inputstr == "") {
this.$message({
type: 'error',
message: '请填写搜索内容'
});
} else {
this.$root.pushx({
title: "标眼查",
name: "/bycquerytm",
params: { tminput: this.inputstr }
});
}
},
showneed(name, code){
this.dialogFormVisible = true;
this.serviceName = name;
this.serviceCode = code;
},
toZzsbzc(name, code){
if (code) {
this.$root.pushx({
title: "自主商标注册",
name: "/selftmreg",
params: { itemCode: code }
});
} else {
this.$message.warning("产品编码错误");
}
},
styleset(obj){
var that = this;
that.widthnumber = 1200 / that.datalist.length + "px";
console.log("width:", that.widthnumber);
if (that.itemtype == obj) {
return { width: that.widthnumber, color: '#2692FF' };
} else {
return { width: that.widthnumber, color: '#B2B2B2' };
}
},
change(obj, key){
this.tabKey = key;
this.itemtype = obj;
this.styleset();
},
findAllServicesitemA(){
/*this.company_id=this.$root.currentCompany.id;*/
var params = { company_id: this.$root.currentCompany ? this.$root.currentCompany.id : "" };
var that = this;
that.company_id = that.$root.currentCompany.id;
that.popupsData = [];
if (productLst) {
productLst.forEach(r => {
if (r) {
that.popupsData.push(r);
}
that.popupsDataList = that.popupsData[0].smallList;
});
console.log(that.popupsDataList, "....................L0");
that.datalist = that.popupsData;
that.$root.popupsType = true;
$("#header").addClass("headtransparent");
$("#welcome").css("color", "#fff");
$("#exitbtn").css("color", "#fff");
$("#adminbtn").css("color", "#fff");
$('.nav_color').css("color", '#fff');
that.$root.popupsData = that.popupsData;
that.$root.popupsDataList = that.popupsDataList;
}
},
/**首页图片上传 */
uploadImg(e, num) {
console.log("++++++++133333+++++++++++++");
var file = e.target.files[0];
if (!/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/.test(e.target.value)) {
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种');
return false;
}
$('#wave-container').css('display', 'none');
console.log("file");
console.log(file);
console.log(e);
this.picName = file.name;
var reader = new FileReader();
var that = this;
reader.onload = (e) => {
var data = null;
if (typeof e.target.result === 'object') {
data = window.URL.createObjectURL(new Blob([e.target.result]));
} else {
data = e.target.result;
}
if (num == 1) {
this.option.img = data;
} else if (num == 2) {
this.example2.img = data;
}
var image = new Image();
image.src = data;
image.onload = function () {
that.option.autoCropWidth = image.width;
that.option.autoCropHeight = image.height;
console.log("+++++++++++++++++++++++++");
console.log(that.option.autoCropWidth, that.option.autoCropHeight);
};
};
reader.readAsArrayBuffer(file);
this.show = true;
var _input = $('#uploads');
_input.val('');
},
hideCropper: function() {
var _input = $('#uploads');
_input.val('');
this.show = false;
this.option.img = "";
},
realTime: function(data) {
this.previews = data;
console.log(data);
},
imgLoad: function(msg) {
console.log("imgLoad");
console.log(msg);
},
submit: function() {
var that = this;
this.$refs.cropper.getCropData((data) => {
this.$root.postReq("/web/toolCtl/getCropperPic", { base64: data }).then(function (d) {
console.log("dddddddddddddgetCropperPic");
console.log(d);
if (d) {
that.show = false;
that.imageUrl = d;
that.tag.name = that.picName;
var obj = {
imageUrl: d,
tag: that.picName,
imagetype: that.ImageSelectedValue,
};
console.log(obj, "!!!!!!!!!!!!!!!!!!!!!!!!!!1");
that.$root.pushx({
title: "",
name: "/bycquerytm",
params: { imageSearch: JSON.stringify(obj) }
});
};
}).catch(function (e) {
console.log(e);
});
});
},
imagequery(){
if (this.imageUrl == "" || this.imageUrl == null) {
this.$message.warning(`操作失败,请选择图片后重新操作`);
return false;
}
this.imageupurl = this.imageUrl;
var msg = {
cls: "bytmqueryCtl",
method: "imagequery",
data: { "imageUrl": this.imageUrl }
};
var that = this;
this.tmRegistNums = [];
this.sqlbtab = "";
this.sqlbtabkey = "";
this.sqlbtabkeycount = "";
this.flzttab = "";
this.flzttabkey = "";
this.flzttabkeycount = "";
this.sqnftabkey = "";
this.sqnftabkeycount = "";
console.log(msg);
this.checkedXcl = [];
var obj = {
imageUrl: this.imageUrl,
imagetype: this.ImageSelectedValue,
};
console.log(obj, "nnnnnnnnnnnnnnnnnnnn");
const loadingbyc = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)'
});
this.$root.postReq("/web/bytmqueryCtl/imagequery", obj).then(function (d) {
that.tmRegistNumsAll = d.data.rows;
that.sqlbdata = d.data.code_counts;
that.flztdata = d.data.status_counts;
that.sqnfdata = d.data.year_counts;
that.imagesqlbdata = d.data.code_counts;
that.imageflztdata = d.data.status_counts;
that.imagesqnfdata = d.data.year_counts;
that.imagecount = d.data.count;
that.pageChanged(36, 1);
}).catch(function (e) {
console.log(e);
that.$message.warning(`操作失败,请刷新页面后重新操作`);
loadingbyc.close();
});
this.c = false;
this.img = true;
},
},
computed: {
},
vname: "gsb-moreservice"
}
.normal {
width: 100%;
height: 100%;
background-color: #fff;
}
.normal-two-left-item {
width: 100%;
height: 60px;
line-height: 60px;
text-align: left;
font-size: 16px;
color:rgba(255,255,255,0.7);
cursor: pointer;
}
.normal-two-left-item-cla {
width: 100%;
height: 60px;
line-height: 60px;
text-align: left;
font-size: 16px;
background-color:#fff;
color:#24a4fc;
cursor: pointer;
border-top: 1px solid #24a4fc;
border-bottom: 1px solid #24a4fc;
box-sizing: border-box;
}
.normal-header {
width: 1200px;
height: 148px;
padding: 19px 0px;
box-sizing: border-box;
margin: 0 auto;
text-align: center;
position: relative;
}
.normal-header-logo {
width: 186px;
height: 76px;
position: absolute;
top: 19px;
left: 0px;
}
.normal-input-tabs {
width: 100%;
overflow: hidden;
}
.normal-input-tabs > div {
float: left;
width: 60px;
height: 24px;
line-height: 24px;
text-align: center;
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
cursor: pointer;
}
.normal-popups-two-left-item-span {
display: inline-block;
width: 75%;
height: 100%;
margin-left: 36px;
}
/* */
.normal-header-a1 {
width: 100%;
height: 30px;
position: absolute;
bottom: 0px;
left: 0px;
font-size: 14px;
}
.normal-header-a1 > .tabs {
float: left;
width:190px;
height:30px;
line-height: 30px;
text-align: center;
background:rgba(81,163,245,1);
color: #fff;
}
.normal-header-a1 > .items {
float: left;
display: flex;
margin-left: 20px;
}
.normal-header-a1 > .items > div {
float: left;
padding: 0px 20px;
text-align: center;
line-height: 30px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
cursor: pointer;
}
.normal-header-a1dh {
float: right;
line-height: 30px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
font-style:italic;
color:rgba(51,51,51,1);
}
.normal-header-a1dh > img {
vertical-align: middle;
width: 18px;
height: 19px;
}
/* */
.normal-content {
background: url("/imgs/normal/TB1L7_mVIfpK1RjSZFOXXa6nFXa-838-846.png") top right no-repeat,
url("/imgs/normal/TB1Eui2V9zqK1RjSZPcXXbTepXa-1604-1146.png") 90px 281px no-repeat,
url("/imgs/normal/TB1Eui2V9zqK1RjSZPcXXbTepXa-1604-1146.png") 1176px 986px no-repeat,
url("/imgs/normal/TB1L7_mVIfpK1RjSZFOXXa6nFXa-838-846.png") bottom left no-repeat,;
}
/* */
.normal-swiper {
width: 100%;
position: relative;
z-index: 999;
}
.normal .normal-two {
top: 0px !important;
height: 100% !important;
pointer-events: none !important;
}
/* */
.normal-setting {
width: 100%;
height: auto;
background-color: #F4F4F4;
padding-top: 20px;
box-sizing: border-box;
}
.normal-exhibition {
width: 1200px;
height: 150px;
margin: 0 auto;
}
.normal-exhibition > .item {
float: left;
width:392px;
height:150px;
background-size: 100% 100%;
padding-top: 25px;
padding-left: 27px;
box-sizing: border-box;
cursor: pointer;
}
.normal-exhibition > .item:hover {
opacity: 0.8;
}
.normal-exhibition > .item:nth-child(2) {
margin: 0 12px;
}
.normal-exhibition > .item > .name {
font-size:22px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(255,255,255,1);
}
.normal-exhibition > .item > .text {
margin-top: 14px;
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
}
.normal-exhibition > .item > .img {
margin-top: 12px;
}
/* */
.normal-main {
width: 1200px;
margin: 0 auto;
padding-top: 36px;
box-sizing: border-box;
}
.normal-main > .title {
width: 100%;
text-align: center;
font-size:28px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
.normal-main > .synopsis {
width: 100%;
text-align: center;
margin-top: 15px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(175,175,175,1);
}
/* */
.normal_carousel_top {
width: 970px;
height: 50px;
margin-left: 230px;
border-top: 1px solid #5480F0;
}
.normal_carousel_top > div {
float: left;
width: 164px;
height: 52px;
line-height: 52px;
text-align: center;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(102,102,102,1);
cursor: pointer;
}
.nc_top_pitch {
font-size:18px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(83,131,241,1);
background: linear-gradient(#cfe2fd, #f7fbff);
}
.colorPieceModel-top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 116px;
padding-top: 36px;
padding-left: 25px;
box-sizing: border-box;
}
.colorPieceModel-top > .name {
text-align: left;
font-size:30px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(255,255,255,1);
}
.colorPieceModel-top > .text {
text-align: left;
margin-top: 12px;
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
}
.colorPieceModel-bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 116px;
padding: 25px 15px;
box-sizing: border-box;
}
.colorPieceModel-bottom_items {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.colorPieceModel-bottom_items > div {
width:92px;
height:28px;
border:1px solid rgba(224,224,224,1);
line-height: 28px;
text-align: center;
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
box-sizing: border-box;
}
.backColorModel {
background: #F4F4F4;
}
.colorPieceModel1 {
float:left;
width:220px;
height:442px;
border-radius:8px;
color:#fff;
font-size:32px;
text-align: center;
font-family:JZhongYi;
overflow: hidden;
position: relative;
}
/* */
.normal-selectWe {
width: 100%;
height: 524px;
padding-top: 67px;
box-sizing: border-box;
}
.normal-selectWe-name {
width: 100%;
text-align: center;
margin-bottom: 95px;
font-size:30px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
.normal-selectWe-main {
width: 1200px;
margin: 0 auto;
display: flex;
}
.normal-selectWe-main-item {
flex: 1;
text-align: center;
}
.normal-selectWe-main-item > img {
width: 122px;
height: 110px;
}
.normal-selectWe-main-item > .name {
margin-top: 23px;
margin-bottom: 14px;
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
.normal-selectWe-main-item > .text {
margin: 0 auto;
width:224px;
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
}
/* */
.normal-exhibition2-top {
width: 100%;
height: 220px;
background: url('/imgs/normal/trade_bg.7c4e0d4a.png') top right no-repeat;
padding-top: 33px;
box-sizing: border-box;
}
.normal-exhibition2-top > img {
float: left;
width: 121px;
height: 160px;
margin-left: 95px;
}
.normal-exhibition2-top-register {
float: left;
padding-left: 40px;
padding-top: 16px;
box-sizing: border-box;
}
.normal-exhibition2-top-register > .name {
font-size:20px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
.normal-exhibition2-top-register > .text {
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
margin-top: 7px;
margin-bottom: 14px;
}
.normal-exhibition2-top-register > .price {
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(235,93,42,1);
margin-bottom: 16px;
}
.normal-exhibition2-top-register > .price > span {
font-size: 14px;
}
.normal-exhibition2-top-register-button {
width:104px;
height:28px;
line-height: 28px;
text-align: center;
background:rgba(255,255,255,1);
border:1px solid rgba(247,161,84,1);
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(247,161,84,1);
cursor: pointer;
}
.normal-exhibition2-top-register-button:hover {
background-color: rgba(247,161,84,1);
color: #fff;
}
.normal-exhibition2-bottom {
width: 100%;
height: 220px;
border-top: 1px solid #DEDDDD;
display: flex;
}
.normal-exhibition2-bottom-item {
flex: 1;
text-align: center;
padding-top: 17px;
box-sizing: border-box;
border-right: 1px solid #DEDDDD;
cursor: pointer;
}
.normal-exhibition2-bottom-item:hover {
box-shadow:0px 0px 18px 0px rgba(176,201,222,0.4);
}
.normal-exhibition2-bottom-item:last-child {
border-right: none;
}
.normal-exhibition2-bottom-item > .name {
margin-top: 17px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
.normal-exhibition2-bottom-item > .text {
width: 184px;
margin: 6px auto 8px;
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
}
.normal-exhibition2-bottom-item > .price {
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(235,93,42,1);
}
.normal-exhibition2-bottom-item > .price > span {
font-size: 14px;
}
.normal-exhibition2-bottom-item > img {
width: 60px;
height: 60px;
}
/* */
.colorPieceModel2 {
float:left;
width:220px;
height:576px;
border-radius:8px;
color:#fff;
font-size:32px;
text-align: center;
font-family:JZhongYi;
overflow: hidden;
position: relative;
}
.normal-exhibition3-item {
float: left;
margin-left: 10px;
margin-bottom: 10px;
width:432px;
height:116px;
padding: 20px;
box-sizing: border-box;
background:rgba(255,255,255,1);
cursor: pointer;
}
.normal-exhibition3-item:hover {
box-shadow:0px 0px 18px 0px rgba(176,201,222,0.4);
}
.normal-exhibition3-item:hover > .name {
color: #51A3F5;
}
.normal-exhibition3-item > .name {
font-size:16px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(51,51,51,1);
}
.normal-exhibition3-item > .text {
width: 100%;
margin-top: 6px;
margin-bottom: 16px;
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.normal-exhibition3-item > .price {
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(235,93,42,1);
}
/* */
.normal-collaborate {
width: 100%;
height: 491px;
padding-top: 27px;
box-sizing: border-box;
background: url('/imgs/normal/dbbeij.png') no-repeat;
background-size: 100% 100%;
}
.normal-collaborate-name {
width: 100%;
text-align: center;
margin-bottom: 100px;
font-size:30px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(51,51,51,1);
}
.normal-collaborate-main {
width: 1200px;
margin: 0 auto;
display: flex;
}
.normal-collaborate-main:last-child {
border-top: 1px solid #ECECEC;
}
.normal-collaborate-main-item {
flex: 1;
height: 130px;
line-height: 130px;
text-align: center;
border-right: 1px solid #ECECEC;
}
.normal-collaborate-main-item:last-child {
border-right: none;
}
.normal-collaborate-main-item > img {
width: 130px;
height: 50px;
}
/* 复制 */
.colorPieceModel{
float:left;
width:220px;
height:460px;
border-radius:8px;
color:#fff;
font-size:32px;
text-align: center;
font-family:JZhongYi;
overflow: hidden;
position: relative;
}
.moreservice-spring-right-button {
position: absolute;
top: 45%;
right: 0px;
font-size: 36px;
color:rgba(210,214,218,1);
cursor: pointer;
z-index: 9999;
}
.moreservice-spring-left-button {
position: absolute;
top: 45%;
left: 0px;
font-size: 36px;
color:rgba(210,214,218,1);
cursor: pointer;
z-index: 9999;
}
#ip-button:hover{
color: #6592F7;
}
#ic-button:hover {
color: #A78CEE;
}
#pa-button:hover {
color: #EB9E55;
}
.serviceSmall {
float: left;
width: 77%;
padding-left: 0px;
margin-bottom: 0px;
}
#serviceSmall_li{
list-style: none;
width:285px;
height:116px;
padding: 15px;
float: left;
background-color: #fff;
border-radius: 8px;
margin-left: 8px;
margin-bottom: 8px;
box-sizing: border-box;
transition: box-shadow 0.2s, margin-top 0.2s;
-webkit-transition: box-shadow 0.2s, margin-top 0.2s;
/* box-shadow:0px 0px 18px 0px rgba(176,201,222,0.4); */
}
#serviceSmall_li:hover {
cursor: pointer;
box-shadow:0px 0px 18px 0px rgba(176,201,222,0.4);
margin-top:-2px;
}
#serviceSmall_li:hover > h5 {
color: #51A3F5;
}
#serviceSmall_li > div {
width:213px;
height:24px;
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
line-height:24px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin: 7px 0px 14px;
}
#serviceSmall_li > span {
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(235,93,42,1);
}
#serviceSmall_li > h5 {
font-size:16px;
font-family:Microsoft YaHei;
font-weight:bold;
color: #333333;
}
/* #ip li:hover{
cursor: pointer;
box-shadow:2px 2px 8px #51A3F5;
margin-top:-2px;
}
#ip li:hover > h5 {
color:#51A3F5;
}
#ic li:hover {
cursor: pointer;
box-shadow:2px 2px 8px #A78CEE;
margin-top:-2px;
}
#ic li:hover > h5 {
color:#A78CEE;
}
#pa li:hover {
cursor: pointer;
box-shadow:2px 2px 8px #EB9E55;
margin-top:-2px;
}
#pa li:hover > h5 {
color: #EB9E55;
} */
#LX201906101755oFppND li:hover {
cursor: pointer;
box-shadow:2px 2px 8px #4081f7;
margin-top:-2px;
}
#LX201906111013bmwgjj li:hover {
cursor: pointer;
box-shadow:2px 2px 8px #ec927f;
margin-top:-2px;
}
.serviceSmall h5{
color:#38404b;
font-size: 16px;
margin: 0 auto;
}
.serviceSmall p{
height: 35px;
color:#828282;
font-size: 12px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.serviceSmall li span{
color:#FF394D;
font-size: 16px;
}
.serviceSmallName{
list-style: none;
box-sizing: border-box;
padding: 12px;
float: left;
margin-left: 44px;
margin-top: 15px;
width:130px;
height:121px;
border-radius: 8px;
color:#fff;
font-size:14px;
text-align: center;
}
.serviceSmallImg {
height:auto;
margin:0 auto;
display: block;
margin-bottom: 5px;
}
.spring_daohang {
position: absolute;
bottom: 10px;
left: 0px;
width: 950px;
height: 10px;
float: left;
padding-right: 50px;
box-sizing: border-box;
}
.spring_daohang_list {
width: 7px;
height: 7px;
border-radius: 50%;
float: right;
margin-left: 15px;
cursor: pointer;
opacity: 0.5;
}
.spring_daohang_list_xz {
width: 7px;
height: 7px;
border-radius: 50%;
float: right;
margin-left: 15px;
cursor: pointer;
opacity: 1;
}
/* 复制2 */
.normal-inquire-input {
width:700px;
height:40px;
background:rgba(255,255,255,1);
border:2px solid rgba(81,163,245,1);
overflow: hidden;
}
.normal-input-value {
float: left;
width: 579px;
height: 100%;
}
.normal .normal-input-value .el-input__inner {
border: none;
}
.normal-input-buttom {
float: left;
width: calc(100% - 579px);
height:40px;
line-height: 40px;
text-align: center;
background:rgba(81,163,245,1);
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
}
.normal-inquire-input-patent {
width: 700px;
height:40px;
background:rgba(255,255,255,1);
border:2px solid rgba(81,163,245,1);
overflow: hidden;
}
.normal-inquire-input-patent .el-button+ .el-button {
border:1px solid rgba(81,163,245,1);
background-color: rgba(81,163,245,1) !important;
}
.line {
width: 660px;
height: 1px;
background: #E8E8E8;
margin: 15px auto;
}
.pay{
width: 100%;
box-sizing: border-box;
}
.title{
text-align: center;
margin: 50px 0;
}
.title>p{
width:168px;
height:56px;
font-size:40px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:56px;
letter-spacing:1px;
margin: 0 auto;
}
.title>img{
position: absolute;
top: 67px;
left: 50%;
margin-left: -222px;
}
.main{
width:1197px;
height:830px;
background:rgb(255, 255, 255);
margin:0 auto;
padding: 50px;
box-sizing: border-box;
}
.main>h1{
height:56px;
font-size:40px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:56px;
letter-spacing:2px;
margin: 10px 0;
}
.zhiMain{
width: 100%;
height: 235px;
display: flex;
margin: 45px 0;
}
.zhiItem{
width: 320px;
height: 100%;
border:4px solid rgba(225,225,225,1);
margin-right: 70px;
display: flex;
flex-direction: column;
}
.indItem{
width: 320px;
height: 100%;
border:4px solid #F00000;
margin-right: 70px;
display: flex;
flex-direction: column;
background: no-repeat url("/imgs/rightBom.png");
background-position: 255px 178px;
}
.zhiItem:nth-child(3){
margin-right: 0;
}
.zhiItem>p{
flex: 1;
display: flex;
justify-content: center;
}
.zhiItem>p:nth-child(1){
align-items: flex-end;
font-weight: 600;
}
.zhiItem>p>span{
display: inline-block;
margin-right: 10px;
font-size:16px;
}
.zhiItem>p>span:nth-child(1){
height:22px;
font-size:16px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(205,205,205,1);
line-height:22px;
letter-spacing:1px;
text-decoration: line-through;
}
.email{
height: 40px;
display: flex;
margin-top: 38px;
}
.email>span{
display: inline-block;
width:80px;
height:38px;
font-size:14px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(34,34,34,1);
line-height:38px;
}
.email .el-input{
width:266px;
height:38px;
}
.main>h3{
display: flex;
justify-content: flex-end;
height:37px;
font-size:16px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:22px;
letter-spacing:2px;
}
.main>h3>span{
font-size: 26px;
font-weight: 600;
color: #DB1313;
}
.main .el-button{
float: right;
width:182px;
height:44px;
background:rgba(18,142,233,1);
margin-top: 45px;
}
\ No newline at end of file
<div class="pay">
<div class="title"><p>支付订阅</p> <img src="/imgs/zhiTitle.png" alt=""></div>
<div class="main">
<h1>政企通订阅</h1>
<div class="zhiMain">
<div :class="index==ind? \'indItem\ \zhiItem\' : \'zhiItem\'" v-for="(item,ind) in timeList" @click="timeClick(ind)">
<p>{{item.year}}</p>
<p><span>¥{{item.oldMoney}}</span><span>¥{{item.newMoney}}</span></p>
</div>
</div>
<h1>通知接收邮箱</h1>
<div class="email">
<span>*邮箱地址:</span>
<el-input v-model="email" placeholder="请输入内容" type="email"></el-input>
</div>
<h3>实付金额:<span>{{money}}元</span></h3>
<el-button type="primary" @click="btnClick()">主要按钮</el-button>
</div>
</div>
\ No newline at end of file
{
template: '${tmpl}',
data: function() {
return {
timeList: [{
year: "3个月",
oldMoney: 180,
newMoney: 90,
code:"zcdy3gy"
}, {
year: "6个月",
oldMoney: 365,
newMoney: 180,
code:"zcdy6gy"
}, {
year: "1年",
oldMoney: 730,
newMoney: 365,
code:"zcdy1n"
}],
email: null,
money: 90,
index: 0,
itemCode: "zcdy3gy"
};
},
created: function() {
},
methods: {
timeClick(ind) {
this.index = ind;
this.itemCode = this.timeList[this.index].code;
this.money = this.timeList[this.index].newMoney;
},
btnClick() {
let params = {
itemCode: this.itemCode,
order_appendinfo: {
level: ["市级通知"],
area_list: ["广州", "天津"],
department_list: ["发改部门", "教育部门"],
type_list: ["人才类", "技术改造"]
},
apply: {
orderType: "zzdd",
contacts: "",
mobile: "",
email: "renjian@gongsibao.com",
notes: ""
},
tm: {
totalSum: this.money
}
};
this.$root.postReq("/web/orderCtl/createOtherOrder", params).then( (d) => {
console.log("---------submitOrder-------");
console.log(d);
if (d.code == 1) {
this.$root.pushx({
title: "订单支付",
name: "/orderpay",
params: { orderNum: d.data.code }
});
} else {
this.$message.warning(d.msg);
}
})
}
},
mounted: function() {
},
vname: "gsb-pay"
}
.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%;
}
.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;
}
.el-input .el-button{
width:104px;
}
.el-input .el-button:nth-child(2){
background: #fff !important;
color: #128EE9 !important;
width:104px;
}
\ No newline at end of file
<div class="policylist-warpper">
<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-button slot="append" >生成报告</el-button>
</el-input>
</div>
</div>
<div class="policylist-portrayal" style="margin: 20px 0;border-bottom: 1px solid #ddd;">
<div class="portrayal-left">企业画像</div>
<div class="portrayal-right" ref="qyhx">
<div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgb()">{{item}}</div>
</div>
</div>
<div class="policylist-content" style="background: rgba(255,255,255,1);
border-radius: 2px;
border: 1px solid rgba(225,225,225,1);">
<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 style="margin-left: -10px;" v-if="i.app_status==0"> <span
style="dispaly:line-block;color:#fff;background-color: #B2B2B2;">申报已结束</span></div>
<div style="margin-left: -10px;" v-if="i.app_status==1"> <span
style="dispaly:line-block;color:#fff;background-color: #FFA940">开放申报中</span></div>
<div style="margin-left: -10px;" v-if="i.app_status==2"> <span
style="dispaly:line-block;color:#fff;background-color: #597EF7">即将申报</span></div>
<div style="margin-left: 15px;"> {{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-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:'',
quanData1:[
'申报通知(386)',
'立项公示(134)',
'管理办法(103)',
'政策图解(1)',
'政务信息(13)',
'新闻资讯(69)',
],
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"
}
.snbscription{
width: 100%;
height: 100%;
position: relative;
}
.snbscription>img{
width: 100%;
}
.btn1{
position: absolute;
top: 10%;
left: 50%;
width: 117px;
height: 35px;
border: 1px solid #fff;
background: #128EE9;
margin-left: -55px;
color: #fff;
border-radius: 3px;
}
.btn2{
position: absolute;
bottom: 76px;
left: 50%;
margin-left: -76px;
width: 148px;
height: 37px;
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
background: #128EE9;
}
\ No newline at end of file
<div class="snbscription">
<img src="/imgs/server.png" alt="">
<button class="btn1" @click="payClick()">马上订阅</button>
<button class="btn2" @click="payClick()">马上订阅</button>
</div>
\ No newline at end of file
{
template: '${tmpl}',
data: function() {
return {
}
},
mounted: function() {
},
created: function() {
},
methods: {
payClick(){
console.log(1231231231232);
this.$root.pushx({
title: "支付订阅",
name: "/pay"
});
}
},
vname: "gsb_subscription"
}
\ No newline at end of file
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