Browse Source

拉去代码

master
是小王呀\24601 1 year ago
parent
commit
470e21e7b4
  1. 2
      src/views/iframe/dyzxh.vue
  2. 5
      src/views/iframe/index.vue
  3. 47
      src/views/iframe/ryxx.vue
  4. 2
      yifengdian-company-report/src/api/test.js

2
src/views/iframe/dyzxh.vue

@ -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()
}, },

5
src/views/iframe/index.vue

@ -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.$nextTick(()=>{
this.houseId = item.houseId; this.houseId = item.houseId;
this.houseName = item.houseName; this.houseName = item.houseName;
})
}, },
} }
} }

47
src/views/iframe/ryxx.vue

@ -31,11 +31,7 @@
<span>证件号</span> <span>证件号</span>
<span>联系电话</span> <span>联系电话</span>
</div> </div>
<div <div class="list_row" v-for="(item, index) in dataList" :key="item.name + index">
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">
@ -74,12 +70,13 @@
}, },
components: {}, components: {},
mounted() { mounted() {
}, this.$nextTick(() => {
created () {
resiListByHomeId({ houseId: this.houseId }).then(res => { resiListByHomeId({ houseId: this.houseId }).then(res => {
this.dataList = res.data this.dataList = res.data
}) })
})
}, },
created() {},
methods: { methods: {
handelClose() { handelClose() {
this.$emit('handelClose') this.$emit('handelClose')
@ -87,7 +84,7 @@
}, },
props: { props: {
houseId: { houseId: {
type:Number, type: String,
default: 0 default: 0
}, },
houseName: { houseName: {
@ -109,6 +106,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 150; z-index: 150;
section { section {
@include flex(column); @include flex(column);
background: url("~@/assets/images/common/dialog-bg-red.png") no-repeat !important; background: url("~@/assets/images/common/dialog-bg-red.png") no-repeat !important;
@ -134,8 +132,7 @@
.title-container { .title-container {
align-items: center; align-items: center;
background: url("~@/assets/images/common/dialog-header-red.png") background: url("~@/assets/images/common/dialog-header-red.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -189,11 +186,9 @@
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;
@ -266,9 +261,11 @@
background-position: center 40px; background-position: center 40px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.title_hrader_item { .title_hrader_item {
font-family: 'PingFang Regular'; font-family: 'PingFang Regular';
} }
&_item { &_item {
width: 130px; width: 130px;
height: 48px; height: 48px;
@ -276,6 +273,7 @@
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
line-height: 48px; line-height: 48px;
.numberTotal { .numberTotal {
font-family: PangMenZhengDao; font-family: PangMenZhengDao;
font-weight: 400; font-weight: 400;
@ -283,23 +281,28 @@
line-height: 44px; line-height: 44px;
} }
} }
&_item:nth-child(1) { &_item:nth-child(1) {
padding-left: 24px; padding-left: 24px;
width: auto; width: auto;
font-family: PingFang Regular; font-family: PingFang Regular;
font-weight: bold; font-weight: bold;
} }
&_item:nth-child(3) { &_item:nth-child(3) {
width: 210px; width: 210px;
} }
&_item:nth-child(4) { &_item:nth-child(4) {
width: 180px; width: 180px;
} }
} }
.list { .list {
height: 500px; height: 500px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&_item_header { &_item_header {
width: 100%; width: 100%;
height: 48px; height: 48px;
@ -308,19 +311,24 @@
border-radius: 5px; border-radius: 5px;
background-color: #bd360c; background-color: #bd360c;
color: #fbe9c5; color: #fbe9c5;
&>:nth-child(1) { &>: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;
} }
@ -330,47 +338,56 @@
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) { // .list_row:nth-child(11) {
// border: 1px solid #bb7053; // border: 1px solid #bb7053;
// } // }
} }
} }
</style> </style>

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

@ -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中configindex.js中配置的代理 * @param '/testIp'代表vue-cil中configindex.js中配置的代理
*/ */
const baseUrl =
process.env.NODE_ENV === "development" ? "" : config.baseUrl.pro;
// get请求 // get请求
const testApi = { const testApi = {
getListAPI(params) { getListAPI(params) {

Loading…
Cancel
Save