suojin
/
transport_integrated_app
15
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
海信交通一体化小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 Commits
2 Branches
0 Tags
5.9 MiB
 
 
 
 
 
Tag: Branch: Tree: dev201310
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'dev201310'
${ noResults }
transport_integrated_app/pages/safetySupervisionDepart/winterPrevention/form.vue

458 lines
13 KiB
Raw Permalink Blame History

<template>
<view class="form_warp">
<!-- 恶劣天气报送 -->
<view class="form_intro">
<view>如有填报问题，请咨询公共服务中心</view>
<view>中心值班电话：<text @click="call(mobile)" class="tel">{{mobile}}</text></view>
</view>
<view class="form_item_box">
<view class="form_item_title">基本信息</view>
<view class="form_item">
<view class="form_item_label">填报单位：</view>
<view class="form_item_input picker">
<text>{{form.reportUnit}}</text>
</view>
</view>
<view class="form_item">
<view class="form_item_label">填报日期：</view>
<view class="form_item_input picker">
<!-- :end="currentDate" -->
<picker v-if="pageType == 'add'" mode="date" :value="form.reportDate" @change="bindDateChange" >
<text class="picker_select"
:style="form.reportDate?'color:#333;':''">{{form.reportDate?form.reportDate:'请选择时段'}}</text>
<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
</picker>
<text v-else>{{form.reportDate?form.reportDate:''}}</text>
</view>
</view>
</view>
<view class="form_item_box">
<view class="form_item_title">应急资源调动</view>
<view class="form_item_subtitle">相关资源</view>
<view class="form_item">
<view class="form_item_label">应对队伍(支)：</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.answerTeam"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<view class="form_item">
<view class="form_item_label">应对人员(人)：</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.answerPerson"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<view class="form_item">
<view class="form_item_label">机械设备(台/部)</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.answerDevice"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<view class="form_item">
<view class="form_item_label">车辆(辆次)</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.answerVehicles"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<!-- <view class="form_item_line"></view> -->
<!-- <view class="form_item_subtitle">应急运力</view> -->
<view class="form_item">
<view class="form_item_label">融雪剂固体(吨)"</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.snowMeltingSolid"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<view class="form_item">
<view class="form_item_label">融雪剂液体(吨)"</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.snowMeltingLiquid"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<view class="form_item">
<view class="form_item_label">砂(立方)"</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.sand"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
<view class="form_item">
<view class="form_item_label">航煤(升)"</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.aviationKerosene"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
</view>
<view class="form_item_box">
<view class="form_item_title">预警信息</view>
<view class="form_item">
<view class="form_item_label">预警信息发布(条次)：</view>
<view class="form_item_input form_input">
<uni-easyinput type="number"
v-model="form.warningRelease"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
</uni-easyinput>
</view>
</view>
</view>
<view class="form_item_box">
<view class="form_item_title">准备情况</view>
<view class="form_item_remark">
<!-- <view class="form_item_label">防范准备措施、重点领域巡视检和管控：</view> -->
<view class="form_item_input">
<uni-easyinput v-model="form.solutions"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入详细信息" type="textarea" maxlength="200"
autoHeight></uni-easyinput>
</view>
</view>
</view>
<view class="form_item_box">
<view class="form_item_title">受影响情况</view>
<view class="form_item_remark">
<!-- <view class="form_item_label">防范准备措施、重点领域巡视检和管控：</view> -->
<view class="form_item_input">
<uni-easyinput v-model="form.affectedSituation"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入详细信息" type="textarea" maxlength="200"
autoHeight></uni-easyinput>
</view>
</view>
</view>
<view class="form_item_box">
<view class="form_item_title">处置情况</view>
<view class="form_item_remark">
<!-- <view class="form_item_label">受影响情况、受损情况、处置情况和其他情况：</view> -->
<view class="form_item_input">
<uni-easyinput v-model="form.disposalSituation"
placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入详细信息" type="textarea" maxlength="200"
autoHeight></uni-easyinput>
</view>
</view>
</view>
<view class="foot_btn">
<!-- <view class="act_btn" @click="doCancel">取消</view> -->
<view class="act_btn blue" @click="doSubmit">{{btnText}}</view>
</view>
</view>
</template>
<script>
import {
calcMom,
calcYoy,
checkNotEmpty,
getDateStr,
lastYearDate
} from '../../../common/util'
export default{
data(){
return{
currentDate:getDateStr(new Date(), 0),
mobile: getApp().globalData.mobile,
userInfo: {},
form:{
reportDate:'',
reportUnit:'',
answerTeam:null,
answerPerson:null,
answerDevice:null,
drainageDevice:null,
patrolVehicles:null,
passengerVehicles:null,
freightVeicles:null,
warningRelease:null,
disposalSituation:'',
solutions:''
},
deptInfo:{},
pageType: '',
btnText: '保存',
isChangeTime:false
}
},
onLoad(options) {
this.userInfo = uni.getStorageSync('userInfo');
this.deptInfo = uni.getStorageSync('deptName');
console.log('userInfo-----------------',this.userInfo)
console.log('deptInfo-----------------',this.deptInfo)
if (options.type == 'add') {
this.pageType = 'add';
let now = new Date();
this.form.reportDate = getDateStr(now, -1); //默认前一天
this.form.reportUnit = this.userInfo.deptName
this.getInfoDetail(this.form.reportDate);
} else if (options.item) {
this.btnText = '修改并保存';
let obj = JSON.parse(options.item);
console.log('obj-----------------',obj)
this.getInfoDetail(obj.reportDate,obj.reportUnit);
}
},
methods:{
//选择统计日期
bindDateChange(e) {
this.isChangeTime = true
this.form.reportDate = e.detail.value;
this.getInfoDetail(this.form.reportDate)
},
// 获取详情
getInfoDetail(date,unit){
console.log('detail-----------------',date)
this.$request(getApp().globalData.baseUrl + '/api/biz/winterPrevention/getDetail',{reportDate:date,reportUnit:unit ? unit : this.userInfo.deptName}).then(res =>{
console.log('res-----------------------',res)
this.form = res.data
// if(id){
// this.form = res.data.list.find(item => item.id == id)
// }else{
// this.form = res.data.list.length != 0 ? res.data.list[0] : {
// reportDate:this.form.reportDate,
// reportUnit:this.userInfo.deptName,
// answerTeam:null,
// answerPerson:null,
// answerDevice:null,
// drainageDevice:null,
// patrolVehicles:null,
// passengerVehicles:null,
// freightVeicles:null,
// warningRelease:null,
// disposalSituation:'',
// solutions:''
// }
// }
})
},
doSubmit(){
uni.showModal({
title: "提示",
content: !checkNotEmpty(this.form.id) ? "您确认提交该条报送数据?" : "您确认将该条数据进行修改?",
success: (res) => {
if (res.confirm) {
uni.showLoading({
title: '提交中...',
mask: true
})
console.log('query--------------------',this.form)
this.$request(getApp().globalData.baseUrl + '/api/biz/winterPrevention/saveOrUpdate',this.form,'POST').then(res =>{
uni.hideLoading()
if (res.code == 200) {
uni.showToast({
title: "报送提交成功",
icon: "none",
success: () => {
if (this.form.id == undefined || this.isChangeTime) {
setTimeout(() => {
uni.redirectTo({
url: "/pages/safetySupervisionDepart/winterPrevention/list"
})
}, 300)
} else {
setTimeout(() => {
uni.navigateBack()
}, 300)
}
}
})
}
})
}
}
})
},
}
}
</script>
<style lang="scss" scoped>
.form_warp {
padding: 30rpx 30rpx 195rpx;
.form_intro {
color: #666;
font-size: 26rpx;
font-family: PingFang SC-Bold, PingFang SC;
line-height: 48rpx;
text-align: center;
margin-bottom: 20rpx;
.tel {
color: #2D8CF0;
font-weight: bold;
}
}
.form_item_box {
padding: 30rpx 20rpx 30rpx 30rpx;
background-color: #fff;
border-radius: 30rpx;
margin-bottom: 40rpx;
.form_item_title {
color: #333;
line-height: 42rpx;
font-size: 30rpx;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
margin-bottom: 30rpx;
}
.form_item_subtitle{
color: #333;
line-height: 42rpx;
font-size: 26rpx;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
margin-bottom: 30rpx;
}
.form_item_remark {
margin-bottom: 30rpx;
.form_item_label {
// color: #333333;
// line-height: 42rpx;
// font-size: 30rpx;
// font-family: PingFang SC-Bold, PingFang SC;
// // font-weight: bold;
margin-bottom: 30rpx;
color: #666666;
font-size: 26rpx;
}
/deep/ .is-input-border{
border-radius: 20rpx !important;
border: 1px solid #c1c1c1 !important;
}
}
.form_item {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 37rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
margin-bottom: 30rpx;
.form_item_label {
width: 260rpx;
color: #666666;
font-size: 26rpx;
word-break: break-all;
}
.form_item_input {
color: #333;
text-align: right;
word-break: break-all;
&.picker {
flex: 1;
// display: flex;
// justify-content: space-between;
// /deep/ picker {
// flex: 1;
// }
.picker_select {
color: #D4D4D4;
font-size: 28rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
text-align: right;
}
}
//纯展示
&.text {
color: #333333;
line-height: 40rpx;
font-size: 28rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
}
//输入框
&.form_input {
/deep/ .is-input-border {
border: 0 !important;
.uni-easyinput__content-input {
height: 35rpx !important;
text-align: right;
}
}
/deep/ .uni-date-x--border {
border: 0 !important;
.uni-date__x-input {
// height: 35rpx !important;
text-align: right;
}
}
}
}
}
.form_item_line{
width: 100%;
height: 1px;
background:#E8E8E8;
margin: 40rpx 0;
}
}
.foot_btn {
position: fixed;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: space-between;
padding: 40rpx 30rpx;
background-color: #f5f5f5;
z-index: 11;
.act_btn {
width: 690rpx;
height: 90rpx;
color: #666666;
font-size: 28rpx;
line-height: 90rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
text-align: center;
background: #F6F6F6;
border-radius: 100rpx;
border: 1rpx solid #C1C1C1;
&.blue {
color: #fff;
background: #2D8CF0;
border-color: #2D8CF0;
}
}
}
}
</style>