<template>
|
<view class="content">
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>上报时间: </text>
|
<e-picker mode="dateTime" :style="{color:riskTimeColor}" class="select_risk_rime" @change="riskTimeChange">{{riskTime||'请选择上报时间'}}</e-picker>
|
<!-- <input class="input" type="text" v-model="riskTime" placeholder="请选择上报时间" placeholder-class="placeholder" /> -->
|
</view>
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>客户名称: </text>
|
<picker @change="tenantNameSelect" :range="tenantNameArray" class="tenant-select">
|
<label :style="{color:tenantNameColor}" v-model="tenantName">{{ tenantNameArrayType }}</label>
|
</picker>
|
</view>
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>风险等级: </text>
|
<picker @change="riskClassSelect" :range="riskClassArray" class="riskClass-select">
|
<label :style="{color:riskClassArrayTypeColor}" v-model="riskClassArrayType">{{ riskClassArrayType }}</label>
|
</picker>
|
</view>
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>风险描述: </text>
|
<input class="input" type="text" v-model="riskDescribe" placeholder="请输入风险描述" placeholder-class="placeholder" />
|
</view>
|
<view class="row regis-info-addr">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>地址: </text>
|
<input class="input" type="text" v-model="address" placeholder="请输入地址" placeholder-class="placeholder" />
|
</view>
|
<view class="row regis-info-desc">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>备注: </text>
|
<input class="input" type="text" v-model="descInfo" placeholder="请输入备注" placeholder-class="placeholder" />
|
</view>
|
<button class="btn" @click="confirm">上传</button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data () {
|
return {
|
riskClassArrayTypeColor:"#808080",
|
tenantNameColor:"#808080",
|
riskTimeColor:"#808080",
|
riskTime:"",
|
tenantId:"",
|
tenantName:"",
|
riskClass:"",
|
riskDescribe:"",
|
address:"",
|
descInfo:"",
|
display:'none',
|
display1:'none',
|
display2:'none',
|
display3:'none',
|
pathUrl: this.$store.state.piAPI + "",
|
// pathUrl: "http://localhost:89",
|
riskClassArray:["一级","二级","三级","四级"],
|
riskClassArrayIndex:0,
|
riskClassArrayType:'请选择风险等级',
|
tenantArr:[],
|
tenantNameArray:[],
|
tenantNameArrayIndex:0,
|
tenantNameArrayType:'请选择客户'
|
}
|
},
|
onLoad() {
|
|
},
|
mounted(){
|
this.getTenantList();
|
},
|
methods: {
|
//日期选择
|
riskTimeChange(e) {
|
this.riskTime = e.substr(0,e.length-3);
|
//修改颜色
|
this.riskTimeColor = "#000000";
|
},
|
|
|
//获取客户信息
|
getTenantList(){
|
var that = this;
|
uni.request({
|
url: this.pathUrl + '/blade-system/tenant/page',
|
method:'GET',
|
success: (res) => {
|
that.tenantArr = res.data.data.records;
|
if(that.tenantArr.length>0 ){
|
for (var i = 0; i < that.tenantArr.length; i++) {
|
if(that.tenantArr[i].tenantName!=""){
|
that.tenantNameArray.push(that.tenantArr[i].tenantName);
|
}
|
}
|
}
|
}
|
});
|
},
|
|
//客户名称下拉改变事件
|
tenantNameSelect(e) {
|
var that = this;
|
this.tenantNameArrayIndex = e.target.value;
|
this.tenantNameArrayType=this.tenantNameArray[this.tenantNameArrayIndex];
|
//获取id
|
for (var i = 0; i < that.tenantArr.length; i++) {
|
if(that.tenantArr[i].tenantName==that.tenantNameArrayType){
|
that.tenantId = that.tenantArr[i].id;
|
that.tenantName = that.tenantArr[i].tenantName;
|
}
|
}
|
|
//修改样式
|
this.tenantNameColor = "#000000";
|
},
|
|
//风险等级下拉改变事件
|
riskClassSelect(e){
|
var that = this;
|
this.riskClassArrayIndex = e.target.value;
|
this.riskClassArrayType=this.riskClassArray[this.riskClassArrayIndex];
|
//修改样式
|
this.riskClassArrayTypeColor ="#000000";
|
},
|
|
|
//提交修改
|
confirm(){
|
uni.request({
|
url: this.pathUrl + '/riskReporting/save',
|
method:'POST',
|
data:{
|
"riskTime":this.riskTime,
|
"riskNumber":this.$store.state.puserID,
|
"tenantId":this.tenantId,
|
"tenantName":this.tenantName,
|
"riskClass":this.riskClass,
|
"riskDescribe":this.riskDescribe,
|
"address":this.address,
|
"descInfo":this.descInfo
|
},
|
success: (res) => {
|
if(res.data.code==200){
|
uni.showToast({
|
title: '提交成功！',
|
duration: 2000
|
});
|
}
|
}
|
});
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.regis-info {
|
width: 100%;
|
height: 100rpx;
|
position: relative;
|
left: 20rpx;
|
border-bottom: 1px solid rgba(128,128,128,0.1);
|
}
|
|
.regis-info-desc {
|
width: 100%;
|
height: 100rpx;
|
position: relative;
|
left: 20rpx;
|
}
|
|
.regis-info-desc input{
|
position: relative;
|
left: 112rpx;
|
top: 27rpx;
|
letter-spacing: 1rpx;
|
}
|
|
.regis-info-addr {
|
width: 100%;
|
height: 100rpx;
|
position: relative;
|
left: 20rpx;
|
border-bottom: 1px solid rgba(128,128,128,0.1);
|
}
|
|
.regis-info-addr input{
|
position: relative;
|
left: 112rpx;
|
top: 27rpx;
|
letter-spacing: 1rpx;
|
}
|
|
.info-title{
|
letter-spacing: 1rpx;
|
float: left;
|
line-height: 100rpx;
|
font-weight: 530;
|
}
|
|
.regis-info input{
|
position: relative;
|
left: 45rpx;
|
top: 27rpx;
|
letter-spacing: 1rpx;
|
}
|
|
.btn{
|
position: relative;
|
top: 40rpx;
|
background-color: #007AFF;
|
width: 180rpx;
|
height: 180rpx;
|
border-radius: 100rpx;
|
line-height:180rpx;
|
color: #FFFFFF;
|
letter-spacing: 2rpx;
|
}
|
|
.riskClass-select{
|
position: relative;
|
left: 45rpx;
|
top: 28rpx;
|
}
|
|
.tenant-select{
|
position: relative;
|
left: 45rpx;
|
top: 28rpx;
|
}
|
|
.select_risk_rime{
|
position: relative;
|
left: 45rpx;
|
top: 28rpx;
|
}
|
</style>
|
