hywen
/
YNUtdPlatform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://192.168.0.56:3000/hywen/YNUtdPlatform

This commit is contained in:
zzyuan 2024-10-18 18:07:02 +08:00
parent 3a99cf4209 91f2560d5f
commit d75d83995d
5 changed files with 404 additions and 305 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/realName/index/components/bar-charts-model.vue
View File

@ -147,7 +147,7 @@ export default {
res.data.proMsgBean res.data.proMsgBean
setTimeout(() => { setTimeout(() => {
let data = { let data = {
categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'], categories: ['基建线路', '基建变电', '生产线路', '生产变电', '配网', '其他'],
series: [ series: [
{ {
name: '', name: '',
@ -164,7 +164,11 @@ export default {
const currentIndex = index.currentIndex.index // 获取当前点击的图表索引 const currentIndex = index.currentIndex.index // 获取当前点击的图表索引
const currenName = this.chartData.categories[currentIndex] const currenName = this.chartData.categories[currentIndex]
console.log('currenName选中的工程类型', currenName) 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)}` })
} }
} }
} }

8
pages/realName/index/components/pie-charts-model.vue
View File

@ -139,7 +139,13 @@ export default {
const chartsData = this.chartData.series[0].data const chartsData = this.chartData.series[0].data
const currenRows = chartsData[currentIndex] const currenRows = chartsData[currentIndex]
console.log('currenRows选中的工程类型', currenRows.name) 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)}` })
} }
} }
} }

48
pages/realName/index/index.vue
View File

@ -672,30 +672,29 @@ export default {
onJumpWorkPlan() { onJumpWorkPlan() {
uni.navigateTo({ url: '/pages/realName/workPlan/index' }) uni.navigateTo({ url: '/pages/realName/workPlan/index' })
}, },
//数据概览跳转 //数据概览跳转
godataView(item) { godataView(item) {
console.log(item) console.log(item)
if(item.data_title=='在建工程'){ if (item.data_title == '在建工程') {
uni.navigateTo({ url: '/pages/realName/index/pages/project' }) uni.navigateTo({ url: '/pages/realName/index/pages/project' })
} }
if(item.data_title=='在用分包单位'){ if (item.data_title == '在用分包单位') {
uni.navigateTo({ url: '/pages/realName/index/pages/subList' }) uni.navigateTo({ url: '/pages/realName/index/pages/subList' })
} }
if(item.data_title=='在用班组'){ if (item.data_title == '在用班组') {
uni.navigateTo({ url: '/pages/realName/index/pages/teamList' }) uni.navigateTo({ url: '/pages/realName/index/pages/teamList' })
} }
if(item.data_title=='在场人数'){ if (item.data_title == '在场人数') {
uni.navigateTo({ url: '/pages/realName/index/pages/personList' }) 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' }) 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' }) uni.navigateTo({ url: '/pages/realName/index/pages/personList?isAtt=0' })
} }
},
},
/* 人员考勤等跳转 */ /* 人员考勤等跳转 */
onJumpPersonList(title) { onJumpPersonList(title) {
let params = '' let params = ''
@ -729,25 +728,34 @@ export default {
}, },
/* 工程概况跳转 */ /* 工程概况跳转 */
onJumpProjectList(title) { onJumpProjectList(title) {
let params = '' let name = ''
let currentIndex = 0
// 跳转人员列表 // 跳转人员列表
switch (title) { switch (title) {
case '在建': case '在建':
params = '在建' name = '在建'
break currentIndex = 1
case '筹建':
params = '筹建'
break
case '停工':
params = '停工'
break break
case '完工': case '完工':
params = '完工' name = '完工'
currentIndex = 2
break
case '筹建':
name = '筹建'
currentIndex = 3
break
case '停工':
name = '停工'
currentIndex = 4
break 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) { onJumpColorLight(type) {

617
pages/realName/index/pages/project.vue
View File

@ -1,11 +1,18 @@
<template> <template>
<view class="page"> <view class="page">
<u-navbar class="u-navbar" title="在建工程" placeholder @leftClick="leftClick" <u-navbar
leftIconColor="#fff" bgColor="#00337A" :titleStyle="{ color: '#FFF', fontSize: '32rpx' }"/> class="u-navbar"
title="在建工程"
placeholder
@leftClick="leftClick"
leftIconColor="#fff"
bgColor="#00337A"
:titleStyle="{ color: '#FFF', fontSize: '32rpx' }"
/>
<view class="header-fixed"> <view class="header-fixed">
<view class="search-content"> <view class="search-content">
<view style="width: 90%;"> <view style="width: 90%">
<uni-easyinput <uni-easyinput
suffixIcon="search" suffixIcon="search"
v-model="queryParams.params.proName" v-model="queryParams.params.proName"
@ -20,59 +27,92 @@
<view style="padding: 0 20rpx"> <view style="padding: 0 20rpx">
<scroll-view class="data-container" scroll-y="true"> <scroll-view class="data-container" scroll-y="true">
<view class="scroll-item" v-for="(item, index) in companyInfoList" :key="index"> <view class="scroll-item" v-for="(item, index) in companyInfoList" :key="index">
<view class="item-1"> <view class="item-1">
<view>{{ index + 1 }}</view> <view>{{ index + 1 }}</view>
<view>{{ item.proName }}</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> <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>
<view class="item-2"> <view
<view>{{item.subComName}}</view> style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
<view>{{item.voltageLevel}}</view> @tap="goTeamListPage(item)"
<view>{{item.proType}}</view> >
<view>{{item.proStatus}}</view> <view>班组</view>
</view> <view style="color: #3f9dfd; font-weight: bold">{{ item.teamNum }}</view>
<view class="item-3"> </view>
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goSubListPage(item)"> <view
<view>分包</view> style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
<view style="color: #3f9dfd; font-weight: bold">{{item.subNum}}</view> @tap="goAttPersonListPage(item)"
</view> >
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goTeamListPage(item)"> <view>考勤人数</view>
<view>班组</view> <view style="color: #3f9dfd; font-weight: bold">{{ item.attPersonNum }}</view>
<view style="color: #3f9dfd; font-weight: bold">{{item.teamNum}}</view> </view>
</view> </view>
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goAttPersonListPage(item)"> <view class="item-3">
<view>考勤人数</view> <view
<view style="color: #3f9dfd; font-weight: bold">{{item.attPersonNum}}</view> style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
</view> @tap="goAllPersonListPage(item)"
</view> >
<view class="item-3"> <view>在场</view>
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goAllPersonListPage(item)"> <view style="color: #3f9dfd; font-weight: bold">{{ item.einPersonNum }}</view>
<view>在场</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"
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goWorkPersonListPage(item)"> @tap="goWorkPersonListPage(item)"
<view>固定</view> >
<view style="color: #3f9dfd; font-weight: bold">{{item.formalPersonNum}}</view> <view>固定</view>
</view> <view style="color: #3f9dfd; font-weight: bold">{{ item.formalPersonNum }}</view>
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goTempPersonListPage(item)"> </view>
<view>临时</view> <view
<view style="color: #3f9dfd; font-weight: bold">{{item.temporaryPersonNum}}</view> style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
</view> @tap="goTempPersonListPage(item)"
</view> >
<view class="item-3"> <view>临时</view>
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goLightPersonListPage(item,2)"> <view style="color: #3f9dfd; font-weight: bold">{{ item.temporaryPersonNum }}</view>
<view>绿灯</view> </view>
<view style="color: #3FB779; font-weight: bold">{{item.greenPersonNum}}</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,1)"> <view
<view>黄灯</view> style="width: 25%; margin: 0 20rpx; display: flex; align-items: center; justify-content: space-between"
<view style="color: #E89C2D; font-weight: bold">{{item.yellowPersonNum}}</view> @tap="goLightPersonListPage(item, 2)"
</view> >
<view style="width: 25%;margin:0 20rpx;display: flex;align-items: center;justify-content: space-between;" @tap="goLightPersonListPage(item,0)"> <view>绿灯</view>
<view>红灯</view> <view style="color: #3fb779; font-weight: bold">{{ item.greenPersonNum }}</view>
<view style="color: #E8717F; font-weight: bold">{{item.redPersonNum}}</view> </view>
</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> </view>
</scroll-view> </scroll-view>
</view> </view>
@ -86,7 +126,8 @@
<scroll-view class="company-container" scroll-y="true"> <scroll-view class="company-container" scroll-y="true">
<view class="company-items"> <view class="company-items">
<view <view
v-for="(item, index) in companyList" :key="index" v-for="(item, index) in companyList"
:key="index"
:class="{ active: index === activeIndex }" :class="{ active: index === activeIndex }"
@tap="onSelectCompany(index, item.id)" @tap="onSelectCompany(index, item.id)"
> >
@ -100,47 +141,48 @@
<scroll-view class="company-container" scroll-y="true"> <scroll-view class="company-container" scroll-y="true">
<view class="company-items"> <view class="company-items">
<view <view
v-for="(item, index) in proStatusList" :key="index" v-for="(item, index) in proStatusList"
:key="index"
:class="{ active: index === activeIndex2 }" :class="{ active: index === activeIndex2 }"
@tap="onSelectStatus(index, item.name)" @tap="onSelectStatus(index, item.id)"
> >
{{ item.name }} {{ item.name }}
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<h2>电压等级</h2> <h2>电压等级</h2>
<view> <view>
<scroll-view class="company-container" scroll-y="true"> <scroll-view class="company-container" scroll-y="true">
<view class="company-items"> <view class="company-items">
<view <view
v-for="(item, index) in levelList" :key="index" v-for="(item, index) in levelList"
:class="{ active: index === activeIndex3 }" :key="index"
@tap="onSelectLevel(index, item.name)" :class="{ active: index === activeIndex3 }"
> @tap="onSelectLevel(index, item.id)"
{{ item.name }} >
</view> {{ item.name }}
</view> </view>
</scroll-view> </view>
</view> </scroll-view>
<h2>工程类型</h2> </view>
<view> <h2>工程类型</h2>
<scroll-view class="company-container" scroll-y="true" style="padding-bottom: 120rpx;"> <view>
<view class="company-items"> <scroll-view class="company-container" scroll-y="true" style="padding-bottom: 120rpx">
<view <view class="company-items">
v-for="(item, index) in proTypeList" :key="index" <view
:class="{ active: index === activeIndex4 }" v-for="(item, index) in proTypeList"
@tap="onSelectType(index, item.name)" :key="index"
> :class="{ active: index === activeIndex4 }"
{{ item.name }} @tap="onSelectType(index, item.name)"
</view> >
</view> {{ item.name }}
</scroll-view> </view>
</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: #fff; color: #00337a" @tap="onReset">重置</button>
<button style="background-color: #00337a; color: #fff" @tap="onQuery">查询</button> <button style="background-color: #00337a; color: #fff" @tap="onQuery">查询</button>
</view> </view>
@ -163,52 +205,78 @@ export default {
token: uni.getStorageSync('tjToken'), token: uni.getStorageSync('tjToken'),
// 查询参数 // 查询参数
queryParams: { queryParams: {
offset: "0", offset: '0',
limit: "999999", limit: '999999',
params: { params: {
userId:uni.getStorageSync('realNameUser').userId+'', userId: uni.getStorageSync('realNameUser').userId + '',
proName:"", proName: '',
subComId:"", subComId: '',
proStatus:"", proStatus: '',
voltageLevel:"", voltageLevel: '',
proType:"", proType: ''
} }
}, },
companyList: [{ name: '全部', id: '' }], companyList: [{ name: '全部', id: '' }],
proStatusList: [{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' }], levelList: [{ name: '全部', id: '' }],
proTypeList: [{name:'全部', id:'' }], proTypeList: [{ name: '全部', id: '' }],
companyInfoList: [] companyInfoList: []
} }
}, },
mounted() { // mounted() {
this.getListData()
this.getHomePageSelectData() // },
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: { methods: {
/* 获取作业计划列表 */ /* 获取作业计划列表 */
async getListData() { async getListData() {
console.log('this.queryParams参数', this.queryParams) console.log('this.queryParams参数', this.queryParams)
uni.request({ uni.request({
url: config.loginBaseUrl + '/bmw/homeSubPage/getAppBuildPro', url: config.loginBaseUrl + '/bmw/homeSubPage/getAppBuildPro',
method: 'POST', method: 'POST',
data: JSON.stringify(this.queryParams), data: JSON.stringify(this.queryParams),
header: { header: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
// token: this.token // token: this.token
}, },
success: res => { success: res => {
console.log('res****', res) console.log('res****', res)
this.recordsTotal = res.data.recordsTotal this.recordsTotal = res.data.recordsTotal
this.companyInfoList = res.data.data this.companyInfoList = res.data.data
}, },
fail: err => {} fail: err => {}
}) })
}, },
/* 获取公司数据 */ /* 获取公司数据 */
async getHomePageSelectData() { async getHomePageSelectData() {
const res = await getHomePageSelectApi() const res = await getHomePageSelectApi()
console.log(res) console.log('resresres', res)
this.companyList = this.companyList.concat(res.subList) this.companyList = this.companyList.concat(res.subList)
this.proTypeList = this.proTypeList.concat(res.proType) this.proTypeList = this.proTypeList.concat(res.proType)
this.proStatusList = this.proStatusList.concat(res.proStatusList) this.proStatusList = this.proStatusList.concat(res.proStatusList)
@ -230,7 +298,7 @@ export default {
this.queryParams.params.subComId = id this.queryParams.params.subComId = id
} }
}, },
onSelectStatus(index, name) { onSelectStatus(index, name) {
this.activeIndex2 = index this.activeIndex2 = index
if (index === 0) { if (index === 0) {
this.queryParams.params.proStatus = '' this.queryParams.params.proStatus = ''
@ -238,7 +306,7 @@ export default {
this.queryParams.params.proStatus = name this.queryParams.params.proStatus = name
} }
}, },
onSelectLevel(index, name) { onSelectLevel(index, name) {
this.activeIndex3 = index this.activeIndex3 = index
if (index === 0) { if (index === 0) {
this.queryParams.params.voltageLevel = '' this.queryParams.params.voltageLevel = ''
@ -246,7 +314,7 @@ export default {
this.queryParams.params.voltageLevel = name this.queryParams.params.voltageLevel = name
} }
}, },
onSelectType(index, name) { onSelectType(index, name) {
this.activeIndex4 = index this.activeIndex4 = index
if (index === 0) { if (index === 0) {
this.queryParams.params.proType = '' this.queryParams.params.proType = ''
@ -258,12 +326,12 @@ export default {
onReset() { onReset() {
this.activeIndex = 0 this.activeIndex = 0
this.queryParams.params.subComId = '' this.queryParams.params.subComId = ''
this.activeIndex2 = 0 this.activeIndex2 = 0
this.queryParams.params.proStatus = '' this.queryParams.params.proStatus = ''
this.activeIndex3 = 0 this.activeIndex3 = 0
this.queryParams.params.voltageLevel = '' this.queryParams.params.voltageLevel = ''
this.activeIndex4 = 0 this.activeIndex4 = 0
this.queryParams.params.proType = '' this.queryParams.params.proType = ''
this.onQuery() this.onQuery()
}, },
/* 查询 */ /* 查询 */
@ -272,35 +340,36 @@ export default {
this.$refs.popup.close() this.$refs.popup.close()
}) })
}, },
/* 点击跳转分包 */ /* 点击跳转分包 */
goSubListPage(row) { goSubListPage(row) {
uni.navigateTo({ url: `/pages/realName/index/pages/subList?proId=${row.proId}` }) uni.navigateTo({ url: `/pages/realName/index/pages/subList?proId=${row.proId}` })
}, },
/* 点击跳转班组 */ /* 点击跳转班组 */
goTeamListPage(row) { goTeamListPage(row) {
uni.navigateTo({ url: `/pages/realName/index/pages/teamList?proId=${row.proId}` }) uni.navigateTo({ url: `/pages/realName/index/pages/teamList?proId=${row.proId}` })
}, },
/* 点击跳转人员-已考勤 */ /* 点击跳转人员-已考勤 */
goAttPersonListPage(row) { goAttPersonListPage(row) {
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&isAtt=0` }) uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&isAtt=0` })
}, },
/* 点击跳转人员-在场（全部） */ /* 点击跳转人员-在场（全部） */
goAllPersonListPage(row) { goAllPersonListPage(row) {
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}` }) uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}` })
}, },
/* 点击跳转人员-固定 */ /* 点击跳转人员-固定 */
goWorkPersonListPage(row) { goWorkPersonListPage(row) {
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=1` }) uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=1` })
}, },
/* 点击跳转人员-临时 */ /* 点击跳转人员-临时 */
goTempPersonListPage(row) { goTempPersonListPage(row) {
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=0` }) uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&workerType=0` })
}, },
/* 点击跳转人员-灯 */ /* 点击跳转人员-灯 */
goLightPersonListPage(row,type) {//绿2 黄1 红0 goLightPersonListPage(row, type) {
uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&lightStatus=${type}` }) //绿2 黄1 红0
}, uni.navigateTo({ url: `/pages/realName/index/pages/personList?proId=${row.proId}&lightStatus=${type}` })
},
/* 收藏与取消收藏 */ /* 收藏与取消收藏 */
onCollection(e, row) { onCollection(e, row) {
e.stopPropagation() e.stopPropagation()
@ -335,145 +404,145 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.page { .page {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: #EFEFEF; background-color: #efefef;
box-sizing: border-box; box-sizing: border-box;
} }
.header-fixed { .header-fixed {
width: 94%; width: 94%;
margin: 20rpx auto; margin: 20rpx auto;
background-color: #FFF; background-color: #fff;
border-radius: 10rpx; border-radius: 10rpx;
padding:20rpx; padding: 20rpx;
.search-content { .search-content {
display: flex; display: flex;
align-items: center; 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 { .search-icon {
width: 100%; width: 48rpx;
height: 75vh; height: 40rpx;
margin-right: 60rpx;
.scroll-item { margin-left: 30rpx;
padding: 14rpx 0; background: url('../../../../static/realName/screen.png') no-repeat;
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;
background-size: 100% 100%; 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 { .data-container {
height: 60vh; width: 100%;
overflow-y: auto; height: 75vh;
h1, .scroll-item {
h2 { padding: 14rpx 0;
padding: 15rpx 0; background-color: #fff;
font-size: 32rpx; margin: 20rpx auto;
} }
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 { .item-1,
width: 96%; .item-2,
height: auto; .item-3 {
padding: 40rpx 20rpx; width: 96%;
padding-bottom: 120rpx; margin: 0 auto;
.company-items { padding: 20rpx 0;
width: 100%; border-bottom: 1px solid #eee;
padding: 0 16rpx; display: flex;
display: flex; align-items: center;
flex-wrap: wrap; position: relative;
}
view { .item-1 view:first-child {
width: 48%; width: 80rpx;
height: 48rpx; height: 56rpx;
margin-top: 10rpx; margin-right: 16rpx;
line-height: 48rpx; text-align: center;
border-radius: 10rpx; line-height: 56rpx;
text-align: center; background: url('../../../../static/realName/serial.png') no-repeat;
background-color: #eee; background-size: 100% 100%;
color: #656565; color: #fff;
} font-weight: bold;
font-size: 28rpx;
}
.active { .item-2,
background-color: #3f9dfd; .item-3 {
color: #fff; font-size: 24rpx;
} justify-content: space-around;
} }
}
.company-items view:nth-child(2n + 1) { .bottom-content {
margin-right: 10rpx; 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%; width: 100%;
position: fixed; padding: 0 16rpx;
display: flex; display: flex;
bottom: 20rpx; flex-wrap: wrap;
z-index: 9;
button { view {
flex: 1; width: 48%;
height: 80rpx; height: 48rpx;
margin: 0 20rpx; margin-top: 10rpx;
line-height: 80rpx; line-height: 48rpx;
font-weight: normal; border-radius: 10rpx;
border-radius: 20rpx; text-align: center;
border: 1rpx solid #00337a; 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> </style>

28
pages/realName/workPlan-details/index.vue
View File

@ -90,9 +90,14 @@
<uni-card :is-shadow="true" margin="6" padding="0"> <uni-card :is-shadow="true" margin="6" padding="0">
<view class="img-container"> <view class="img-container">
<view @tap="onPreviewImage(index)" v-for="(item, index) in standGuardList" :key="index"> <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>
</view> </view>
</uni-card> </uni-card>
@ -153,6 +158,7 @@ import {
getStandGuardImgApi, getStandGuardImgApi,
getHoldCardInfoApi getHoldCardInfoApi
} from '../../../api/phaseTwo/homePage' } from '../../../api/phaseTwo/homePage'
import config from '@/config'
export default { export default {
data() { data() {
return { return {
@ -163,10 +169,11 @@ export default {
holdCardTitle: '', holdCardTitle: '',
holdCardDetailsList: [], // 持证信息详情 holdCardDetailsList: [], // 持证信息详情
standGuardList: [ standGuardList: [
{ img_src: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', 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' } // { img_src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', times: '9:20:06' }
], // 站班信息 ], // 站班信息
contentId: '', contentId: '',
imgList: [], // 班组图片信息 作为预览使用
loading: false, loading: false,
commonParams: { commonParams: {
proName: '', proName: '',
@ -221,6 +228,10 @@ export default {
console.log('人员信息---', res.data) console.log('人员信息---', res.data)
this.holdCardList = res.datac this.holdCardList = res.datac
this.standGuardList = response.data this.standGuardList = response.data
this.imgList = this.standGuardList.map(e => {
return `${config.loginBaseUrl}ynPlan${e.imgPath}`
})
}, },
/* 点击作业计划时查询作业人员 */ /* 点击作业计划时查询作业人员 */
onSearchWorkPerson(id) { onSearchWorkPerson(id) {
@ -258,10 +269,11 @@ export default {
/* 预览图片 */ /* 预览图片 */
onPreviewImage(index) { onPreviewImage(index) {
uni.previewImage({ uni.previewImage({
urls: [ // urls: [
'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg', // 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' // 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
], // ],
urls: this.imgList,
current: index, current: index,
loop: true loop: true
}) })