|
@@ -1,57 +1,57 @@
|
|
/* eslint-disable vue/require-v-for-key */
|
|
/* eslint-disable vue/require-v-for-key */
|
|
<template>
|
|
<template>
|
|
<el-card class="form-container" shadow="never">
|
|
<el-card class="form-container" shadow="never">
|
|
- <el-form ref="usersFrom" :model="productCate" :rules="rules" label-width="150px">
|
|
|
|
|
|
+ <el-form ref="usersFrom" :model="dusersFrom" :rules="rules" label-width="150px">
|
|
<el-form-item label="用户头像">
|
|
<el-form-item label="用户头像">
|
|
- <single-upload v-model="productCate.icon" />
|
|
|
|
|
|
+ <single-upload v-model="dusersFrom.icon" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="归属公司">
|
|
<el-form-item label="归属公司">
|
|
- <el-select v-model="productCate.parentId" placeholder="请选择公司" @change="changeAttrProductCate">
|
|
|
|
- <el-option v-for="item in selectProductCateList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
|
|
|
+ <el-select v-model="dusersFrom.parentId" placeholder="请选择公司" @change="changeAttrdusersFrom">
|
|
|
|
+ <el-option v-for="item in selectdusersFromList" :key="item.id" :label="item.name" :value="item.id" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="归属部门">
|
|
<el-form-item label="归属部门">
|
|
- <el-select v-model="productCate.parentId" placeholder="请选择部门" @change="changeAttrProductCate">
|
|
|
|
- <el-option v-for="item in selectProductCateList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
|
|
|
+ <el-select v-model="dusersFrom.parentId" placeholder="请选择部门" @change="changeAttrdusersFrom">
|
|
|
|
+ <el-option v-for="item in selectdusersFromList" :key="item.id" :label="item.name" :value="item.id" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="工号:" prop="number">
|
|
<el-form-item label="工号:" prop="number">
|
|
- <el-input v-model="productCate.name" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.name" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="姓名:" prop="name">
|
|
<el-form-item label="姓名:" prop="name">
|
|
- <el-input v-model="productCate.name" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.name" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="登录名:" prop="userName">
|
|
<el-form-item label="登录名:" prop="userName">
|
|
- <el-input v-model="productCate.name" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.name" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="密码:" prop="password">
|
|
<el-form-item label="密码:" prop="password">
|
|
- <el-input v-model="productCate.productUnit" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.productUnit" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="确认密码:" prop="password">
|
|
<el-form-item label="确认密码:" prop="password">
|
|
- <el-input v-model="productCate.productUnit" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.productUnit" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="邮箱:">
|
|
<el-form-item label="邮箱:">
|
|
- <el-input v-model="productCate.productUnit" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.productUnit" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="电话:">
|
|
<el-form-item label="电话:">
|
|
- <el-input v-model="productCate.productUnit" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.productUnit" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="手机:">
|
|
<el-form-item label="手机:">
|
|
- <el-input v-model="productCate.sort" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.sort" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="是否阻止登录:">
|
|
<el-form-item label="是否阻止登录:">
|
|
- <el-radio-group v-model="productCate.showStatus">
|
|
|
|
|
|
+ <el-radio-group v-model="dusersFrom.showStatus">
|
|
<el-radio :label="1">是</el-radio>
|
|
<el-radio :label="1">是</el-radio>
|
|
<el-radio :label="0">否</el-radio>
|
|
<el-radio :label="0">否</el-radio>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="用户类型">
|
|
<el-form-item label="用户类型">
|
|
- <el-select v-model="productCate.typeId" placeholder="请选择" @change="changeAttrProductCate">
|
|
|
|
|
|
+ <el-select v-model="dusersFrom.typeId" placeholder="请选择" @change="changeAttrdusersFrom">
|
|
<el-option v-for="item in selectUserTypeList" :key="item.id" :label="item.name" :value="item.id" />
|
|
<el-option v-for="item in selectUserTypeList" :key="item.id" :label="item.name" :value="item.id" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="备注:">
|
|
<el-form-item label="备注:">
|
|
- <el-input v-model="productCate.description" type="textarea" :autosize="true" />
|
|
|
|
|
|
+ <el-input v-model="dusersFrom.description" type="textarea" :autosize="true" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="用户角色:">
|
|
<el-form-item label="用户角色:">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox-group v-model="checkList">
|
|
@@ -67,10 +67,9 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-// import { fetchList, createProductCate, updateProductCate, getProductCate } from '@/api/productCate'
|
|
|
|
import SingleUpload from '@/components/Upload/singleUpload'
|
|
import SingleUpload from '@/components/Upload/singleUpload'
|
|
|
|
|
|
-const defaultProductCate = {
|
|
|
|
|
|
+const defaultUsersFrom = {
|
|
description: '',
|
|
description: '',
|
|
icon: '',
|
|
icon: '',
|
|
keywords: '',
|
|
keywords: '',
|
|
@@ -83,7 +82,7 @@ const defaultProductCate = {
|
|
productAttributeIdList: []
|
|
productAttributeIdList: []
|
|
}
|
|
}
|
|
export default {
|
|
export default {
|
|
- name: 'ProductCateDetail',
|
|
|
|
|
|
+ name: 'DusersFromDetail',
|
|
components: { SingleUpload },
|
|
components: { SingleUpload },
|
|
filters: {
|
|
filters: {
|
|
filterLabelFilter(index) {
|
|
filterLabelFilter(index) {
|
|
@@ -102,7 +101,7 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- productCate: Object.assign({}, defaultProductCate),
|
|
|
|
|
|
+ dusersFrom: Object.assign({}, defaultUsersFrom),
|
|
selectUserTypeList: [
|
|
selectUserTypeList: [
|
|
{ name: '系统管理', typeId: 1 },
|
|
{ name: '系统管理', typeId: 1 },
|
|
{ name: '部门经理', typeId: 2 },
|
|
{ name: '部门经理', typeId: 2 },
|
|
@@ -141,83 +140,15 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
|
|
+ // eslint-disable-next-line no-empty
|
|
if (this.isEdit) {
|
|
if (this.isEdit) {
|
|
- // getProductCate(this.$route.query.id).then(response => {
|
|
|
|
- // this.productCate = response.data
|
|
|
|
- // })
|
|
|
|
- // getProductAttrInfo(this.$route.query.id).then(response => {
|
|
|
|
- // if (response.data != null && response.data.length > 0) {
|
|
|
|
- // this.filterProductAttrList = []
|
|
|
|
- // for (let i = 0; i < response.data.length; i++) {
|
|
|
|
- // this.filterProductAttrList.push({
|
|
|
|
- // key: Date.now() + i,
|
|
|
|
- // value: [response.data[i].attributeCategoryId, response.data[i].attributeId]
|
|
|
|
- // })
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // })
|
|
|
|
|
|
+
|
|
} else {
|
|
} else {
|
|
- this.productCate = Object.assign({}, defaultProductCate)
|
|
|
|
|
|
+ this.dusersFrom = Object.assign({}, defaultUsersFrom)
|
|
}
|
|
}
|
|
- this.getSelectProductCateList()
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- getSelectProductCateList() {
|
|
|
|
- // fetchList(0, { pageSize: 100, pageNum: 1 }).then(response => {
|
|
|
|
- // this.selectProductCateList = response.data.list
|
|
|
|
- // this.selectProductCateList.unshift({ id: 0, name: '无上级分类' })
|
|
|
|
- // this.selectProductCateList.forEach(el => {
|
|
|
|
- // // eslint-disable-next-line eqeqeq
|
|
|
|
- // if (el.id == this.productCate.parentId) {
|
|
|
|
- // this.changOptionName = el.name
|
|
|
|
- // }
|
|
|
|
- // })
|
|
|
|
- // console.log(this.changOptionName)
|
|
|
|
- // this.getProductAttrCateList()
|
|
|
|
- // })
|
|
|
|
- },
|
|
|
|
- getProductAttrCateList() {
|
|
|
|
- console.log(this.changOptionName)
|
|
|
|
- // const params = { productAttrCateId: null, parentName: this.changOptionName }
|
|
|
|
- // fetchListWithAttr(params).then(response => {
|
|
|
|
- // const list = response.data
|
|
|
|
- // for (let i = 0; i < list.length; i++) {
|
|
|
|
- // const productAttrCate = list[i]
|
|
|
|
- // const children = []
|
|
|
|
- // if (productAttrCate.productAttributeList != null && productAttrCate.productAttributeList.length > 0) {
|
|
|
|
- // for (let j = 0; j < productAttrCate.productAttributeList.length; j++) {
|
|
|
|
- // children.push({
|
|
|
|
- // label: productAttrCate.productAttributeList[j].name,
|
|
|
|
- // value: productAttrCate.productAttributeList[j].id
|
|
|
|
- // })
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // // this.filterAttrs.push({label: productAttrCate.name, value: productAttrCate.id, children: children});
|
|
|
|
- // this.filterAttrs.push({ label: productAttrCate.name, value: productAttrCate.id })
|
|
|
|
- // }
|
|
|
|
- // })
|
|
|
|
- },
|
|
|
|
- getProductAttributeIdList() {
|
|
|
|
- // 获取选中的筛选商品属性
|
|
|
|
- const productAttributeIdList = []
|
|
|
|
- for (let i = 0; i < this.filterProductAttrList.length; i++) {
|
|
|
|
- const item = this.filterProductAttrList[i]
|
|
|
|
- if (item.value !== null && item.value.length === 1) {
|
|
|
|
- productAttributeIdList.push(item.value[0])
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- return productAttributeIdList
|
|
|
|
- },
|
|
|
|
- changeAttrProductCate(value) {
|
|
|
|
- this.selectProductCateList.forEach(el => {
|
|
|
|
- // eslint-disable-next-line eqeqeq
|
|
|
|
- if (value == el.id) {
|
|
|
|
- this.changOptionName = el.name
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- console.log(this.changOptionName)
|
|
|
|
- },
|
|
|
|
- changeFilterProductAttrFn(value) {
|
|
|
|
|
|
+ changeAttrdusersFrom(value) {
|
|
console.log(value)
|
|
console.log(value)
|
|
},
|
|
},
|
|
onSubmit(formName) {
|
|
onSubmit(formName) {
|
|
@@ -229,8 +160,7 @@ export default {
|
|
type: 'warning'
|
|
type: 'warning'
|
|
}).then(() => {
|
|
}).then(() => {
|
|
if (this.isEdit) {
|
|
if (this.isEdit) {
|
|
- this.productCate.productAttributeIdList = this.getProductAttributeIdList()
|
|
|
|
- // updateProductCate(this.$route.query.id, this.productCate).then(response => {
|
|
|
|
|
|
+ // updatedusersFrom(this.$route.query.id, this.dusersFrom).then(response => {
|
|
// this.$message({
|
|
// this.$message({
|
|
// message: '修改成功',
|
|
// message: '修改成功',
|
|
// type: 'success',
|
|
// type: 'success',
|
|
@@ -239,8 +169,7 @@ export default {
|
|
// this.$router.back()
|
|
// this.$router.back()
|
|
// })
|
|
// })
|
|
} else {
|
|
} else {
|
|
- this.productCate.productAttributeIdList = this.getProductAttributeIdList()
|
|
|
|
- // createProductCate(this.productCate).then(response => {
|
|
|
|
|
|
+ // createdusersFrom(this.dusersFrom).then(response => {
|
|
// this.$refs[formName].resetFields()
|
|
// this.$refs[formName].resetFields()
|
|
// this.resetForm(formName)
|
|
// this.resetForm(formName)
|
|
// this.$message({
|
|
// this.$message({
|
|
@@ -263,41 +192,13 @@ export default {
|
|
},
|
|
},
|
|
resetForm(formName) {
|
|
resetForm(formName) {
|
|
this.$refs[formName].resetFields()
|
|
this.$refs[formName].resetFields()
|
|
- this.productCate = Object.assign({}, defaultProductCate)
|
|
|
|
- this.getSelectProductCateList()
|
|
|
|
|
|
+ this.dusersFrom = Object.assign({}, defaultUsersFrom)
|
|
|
|
+ this.getSelectdusersFromList()
|
|
this.filterProductAttrList = [
|
|
this.filterProductAttrList = [
|
|
{
|
|
{
|
|
value: []
|
|
value: []
|
|
}
|
|
}
|
|
]
|
|
]
|
|
- },
|
|
|
|
- removeFilterAttr(productAttributeId) {
|
|
|
|
- if (this.filterProductAttrList.length === 1) {
|
|
|
|
- this.$message({
|
|
|
|
- message: '至少要留一个',
|
|
|
|
- type: 'warning',
|
|
|
|
- duration: 1000
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- var index = this.filterProductAttrList.indexOf(productAttributeId)
|
|
|
|
- if (index !== -1) {
|
|
|
|
- this.filterProductAttrList.splice(index, 1)
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- handleAddFilterAttr() {
|
|
|
|
- if (this.filterProductAttrList.length === 3) {
|
|
|
|
- this.$message({
|
|
|
|
- message: '最多添加三个',
|
|
|
|
- type: 'warning',
|
|
|
|
- duration: 1000
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- this.filterProductAttrList.push({
|
|
|
|
- value: null,
|
|
|
|
- key: Date.now()
|
|
|
|
- })
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|