Lvtianfang
许宏杰 1 year ago
parent 7a80bc9cbf
commit 190591b178

@ -159,12 +159,166 @@
</div> </div>
</div> </div>
</div> </div>
<div class="firm-info" v-if="active == 1">
<div class="info-content">
<div class="list-item">
<div class="item-title">企业名称</div>
<div class="item-value">{{ parkList.name }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">社会信用代码</div>
<div class="item-value">{{ parkList.certificateCode }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">规上企业</div>
<div class="item-value">
{{ parkList.standardSized == 0 ? '否' : '是' }}
</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">上亿企业</div>
<div class="item-value">
{{ parkList.oneHundredMillion == 0 ? '否' : '是' }}
</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">企业类型</div>
<div class="item-value">{{ parkList.typeName }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">所属行业</div>
<div class="item-value">{{ parkList.industryName }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">所属地</div>
<div class="item-value">{{ parkList.locationName }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">所属工业园</div>
<div class="item-value">{{ parkList.parkName }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">法定代表人</div>
<div class="item-value">{{ parkList.legalPerson }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">法人联系人</div>
<div class="item-value">{{ parkList.legalPersonPhone }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">住所注册地</div>
<div class="item-value">{{ parkList.registerAddress }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">实际经营地址</div>
<div class="item-value">{{ parkList.businessAddress }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">企业人数</div>
<div class="item-value">{{ parkList.person }}()</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">面积</div>
<div class="item-value">{{ parkList.rentSpace }}()</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">企业状态</div>
<div class="item-value">{{ parkList.status | fiterStatus }}</div>
</div>
<van-divider />
<div class="list-item">
<div class="item-title">入住园区</div>
<div class="item-value">{{ parkList.parkName }}</div>
</div>
<van-divider />
</div>
</div>
<div class="record-list" v-if="active == 2">
<!-- <div class="serch-input">
<div class="input-box">
<input type="text" placeholder="请输入搜索关键字" v-model="EnterpriseName" />
<div class="input-close" v-show="EnterpriseName">
<van-icon name="clear" @click="EnterpriseName = undefined" />
</div>
</div>
<div class="serch-btn" @click="onSearch"></div>
</div> -->
<!-- <van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad"
>
<div class="list-items" v-for="item in 10">
<div class="item-top">
日常巡查 苏州智讯联电子有限公司
</div>
<div class="item-bottom">
<div class="bottom-time">2024-02-27</div>
<div class="bottom-right">
<div class="right-name">打卡人许龙彪</div>
<img @click="goInfo(item)" src="@/assets/image/vxEwm/examine.png" alt="">
</div>
</div>
</div>
</van-list> -->
<div>
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad"
:immediate-check="true"
>
<div class="list-items" v-for="item in checkslist" :key="item.id">
<div class="item-top">
{{
item.leaderJoin
? '【领导检查】' + item.enterpriseName
: '【日常巡查】' + item.enterpriseName
}}
</div>
<div class="item-bottom">
<div class="bottom-time">{{ item.checkDate }}</div>
<div class="bottom-right">
<div class="right-name">
打卡人{{ item.reportPersonName }}
</div>
<img
v-show="item.isTrouble == 1"
@click="goInfo(item)"
src="@/assets/image/vxEwm/examine.png"
alt=""
/>
</div>
</div>
</div>
</van-list>
</van-pull-refresh>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import xApi from '../../../api/xApi' import xApi from '../../../api/xApi'
import * as api from '@/api/api2.js'
export default { export default {
data() { data() {
return { return {
@ -184,10 +338,31 @@ export default {
gongdanSum: null, // gongdanSum: null, //
weigongdan: 0, weigongdan: 0,
yigongdan: 0, yigongdan: 0,
parkList: {},
loading: false,
finished: false,
pageIndex: 1,
checkslist: [],
refreshing: false,
enterpriseId: null,
}
},
filters: {
fiterStatus(target) {
if (target == 1) {
return '正常'
}
if (target == 2) {
return '注销'
}
if (target == 3) {
return '搬离'
} }
}, },
},
mounted() { mounted() {
let enterpriseId = this.$route.query.id let enterpriseId = this.$route.query.id
this.enterpriseId = this.$route.query.id
this.enterpriseName = this.$route.query.name this.enterpriseName = this.$route.query.name
let isShow = this.$route.query.isShow let isShow = this.$route.query.isShow
if (isShow) { if (isShow) {
@ -199,6 +374,8 @@ export default {
this.getJianChaNum(enterpriseId) this.getJianChaNum(enterpriseId)
this.getGongDan(enterpriseId) this.getGongDan(enterpriseId)
this.getZhengGaiInfo(enterpriseId) this.getZhengGaiInfo(enterpriseId)
this.getIdInfo(enterpriseId)
this.onLoad(enterpriseId)
}, },
methods: { methods: {
changeTab(name, index) { changeTab(name, index) {
@ -289,6 +466,57 @@ export default {
} }
}) })
}, },
//id
getIdInfo(id) {
xApi.getEnterInfo(id).then((res) => {
this.parkList = res.data
})
},
//
onLoad() {
let initLimit = 10
let params = {}
if (this.refreshing) {
this.checkslist = []
this.refreshing = false
}
params = {
enterpriseID: this.enterpriseId,
limit: initLimit,
page: this.pageIndex,
leaderJoin: 0,
}
setTimeout(() => {
api.getCheckslist(params).then((res) => {
this.checkslist = this.checkslist.concat(res.data)
if (res.data.length < initLimit) {
// console.log(this.pageIndex++, '' + res.data.length)
this.finished = true
return
}
this.loading = false
this.pageIndex++
})
}, 500)
},
onRefresh() {
//
this.finished = false
//
this.pageIndex = 1
//
this.checkslist = []
//
// loading true
this.loading = true
this.onLoad()
},
//
goInfo(item) {
this.$router.push({
path: '/enterpriseData/check/info/' + item.id,
})
},
}, },
} }
</script> </script>
@ -454,4 +682,146 @@ img {
} }
} }
} }
.firm-info {
.info-content {
background: #ffffff;
// box-shadow: 0.08rem 0rem 0.16rem 0rem #BBD5EC;
border-radius: 0.24rem;
padding: 0.35rem 0.42rem;
.list-item {
display: flex;
align-items: center;
margin-bottom: 20px;
.item-title {
width: 1.8rem;
flex-wrap: nowrap;
font-family: PingFang-SC, PingFang-SC;
font-weight: 500;
font-size: 0.21rem;
color: #666666;
// line-height: 0.8rem;
}
.item-value {
flex: 1;
font-family: PingFang-SC, PingFang-SC;
font-weight: bold;
font-size: 0.22rem;
color: #333333;
// line-height: 0.8rem;
}
}
}
}
.record-list {
padding-bottom: 0.45rem;
display: flex;
flex-direction: column;
justify-content: center;
// .serch-input {
// width: 99%;
// height: 0.8rem;
// border-radius: 28px;
// background-color: #fff;
// box-shadow: 0 2px 12px 0 #0000001a;
// padding: 0 0.25rem;
// display: flex;
// align-items: center;
// justify-content: space-between;
// .input-box {
// flex: 1;
// display: flex;
// align-items: center;
// input {
// border: 0;
// width: 90%;
// }
// }
// }
// .serch-btn {
// height: 0.3rem;
// width: 0.3rem;
// background: url('~@/assets/image/vxEwm/search-btn.png');
// background-size: 100% 100%;
// }
.list-items {
width: 99%;
margin-top: 0.24rem;
background: #ffffff;
box-shadow: 0.04rem 0.04rem 0.08rem 0rem #bbd5ec;
border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
.item-top {
background: #ffffff;
padding: 0.32rem 0.42rem;
font-family: PingFang-SC, PingFang-SC;
font-weight: 500;
font-size: 0.24rem;
color: #333333;
border-radius: 0.24rem 0.24rem 0rem 0rem;
}
.item-bottom {
background: #fafafa;
padding: 0.25rem 0.42rem;
border-radius: 0rem 0rem 0.24rem 0.24rem;
display: flex;
align-items: center;
justify-content: space-between;
font-family: PingFang-SC, PingFang-SC;
font-weight: 500;
font-size: 0.21rem;
color: #666666;
.bottom-time {
}
.bottom-right {
display: flex;
align-items: center;
.right-name {
}
img {
width: 0.66rem;
margin-left: 0.15rem;
}
}
}
}
}
/deep/ .van-list {
height: calc(100% - 1rem);
overflow-y: auto;
width: 100%;
border-radius: 16px;
}
/deep/.van-cell {
-webkit-box-shadow: 0rem 0rem 0rem 0rem;
box-shadow: 0rem 0rem 0rem 0rem;
border-bottom: 1px solid #cccc;
border-radius: 0rem;
height: auto;
text-align: left;
padding-left: 0.3rem;
padding-right: 0.3rem;
}
/deep/.van-cell__title {
margin-top: 0.167rem;
text-align: left;
padding-left: 0.15rem;
font-size: 0.267rem;
& > span {
font-family: 'AlibabaPuHuiTi-Medium';
font-weight: 400;
color: #34373b;
}
}
.svan-label {
font-size: 0.25rem;
margin-bottom: 0.167rem;
display: flex;
font-family: 'AlibabaPuHuiTi-Regular';
font-weight: 400;
color: #868d98;
}
.svan-label span {
flex: 1;
}
</style> </style>

Loading…
Cancel
Save