Commit e1785431 authored by zhanglw's avatar zhanglw

企业信息

parent 7ebe70c9
......@@ -7,6 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= webpackConfig.name %></title>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=686ljhxEzzmQTsn2nYUnngIYKZfLTVsm"></script>
</head>
<body>
<div id="app"></div>
......
......@@ -12,7 +12,7 @@
<div class="line-s" />
<div class="fixed-contact-popover" style="top: 20px">
<div class="fixed-contact-popover-img">
<img src="@/assets/home_images/wxgz.jpg">
<img src="@/assets/home_images/wx_qr_code.png">
</div>
</div>
</li>
......@@ -21,11 +21,11 @@
<div class="label">电话咨询</div>
<div class="line-s" />
<div class="fixed-contact-popover" style="top: 20px">
<div class="fixed-contact-popover-img" style="padding: 0 30px">
<div class="fixed-contact-popover-img" style="padding: 0">
<img src="@/assets/home_images/telephone.png">
</div>
<span style="font-size: 18px;font-weight: bolder;line-height: 30px;user-select: none;">咨询电话<br></span>
<span style="line-height: 20px;">400-0631-598</span>
<span style="line-height: 20px;color: #1482f0">400-0631-598</span>
</div>
</li>
<li class="fixed-contact-item" @click="goTop">
......
......@@ -108,7 +108,7 @@ export default {
padding: 20px;
width: 348px;
height: 442px;
right: 6vw;
right: 8vw;
bottom: 230px;
background: #FFFFFF;
border: 1px solid rgba(0,0,0,0.12);
......
......@@ -18,6 +18,8 @@
<el-breadcrumb-item>我要求购{{ title }}产品</el-breadcrumb-item>
</el-breadcrumb>
</div>
<!--我要求购-->
<div class="page-title">我要求购{{ title }}产品</div>
<div class="form-table-box">
<el-form ref="formViewRef" :model="formData" :rules="rules" :status-icon="true" label-width="240px">
<el-form-item label="产品名称:" class="form-cell" prop="productName">
......@@ -285,6 +287,13 @@ export default {
margin-top: 94px;
font-family: Source Han Sans CN;
user-select: none;
.page-title {
margin-top: 20px;
padding: 0 20px;
font-size: 26px;
font-weight: bold;
color: #333333;
}
}
.line-btn {
display: flex;
......
......@@ -17,6 +17,8 @@
<el-breadcrumb-item>我要留言</el-breadcrumb-item>
</el-breadcrumb>
</div>
<!--我要留言-->
<div class="page-title">我要留言</div>
<div class="form-table-box">
<el-form ref="formViewRef" :model="formData" :rules="rules" :status-icon="true" label-width="240px">
<el-form-item label="留言内容类型:" class="form-cell" prop="consultType">
......@@ -226,6 +228,13 @@ export default {
margin-top: 94px;
font-family: Source Han Sans CN;
user-select: none;
.page-title {
margin-top: 20px;
padding: 0 20px;
font-size: 26px;
font-weight: bold;
color: #333333;
}
}
.line-btn {
display: flex;
......
......@@ -18,6 +18,8 @@
<el-breadcrumb-item>我要供应{{ title }}产品</el-breadcrumb-item>
</el-breadcrumb>
</div>
<!--我要供应-->
<div class="page-title">我要供应{{ title }}产品</div>
<div class="form-table-box">
<el-form ref="formViewRef" :model="formData" :rules="rules" :status-icon="true" label-width="240px">
<el-form-item label="产品名称:" class="form-cell" prop="productName">
......@@ -511,6 +513,13 @@ export default {
margin-top: 94px;
font-family: Source Han Sans CN;
user-select: none;
.page-title {
margin-top: 20px;
padding: 0 20px;
font-size: 26px;
font-weight: bold;
color: #333333;
}
}
.line-btn {
display: flex;
......
......@@ -63,6 +63,91 @@
<div class="btn-o" style="padding: 15px" @click="inquiry(supplierObj, 'supplier')">马上沟通</div>
</div>
</div>
<div v-show="tabIndex==='2'">
<el-row :gutter="30">
<el-col :span="12">
<div class="info-card">
<h3>企业介绍</h3>
<div class="info-card-textarea">
<p>&#12288;&#12288;{{ supplierObj.enterpriseIntroduction }}</p>
</div>
</div>
</el-col>
<el-col :span="12">
<div class="info-card">
<h3>联系方式</h3>
<div style="padding-top:20px;color:#666;font-size:16px">联系人:{{ supplierObj.enterpriseContactPerson }}</div>
<div style="padding-top:14px;color:#666;font-size:16px">联系电话:<span class="touch" style="color:#1C49F3" @click="inquiry(supplierObj, 'supplier')">获取电话号码</span></div>
<div style="padding-top:4px;padding-left:80px;color:#999;font-size:14px">请留下您的电话号码</div>
<div style="padding-top:10px;padding-bottom:6px;color:#666;font-size:16px">企业地图:</div>
<div id="mapDom" class="map-box" />
</div>
</el-col>
</el-row>
<div class="info-card" style="margin-top: 30px;height: 230px">
<div class="info-card-title"><div class="title-li" /><span>主营产品</span></div>
<div class="info-card-line">{{ supplierObj.mainProductsIntroduction }}</div>
<div class="info-card-title" style="margin-top: 12px"><div class="title-li" /><span>经营范围</span></div>
<div class="info-card-line">{{ supplierObj.businessScope }}</div>
</div>
<div style="padding: 20px;margin-top: 30px">
<div class="info-card-title"><div class="title-li" /><span>工商注册</span></div>
<div class="grid-box">
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">企业名称</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.enterpriseName||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">营业执照</div></el-col>
<el-col :span="7" class="grid-content">&#12288;<span class="touch">点击查看图片</span></el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">统一社会信用代码</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.unifiedSocialCreditCode||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">纳税人识别号</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.taxpayerIdentificationNumber||'-' }}</el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">法定代表人</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.legalRepresentative||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">经营状态</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.businessStatus||'-' }}</el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">成立日期</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.establishmentDate||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">营业期限</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.operatingPeriod||'-' }}</el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">审核/年检日期</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.annualInspectionDate||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">企业类型</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.enterpriseType||'-' }}</el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">注册资本</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.registeredCapital||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">所属行业</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.industry||'-' }}</el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content"><div class="grid-label">注册地址</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.registeredAddressStreet||'-' }}</el-col>
<el-col :span="5" class="grid-content"><div class="grid-label">登记机关</div></el-col>
<el-col :span="7" class="grid-content">&#12288;{{ supplierObj.registrationAuthority||'-' }}</el-col>
</el-row>
<el-row>
<el-col :span="5" class="grid-content">
<div class="grid-label" style="line-height: 154px">经营范围</div>
</el-col>
<el-col :span="19" class="grid-content">
<div style="padding: 12px 20px;line-height: 28px;height: 154px;overflow: auto;">
{{ supplierObj.businessScopeIntroduction||'-' }}
</div>
</el-col>
</el-row>
</div>
</div>
</div>
<div class="pagination">
<el-pagination
:hide-on-single-page="true"
......@@ -78,7 +163,7 @@
</div>
<home-footer ref="homeFooter" />
<inquiry-view ref="inquiryView" />
<float-inquiry-view ref="floatInquiryView" />
<float-inquiry-view v-show="tabIndex==='1'" ref="floatInquiryView" />
<el-backtop />
</div>
</template>
......@@ -111,6 +196,7 @@ export default {
type: undefined,
sort: false
},
mapDom: null,
tabIndex: '1',
productList: [
{
......@@ -215,10 +301,15 @@ export default {
annualInspectionDate: '', // 审核日期
businessLicense: '', // 营业执照的照片名称
businessScope: '温度传感器 热电偶传感器 流量计 报做仪 pt100热电阳 压力变送器 气体检测仪 氟化氢检测仪', // 经营范围
businessScopeIntroduction: '', // 业务范围介绍
businessScopeIntroduction: '光学分析仪器、温度测量仪表、温度计、红外测温仪、环境监测专用仪器仪表、自动气象监测仪器、\n' +
'扬尘噪声监测系统,气体报警仪、土壤情监测系统、太阳能农林防控设备、实验设备、物联网传感器\n' +
'电子产品的技术研发、生产及组装,教学仪器、办公自动化设备、计算机软硬件、通讯设备、电子\n' +
'设备及配件、五金产品、金属制品、机械设备、玻璃制品的销售:计算机领域内技术开发、技术咨询、\n' +
'技术转让、技术服务:电气工程技术的开发、转让:技术推广服务、环境空气质量检测服务、食品检测\n' +
'服务:经营进出口业务。 (依法须经批准的项目,经相关部门批准后方可开展经营活动)', // 业务范围介绍
businessStatus: '', // 经营状态
enterpriseAddress: '', // 企业地址
enterpriseContactPerson: '', // 企业联系人
enterpriseAddress: '青岛路150-3号', // 企业地址
enterpriseContactPerson: '王先生', // 企业联系人
enterpriseContactPersonPhone: '', // 企业联系人手机号
enterpriseEmail: '', // 企业邮箱
enterpriseIntroduction: '威海品合数字矿山技术有限公司(以下简称晶合) ,成立于2012年,位于美丽的海滨城市山东威海。经过多年的专业深耕与创新发展晶合被评为高新技术企业双软企业、入库于帆企业,现已成为国内优秀的智悬矿山及应急管理等领域的解决方案提供商。\n' +
......@@ -229,7 +320,7 @@ export default {
establishmentDate: '2023 01-01', // 成立日期
industry: '', // 所属行业
legalRepresentative: '', // 法定代表人
mainProductsIntroduction: '', // 主营产品介绍
mainProductsIntroduction: '多功能网络电力仪表, 电流互感器, 电气火灾监控装置', // 主营产品介绍
operatingPeriod: '', // 经营期限
registeredAddressArea: '', // 注册地址-区
registeredAddressCity: '', // 注册地址-市
......@@ -247,12 +338,36 @@ export default {
}
},
mounted() {
this.$nextTick(() => {})
this.$nextTick(() => {
})
},
methods: {
onDictReady(dict) {},
tabChange(tabIndex) {
if (this.tabIndex === tabIndex) {
return
}
this.tabIndex = tabIndex
if (this.tabIndex === '2') {
/* eslint-disable */
if(!this.mapDom){
this.mapDom = new BMapGL.Map('mapDom')
this.mapDom.enableScrollWheelZoom(true)
this.mapDom.addControl(new BMapGL.ScaleControl())
this.mapDom.addControl(new BMapGL.ZoomControl())
const point = new BMapGL.Point(116.404, 39.915)
this.mapDom.centerAndZoom(point, 16)
this.mapDom.addOverlay(new BMapGL.Marker(point))
this.mapDom.addOverlay(new BMapGL.Label(this.supplierObj.enterpriseAddress, {
position: point,
offset: new BMapGL.Size(-40, 6)
}));
}else {
this.mapDom.resize()
}
/* eslint-enable */
}
},
setQuertType(type) {
if (type === this.query.type) {
......@@ -290,6 +405,10 @@ export default {
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
::-webkit-scrollbar {
width : 0;
height: 0;
}
.touch {
cursor:pointer;
}
......@@ -522,6 +641,58 @@ export default {
font-size: 16px;
line-height: 28px;
}
.info-card {
display: inline-block;
position: relative;
padding: 20px;
width: 100%;
height: 350px;
border: 1px solid rgba(0,0,0,0.12);
box-shadow: 1px 2px 8px 0 rgba(0,0,0,0.12);
border-radius: 10px;
.info-card-line {
color: #666;
font-size: 20px;
padding: 10px 0;
}
.info-card-textarea {
color: #333;
font-size: 15px;
line-height: 28px;
height: 270px;
overflow: auto;
}
.map-box {
width: 100%;
height: 160px;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
border: 1px solid rgba(0, 0, 0, 0.12);
}
h3 {
font-size: 22px;
margin: 0;
color: #1961C5;
}
}
.info-card-title {
position: relative;
font-size: 22px;
font-weight: bold;
margin: 0;
color: #1961C5;
.title-li {
position: absolute;
width: 8px;
height: 20px;
top: 3px;
background: #0457C7
}
span {
padding-left: 14px;
}
}
}
.search-box {
padding-top: 12px;
......@@ -686,4 +857,24 @@ export default {
background: #1961C5;
}
}
.grid-box {
padding-top: 20px;
.grid-content {
border: 1px solid #ACC9F2;
padding: 0;
line-height: 60px;
font-size: 20px;
color: #666;
span {
color: #0C37F1;
}
span:hover {
font-weight: bold;
}
}
.grid-label {
background: #F6FAFF;
padding: 0 26px;
}
}
</style>
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