Merge branch 'main' of http://192.168.0.56:3000/hywen/YNUtdPlatform
This commit is contained in:
commit
d75d83995d
|
|
@ -147,7 +147,7 @@ export default {
|
|||
res.data.proMsgBean
|
||||
setTimeout(() => {
|
||||
let data = {
|
||||
categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'],
|
||||
categories: ['基建线路', '基建变电', '生产线路', '生产变电', '配网', '其他'],
|
||||
series: [
|
||||
{
|
||||
name: '',
|
||||
|
|
@ -164,7 +164,11 @@ export default {
|
|||
const currentIndex = index.currentIndex.index // 获取当前点击的图表索引
|
||||
const currenName = this.chartData.categories[currentIndex]
|
||||
console.log('currenName选中的工程类型', currenName)
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/project?xxx=${currenName}` })
|
||||
const proType = {
|
||||
currentIndex,
|
||||
name: currenName
|
||||
}
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/project?proType=${JSON.stringify(proType)}` })
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -139,7 +139,13 @@ export default {
|
|||
const chartsData = this.chartData.series[0].data
|
||||
const currenRows = chartsData[currentIndex]
|
||||
console.log('currenRows选中的工程类型', currenRows.name)
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/project?xxx=${currenRows.name}` })
|
||||
|
||||
// 电压等级信息
|
||||
const voltageLevel = {
|
||||
currentIndex,
|
||||
name: currenRows.name
|
||||
}
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/project?voltageLevel=${JSON.stringify(voltageLevel)}` })
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -676,25 +676,24 @@ export default {
|
|||
//数据概览跳转
|
||||
godataView(item) {
|
||||
console.log(item)
|
||||
if(item.data_title=='在建工程'){
|
||||
if (item.data_title == '在建工程') {
|
||||
uni.navigateTo({ url: '/pages/realName/index/pages/project' })
|
||||
}
|
||||
if(item.data_title=='在用分包单位'){
|
||||
if (item.data_title == '在用分包单位') {
|
||||
uni.navigateTo({ url: '/pages/realName/index/pages/subList' })
|
||||
}
|
||||
if(item.data_title=='在用班组'){
|
||||
if (item.data_title == '在用班组') {
|
||||
uni.navigateTo({ url: '/pages/realName/index/pages/teamList' })
|
||||
}
|
||||
if(item.data_title=='在场人数'){
|
||||
if (item.data_title == '在场人数') {
|
||||
uni.navigateTo({ url: '/pages/realName/index/pages/personList' })
|
||||
}
|
||||
if(item.data_title=='日计划打卡数'){
|
||||
if (item.data_title == '日计划打卡数') {
|
||||
uni.navigateTo({ url: '/pages/realName/index/pages/personList?isAtt=0&isPlanWorker=1' })
|
||||
}
|
||||
if(item.data_title=='今日打卡'){
|
||||
if (item.data_title == '今日打卡') {
|
||||
uni.navigateTo({ url: '/pages/realName/index/pages/personList?isAtt=0' })
|
||||
}
|
||||
|
||||
},
|
||||
/* 人员考勤等跳转 */
|
||||
onJumpPersonList(title) {
|
||||
|
|
@ -729,25 +728,34 @@ export default {
|
|||
},
|
||||
/* 工程概况跳转 */
|
||||
onJumpProjectList(title) {
|
||||
let params = ''
|
||||
let name = ''
|
||||
let currentIndex = 0
|
||||
// 跳转人员列表
|
||||
switch (title) {
|
||||
case '在建':
|
||||
params = '在建'
|
||||
break
|
||||
case '筹建':
|
||||
params = '筹建'
|
||||
break
|
||||
case '停工':
|
||||
params = '停工'
|
||||
name = '在建'
|
||||
currentIndex = 1
|
||||
break
|
||||
case '完工':
|
||||
params = '完工'
|
||||
name = '完工'
|
||||
currentIndex = 2
|
||||
break
|
||||
case '筹建':
|
||||
name = '筹建'
|
||||
currentIndex = 3
|
||||
break
|
||||
case '停工':
|
||||
name = '停工'
|
||||
currentIndex = 4
|
||||
break
|
||||
}
|
||||
|
||||
console.log('params路由参数工程概况', params)
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/project?xxx=${params}` })
|
||||
// 概况
|
||||
const survey = {
|
||||
name,
|
||||
currentIndex
|
||||
}
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/project?survey=${JSON.stringify(survey)}` })
|
||||
},
|
||||
/* 在场人员概况跳转人员信息 */
|
||||
onJumpColorLight(type) {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,18 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar class="u-navbar" title="在建工程" placeholder @leftClick="leftClick"
|
||||
leftIconColor="#fff" bgColor="#00337A" :titleStyle="{ color: '#FFF', fontSize: '32rpx' }"/>
|
||||
<u-navbar
|
||||
class="u-navbar"
|
||||
title="在建工程"
|
||||
placeholder
|
||||
@leftClick="leftClick"
|
||||
leftIconColor="#fff"
|
||||
bgColor="#00337A"
|
||||
:titleStyle="{ color: '#FFF', fontSize: '32rpx' }"
|
||||
/>
|
||||
|
||||
<view class="header-fixed">
|
||||
<view class="search-content">
|
||||
<view style="width: 90%;">
|
||||
<view style="width: 90%">
|
||||
<uni-easyinput
|
||||
suffixIcon="search"
|
||||
v-model="queryParams.params.proName"
|
||||
|
|
@ -20,59 +27,92 @@
|
|||
<view style="padding: 0 20rpx">
|
||||
<scroll-view class="data-container" scroll-y="true">
|
||||
<view class="scroll-item" v-for="(item, index) in companyInfoList" :key="index">
|
||||
<view class="item-1">
|
||||
<view>{{ index + 1 }}</view>
|
||||
<view>{{ item.proName }}</view>
|
||||
<uni-icons :type="item.isCollect == 1 ? 'star-filled' : 'star'" size="20" @catchtap="onCollection($event, item)" :style="{ color: item.isCollect == 1 ? '#f9971e' : '' }" style="position: absolute;right: 1%;"></uni-icons>
|
||||
<view class="item-1">
|
||||
<view>{{ index + 1 }}</view>
|
||||
<view>{{ item.proName }}</view>
|
||||
<uni-icons
|
||||
:type="item.isCollect == 1 ? 'star-filled' : 'star'"
|
||||
size="20"
|
||||
@catchtap="onCollection($event, item)"
|
||||
:style="{ color: item.isCollect == 1 ? '#f9971e' : '' }"
|
||||
style="position: absolute; right: 1%"
|
||||
></uni-icons>
|
||||
</view>
|
||||
<view class="item-2">
|
||||
<view>{{ item.subComName }}</view>
|
||||
<view>{{ item.voltageLevel }}</view>
|
||||
<view>{{ item.proType }}</view>
|
||||
<view>{{ item.proStatus }}</view>
|
||||
</view>
|
||||
<view class="item-3">
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goSubListPage(item)"
|
||||
>
|
||||
<view>分包</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{ item.subNum }}</view>
|
||||
</view>
|
||||
<view class="item-2">
|
||||
<view>{{item.subComName}}</view>
|
||||
<view>{{item.voltageLevel}}</view>
|
||||
<view>{{item.proType}}</view>
|
||||
<view>{{item.proStatus}}</view>
|
||||
</view>
|
||||
<view class="item-3">
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goSubListPage(item)">
|
||||
<view>分包</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{item.subNum}}</view>
|
||||
</view>
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goTeamListPage(item)">
|
||||
<view>班组</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{item.teamNum}}</view>
|
||||
</view>
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goAttPersonListPage(item)">
|
||||
<view>考勤人数</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{item.attPersonNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-3">
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goAllPersonListPage(item)">
|
||||
<view>在场</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{item.einPersonNum}}</view>
|
||||
</view>
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goWorkPersonListPage(item)">
|
||||
<view>固定</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{item.formalPersonNum}}</view>
|
||||
</view>
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goTempPersonListPage(item)">
|
||||
<view>临时</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{item.temporaryPersonNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-3">
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goLightPersonListPage(item,2)">
|
||||
<view>绿灯</view>
|
||||
<view style="color: #3FB779; font-weight: bold">{{item.greenPersonNum}}</view>
|
||||
</view>
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goLightPersonListPage(item,1)">
|
||||
<view>黄灯</view>
|
||||
<view style="color: #E89C2D; font-weight: bold">{{item.yellowPersonNum}}</view>
|
||||
</view>
|
||||
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goLightPersonListPage(item,0)">
|
||||
<view>红灯</view>
|
||||
<view style="color: #E8717F; font-weight: bold">{{item.redPersonNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goTeamListPage(item)"
|
||||
>
|
||||
<view>班组</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{ item.teamNum }}</view>
|
||||
</view>
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goAttPersonListPage(item)"
|
||||
>
|
||||
<view>考勤人数</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{ item.attPersonNum }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-3">
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goAllPersonListPage(item)"
|
||||
>
|
||||
<view>在场</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{ item.einPersonNum }}</view>
|
||||
</view>
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goWorkPersonListPage(item)"
|
||||
>
|
||||
<view>固定</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{ item.formalPersonNum }}</view>
|
||||
</view>
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goTempPersonListPage(item)"
|
||||
>
|
||||
<view>临时</view>
|
||||
<view style="color: #3f9dfd; font-weight: bold">{{ item.temporaryPersonNum }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-3">
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goLightPersonListPage(item, 2)"
|
||||
>
|
||||
<view>绿灯</view>
|
||||
<view style="color: #3fb779; font-weight: bold">{{ item.greenPersonNum }}</view>
|
||||
</view>
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goLightPersonListPage(item, 1)"
|
||||
>
|
||||
<view>黄灯</view>
|
||||
<view style="color: #e89c2d; font-weight: bold">{{ item.yellowPersonNum }}</view>
|
||||
</view>
|
||||
<view
|
||||
style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
|
||||
@tap="goLightPersonListPage(item, 0)"
|
||||
>
|
||||
<view>红灯</view>
|
||||
<view style="color: #e8717f; font-weight: bold">{{ item.redPersonNum }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
|
@ -86,7 +126,8 @@
|
|||
<scroll-view class="company-container" scroll-y="true">
|
||||
<view class="company-items">
|
||||
<view
|
||||
v-for="(item, index) in companyList" :key="index"
|
||||
v-for="(item, index) in companyList"
|
||||
:key="index"
|
||||
:class="{ active: index === activeIndex }"
|
||||
@tap="onSelectCompany(index, item.id)"
|
||||
>
|
||||
|
|
@ -100,47 +141,48 @@
|
|||
<scroll-view class="company-container" scroll-y="true">
|
||||
<view class="company-items">
|
||||
<view
|
||||
v-for="(item, index) in proStatusList" :key="index"
|
||||
v-for="(item, index) in proStatusList"
|
||||
:key="index"
|
||||
:class="{ active: index === activeIndex2 }"
|
||||
@tap="onSelectStatus(index, item.name)"
|
||||
@tap="onSelectStatus(index, item.id)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<h2>电压等级</h2>
|
||||
<view>
|
||||
<scroll-view class="company-container" scroll-y="true">
|
||||
<view class="company-items">
|
||||
<view
|
||||
v-for="(item, index) in levelList"
|
||||
:key="index"
|
||||
:class="{ active: index === activeIndex3 }"
|
||||
@tap="onSelectLevel(index, item.id)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<h2>工程类型</h2>
|
||||
<view>
|
||||
<scroll-view class="company-container" scroll-y="true" style="padding-bottom: 120rpx">
|
||||
<view class="company-items">
|
||||
<view
|
||||
v-for="(item, index) in proTypeList"
|
||||
:key="index"
|
||||
:class="{ active: index === activeIndex4 }"
|
||||
@tap="onSelectType(index, item.name)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<h2>电压等级</h2>
|
||||
<view>
|
||||
<scroll-view class="company-container" scroll-y="true">
|
||||
<view class="company-items">
|
||||
<view
|
||||
v-for="(item, index) in levelList" :key="index"
|
||||
:class="{ active: index === activeIndex3 }"
|
||||
@tap="onSelectLevel(index, item.name)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<h2>工程类型</h2>
|
||||
<view>
|
||||
<scroll-view class="company-container" scroll-y="true" style="padding-bottom: 120rpx;">
|
||||
<view class="company-items">
|
||||
<view
|
||||
v-for="(item, index) in proTypeList" :key="index"
|
||||
:class="{ active: index === activeIndex4 }"
|
||||
@tap="onSelectType(index, item.name)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="bottom-btn">
|
||||
<view class="bottom-btn">
|
||||
<button style="background-color: #fff; color: #00337a" @tap="onReset">重置</button>
|
||||
<button style="background-color: #00337a; color: #fff" @tap="onQuery">查询</button>
|
||||
</view>
|
||||
|
|
@ -163,52 +205,78 @@ export default {
|
|||
token: uni.getStorageSync('tjToken'),
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
offset: "0",
|
||||
limit: "999999",
|
||||
offset: '0',
|
||||
limit: '999999',
|
||||
params: {
|
||||
userId:uni.getStorageSync('realNameUser').userId+'',
|
||||
proName:"",
|
||||
subComId:"",
|
||||
proStatus:"",
|
||||
voltageLevel:"",
|
||||
proType:"",
|
||||
userId: uni.getStorageSync('realNameUser').userId + '',
|
||||
proName: '',
|
||||
subComId: '',
|
||||
proStatus: '',
|
||||
voltageLevel: '',
|
||||
proType: ''
|
||||
}
|
||||
},
|
||||
companyList: [{ name: '全部', id: '' }],
|
||||
proStatusList: [{name:'全部', id:'' }],
|
||||
levelList: [{name:'全部', id:'' },{name:'其他', id:'1' },{name:'110kV', id:'2' },{name:'220kV', id:'3' },{name:'500kV', id:'4' },{name:'±500kV', id:'5' },{name:'1000kV以上', id:'6' }],
|
||||
proTypeList: [{name:'全部', id:'' }],
|
||||
proStatusList: [{ name: '全部', id: '' }],
|
||||
levelList: [{ name: '全部', id: '' }],
|
||||
proTypeList: [{ name: '全部', id: '' }],
|
||||
companyInfoList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getListData()
|
||||
this.getHomePageSelectData()
|
||||
// mounted() {
|
||||
|
||||
// },
|
||||
|
||||
onLoad(option) {
|
||||
this.getHomePageSelectData().then(() => {
|
||||
if (option.voltageLevel) {
|
||||
// 获取电压等级
|
||||
const voltageLevel = JSON.parse(option.voltageLevel)
|
||||
const { currentIndex, name } = voltageLevel
|
||||
this.activeIndex3 = currentIndex + 1
|
||||
this.queryParams.params.voltageLevel = this.levelList[currentIndex + 1].id
|
||||
}
|
||||
if (option.proType) {
|
||||
// 获取工程类型
|
||||
const proType = JSON.parse(option.proType)
|
||||
const { currentIndex, name } = proType
|
||||
this.activeIndex4 = currentIndex + 1
|
||||
this.queryParams.params.proType = name
|
||||
}
|
||||
if (option.survey) {
|
||||
// 获取工程概况
|
||||
const survey = JSON.parse(option.survey)
|
||||
const { currentIndex, name } = survey
|
||||
this.activeIndex2 = currentIndex
|
||||
this.queryParams.params.proStatus = this.proStatusList[currentIndex].id
|
||||
}
|
||||
this.getListData()
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
/* 获取作业计划列表 */
|
||||
async getListData() {
|
||||
console.log('this.queryParams参数', this.queryParams)
|
||||
console.log('this.queryParams参数', this.queryParams)
|
||||
uni.request({
|
||||
url: config.loginBaseUrl + '/bmw/homeSubPage/getAppBuildPro',
|
||||
method: 'POST',
|
||||
data: JSON.stringify(this.queryParams),
|
||||
header: {
|
||||
'Content-Type': 'application/json'
|
||||
// token: this.token
|
||||
},
|
||||
success: res => {
|
||||
console.log('res****', res)
|
||||
this.recordsTotal = res.data.recordsTotal
|
||||
this.companyInfoList = res.data.data
|
||||
},
|
||||
url: config.loginBaseUrl + '/bmw/homeSubPage/getAppBuildPro',
|
||||
method: 'POST',
|
||||
data: JSON.stringify(this.queryParams),
|
||||
header: {
|
||||
'Content-Type': 'application/json'
|
||||
// token: this.token
|
||||
},
|
||||
success: res => {
|
||||
console.log('res****', res)
|
||||
this.recordsTotal = res.data.recordsTotal
|
||||
this.companyInfoList = res.data.data
|
||||
},
|
||||
fail: err => {}
|
||||
})
|
||||
},
|
||||
/* 获取公司数据 */
|
||||
async getHomePageSelectData() {
|
||||
const res = await getHomePageSelectApi()
|
||||
console.log(res)
|
||||
console.log('resresres', res)
|
||||
this.companyList = this.companyList.concat(res.subList)
|
||||
this.proTypeList = this.proTypeList.concat(res.proType)
|
||||
this.proStatusList = this.proStatusList.concat(res.proStatusList)
|
||||
|
|
@ -230,7 +298,7 @@ export default {
|
|||
this.queryParams.params.subComId = id
|
||||
}
|
||||
},
|
||||
onSelectStatus(index, name) {
|
||||
onSelectStatus(index, name) {
|
||||
this.activeIndex2 = index
|
||||
if (index === 0) {
|
||||
this.queryParams.params.proStatus = ''
|
||||
|
|
@ -238,7 +306,7 @@ export default {
|
|||
this.queryParams.params.proStatus = name
|
||||
}
|
||||
},
|
||||
onSelectLevel(index, name) {
|
||||
onSelectLevel(index, name) {
|
||||
this.activeIndex3 = index
|
||||
if (index === 0) {
|
||||
this.queryParams.params.voltageLevel = ''
|
||||
|
|
@ -246,7 +314,7 @@ export default {
|
|||
this.queryParams.params.voltageLevel = name
|
||||
}
|
||||
},
|
||||
onSelectType(index, name) {
|
||||
onSelectType(index, name) {
|
||||
this.activeIndex4 = index
|
||||
if (index === 0) {
|
||||
this.queryParams.params.proType = ''
|
||||
|
|
@ -258,12 +326,12 @@ export default {
|
|||
onReset() {
|
||||
this.activeIndex = 0
|
||||
this.queryParams.params.subComId = ''
|
||||
this.activeIndex2 = 0
|
||||
this.activeIndex2 = 0
|
||||
this.queryParams.params.proStatus = ''
|
||||
this.activeIndex3 = 0
|
||||
this.queryParams.params.voltageLevel = ''
|
||||
this.activeIndex4 = 0
|
||||
this.queryParams.params.proType = ''
|
||||
this.activeIndex3 = 0
|
||||
this.queryParams.params.voltageLevel = ''
|
||||
this.activeIndex4 = 0
|
||||
this.queryParams.params.proType = ''
|
||||
this.onQuery()
|
||||
},
|
||||
/* 查询 */
|
||||
|
|
@ -272,34 +340,35 @@ export default {
|
|||
this.$refs.popup.close()
|
||||
})
|
||||
},
|
||||
/* 点击跳转分包 */
|
||||
goSubListPage(row) {
|
||||
/* 点击跳转分包 */
|
||||
goSubListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/subList?proId=${row.proId}` })
|
||||
},
|
||||
/* 点击跳转班组 */
|
||||
goTeamListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/teamList?proId=${row.proId}` })
|
||||
},
|
||||
/* 点击跳转人员-已考勤 */
|
||||
goAttPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&isAtt=0` })
|
||||
},
|
||||
/* 点击跳转人员-在场（全部） */
|
||||
goAllPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}` })
|
||||
},
|
||||
/* 点击跳转人员-固定 */
|
||||
goWorkPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=1` })
|
||||
},
|
||||
/* 点击跳转人员-临时 */
|
||||
goTempPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=0` })
|
||||
},
|
||||
/* 点击跳转人员-灯 */
|
||||
goLightPersonListPage(row,type) {//绿2 黄1 红0
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&lightStatus=${type}` })
|
||||
},
|
||||
/* 点击跳转班组 */
|
||||
goTeamListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/teamList?proId=${row.proId}` })
|
||||
},
|
||||
/* 点击跳转人员-已考勤 */
|
||||
goAttPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&isAtt=0` })
|
||||
},
|
||||
/* 点击跳转人员-在场（全部） */
|
||||
goAllPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}` })
|
||||
},
|
||||
/* 点击跳转人员-固定 */
|
||||
goWorkPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=1` })
|
||||
},
|
||||
/* 点击跳转人员-临时 */
|
||||
goTempPersonListPage(row) {
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=0` })
|
||||
},
|
||||
/* 点击跳转人员-灯 */
|
||||
goLightPersonListPage(row, type) {
|
||||
//绿2 黄1 红0
|
||||
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&lightStatus=${type}` })
|
||||
},
|
||||
|
||||
/* 收藏与取消收藏 */
|
||||
onCollection(e, row) {
|
||||
|
|
@ -335,145 +404,145 @@ export default {
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #EFEFEF;
|
||||
box-sizing: border-box;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #efefef;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header-fixed {
|
||||
width: 94%;
|
||||
margin: 20rpx auto;
|
||||
background-color: #FFF;
|
||||
border-radius: 10rpx;
|
||||
padding:20rpx;
|
||||
.header-fixed {
|
||||
width: 94%;
|
||||
margin: 20rpx auto;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 20rpx;
|
||||
|
||||
.search-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.search-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.search-icon {
|
||||
width: 48rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 60rpx;
|
||||
margin-left: 30rpx;
|
||||
background: url('../../../../static/realName/screen.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-container {
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
|
||||
.scroll-item {
|
||||
padding: 14rpx 0;
|
||||
background-color: #fff;
|
||||
margin: 20rpx auto;
|
||||
}
|
||||
|
||||
.item-1,
|
||||
.item-2,
|
||||
.item-3 {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item-1 view:first-child {
|
||||
width: 80rpx;
|
||||
height: 56rpx;
|
||||
margin-right: 16rpx;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
background: url('../../../../static/realName/serial.png') no-repeat;
|
||||
.search-icon {
|
||||
width: 48rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 60rpx;
|
||||
margin-left: 30rpx;
|
||||
background: url('../../../../static/realName/screen.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.item-2,
|
||||
.item-3 {
|
||||
font-size: 24rpx;
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-content {
|
||||
height: 60vh;
|
||||
overflow-y: auto;
|
||||
.data-container {
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
padding: 15rpx 0;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 10rpx;
|
||||
border-bottom: 1px solid #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
padding-left: 16rpx;
|
||||
// border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.scroll-item {
|
||||
padding: 14rpx 0;
|
||||
background-color: #fff;
|
||||
margin: 20rpx auto;
|
||||
}
|
||||
|
||||
.company-container {
|
||||
width: 96%;
|
||||
height: auto;
|
||||
padding: 40rpx 20rpx;
|
||||
padding-bottom: 120rpx;
|
||||
.company-items {
|
||||
width: 100%;
|
||||
padding: 0 16rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.item-1,
|
||||
.item-2,
|
||||
.item-3 {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
view {
|
||||
width: 48%;
|
||||
height: 48rpx;
|
||||
margin-top: 10rpx;
|
||||
line-height: 48rpx;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
background-color: #eee;
|
||||
color: #656565;
|
||||
}
|
||||
.item-1 view:first-child {
|
||||
width: 80rpx;
|
||||
height: 56rpx;
|
||||
margin-right: 16rpx;
|
||||
text-align: center;
|
||||
line-height: 56rpx;
|
||||
background: url('../../../../static/realName/serial.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #3f9dfd;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.item-2,
|
||||
.item-3 {
|
||||
font-size: 24rpx;
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
|
||||
.company-items view:nth-child(2n + 1) {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
.bottom-content {
|
||||
height: 60vh;
|
||||
overflow-y: auto;
|
||||
|
||||
.bottom-btn {
|
||||
h1,
|
||||
h2 {
|
||||
padding: 15rpx 0;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 10rpx;
|
||||
border-bottom: 1px solid #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
padding-left: 16rpx;
|
||||
// border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.company-container {
|
||||
width: 96%;
|
||||
height: auto;
|
||||
padding: 40rpx 20rpx;
|
||||
padding-bottom: 120rpx;
|
||||
.company-items {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
padding: 0 16rpx;
|
||||
display: flex;
|
||||
bottom: 20rpx;
|
||||
z-index: 9;
|
||||
flex-wrap: wrap;
|
||||
|
||||
button {
|
||||
flex: 1;
|
||||
height: 80rpx;
|
||||
margin: 0 20rpx;
|
||||
line-height: 80rpx;
|
||||
font-weight: normal;
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid #00337a;
|
||||
view {
|
||||
width: 48%;
|
||||
height: 48rpx;
|
||||
margin-top: 10rpx;
|
||||
line-height: 48rpx;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
background-color: #eee;
|
||||
color: #656565;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: #3f9dfd;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.company-items view:nth-child(2n + 1) {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-btn {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
display: flex;
|
||||
bottom: 20rpx;
|
||||
z-index: 9;
|
||||
|
||||
button {
|
||||
flex: 1;
|
||||
height: 80rpx;
|
||||
margin: 0 20rpx;
|
||||
line-height: 80rpx;
|
||||
font-weight: normal;
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid #00337a;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -90,9 +90,14 @@
|
|||
<uni-card :is-shadow="true" margin="6" padding="0">
|
||||
<view class="img-container">
|
||||
<view @tap="onPreviewImage(index)" v-for="(item, index) in standGuardList" :key="index">
|
||||
<image class="image-content" :src="item.img_src" mode="scaleToFill" lazy-load="true"></image>
|
||||
<image
|
||||
class="image-content"
|
||||
:src="`${config.loginBaseUrl}ynPlan${item.imgPath}`"
|
||||
mode="scaleToFill"
|
||||
lazy-load="true"
|
||||
></image>
|
||||
|
||||
<uni-icons style="color: #ccc" type="calendar" size="14">{{ item.times }}</uni-icons>
|
||||
<uni-icons style="color: #ccc" type="calendar" size="14">{{ item.crateTime }}</uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</uni-card>
|
||||
|
|
@ -153,6 +158,7 @@ import {
|
|||
getStandGuardImgApi,
|
||||
getHoldCardInfoApi
|
||||
} from '../../../api/phaseTwo/homePage'
|
||||
import config from '@/config'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -163,10 +169,11 @@ export default {
|
|||
holdCardTitle: '',
|
||||
holdCardDetailsList: [], // 持证信息详情
|
||||
standGuardList: [
|
||||
{ img_src: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', times: '9:20:06' },
|
||||
{ img_src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', times: '9:20:06' }
|
||||
// { img_src: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', times: '9:20:06' },
|
||||
// { img_src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', times: '9:20:06' }
|
||||
], // 站班信息
|
||||
contentId: '',
|
||||
imgList: [], // 班组图片信息 作为预览使用
|
||||
loading: false,
|
||||
commonParams: {
|
||||
proName: '',
|
||||
|
|
@ -221,6 +228,10 @@ export default {
|
|||
console.log('人员信息---', res.data)
|
||||
this.holdCardList = res.datac
|
||||
this.standGuardList = response.data
|
||||
|
||||
this.imgList = this.standGuardList.map(e => {
|
||||
return `${config.loginBaseUrl}ynPlan${e.imgPath}`
|
||||
})
|
||||
},
|
||||
/* 点击作业计划时查询作业人员 */
|
||||
onSearchWorkPerson(id) {
|
||||
|
|
@ -258,10 +269,11 @@ export default {
|
|||
/* 预览图片 */
|
||||
onPreviewImage(index) {
|
||||
uni.previewImage({
|
||||
urls: [
|
||||
'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
|
||||
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
|
||||
],
|
||||
// urls: [
|
||||
// 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
|
||||
// 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
|
||||
// ],
|
||||
urls: this.imgList,
|
||||
current: index,
|
||||
loop: true
|
||||
})
|
||||
|
|
|
|||
Loading…
Reference in New Issue