| | |
| | | <el-form ref="user" label-width="140px" autoComplete="on" :model="store" :rules="createUserRules" |
| | | label-position="right"> |
| | | <!-- 店铺类型 --> |
| | | <el-form-item class="optionItem" label="店铺类型:" prop="storetype"> |
| | | <el-select v-model="store.storetype" placeholder="请选择店铺类型"> |
| | | <el-form-item class="optionItem" label="店铺类型:" prop="type"> |
| | | <el-select v-model="store.type" placeholder="请选择店铺类型"> |
| | | <el-option value="1"> |
| | | <el-tree ref="tree" :check-strictly="true" :data="shopTypeList" :props="defaultProps" |
| | | show-checkbox @check-change="handleCheck" default-expand-all node-key="id"> |
| | |
| | | <el-input v-model="store.owner" placeholder="请填写店铺负责人名字"></el-input> |
| | | </el-form-item> |
| | | <!-- 店铺描述 --> |
| | | <el-form-item class="optionItem" label="店铺描述:" prop="storedesc"> |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="300" show-word-limit |
| | | v-model="store.storedesc" placeholder="输入店铺描述"></el-input> |
| | | <el-form-item class="optionItem" label="店铺描述:" prop="description"> |
| | | <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 8 }" maxlength="300" show-word-limit |
| | | v-model="store.description" placeholder="输入店铺描述"></el-input> |
| | | <!-- <el-input type="textarea" v-model="user.storedesc" placeholder="输入部门描述"></el-input> --> |
| | | </el-form-item> |
| | | <!-- 联系方式 --> |
| | |
| | | callback(); |
| | | } |
| | | }; |
| | | const validatePass = (rule, value, callback) => { |
| | | const validateShopName = (rule, value, callback) => { |
| | | if (!value) { |
| | | callback(); |
| | | callback(new Error('店铺名称不能为空')); |
| | | } else { |
| | | callback(); |
| | | } |
| | |
| | | } |
| | | } |
| | | }; |
| | | const validateMail = (rule, value, callback) => { |
| | | if (value) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error('店铺名称不能为空')) |
| | | } |
| | | }; |
| | | // const validateMail = (rule, value, callback) => { |
| | | // if (value) { |
| | | // callback(); |
| | | // } else { |
| | | // callback(new Error('店铺名称不能为空')) |
| | | // } |
| | | // }; |
| | | const validateType = (rule, value, callback) => { |
| | | console.log(value) |
| | | if (!value) { |
| | | callback(new Error('门店类型不能为空')); |
| | | } else { |
| | |
| | | storeaddr: '', |
| | | storename: '', |
| | | storedesc: '', |
| | | storetype: '', |
| | | type: '', |
| | | }, |
| | | createUserRules: { |
| | | owner: [ |
| | | { required: true, trigger: "blur", validator: validateNickname }, |
| | | ], |
| | | storetype: [ |
| | | type: [ |
| | | { |
| | | required: true, trigger: 'change', validator: validateType, |
| | | } |
| | | ], |
| | | idcardinfo: [ |
| | | { required: true, trigger: "blur", validator: validatePass }, |
| | | ], |
| | | // idcardinfo: [ |
| | | // { required: true, trigger: "blur", validator: validatePass }, |
| | | // ], |
| | | storeaddr: [ |
| | | { required: true, trigger: "blur", validator: validateTruename }, |
| | | ], |
| | | contact: [ |
| | | { required: true, trigger: "blur", validator: validatePhone }, |
| | | ], |
| | | storename: [ |
| | | { required: true, trigger: "blur", validator: validateMail }, |
| | | ], |
| | | storedesc: [ |
| | | description: [ |
| | | { required: false, trigger: "blur", validator: validateDesc }, |
| | | ], |
| | | storename: [ |
| | | { required: true, trigger: "blur", validator: validateShopName }, |
| | | ] |
| | | }, |
| | | shopTypeList: [ |
| | | { name: '类型1', value: 1 }, { name: '类型2', value: 2 } |
| | |
| | | }, |
| | | methods: { |
| | | handleStore() { |
| | | const { store } = this; |
| | | const { store,selectOrg } = this; |
| | | this.$refs.user.validate((valid) => { |
| | | console.log(valid); |
| | | if (valid) { |
| | |
| | | url: 'sccg/store/storeinfo/add', |
| | | data: { |
| | | contact: store.contact, |
| | | idcardinfo: '511025184612310215', |
| | | owner: store.owner, |
| | | storeaddr: store.storeaddr, |
| | | storename: store.storename, |
| | | description: store.description, |
| | | type: selectOrg.orgsid[0], |
| | | } |
| | | }) |
| | | .then(res => { |
| | |
| | | } |
| | | }, |
| | | handleCheck(data, checked) { |
| | | this.store.storetype = data.name; |
| | | console.log(data) |
| | | this.store.type = data.name; |
| | | // 获取当前选择的id在数组中的索引 |
| | | const indexs = this.selectOrg.orgsid.indexOf(data.id) |
| | | // 如果不存在数组中,并且数组中已经有一个id并且checked为true的时候,代表不能再次选择。 |