<template>
|
<view class="content">
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>客户名称: </text>
|
<!-- <picker @change="tenantNameSelect" :range="tenantNameArray" class="tenant-select">
|
<label class="" v-model="tenantName">{{ tenantNameArrayType }}</label>
|
</picker> -->
|
<input class="input" type="text" v-model="tenantName" placeholder="请输入客户名称" placeholder-class="placeholder" />
|
</view>
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>客户类型: </text>
|
<picker @change="typeSelect" :range="typeArray" class="type-select">
|
<label :style="{color:typeArrayTypeColor}" v-model="typeArrayType">{{ typeArrayType }}</label>
|
</picker>
|
<!-- <input class="input" type="text" v-model="type" placeholder="请输入客户类型" placeholder-class="placeholder" /> -->
|
</view>
|
<view class="row regis-info-linkman">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>联系人: </text>
|
<input class="input" type="text" v-model="linkman" placeholder="请输入联系人名称" placeholder-class="placeholder" />
|
</view>
|
<view class="row regis-info">
|
<text class="info-title"><!-- <span style="color: red;">* --></span>联系电话: </text>
|
<input class="input" type="text" v-model="contactNumber" placeholder="请输入联系电话" placeholder-class="placeholder" />
|
</view>
|
<view class="row regis-info">
|
<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="domain" placeholder="请输入域名地址" placeholder-class="placeholder" />
|
</view>
|
|
<button class="btn" @click="confirm">上传</button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data () {
|
return {
|
// id:"",
|
typeArrayTypeColor:"#808080",
|
tenantName:"",
|
linkman:"",
|
contactNumber:"",
|
address:"",
|
type:null,
|
domain:"",
|
display:'none',
|
display1:'none',
|
display2:'none',
|
display3:'none',
|
typeArray:["学校","医院","小区"],
|
typeArrayIndex:0,
|
typeArrayType:'请选择客户类型',
|
pathUrl:this.$store.state.piAPI + "",
|
// pathUrl: "http://localhost:8106",
|
}
|
},
|
onLoad() {
|
|
},
|
|
methods: {
|
//客户类型下拉改变事件
|
typeSelect(e){
|
var that = this;
|
this.typeArrayIndex = e.target.value;
|
this.typeArrayType=this.typeArray[this.typeArrayIndex];
|
if(that.typeArrayType == '学校'){
|
that.type = 1;
|
}
|
if(that.typeArrayType =='医院'){
|
that.type = 2;
|
}
|
if(that.typeArrayType =='小区'){
|
that.type = 3;
|
}
|
|
//修改样式
|
this.typeArrayTypeColor = "#000000";
|
},
|
|
//提交修改
|
confirm(){
|
uni.request({
|
url: this.pathUrl + '/blade-system/tenant/save',
|
method:'POST',
|
data:{
|
// "id":this.id,
|
"tenantName":this.tenantName,
|
"linkman":this.linkman,
|
"contactNumber":this.contactNumber,
|
"address":this.address,
|
"type":this.type,
|
"domain":this.domain
|
},
|
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: 40rpx;
|
top: 27rpx;
|
letter-spacing: 1rpx;
|
}
|
|
.regis-info-linkman{
|
width: 100%;
|
height: 100rpx;
|
position: relative;
|
left: 20rpx;
|
border-bottom: 1px solid rgba(128,128,128,0.1);
|
}
|
|
.regis-info-linkman input{
|
position: relative;
|
left: 73rpx;
|
top: 27rpx;
|
letter-spacing: 1rpx;
|
}
|
|
.info-title{
|
letter-spacing: 1rpx;
|
float: left;
|
line-height: 100rpx;
|
font-weight: 530;
|
}
|
|
.regis-info input{
|
position: relative;
|
left: 40rpx;
|
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;
|
}
|
|
|
.type-select{
|
position: relative;
|
left: 40rpx;
|
top: 28rpx;
|
}
|
</style>
|
