<template>
|
<div class="safecontainer">
|
<div class="safeLeft">
|
<!-- <vueSeamlessScroll :data="QYList" class="warp" :class-option="defaultOption"> -->
|
<div class="parentContainer" style="overflow-y: scroll;">
|
|
<div class="table" v-for="(item,i) in QYList" :key="i">
|
<span class="td1">{{item.name}}:</span>
|
<span class="td2" :title="item.value" v-if="item.value!=null">{{item.value.length>12?item.value.substring(0,12):item.value}}</span>
|
<span class="td2" v-if="item.value==null"></span>
|
</div>
|
|
</div>
|
<!-- :src="imgageList" </vueSeamlessScroll> -->
|
</div>
|
<div class="safeRight" >
|
<el-carousel indicator-position="outside" class="Gundong">
|
<el-carousel-item v-for="item in 1" :key="item" class="NypictureItem">
|
<img :src="imgageList" class="picture" />
|
</el-carousel-item>
|
</el-carousel>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import {axios_get,axios_post} from "../../../until/request.js"
|
import vueSeamlessScroll from 'vue-seamless-scroll'
|
export default {
|
components: {
|
vueSeamlessScroll
|
},
|
data() {
|
return {
|
|
imgageList:"", //require("../../../assets/image/centerImg/1504302691707273218.jpg"),
|
QYList: [],
|
}
|
},
|
|
methods:{
|
//获取企业信息
|
GetQYXX(){
|
let pid= this.$store.state.Pid;
|
axios_get("/safe/getCorpMessage/"+pid).then(reponse=>{
|
//console.log(reponse);
|
this.QYList=[];
|
for (var key of Object.keys(reponse.data)) {
|
|
let obj={
|
name:"",
|
value:""
|
}
|
switch(key){
|
case "businessAddress":
|
obj.name="经营地址";
|
break;
|
case "corpId":
|
obj.name="企业编号";
|
break;
|
case "corpMaxTypeName":
|
obj.name="企业类型名称（大类）";
|
break;
|
case "corpMinTypeName":
|
obj.name="企业类型名称（小类）";
|
break;
|
case "corpName":
|
obj.name="企业名称";
|
break;
|
case "corpScaleName":
|
obj.name="企业经济类型名称";
|
break;
|
case "countryName":
|
obj.name="乡镇、街道";
|
break;
|
case "economicTypeName":
|
obj.name="企业经济类型名称";
|
break;
|
case "establishDate":
|
obj.name="成立日期";
|
break;
|
case "hasSpecialEquipment":
|
obj.name="是否有稀缺大型应急物资或设施";
|
break;
|
case "isAboveScale":
|
obj.name="企业经营状态名称";
|
break;
|
case "isEmerSupplies":
|
obj.name="是否规模以上";
|
break;
|
case "registeredAddress":
|
obj.name="统一社会信用代码";
|
break;
|
case "registeredCapital":
|
obj.name="注册金额";
|
break;
|
case "unifiedCode":
|
obj.name="有无特种设备";
|
break;
|
case "workAddress":
|
obj.name="办公地址";
|
break;
|
default:
|
continue;
|
break;
|
}
|
obj.value=reponse.data[key];
|
this.QYList.push(obj);
|
}
|
|
|
try{
|
this.imgageList= require("../../../assets/image/centerImg/"+pid+".jpg");
|
}catch{
|
this.imgageList= require("../../../assets/image/centerImg/暂无内容.jpg");
|
}
|
|
|
|
|
|
})
|
}
|
|
},
|
|
mounted() {
|
this.GetQYXX();
|
},
|
|
computed: {
|
defaultOption() {
|
return {
|
step: 0, // 数值越大速度滚动越快
|
limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length
|
hoverStop: true, // 是否开启鼠标悬停stop
|
direction: 1, // 0向下 1向上 2向左 3向右
|
openWatch: true, // 开启数据实时监控刷新dom
|
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
|
singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
|
waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
|
}
|
}
|
|
},
|
|
watch: {
|
'$store.state.Pid': {
|
deep: true, //深度监听
|
handler(newValue, oldValue) {
|
this.GetQYXX();
|
},
|
},
|
},
|
|
|
|
}
|
</script>
|
|
<style scoped="scoped" lang="less">
|
.safecontainer {
|
background-color: #0A2D5A;
|
border-radius: 10px;
|
height: 100%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-between;
|
.safeLeft {
|
width: 60%;
|
height: 90%;
|
.parentContainer {
|
height: 100%;
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
flex-direction: row;
|
|
.table {
|
width: 100%;
|
height: 60px;
|
display: flex;
|
flex-direction: row;
|
font-size: 22px;
|
|
.td1 {
|
color: #00A4FC;
|
// text-align: left;
|
width: 55%;
|
display: flex;
|
align-items: center;
|
// justify-content: flex-end;
|
}
|
|
.td2 {
|
// text-indent: 10px;
|
width: 45%;
|
color: #FFFFFF;
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
}
|
|
}
|
}
|
|
}
|
|
.safeRight {
|
// background-color: red;
|
// display: flex;
|
// align-items: center;
|
// justify-content: center;
|
// margin-left: 10%;
|
width: 40%;
|
height: 90%;
|
}
|
.Gundong{
|
height: 100%;
|
width: 100%;
|
}
|
.Gundong /deep/ .el-carousel{
|
height: 100%;
|
width: 100%;
|
background-color: red;
|
}
|
.Gundong /deep/ .el-carousel__container{
|
height: 100%;
|
width: 100%;
|
}
|
|
.picture{
|
width: 100%;
|
height: 100%;
|
}
|
|
}
|
|
.warp {
|
|
height: 100%;
|
width: 100%;
|
overflow-y: scroll;
|
}
|
::-webkit-scrollbar{width:6px;height:6px;
|
|
background-color: #00000040;
|
|
}
|
|
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,1);border-radius:10px;}
|
|
::-webkit-scrollbar-track{background-color:transparent; }
|
|
</style>
|
