elink-star
/
yifeng_integration
16
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

公众号线上报错,iframe嵌入

master
mk 1 year ago
parent
7317702905
commit
c3516687e8
4 changed files with 302 additions and 284 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/iframe/dyzxh.vue
  2. 9
      src/views/iframe/index.vue
  3. 541
      src/views/iframe/ryxx.vue
  4. 2
      yifengdian-company-report/src/api/test.js

2
src/views/iframe/dyzxh.vue
View File

@ -89,7 +89,7 @@
this.$emit('handleClickHouse', item) this.$emit('handleClickHouse', item)
}, },
pageCurrentHandle(val) { pageCurrentHandle(val) {
// this.pageNo = val; this.pageNo = val;
// this.$emit('handelClickPageNo',val) // this.$emit('handelClickPageNo',val)
this.houseListByGroup() this.houseListByGroup()
}, },

9
src/views/iframe/index.vue
View File

@ -4,7 +4,7 @@
<dyzxh @handleClickHouse="handleClickHouse"/> <dyzxh @handleClickHouse="handleClickHouse"/>
</section> </section>
<section v-show="type === 2"> <section v-show="type === 2">
<ryxx :houseId="houseId" :houseName="houseName" @handelClose="handelClose"/> <ryxx v-if="houseId" :houseId="houseId" :houseName="houseName" @handelClose="handelClose"/>
</section> </section>
<section v-show="type === 3"> <section v-show="type === 3">
<dyxx/> <dyxx/>
@ -37,11 +37,14 @@ import dyxx from "./dyxx.vue"
methods: { methods: {
handelClose(){ handelClose(){
this.type = 1; this.type = 1;
this.houseId = null;
}, },
handleClickHouse(item){ handleClickHouse(item){
this.type = 2; this.type = 2;
this.houseId = item.houseId; this.$nextTick(()=>{
this.houseName = item.houseName; this.houseId = item.houseId;
this.houseName = item.houseName;
})
}, },
} }
} }

541
src/views/iframe/ryxx.vue
View File

