<template>
|
<el-card class="box-card">
|
<div slot="header" class="clearfix">
|
<span>我的基本信息</span>
|
<el-button type="text" class="right no-padding" @click="isEdit=!isEdit">修改</el-button>
|
</div>
|
<el-form v-model="formData" :class="{'is-label':!isEdit}" label-width="120px">
|
<el-form-item label="登录名">
|
<el-input v-if="isEdit" v-model="formData.consignorName" placeholder="请输入登录名" class="w-300" disabled="isread"></el-input>
|
<span v-else>{{ formData.consignorName }}</span>
|
</el-form-item>
|
<el-form-item label="用户编号">
|
<el-input v-if="isEdit" v-model="formData.consignorCode" placeholder="请输入用户编号" class="w-300" disabled="isread"></el-input>
|
<span v-else>{{ formData.consignorCode }}</span>
|
</el-form-item>
|
<el-form-item label="用户类别">
|
<el-input v-if="isEdit" v-model="formData.consignorType" placeholder="请输入用户类别" class="w-300"></el-input>
|
<span v-else>{{ formData.consignorType }}</span>
|
</el-form-item>
|
<el-form-item label="客户名称">
|
<el-input v-if="isEdit" v-model="formData.linker" placeholder="请输入客户名称" class="w-300"></el-input>
|
<span v-else>{{ formData.linker }}</span>
|
</el-form-item>
|
<el-form-item label="联系电话">
|
<el-input v-if="isEdit" v-model="formData.mobile" placeholder="请输入联系电话" class="w-300"></el-input>
|
<span v-else>{{ formData.mobile }}</span>
|
</el-form-item>
|
<el-form-item label="地址">
|
<el-input v-if="isEdit" v-model="formData.address" placeholder="请输入地址" class="w-300"></el-input>
|
<span v-else>{{ formData.address }}</span>
|
</el-form-item>
|
<el-form-item label="信用额度">
|
<el-input v-if="isEdit" v-model="formData.creditLine" placeholder="请输入信用额度" class="w-300"></el-input>
|
<span v-else>{{ formData.creditLine }}</span>
|
</el-form-item>
|
<el-form-item label="保险费率">
|
<el-input v-if="isEdit" v-model="formData.premiumRate" placeholder="请输入保险费率" class="w-300"></el-input>
|
<span v-else>{{ formData.premiumRate }}</span>
|
</el-form-item>
|
<!-- <el-form-item label="自动扣款">
|
<el-switch v-if="isEdit" v-model="formData.name" placeholder="请输入自动扣款"></el-switch>
|
<span v-else>否</span>
|
</el-form-item> -->
|
<el-form-item v-if="isEdit">
|
<el-button type="primary" icon="el-icon-yrt-ren" @click="btnSave">确认修改</el-button>
|
</el-form-item>
|
</el-form>
|
</el-card>
|
</template>
|
|
<script>
|
export default {
|
name: "user-account-my",
|
data() {
|
return {
|
formData: {
|
isread: false
|
},
|
isEdit: false
|
};
|
},
|
created() {
|
this.getConsignor();
|
},
|
activated() {
|
this.getConsignor();
|
},
|
methods: {
|
// 获取货主信息
|
getConsignor() {
|
var userInfo = this.common.getUserInfo();
|
var url = "/api/basicInfo/base/consignor/getById";
|
var params = { consignor_Id: userInfo.user_Id };
|
this.common.ajax(
|
url,
|
params,
|
res => {
|
this.common.showMsg(res);
|
if (res.result) {
|
this.formData = res.data;
|
}
|
},
|
true
|
);
|
},
|
// 保存
|
btnSave() {
|
var url = "/api/basicInfo/base/consignor/update";
|
var params = this.formData;
|
this.common.ajax(
|
url,
|
params,
|
res => {
|
this.common.showMsg(res);
|
if (res.result) {
|
this.common.showMsg("保存成功");
|
}
|
},
|
true
|
);
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.is-label {
|
.el-form-item {
|
margin-bottom: 0px;
|
}
|
}
|
</style>
|
