李素
2 years ago
21 changed files with 1193 additions and 31 deletions
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1,192 @@ |
|||
// subpages/InspectionReport/pages/InspectionReport/InspectionReport.js
|
|||
const QQMapWX = require('../../../../utils/qqmap-wx-jssdk') |
|||
import addRecord from "../../../../utils/api" |
|||
import {securityCheckk} from "../../../../utils/api" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
id: 0, |
|||
addressContent:'', |
|||
fmData: { |
|||
gridId: '', |
|||
attachmentList:[],//图片
|
|||
voiceList:[], |
|||
latitude:"", |
|||
longitude:"", |
|||
resiId:"", |
|||
happenTime:"", |
|||
content:"",//内容
|
|||
address:"",//地址
|
|||
namesArray:[], |
|||
checkPersons:'', |
|||
// 时间组件
|
|||
visibleTime: false, |
|||
}, |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
this.data.qqMapWX = new QQMapWX({ |
|||
key: 'CMJBZ-4DECI-JXGGN-5B4WU-QLV2H-B5BEJ' |
|||
}) |
|||
this.reverseLocation() |
|||
// this.ToaddRecord()
|
|||
this.getList() |
|||
|
|||
}, |
|||
getList() { |
|||
securityCheckk({ |
|||
pageNo: this.data.pageNo, |
|||
pageSize: this.data.pageSize, |
|||
}).then(({data}) => { |
|||
console.log("123131",data.list) |
|||
this.setData({ |
|||
marsi: data.list, |
|||
total: data.total |
|||
}) |
|||
this.setData({ |
|||
'fmData.namesArray': data.list.map(item => ({ id: item.id, name: item.name })), |
|||
'fmData.checkPersons': data.list.map(item => item.checkPersons) |
|||
}); |
|||
// console.log("123131", this.data.fmData.checkPersons);
|
|||
}); |
|||
}, |
|||
showTimePickerW(e) { |
|||
this.setData({ |
|||
visibleTimeWantServiceTime: true, |
|||
maxDate:this.getCurrentDateTime(), |
|||
'fmData.wantServiceTime':this.getCurrentDateTime(), |
|||
}) |
|||
}, |
|||
showTimePicker(e) { |
|||
this.setData({ |
|||
visibleTime: true, |
|||
maxDate:this.getCurrentDateTime(), |
|||
'fmData.happenTime':this.getCurrentDateTime(), |
|||
}) |
|||
}, |
|||
//时间组件隐藏
|
|||
onCancel(e) { |
|||
this.setData({ |
|||
visibleTime: false, |
|||
visibleTimeWantServiceTime:false |
|||
}) |
|||
}, |
|||
onConfirmWantServiceTime(e){ |
|||
this.setData({ |
|||
'fmData.wantServiceTime': e.detail.label + ':00', |
|||
visibleTimeWantServiceTime: false, |
|||
showWantServiceTimeTime:e.detail.label + ':00' |
|||
}) |
|||
}, |
|||
onConfirmDate(e) { |
|||
this.setData({ |
|||
'fmData.happenTime': e.detail.label + ':00', |
|||
visibleTime: false, |
|||
showTime:e.detail.label + ':00' |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
this.reverseLocation |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() {}, |
|||
//跳转地图选点
|
|||
toughGetLocation() { |
|||
// this.getLocation(false);
|
|||
wx.chooseLocation({ |
|||
success: res => { |
|||
console.log('resadddres', res) |
|||
const { |
|||
fmData |
|||
} = this.data; |
|||
this.setData({ |
|||
fmData: { |
|||
...fmData, |
|||
address: res.address, |
|||
longitude: res.longitude, |
|||
latitude: res.latitude |
|||
}, |
|||
addressContent: res.address |
|||
}); |
|||
console.log(this.data.fmData); |
|||
} |
|||
}) |
|||
}, |
|||
//
|
|||
reverseLocation() { |
|||
const _this = this |
|||
this.data.qqMapWX.reverseGeocoder({ |
|||
success(res) { |
|||
console.log(res); |
|||
_this.setData({ |
|||
addressContent:res.result.address, |
|||
'fmData.address': res.result.address, |
|||
'fmData.longitude':res.result.location.lng, |
|||
'fmData.latitude':res.result.location.lat, |
|||
}) |
|||
}, |
|||
fail(err) { |
|||
console.debug(err) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
ToaddRecord(){ |
|||
addRecord().then(res=>{ |
|||
console.log(res) |
|||
}) |
|||
} |
|||
|
|||
}) |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"navigationBarTitleText": "安检巡查", |
|||
"usingComponents": { |
|||
"van-uploader": "@vant/weapp/uploader/index", |
|||
"van-checkbox": "@vant/weapp/checkbox/index", |
|||
"van-checkbox-group": "@vant/weapp/checkbox-group/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,94 @@ |
|||
<!--subpages/InspectionReport/pages/InspectionReport/InspectionReport.wxml--> |
|||
<view class="header"> |
|||
<view class="header_left"> |
|||
<image src="../../../../images/location.png" class="header_img"></image> |
|||
<view class="inside"> |
|||
<text class="text1">{{addressContent}}</text> |
|||
<text class="text2">如定位不在事发地，请重新选择定位</text> |
|||
</view> |
|||
</view> |
|||
<view class="header_right" bind:tap="toughGetLocation"> |
|||
<text class="text3">重新定位</text> |
|||
</view> |
|||
</view> |
|||
<view class="from"> |
|||
<view class="prosecutors"> |
|||
<view> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">企业名称</text> |
|||
<text class="prosecutors_name">张玉斌</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
<view class="prosecutors_top"> |
|||
<view class="prosecutors"> |
|||
<view> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">检察人员</text> |
|||
<text class="prosecutors_name">请选择</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="prosecutors"> |
|||
<view> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">检查结论</text> |
|||
<text class="prosecutors_name">请选择</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
<view class="hidden"> |
|||
<view class="hidden_top"> |
|||
<view> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">隐患明细</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
<view class="hidden_button"> |
|||
<view class="input"> |
|||
<input type="text" placeholder="请输入内容" bindinput="inputChange" /> |
|||
</view> |
|||
<view class="add"> |
|||
<image src="../../../../images/add.png" class="add_img"></image> |
|||
<text class="add_text">在添加一条</text> |
|||
</view> |
|||
</view> |
|||
<view class="date"> |
|||
<text class="prosecutors_pre1">整改要求</text> |
|||
<view class="input1"> |
|||
<input confirm-type="next" bindblur="bindOwnerIdCardInput" bindinput="bindOwnerIdCardInput" value="{{form.ownerIdCard}}" placeholder-class="gray" placeholder="请输入" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="date"> |
|||
<view class="prosecutors_data"> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">拟复查时间</text> |
|||
</view> |
|||
<view class="input1"> |
|||
<input confirm-type="next" bindblur="bindOwnerIdCardInput" bindinput="bindOwnerIdCardInput" value="{{form.ownerIdCard}}" placeholder-class="gray" placeholder="请输入" /> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="attachment"> |
|||
<text class="prosecutors_pre1">附件</text> |
|||
<view class="shangchuan"> <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" style="width: 200px; height: 200px;" /></view> |
|||
<text class="prosecutors_pre1">备注</text> |
|||
<view class="textarea1"> |
|||
<textarea class="" placeholder-style="color: #C1C1C1;" value="{{form.remark}}" bindblur="bindRemarkInput" bindinput="bindRemarkInput" maxlength="100" placeholder-class="gray" placeholder="请输入" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="text-wrapper_11"> |
|||
<text lines="1" class="text_29">提交</text> |
|||
</view> |
|||
@ -0,0 +1,248 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
padding-bottom: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.header{ |
|||
height: 80rpx; |
|||
display: flex; |
|||
background-color: white; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
} |
|||
.header_left{ |
|||
display:flex; |
|||
flex-direction: row; |
|||
margin-left: 20rpx; |
|||
} |
|||
.header_img{ |
|||
width: 36rpx; |
|||
height: 36rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
.inside{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-left: 10rpx; |
|||
} |
|||
.text1{ |
|||
width: 374rpx; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Regular; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 1rpx; |
|||
} |
|||
.text2{ |
|||
width: 382rpx; |
|||
height: 24rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(172,172,172,1); |
|||
font-size: 24rpx; |
|||
font-family: PingFang-SC-Regular; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
.header_right{ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-right: 30rpx; |
|||
} |
|||
.text3{ |
|||
width: 118rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(56,135,248,1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Regular; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
} |
|||
.from{ |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
border-radius: 15rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
margin: 30rpx; |
|||
} |
|||
.prosecutors{ |
|||
display: flex; |
|||
flex-direction:row; |
|||
align-items: center; |
|||
margin: 20rpx; |
|||
justify-content: space-between; |
|||
height: 70rpx; |
|||
border-bottom: 1px solid #EAEAEA; |
|||
align-items: center; |
|||
} |
|||
.hidden_top{ |
|||
display: flex; |
|||
flex-direction:row; |
|||
align-items: center; |
|||
margin: 20rpx; |
|||
justify-content: space-between; |
|||
height: 50rpx; |
|||
} |
|||
.prosecutors_req{ |
|||
color: red; |
|||
margin: 5rpx |
|||
} |
|||
.prosecutors_pre{ |
|||
width: 125rpx; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(102,102,102,1); |
|||
font-size:32rpx; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 6rpx; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.prosecutors_pre1{ |
|||
width: 125rpx; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(102,102,102,1); |
|||
font-size:32rpx; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 30rpx; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.prosecutors_name{ |
|||
width: 93rpx; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 32rpx; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 60rpx; |
|||
} |
|||
.prosecutors_img{ |
|||
width: 40rpx; |
|||
height: 30rpx; |
|||
margin-right: 30rpx; |
|||
} |
|||
.hidden{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.hidden_button{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.input{ |
|||
background-color: rgba(247,247,247,1.000000); |
|||
border-radius: 10rpx; |
|||
height: 100rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 650rpx; |
|||
margin-left: 40rpx; |
|||
height: 90rpx; |
|||
} |
|||
.input_pre{ |
|||
|
|||
width: 650rpx; |
|||
|
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 32rpx; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 60rpx; |
|||
} |
|||
.add{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin: 20rpx; |
|||
} |
|||
.add_img{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.add_text{ |
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 48rpx; |
|||
} |
|||
.input1{ |
|||
margin-left: 60rpx; |
|||
} |
|||
.date{ |
|||
display: flex; |
|||
flex-direction:row; |
|||
align-items: center; |
|||
margin: 20rpx; |
|||
height: 70rpx; |
|||
border-bottom: 1px solid #EAEAEA; |
|||
align-items: center; |
|||
} |
|||
.attachment{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin: 20rpx; |
|||
} |
|||
.shangchuan{ |
|||
margin: 20rpx; |
|||
} |
|||
.textarea1{ |
|||
margin-top: 20rpx; |
|||
background-color:#f7f7f7 ; |
|||
width: 100%; |
|||
height: 200rpx; |
|||
} |
|||
.text-wrapper_11 { |
|||
background-color: rgba(57,116,246,1.000000); |
|||
border-radius: 43rpx; |
|||
height: 86rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 630rpx; |
|||
margin: 60rpx 0 57rpx 60rpx; |
|||
} |
|||
.text_29 { |
|||
width: 62rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(255,255,255,1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-weight: 700; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 60rpx; |
|||
margin: 25rpx 0 0 284rpx; |
|||
} |
|||
@ -0,0 +1,144 @@ |
|||
// subpages/safetyinspection/pages/safetyinspection/safetyinspection.js
|
|||
import { |
|||
showRecord |
|||
} from "../../../../utils/api" |
|||
Page({ |
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
result: ['a', 'b', 'c'], |
|||
arrlist:[], |
|||
fileList: [], |
|||
companyId: '', |
|||
showPopup: false, // 控制弹出层显示/隐藏的状态
|
|||
selectedOptions: [], // 选中的复选框项
|
|||
Prosecutors:['小王','李四','张三'], //检查人员
|
|||
arr:[ |
|||
{value:1,name:'小王'}, |
|||
{value:2,name:'李四'}, |
|||
{value:3,name:'张三'} |
|||
], |
|||
arr:[ |
|||
{value:1,name:'小王'}, |
|||
{value:2,name:'李四'}, |
|||
{value:3,name:'张三'} |
|||
] |
|||
|
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
console.log(options.resiId) |
|||
this.setData({ |
|||
companyId: options.resiId |
|||
}) |
|||
this.showRecordData() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() {}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
}, |
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
}, |
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
}, |
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
}, |
|||
onChange(event) { |
|||
console.log(event) |
|||
this.setData({ |
|||
selectedOptions: event.detail |
|||
}); |
|||
// event.detail 为当前输入的值
|
|||
console.log(this.data.selectedOptions); |
|||
}, |
|||
afterRead(event) { |
|||
const { |
|||
file |
|||
} = event.detail; |
|||
console.log(file) |
|||
// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
|
|||
wx.uploadFile({ |
|||
url: 'https://example.weixin.qq.com/upload', // 仅为示例，非真实的接口地址
|
|||
filePath: file.url, |
|||
name: 'file', |
|||
formData: { |
|||
user: 'test' |
|||
}, |
|||
success(res) { |
|||
// 上传完成需要更新 fileList
|
|||
const { |
|||
fileList = [] |
|||
} = this.data; |
|||
fileList.push({ |
|||
...file, |
|||
url: res.data |
|||
}); |
|||
this.setData({ |
|||
fileList |
|||
}); |
|||
}, |
|||
}); |
|||
}, |
|||
showRecordData() { |
|||
let parm = { |
|||
companyId: this.data.companyId |
|||
} |
|||
console.log(parm) |
|||
showRecord(parm).then(res => { |
|||
console.log(res) |
|||
}) |
|||
}, |
|||
showPopup() { |
|||
this.setData({ showPopup: true }); // 点击按钮显示弹出层
|
|||
}, |
|||
onClose() { |
|||
this.setData({ showPopup: false }); // 关闭弹出层
|
|||
}, |
|||
onChange1(event) { |
|||
console.log(event) |
|||
const { value } = event.detail; |
|||
console.log(event.detail) |
|||
this.setData({ |
|||
arr: value |
|||
}); |
|||
}, |
|||
confirmSelection() { |
|||
// 点击确定按钮后触发，处理选中的复选框项
|
|||
console.log("选中的项：", this.data.selectedOptions); |
|||
this.setData({ showPopup: false }); // 关闭弹出层
|
|||
}, |
|||
|
|||
}) |
|||
@ -0,0 +1,10 @@ |
|||
{ |
|||
"navigationBarTitleText": "安全巡检", |
|||
"backgroundTextStyle":"dark", |
|||
"usingComponents": { |
|||
"van-checkbox": "@vant/weapp/checkbox/index", |
|||
"van-checkbox-group": "@vant/weapp/checkbox-group/index", |
|||
"van-uploader": "@vant/weapp/uploader/index", |
|||
"van-popup": "@vant/weapp/popup/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,143 @@ |
|||
<!--subpages/safetyinspection/pages/safetyinspection/safetyinspection.wxml--> |
|||
<view class="from"> |
|||
<view class="prosecutors" bind:tap="showPopup"> |
|||
<view > |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">检查人员</text> |
|||
<text class="prosecutors_name">{{ selectedOptions }}</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="pitfall"> |
|||
<view class="prosecutors"> |
|||
<view> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">已整改隐患</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
<view class="checkbox1"> |
|||
<van-checkbox-group value="{{ result }}" bind:change="onChange"> |
|||
<van-checkbox name="a">1.车间一些软件设备出现生锈断裂情况严重</van-checkbox> |
|||
<van-checkbox name="b">2.还有部分货运车辆已过年检。</van-checkbox> |
|||
</van-checkbox-group> |
|||
</view> |
|||
<view class="input1"> |
|||
<input bindinput="changeNewPassword" type="password" placeholder=" 请输入"/> |
|||
</view> |
|||
<view class="add"> |
|||
<image src="../../../../images/add.png" class="add_img"></image> |
|||
<text>再添加一条</text> |
|||
</view> |
|||
</view> |
|||
<view class="prosecutors"> |
|||
<view> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">检查结论</text> |
|||
<text class="prosecutors_name">请选择</text> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
<view class="prosecutors"> |
|||
<view class="prosecutors_data"> |
|||
<text class="prosecutors_req">*</text> |
|||
<text class="prosecutors_pre">拟复查时间</text> |
|||
<view class="input"> |
|||
<input confirm-type="next" bindblur="bindOwnerIdCardInput" bindinput="bindOwnerIdCardInput" value="{{form.ownerIdCard}}" placeholder-class="gray" placeholder="请输入" /> |
|||
</view> |
|||
</view> |
|||
<view> |
|||
<image src="../../../../images/right.png" class="prosecutors_img"></image> |
|||
</view> |
|||
</view> |
|||
<view class="attachment"> |
|||
<text class="text1">附件</text> |
|||
<van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" /> |
|||
<text class="text1">备注</text> |
|||
<view class="textarea1"> |
|||
<textarea class="" placeholder-style="color: #C1C1C1;" value="{{form.remark}}" bindblur="bindRemarkInput" bindinput="bindRemarkInput" maxlength="100" placeholder-class="gray" placeholder="请输入" /> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="from"> |
|||
<view><text class="text2">巡检记录</text></view> |
|||
<view style="margin-top: 32rpx;padding: 0 35rpx;"> |
|||
<view class="logsBox"> |
|||
<view class="item-dian {{index!=0?'item-dian1':''}}"> |
|||
<view class="neidian"></view> |
|||
</view> |
|||
<view class="logs-top"> |
|||
<view class="logs-top-title">时间</view> |
|||
</view> |
|||
<view class="logs-content"> |
|||
<view class="logs-content-left"> |
|||
<view> |
|||
<text class="logs-content-title">检察人员：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
<view> |
|||
<text class="logs-content-title">检查结论：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
<view> |
|||
<text class="logs-content-title">隐患明细：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
<view> |
|||
<text class="logs-content-title">整改要求：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
<view> |
|||
<text class="logs-content-title">附件：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
<view> |
|||
<text class="logs-content-title">备注：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
<view> |
|||
<text class="logs-content-title">整改要求：</text> |
|||
<text class="logs-content-txt">123</text> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
<!--<van-popup show="{{ showPopup }}" bind:close="onClose"position="top" |
|||
class="var" > |
|||
<van-checkbox-group bind:change="onChange1"> |
|||
<van-checkbox name="checkbox1">选项1</van-checkbox> |
|||
<van-checkbox name="checkbox2">选项2</van-checkbox> |
|||
<van-checkbox name="checkbox3">选项3</van-checkbox> |
|||
</van-checkbox-group> |
|||
<button bindtap="confirmSelection">确定</button> |
|||
</van-popup>--> |
|||
<van-popup |
|||
show="{{ showPopup }}" |
|||
closeable |
|||
close-icon="close" |
|||
position="bottom" |
|||
custom-style="height: 50%" |
|||
bind:close="onClose" |
|||
> |
|||
|
|||
<view class="popup-content"> |
|||
<van-checkbox-group value="{{selectedOptions}}" bind:change="onChange"> |
|||
<van-checkbox name="{{item.name}}" bind:click="onClick" wx:for="{{arr}}">{{item.name}}</van-checkbox> |
|||
</van-checkbox-group> |
|||
<button bindtap="confirmSelection">确定</button> |
|||
</view> |
|||
</van-popup> |
|||
@ -0,0 +1,277 @@ |
|||
page { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
height: 1450rpx; |
|||
overflow-y: auto; |
|||
background-color: #f7f7f7; |
|||
} |
|||
.from{ |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
border-radius: 15rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
margin: 30rpx; |
|||
} |
|||
.prosecutors{ |
|||
display: flex; |
|||
flex-direction:row; |
|||
align-items: center; |
|||
margin: 20rpx; |
|||
justify-content: space-between; |
|||
height: 50rpx; |
|||
border-bottom: 1px solid #EAEAEA; |
|||
} |
|||
.prosecutors_req{ |
|||
color: red; |
|||
margin: 5rpx |
|||
} |
|||
.prosecutors_pre{ |
|||
width: 125rpx; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(102,102,102,1); |
|||
font-size:32rpx; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 6rpx; |
|||
} |
|||
.prosecutors_name{ |
|||
width: 200px; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 32rpx; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-left: 60rpx; |
|||
} |
|||
.prosecutors_img{ |
|||
width: 40rpx; |
|||
height: 30rpx; |
|||
margin-right: 30rpx; |
|||
} |
|||
.prosecutors_top{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.prosecutors_but{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin: 15rpx; |
|||
} |
|||
.prosecutors_chex{ |
|||
margin: 20rpx; |
|||
} |
|||
.checkbox{ |
|||
font-size: 32rpx; |
|||
|
|||
} |
|||
.prosecutors_group{ |
|||
margin: 20rpx; |
|||
} |
|||
.prosecutors_add{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.prosecutors_data{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
.input{ |
|||
margin-left: 100rpx; |
|||
font-size: 32rpx; |
|||
} |
|||
.attachment{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin: 20rpx; |
|||
} |
|||
.image1{ |
|||
margin-top: 20rpx; |
|||
margin-bottom: 20rpx; |
|||
width: 200rpx; |
|||
height: 200rpx; |
|||
} |
|||
.text1{ |
|||
width: 62rpx; |
|||
height: 30rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(102,102,102,1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Regular; |
|||
font-weight: normal; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin-bottom: 30rpx; |
|||
} |
|||
.textarea1{ |
|||
margin-top: 20rpx; |
|||
background-color:#f7f7f7 ; |
|||
width: 100%; |
|||
height: 200rpx; |
|||
} |
|||
.text2{ |
|||
width: 133rpx; |
|||
height: 32rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 34rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-weight: 700; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 52rpx; |
|||
margin: 31rpx 0 0 29rpx; |
|||
} |
|||
.logsBox { |
|||
border-left: 3rpx solid #DADEE5; |
|||
margin-left: -18rpx; |
|||
padding-left: 12rpx; |
|||
} |
|||
|
|||
.logs-top { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
top: -32rpx; |
|||
padding-left: 12rpx; |
|||
} |
|||
|
|||
.logs-top-title { |
|||
height: 31rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
line-height: 41rpx; |
|||
} |
|||
|
|||
.logs-top-time { |
|||
height: 20rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 26rpx; |
|||
color: #BDBDBD; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.logs-content { |
|||
position: relative; |
|||
top: -24rpx; |
|||
padding-top: 12rpx; |
|||
padding-bottom: 24rpx; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 30rpx; |
|||
color: #999999; |
|||
line-height: 52rpx; |
|||
} |
|||
|
|||
.logs-content-left { |
|||
width: 48%; |
|||
} |
|||
|
|||
.logs-content-right { |
|||
width: 48%; |
|||
} |
|||
|
|||
.logs-content-txt { |
|||
color: #333333; |
|||
} |
|||
|
|||
.item-dian { |
|||
position: relative; |
|||
left: -28rpx; |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
box-sizing: border-box; |
|||
background: #FFFFFF; |
|||
border-radius: 50%; |
|||
border: 1px solid #3A80E7; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.neidian { |
|||
width: 18rpx; |
|||
height: 18rpx; |
|||
background: #3A80E7; |
|||
border-radius: 50%; |
|||
} |
|||
.text3{ |
|||
width: 138rpx; |
|||
height: 27rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51,51,51,1); |
|||
font-size: 28rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 48rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
.hidden{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.hidden_top{ |
|||
display: flex; |
|||
flex-direction:column; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
height: 50rpx; |
|||
} |
|||
.text8{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
.text9{ |
|||
display: flex; |
|||
} |
|||
.pitfall{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
box-sizing: border-box; |
|||
} |
|||
.pitfall_header{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
.checkbox1{ |
|||
display: flex; |
|||
flex-direction:column; |
|||
margin-left: 50rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
.input1{ |
|||
width: 650rpx; |
|||
height: 90rpx; |
|||
background-color: #F7F7F7; |
|||
border-radius: 10rpx; |
|||
margin-left: 50rpx; |
|||
} |
|||
.add{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
box-sizing: border-box; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin: 20rpx; |
|||
} |
|||
.add_img{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
Loading…
Reference in new issue