<template>
|
<div class="createUser">
|
<main>
|
<div class="mainContent">
|
<el-form ref="user" label-width="140px" autoComplete="on" :rules="storeRules" :model="storeInfo"
|
label-position="right">
|
<!-- 门店主人 -->
|
<el-form-item class="optionItem" label="门店主人:" prop="owner">
|
<el-input v-model="storeInfo.owner" placeholder="请填写门店主人"></el-input>
|
</el-form-item>
|
<!-- 身份证信息 -->
|
<el-form-item class="optionItems" label="身份证信息:" prop="idcardinfo">
|
<el-input placeholder="请填写身份证信息" v-model="storeInfo.idcardinfo"></el-input>
|
</el-form-item>
|
<!-- 联系方式 -->
|
<el-form-item class="optionItem" label="联系方式:" prop="contact">
|
<el-input placeholder="请填写门店联系方式" v-model="storeInfo.contact"></el-input>
|
</el-form-item>
|
<!-- 门店地址 -->
|
<el-form-item class="optionItem" label="门店地址:" prop="storeaddr">
|
<el-input placeholder="请填写门店地址" v-model="storeInfo.storeaddr"></el-input>
|
</el-form-item>
|
<!-- 门店照片 -->
|
<el-form-item class="optionItem" label="门店照片:" prop="storephoto">
|
<el-upload class="upload-demo" :show-file-list="false"
|
action="/sccg/file/medias" :headers="getToken()" multiple
|
:limit="50">
|
<el-button type="primary" v-if="storeInfo.storephoto === '' ">上传门店图片</el-button>
|
<img :src="storeInfo.storephoto" alt="" v-else>
|
</el-upload>
|
</el-form-item>
|
<!-- 门店名称 -->
|
<el-form-item class="optionItem" label="门店名称:" prop="storename">
|
<el-input type="textarea" v-model="storeInfo.storename" placeholder="请输入门店名称描述内容"></el-input>
|
</el-form-item>
|
<!-- 门店积分 -->
|
<el-form-item class="optionItem" label="门店积分:" prop="storescore">
|
<el-input v-model="storeInfo.storescore" placeholder="请输入门店名称描述内容"></el-input>
|
</el-form-item>
|
<el-form-item>
|
<div class="optionBtn">
|
<el-button type="primary" class="btn submit" @click.native.prevent="handleUser">确认
|
</el-button>
|
</div>
|
</el-form-item>
|
</el-form>
|
|
</div>
|
</main>
|
</div>
|
</template>
|
<script>
|
export default {
|
data() {
|
// 用户姓名验证规则
|
const checkName = (rule,value,callback)=>{
|
console.log(rule,value,callback);
|
if(!value){
|
|
}
|
}
|
return {
|
storeInfo: {
|
contact: '',
|
idcardinfo: '',
|
owner: '',
|
storeaddr: '',
|
storename: '',
|
storephoto: '',
|
storescore: '',
|
},
|
storeRules: {
|
owner: [
|
{ required: true, trigger: 'blur', validator: checkName },
|
]
|
}
|
}
|
},
|
created() {
|
|
},
|
methods: {
|
handleUser() {
|
this.$refs.user.validate((valid) => {
|
if (valid) {
|
const { storeInfo } = this;
|
console.log(storeInfo);
|
// this.$axios({
|
// method: 'post',
|
// url: 'sccg/store/storeinfo/add',
|
// data: storeInfo
|
// }).then(res => {
|
// console.log(res);
|
// })
|
// this.$axios.post('/sccg/role/update/', {
|
// id: role.id,
|
// status: role.status,
|
// description: role.description,
|
// name: role.name,
|
// sort: 0
|
// }).then(res => {
|
// this.$emit('changeDialog', { dialogUpdate: false });
|
// this.getUserList();
|
// })
|
} else {
|
return false;
|
}
|
})
|
},
|
// 获取token
|
getToken() {
|
const token = sessionStorage.getItem('token');
|
const tokenHead = sessionStorage.getItem('tokenHead');
|
if (token && tokenHead) {
|
return { Authorization: tokenHead + token };
|
}
|
}
|
},
|
props: ['getUserList']
|
}
|
</script>
|
<style lang="scss" scoped>
|
.createUser {
|
border-radius: 1px;
|
background-color: #09152f;
|
|
main {
|
// border: 1px solid #fff;
|
text-align: left;
|
padding: 0 55px;
|
background-color: #09152f;
|
padding-bottom: 50px;
|
|
.mainContent {
|
display: flex;
|
justify-content: center;
|
padding-top: 50px;
|
|
.el-form-item__content {
|
width: 400px;
|
|
.el-select {
|
width: 100%;
|
}
|
}
|
|
.optionHandleSp {
|
display: flex;
|
|
.areaNumber,
|
.moreNumber {
|
flex: 1;
|
}
|
|
.telNumber {
|
flex: 2;
|
}
|
}
|
|
.optionBtn {
|
display: flex;
|
margin-top: 20px;
|
|
.btn {
|
padding: 12px 50px;
|
}
|
}
|
|
}
|
}
|
|
&::v-deep .el-textarea__inner {
|
background-color: #09152f;
|
border: 1px solid #17324c;
|
}
|
|
::v-deep .el-form-item__label {
|
color: #4b9bb7;
|
}
|
|
::v-deep .el-input__inner {
|
background-color: #09152f;
|
border: 1px solid #17324c;
|
}
|
}
|
</style>
|
