<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 :style="{color:tenantNameColor}" 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 {
|
typeArrayTypeColor:"#808080",
|
tenantNameColor:"#808080",
|
id:"",
|
tenantName:"",
|
linkman:"",
|
contactNumber:"",
|
address:"",
|
type:null,
|
domain:"",
|
display:'none',
|
display1:'none',
|
display2:'none',
|
display3:'none',
|
tenantArr:[],
|
tenantNameArray:[],
|
tenantNameArrayIndex:0,
|
tenantNameArrayType:'请选择客户',
|
typeArray:["学校","医院","小区"],
|
typeArrayIndex:0,
|
typeArrayType:'请选择客户类型',
|
pathUrl:this.$store.state.piAPI + "",
|
// pathUrl: "http://localhost:8106"
|
}
|
},
|
onLoad() {
|
|
},
|
mounted(){
|
this.getTenantList();
|
},
|
methods: {
|
|
//获取客户信息
|
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.id = that.tenantArr[i].id;
|
that.tenantName = that.tenantArr[i].tenantName;
|
that.linkman = that.tenantArr[i].linkman;
|
that.contactNumber = that.tenantArr[i].contactNumber;
|
that.address = that.tenantArr[i].address;
|
that.type = that.tenantArr[i].type;
|
if(that.tenantArr[i].type=="1"){
|
that.typeArrayType = '学校';
|
this.typeArrayTypeColor = "#000000";
|
}
|
if(that.tenantArr[i].type=="2"){
|
that.typeArrayType = '医院';
|
this.typeArrayTypeColor = "#000000";
|
}
|
if(that.tenantArr[i].type=="3"){
|
that.typeArrayType = '小区';
|
this.typeArrayTypeColor = "#000000";
|
}
|
that.domain = that.tenantArr[i].domain;
|
}
|
}
|
|
//修改样式
|
this.tenantNameColor = "#000000";
|
|
},
|
|
//客户类型下拉改变事件
|
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/submit',
|
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;
|
}
|
|
.tenant-select{
|
position: relative;
|
left: 40rpx;
|
top: 28rpx;
|
}
|
|
.type-select{
|
position: relative;
|
left: 40rpx;
|
top: 28rpx;
|
}
|
</style>
|