@ -1,41 +1,37 @@
<template> <template>
<div class="modal" > <div class="modal">
<section> <section>
<div class="dialog_header"> <div class="dialog_header">
<div class="close-icon" > <div class="close-icon">
<img src="@/assets/images/common/dialog-colse.png" @click="handelClose" alt="" /> <img src="@/assets/images/common/dialog-colse.png" @click="handelClose" alt="" />
</div>
<div class="title-container">
<div class="title">{{ dialogTitle }}</div>
</div>
</div> </div>
<div class="dialog_body"> <div class="title-container">
<div class="content"> <div class="title">{{ dialogTitle }}</div>
<div class="main"> </div>
<div class="wrap"> </div>
<div class="content"> <div class="dialog_body" >
<div class="title_hrader"> <div class="content">
<div class="title_hrader_item"> <div class="main">
{{houseName}} <div class="wrap">
</div> <div class="content">
<div class="title_hrader_item"> <div class="title_hrader">
成员: <div class="title_hrader_item">
<span class="numberTotal">{{ dataList.length || 0 }}</span> 人 {{ houseName }}
</div>
</div> </div>
<div class="list"> <div class="title_hrader_item">
<div class="list_item_header"> 成员:
<span>序号</span> <span class="numberTotal">{{ dataList.length || 0 }}</span> 人
<span>姓名</span> </div>
<span>性别</span> </div>
<span>证件号</span> <div class="list">
<span>联系电话</span> <div class="list_item_header">
</div> <span>序号</span>
<div <span>姓名</span>
class="list_row" <span>性别</span>
v-for="(item, index) in dataList" <span>证件号</span>
:key="item.name + index" <span>联系电话</span>
> </div>
<div class="list_row" v-for="(item, index) in dataList" :key="item.name + index">
<div class="list_row_item">{{ index + 1 }}</div> <div class="list_row_item">{{ index + 1 }}</div>
<div class="list_row_item">{{ item.icUserName }}</div> <div class="list_row_item">{{ item.icUserName }}</div>
<div class="list_row_item"> <div class="list_row_item">
@ -46,200 +42,198 @@
{{ item.mobile }} {{ item.mobile }}
</div> </div>
</div> </div>
</div>
<div class="list_bottom"></div>
</div> </div>
<div class="list_bottom"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</div> </section>
</template> </div>
</template>
<script>
import { resiListByHomeId } from '@/api/hsyf'
export default {
name: '',
data () {
return {
dialogTitle: '人员信息',
loading: false,
dataList: [],
type:1,
}
},
computed: {
}, <script>
components: {}, import { resiListByHomeId } from '@/api/hsyf'
mounted () { export default {
}, name: '',
created () { data() {
resiListByHomeId({houseId:this.houseId}).then(res => { return {
dialogTitle: '人员信息',
loading: false,
dataList: [],
type: 1,
}
},
computed: {
},
components: {},
mounted() {
this.$nextTick(() => {
resiListByHomeId({ houseId: this.houseId }).then(res => {
this.dataList = res.data this.dataList = res.data
})
}) })
},
created() {},
methods: {
handelClose() {
this.$emit('handelClose')
}
},
props: {
houseId: {
type: String,
default: 0
}, },
methods: { houseName: {
handelClose(){ type: String,
this.$emit('handelClose') default: ''
} }
},
props:{
houseId:{
type:Number,
default:0
},
houseName:{
type:String,
default:''
}
}
} }
</script> }
</script>
<style lang="scss" scoped>
.modal { <style lang="scss" scoped>
width: 100%; .modal {
height: 100%; width: 100%;
position: absolute; height: 100%;
top: 0; position: absolute;
left: 0; top: 0;
display: flex; left: 0;
align-items: center; display: flex;
justify-content: center; align-items: center;
z-index: 150; justify-content: center;
section { z-index: 150;
@include flex(column);
background: url("~@/assets/images/common/dialog-bg-red.png") no-repeat !important; section {
background-size: 100% 100% !important; @include flex(column);
width: 715px; background: url("~@/assets/images/common/dialog-bg-red.png") no-repeat !important;
height: auto; background-size: 100% 100% !important;
overflow: hidden; width: 715px;
padding-bottom: 16px; height: auto;
box-sizing: border-box; overflow: hidden;
padding-bottom: 16px;
.dialog_header { box-sizing: border-box;
position: relative;
margin-bottom: 0px;
.close-icon {
width: 18px;
height: 18px;
position: absolute;
top: 10px;
right: 16px;
cursor: pointer;
}
.title-container { .dialog_header {
align-items: center; position: relative;
background: url("~@/assets/images/common/dialog-header-red.png") margin-bottom: 0px;
no-repeat;
.close-icon {
width: 18px;
height: 18px;
position: absolute;
top: 10px;
right: 16px;
cursor: pointer;
}
.title-container {
align-items: center;
background: url("~@/assets/images/common/dialog-header-red.png") no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
height: 60px;
font-size: 26px;
.title {
font-family: zaozigongfang;
letter-spacing: 2px;
line-height: 50px;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; height: 52px;
height: 60px; font-size: 22px;
font-size: 26px; color: #fff;
.title {
font-family: zaozigongfang;
letter-spacing: 2px;
line-height: 50px;
background-size: 100% 100%;
display: flex;
justify-content: center;
height: 52px;
font-size: 22px;
color: #fff;
}
} }
} }
}
.dialog_body { .dialog_body {
position: relative; position: relative;
> .content { >.content {
box-sizing: border-box; box-sizing: border-box;
color: #fff; color: #fff;
padding: 0px 24px 0 27px; padding: 0px 24px 0 27px;
.main { .main {
height: 588px; height: 588px;
overflow-y: hidden; overflow-y: hidden;
box-sizing: border-box; box-sizing: border-box;
overflow-y: scroll; overflow-y: scroll;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 0px; width: 0px;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
border-radius: 10px; border-radius: 10px;
background: rgba(251, 233, 197, 1); background: rgba(251, 233, 197, 1);
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: rgba(234, 201, 135, 1); background: rgba(234, 201, 135, 1);
} }
.header { .header {
width: 100%; width: 100%;
height: 30px; height: 30px;
text-align: left; text-align: left;
background: linear-gradient( background: linear-gradient(90deg,
90deg,
rgb(26, 109, 224) 0%, rgb(26, 109, 224) 0%,
rgba(13, 113, 248, 0) 50% rgba(13, 113, 248, 0) 50%);
); display: flex;
display: flex; justify-content: flex-start;
justify-content: flex-start; align-items: center;
align-items: center; }
}
.flex { .flex {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
.item { .item {
display: flex; display: flex;
width: 647px; width: 647px;
padding: 16px 24px 16px 16px; padding: 16px 24px 16px 16px;
box-sizing: border-box; box-sizing: border-box;
background: #1657b8; background: #1657b8;
border-radius: 2px; border-radius: 2px;
margin-bottom: 10px; margin-bottom: 10px;
img { img {
width: 186px; width: 186px;
height: 120px; height: 120px;
} }
p { p {
display: -webkit-box; display: -webkit-box;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 0; margin-bottom: 0;
} }
> .content { >.content {
flex: 1; flex: 1;
@include flex(column); @include flex(column);
padding-left: 17px; padding-left: 17px;
box-sizing: border-box; box-sizing: border-box;
& > :nth-child(1) { &> :nth-child(1) {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
& > :nth-child(2) { &> :nth-child(2) {
color: #00d4f3; color: #00d4f3;
}
} }
} }
} }
@ -249,128 +243,151 @@
} }
} }
} }
}
.wrap { .wrap {
.content { .content {
margin-top: 0px; margin-top: 0px;
padding: 0 17px; padding: 0 17px;
position: relative; position: relative;
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
transform-origin: 50% 50%; transform-origin: 50% 50%;
.title_hrader { .title_hrader {
padding-top: 10px; padding-top: 10px;
height: 58px; height: 58px;
background: url("~@/assets/images/common/zzjgbotbgred.png") no-repeat; background: url("~@/assets/images/common/zzjgbotbgred.png") no-repeat;
background-size: 100% 14px; background-size: 100% 14px;
background-position: center 40px; background-position: center 40px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.title_hrader_item{
font-family: 'PingFang Regular'; .title_hrader_item {
} font-family: 'PingFang Regular';
&_item { }
width: 130px;
height: 48px; &_item {
font-weight: 300; width: 130px;
font-size: 14px; height: 48px;
color: #ffffff; font-weight: 300;
line-height: 48px; font-size: 14px;
.numberTotal { color: #ffffff;
font-family: PangMenZhengDao; line-height: 48px;
font-weight: 400;
font-size: 20px; .numberTotal {
line-height: 44px; font-family: PangMenZhengDao;
} font-weight: 400;
} font-size: 20px;
&_item:nth-child(1) { line-height: 44px;
padding-left: 24px;
width: auto;
font-family: PingFang Regular;
font-weight: bold;
}
&_item:nth-child(3) {
width: 210px;
}
&_item:nth-child(4) {
width: 180px;
} }
} }
.list{
height:500px; &_item:nth-child(1) {
padding-left: 24px;
width: auto;
font-family: PingFang Regular;
font-weight: bold;
}
&_item:nth-child(3) {
width: 210px;
}
&_item:nth-child(4) {
width: 180px;
}
}
.list {
height: 500px;
display: flex;
flex-direction: column;
&_item_header {
width: 100%;
height: 48px;
line-height: 48px;
display: flex; display: flex;
flex-direction: column; border-radius: 5px;
&_item_header { background-color: #bd360c;
width: 100%; color: #fbe9c5;
height: 48px;
line-height: 48px; &>:nth-child(1) {
display: flex;
border-radius: 5px;
background-color: #bd360c;
color: #fbe9c5;
&>:nth-child(1) {
width: 80px; width: 80px;
padding-left: 24px; padding-left: 24px;
} }
&>:nth-child(2) { &>:nth-child(2) {
width: 80px; width: 80px;
} }
&>:nth-child(3) { &>:nth-child(3) {
width: 80px; width: 80px;
} }
&>:nth-child(4) { &>:nth-child(4) {
flex: 1; flex: 1;
} }
&>:nth-child(5) { &>:nth-child(5) {
width: 160px; width: 160px;
} }
} }
.list_row { .list_row {
display: flex; display: flex;
border-bottom: 0px; border-bottom: 0px;
color: #fbe9c5; color: #fbe9c5;
&_item { &_item {
width: 140px; width: 140px;
height: 48px; height: 48px;
line-height: 48px; line-height: 48px;
border-bottom: 1px dashed #bb7053; border-bottom: 1px dashed #bb7053;
} }
&_item:nth-child(1) { &_item:nth-child(1) {
width: 80px; width: 80px;
padding-left: 24px; padding-left: 24px;
} }
&_item:nth-child(2) { &_item:nth-child(2) {
width: 80px; width: 80px;
} }
&_item:nth-child(3) { &_item:nth-child(3) {
width: 80px; width: 80px;
} }
&_item:nth-child(4) { &_item:nth-child(4) {
flex: 1; flex: 1;
} }
&_item:nth-child(5) { &_item:nth-child(5) {
width: 160px; width: 160px;
} }
} }
.list_row:hover { .list_row:hover {
background: url("~@/assets/images/common/zzjg_xz.png") no-repeat !important; background: url("~@/assets/images/common/zzjg_xz.png") no-repeat !important;
background-size: 100% 100% !important; background-size: 100% 100% !important;
color: #ffffff; color: #ffffff;
} }
.list_row:nth-child(1) { .list_row:nth-child(1) {
border: 1px solid #bb7053; border: 1px solid #bb7053;
border-bottom: 0px; border-bottom: 0px;
} }
.list_bottom { .list_bottom {
border-bottom: 1px solid #bb7053; border-bottom: 1px solid #bb7053;
} }
}
// .list_row:nth-child(11) {
// border: 1px solid #bb7053;
// }
} }
}
</style>
// .list_row:nth-child(11) {
// border: 1px solid #bb7053;
// }
}
}
</style>

2
yifengdian-company-report/src/api/test.js
View File

@ -5,8 +5,6 @@ import request from '../utils/request'
* @parms resquest 请求地址 例如：http://197.82.15.15:8088/request/... * @parms resquest 请求地址 例如：http://197.82.15.15:8088/request/...
* @param '/testIp'代表vue-cil中config，index.js中配置的代理 * @param '/testIp'代表vue-cil中config，index.js中配置的代理
*/ */
const baseUrl =
process.env.NODE_ENV === "development" ? "" : config.baseUrl.pro;
// get请求 // get请求
const testApi = { const testApi = {
getListAPI(params) { getListAPI(params) {

Write Preview
Loading…
Cancel
Save