sccg_ui.git - Gitblit

			@@ -2,41 +2,42 @@
			<div class="createUser">
			<main>
			<div class="mainContent">
			<el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
			<!-- 违规事项编号 -->
			<el-form-item class="optionItem" label="违规事项编号:" prop="number">
			<el-input v-model="things.number" placeholder="请填写违规事项编号"></el-input>
			<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="typeThird">
			<el-select v-model="things.typeThird" placeholder="请选择所属类型" >
			<el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
			:value="item.id">
			</el-option>
			</el-select>
			<!-- 身份证信息 -->
			<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="typeSecond">
			<el-select v-model="things.typeSecond" placeholder="请选择所属类型" >
			<el-option v-for="item in typeSecondList" :key="item.id" :label="item.name"
			:value="item.id">
			</el-option>
			</el-select>
			<!-- 联系方式 -->
			<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="typeFirst">
			<el-select v-model="things.typeFirst" placeholder="请选择所属类型" disabled>
			<el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
			:value="item.id">
			</el-option>
			</el-select>
			<!-- 门店地址 -->
			<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="type">
			<el-input type="textarea" autosize v-model="things.type" placeholder="请输入案由描述内容"
			:disabled="!updateFlag" disabled></el-input>
			<!-- 门店照片 -->
			<el-form-item class="optionItem" label="门店照片:" prop="storephoto">
			<el-upload class="upload-demo" :show-file-list="false"
			action="http://42.193.1.25:8082/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 v-if="updateFlag">
			<!-- 门店名称 -->
			<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>
			@@ -51,35 +52,47 @@
			<script>
			export default {
			data() {
			// 用户姓名验证规则
			const checkName = (rule,value,callback)=>{
			console.log(rule,value,callback);
			if(!value){

			}
			}
			return {
			things: {
			number: 0,
			type: '',
			typeFirst: '',
			typeSecond: '',
			typeThird: '',
			storeInfo: {
			contact: '',
			idcardinfo: '',
			owner: '',
			storeaddr: '',
			storename: '',
			storephoto: '',
			storescore: '',
			},
			roleList: [],
			typeThirdList:[],
			typeSecondList:[],
			typeFirstList:[],
			storeRules: {
			owner: [
			{ required: true, trigger: 'blur', validator: checkName },
			]
			}
			}
			},
			created() {
			console.log(this.userInfo);
			this.things = JSON.parse(JSON.stringify(this.userInfo));
			// 获取所属类型列表
			this.getTypeThird();
			this.getTypeSecond();
			this.getTypeFirst();

			},
			methods: {
			// handleUser() {
			// this.$refs.user.validate((valid) => {
			// if (valid) {
			// const { role } = this;
			// console.log(role);
			// this.$axios.post('/sccg/role/update/' + role.id, {
			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,
			@@ -89,40 +102,18 @@
			// this.$emit('changeDialog', { dialogUpdate: false });
			// this.getUserList();
			// })
			// } else {
			// return false;
			// }
			// })
			// },
			// 查询所属类型
			getTypeThird() {
			this.$axios({
			method: 'get',
			url: "sccg/violations/query/type_first",
			})
			.then(res => {
			this.typeThirdList = res.data;
			} else {
			return false;
			}
			})
			},
			// 查询所属大类
			getTypeSecond(){
			this.$axios({
			method: 'get',
			url: "sccg/violations/query/type_second",
			})
			.then(res => {
			this.typeSecondList = res.data;
			})
			},
			// 查询所属小类
			getTypeFirst(){
			this.$axios({
			method: 'get',
			url: "sccg/violations/query/type_third",
			})
			.then(res => {
			this.typeFirstList = res.data;
			})
			// 获取token
			getToken() {
			const token = sessionStorage.getItem('token');
			const tokenHead = sessionStorage.getItem('tokenHead');
			if (token && tokenHead) {
			return { Authorization: tokenHead + token };
			}
			}
			},
			props: ['getUserList']