Skip to content

M
manage
Commit ec845b65 by wangyalan-git
Options

库存管理，供应商管理，用户管理

parent 5fef1d4b
Showing with 1694 additions and 9276 deletions
index.html
......@@ -245,7 +245,7 @@
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
<div class="load_title">
正在加载 权星 请耐心等待
正在加载 万科物资管理平台 请耐心等待
</div>
</div>
</div>
......
src/router/index.js
......@@ -35,6 +35,43 @@ export const constantRouterMap = [
}]
export const asyncRouterMap = [
// 库存模块
{
path: '/inv',
component: Layout,
redirect: '/inv/stockAdmin',
name: 'inv',
meta: { title: '库存管理', icon: 'sms-subject' },
children: [{
path: 'stockAdmin',
name: 'stockAdmin',
component: () => import('@/views/inv/stockAdmin'),
meta: { title: '入库管理', icon: 'product-list' },
},
{
path: 'warehouseAdmin',
name: 'warehouseAdmin',
component: () => import('@/views/inv/warehouseAdmin'),
meta: { title: '出库管理', icon: 'product-list' },
},
{
path: 'storeList',
name: 'storeList',
component: () => import('@/views/inv/StoreList'),
meta: { title: '库存清单', icon: 'product-cate' }
},
{
path: 'goodsCategory',
name: 'goodsCategory',
component: () => import('@/views/inv/GoodsCateogory'),
meta: { title: '物品类别', icon: 'product-cate' }
},{
path: 'depotAdmin',
name: 'depotAdmin',
component: () => import('@/views/inv/DepotAdmin'),
meta: { title: '库房管理', icon: 'product-cate' }
}]
},
// 供应商模块
{
path: '/ssm',
......@@ -47,183 +84,49 @@ export const asyncRouterMap = [
name: 'supplierList',
component: () => import('@/views/ssm/SupplierList'),
meta: { title: '供应商列表', icon: 'product-list' },
},
{
path: 'supplierAudit',
name: 'supplierAudit',
component: () => import('@/views/ssm/SupplierAudit'),
meta: { title: '供应商审核', icon: 'product-list' },
}, {
path: 'supplier',
name: 'supplier',
component: () => import('@/views/ssm/Supplier'),
meta: { title: '供应商', icon: 'product-cate' },
hidden: true
}]
}]
},
// 分销商
// 报表管理
{
path: '/dis',
path: '/sta',
component: Layout,
redirect: '/dis/distributorList',
name: 'dis',
meta: { title: '分销商', icon: 'sms-subject' },
redirect: '/sta/inventoryChart',
name: 'sta',
meta: { title: '报表管理', icon: 'sms-subject' },
children: [{
path: 'distributorList',
name: 'distributorList',
component: () => import('@/views/dis/distributorList'),
meta: { title: '分销商列表', icon: 'product-list' },
path: 'inventoryChart',
name: 'inventoryChart',
component: () => import('@/views/sta/InventoryChart'),
meta: { title: '库存情况', icon: 'product-list' },
},
{
path: 'addDistributor',
name: 'addDistributor',
component: () => import('@/views/dis/modules/AddDistributor'),
meta: { title: '添加分销商', icon: 'product-add' },
hidden: true
}, {
path: 'distributorDetail',
name: 'distributorDetail',
component: () => import('@/views/dis/DistributorDetail'),
meta: { title: '查看分销商', icon: 'product-cate' },
hidden: true
{
path: 'recipients',
name: 'recipients',
component: () => import('@/views/sta/Recipients'),
meta: { title: '领用情况', icon: 'product-list' },
}]
},
// 管理员
{
path: '/adm',
path: '/use',
component: Layout,
redirect: '/adm/adminList',
name: 'adm',
meta: { title: '管理员', icon: 'product-list' },
redirect: '/use/adminList',
name: 'use',
meta: { title: '用户管理', icon: 'product-list' },
children: [{
path: 'adminList',
name: 'adminList',
component: () => import('@/views/adm/AdminList'),
component: () => import('@/views/use/AdminList'),
meta: { title: '管理员列表', icon: 'product-list' },
},
{
path: 'addAdmin',
name: 'addAdmin',
component: () => import('@/views/adm/modules/AddAdmin'),
meta: { title: '添加管理员', icon: 'product-add' },
hidden: true
}, {
path: 'adminDetail',
name: 'adminDetail',
component: () => import('@/views/adm/AdminDetail'),
meta: { title: '查看管理员', icon: 'product-cate' },
hidden: true
}]
},
// 商品模块
{
path: '/pms',
component: Layout,
redirect: '/pms/product',
name: 'pms',
meta: { title: '商品', icon: 'product' },
children: [{
path: 'product',
name: 'product',
component: () => import('@/views/pms/product/index'),
meta: { title: '在售商品', icon: 'product-list' }
},
{
path: 'productAudit',
name: 'productAudit',
component: () => import('@/views/pms/productAudit/index'),
meta: { title: '待审核仓库', icon: 'product-list' }
},
{
path: 'addProduct',
name: 'addProduct',
component: () => import('@/views/pms/product/add'),
meta: { title: '添加商品', icon: 'product-add' }
},
{
path: 'updateProduct',
name: 'updateProduct',
component: () => import('@/views/pms/product/update'),
meta: { title: '修改商品', icon: 'product-add' },
path: 'userList',
name: 'userList',
component: () => import('@/views/use/UserList'),
meta: { title: '用户列表', icon: 'product-cate' },
hidden: true
}]
},
// 分类模块
{
path: '/ppc',
component: Layout,
redirect: '/ppc/classifyList',
name: 'ppc',
meta: { title: '分类', icon: 'table' },
children: [{
path: 'attributeClassifyList',
name: 'attributeClassifyList',
component: () => import('@/views/ppc/AttributeClassifyList'),
meta: { title: '分类列表', icon: 'product-list' }
}, {
path: 'attributeTypeList',
name: 'attributeTypeList',
component: () => import('@/views/ppc/AttributeTypeList'),
meta: { title: '属性类型', icon: 'product-list' }
}, {
path: 'attributeGroupList',
name: 'attributeGroupList',
component: () => import('@/views/ppc/AttributeGroupList'),
meta: { title: '属性分组', icon: 'product-list' }
}
// }, {
// // path: 'attributeList',
// // name: 'attributeList',
// // component: () => import('@/views/ppc/AttributeList'),
// // meta: { title: '属性管理', icon: 'product-list' }
// // }, {
// // path: 'classifyList',
// // name: 'classifyList',
// // component: () => import('@/views/ppc/ClassifyList'),
// // meta: { title: '分类设定', icon: 'product-cate' },
// // hidden: true
// // }, {
// // path: 'classifyAttributeList',
// // name: 'classifyAttributeList',
// // component: () => import('@/views/ppc/ClassifyAttributeList'),
// // meta: { title: '分类属性', icon: 'product-cate' },
// // hidden: true
// //
// // }, {
// // path: 'ownClassifyList',
// // name: 'ownClassifyList',
// // component: () => import('@/views/ppc/OwnClassifyList'),
// // meta: { title: '自有分类', icon: 'tree' },
// // hidden: true
// //
// // }, {
// // path: 'brand',
// // name: 'brand',
// // component: () => import('@/views/pms/brand/index'),
// // meta: { title: '品牌管理', icon: 'product-brand' },
// // hidden: true
// //
// // }, {
// // path: 'addBrand',
// // name: 'addBrand',
// // component: () => import('@/views/pms/brand/add'),
// // meta: { title: '添加品牌' },
// // hidden: true
// // }, {
// // path: 'updateBrand',
// // name: 'updateBrand',
// // component: () => import('@/views/pms/brand/update'),
// // meta: { title: '编辑品牌' },
// // hidden: true
// // }, {
// // path: 'brandView',
// // name: 'brandView',
// // component: () => import('@/views/pms/brand/components/BrandView'),
// // meta: { title: '查看品牌' },
// // hidden: true
// // }
]
},
// 设置模块
// {
// path: '/psm',
......
src/views/adm/AdminDetail.vue deleted 100644 → 0
<template>
<el-card class="container">
<!-- 入驻资质 -->
<div>
<el-form class="section"
:model="settled"
ref="settledForm"
v-loading="loading"
label-width="200px">
<!-- 入驻联系人信息 -->
<el-alert title="管理员信息"
type="info"
:closable="false">
</el-alert>
<el-form-item label="管理员名称："
prop="name">
<el-input placeholder="请输入管理员名称"
size="small"
auto-complete="new-password"
v-model="settled.name"
:disabled="true"></el-input>
</el-form-item>
<!-- <el-form-item label="品牌名称："-->
<!-- prop="brandName">-->
<!-- <el-input placeholder="请输入品牌名称"-->
<!-- size="small"-->
<!-- auto-complete="new-password"-->
<!-- v-model="settled.brandName"-->
<!-- :disabled="true"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="公司名称："-->
<!-- prop="companyName">-->
<!-- <el-input placeholder="请输入公司名称"-->
<!-- size="small"-->
<!-- auto-complete="new-password"-->
<!-- v-model="settled.companyName"-->
<!-- :disabled="true"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="联系人手机："
prop="phone">
<el-input placeholder="请输入联系人手机"
size="small"
maxlength="11"
auto-complete="new-password"
v-model="settled.phone"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="联系人邮箱："
prop="email">
<el-input placeholder="请输入联系人邮箱"
size="small"
auto-complete="new-password"
v-model="settled.email"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="说明："
prop="personalizedSignature">
<el-input size="small"
type="textarea"
class="input-width"
v-model="settled.personalizedSignature"
:disabled="true"></el-input>
</el-form-item>
<!-- <div class="image-row">-->
<!-- &lt;!&ndash; 经营许可证 &ndash;&gt;-->
<!-- <el-form-item label="经营许可证：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.businessLicense"-->
<!-- :src="settled.businessLicense"-->
<!-- :preview-src-list="[settled.businessLicense]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="营业执照：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.business"-->
<!-- :src="settled.business"-->
<!-- :preview-src-list="[settled.business]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="注册商标：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.trademark"-->
<!-- :src="settled.trademark"-->
<!-- :preview-src-list="[settled.trademark]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="补充材料：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.otherMaterials"-->
<!-- :src="settled.otherMaterials"-->
<!-- :preview-src-list="[settled.otherMaterials]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- </div>-->
<el-alert v-if="audit"
title="管理员审核操作 "
type="info"
:closable="false">
</el-alert>
<el-form-item v-if="audit" label="审核意见：">
<el-radio-group v-model="settled.status">
<el-radio :label="1">通过</el-radio>
<el-radio :label="2">不通过</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="audit" label="审核备注：">
<el-input size="small"
type="textarea"
:rows="5"
v-model="settled.remarks"
placeholder="1000字以内"
maxlength="1000"
show-word-limit></el-input>
</el-form-item>
</el-form>
<!-- 操作 -->
<div class="operation">
<el-button v-if="audit"
type="primary"
size="medium"
@click="passClick">确认
</el-button>
<el-button size="medium"
type="success"
@click="$router.back()">返回
</el-button>
</div>
</div>
<!-- end -->
</el-card>
</template>
<script>
import { policy } from '@/api/oss'
import { getAuditDetail,getSupplierDetail, mchtaudit } from '@/api/audit'
import { Message, MessageBox } from 'element-ui'
// 添加管理员
export default {
name: 'AdminDetail',
components: {},
data() {
return {
audit: false,
loading: false,
settled: {},
authList: [],
dataObj: {
policy: '',
signature: '',
key: '',
ossaccessKeyId: '',
dir: '',
host: 'http://haihaigo.oss-cn-shenzhen.aliyuncs.com'
}
}
},
created() {
this.audit = this.$route.params.audit
if (!this.$route.params.id) {
this.$router.go(-1) //返回上个界面
} else {
if(this.$route.params.flag){
this.getSupplierDetail(this.$route.params.id)
}else {
this.getAuditDetail(this.$route.params.id)
}
}
},
methods: {
// 上传图片前获取签名信息 从后台获取oss秘钥匙
beforeUpload(file) {
let _self = this
return new Promise((resolve, reject) => {
policy().then(response => {
_self.dataObj.policy = response.data.policy
_self.dataObj.signature = response.data.signature
_self.dataObj.ossaccessKeyId = response.data.accessKeyId
_self.dataObj.key = response.data.dir + '/${filename}'
_self.dataObj.dir = response.data.dir
_self.dataObj.host = response.data.host
resolve(true)
}).catch(err => {
reject(false)
})
})
},
// 身份证正面图
handleUploadFrontSuccess(res, file) {
this.settled.idCard1 = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
},
// 身份证背面图
handleUploadBackSuccess(res, file) {
this.settled.idCard2 = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
},
// 上传资质图
uploadAuth(index) {
this.authIndex = index
},
// 上传电子版资质成功
handleUploadSuccess(res, file) {
let imgUrl = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
let item = this.authList[this.authIndex]
item.pic = imgUrl
this.authList[this.authIndex] = Object.assign({}, item)
this.$set(this.authList, this.authIndex, item)
},
passClick() {
if (!this.settled.status) {
Message({
message: '请选择审核意见',
type: 'error',
duration: 3 * 1000
})
return
}
if (!this.settled.remarks) {
Message({
message: '请填写审核备注内容',
type: 'error',
duration: 3 * 1000
})
return
}
this.mchtaudit()
},
//时间戳转化时间
dateFormat: function (date) {
if (date == undefined) {
return ''
}
return this.moment(date).format('YYYY-MM-DD HH:mm:ss')
},
//获取已审核管理员资质详情
getSupplierDetail(appiyId) {
this.loading = true
let params = { id: appiyId }
//请求数据
getSupplierDetail(params).then(response => {
this.loading = false
this.settled = response.data
}).catch(err => {
this.loading = false
})
},
//获取待审核管理员资质详情
getAuditDetail(appiyId) {
this.loading = true
let params = { id: appiyId }
//请求数据
getAuditDetail(params).then(response => {
this.loading = false
this.settled = response.data
}).catch(err => {
this.loading = false
})
},
//审核
mchtaudit() {
// 提交参数
let params = {
id: this.settled.id,
status: this.settled.status,
remarks: this.settled.remarks,//审核备注 ,
}
//请求数据
mchtaudit(params).then(response => {
Message({
message: (this.settled.status == 1) ? '审核通过' : '审核不通过',
type: (this.settled.status == 1) ? 'success' : 'error',
duration: 3 * 1000
})
this.$router.push('supplierList')
}).catch(err => {
this.loading = false
})
}
}
}
</script>
<style scoped>
.container {
padding: 0 8vw;
}
.el-steps {
margin-bottom: 5px;
}
.section {
margin-top: 18px;
}
.section .el-form-item {
margin-bottom: 18px;
}
.section.el-form .el-alert {
margin-bottom: 18px;
}
.section .el-input,
.section .el-textarea,
.section .el-select,
.section .el-cascader {
width: calc(100% - 200px);
min-width: 200px;
}
.image-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.image-row .el-image {
width: 240px;
height: 160px;
background-color: whitesmoke;
}
.image-row .default-image {
text-align: center;
width: 240px;
line-height: 160px;
color: #aaaaaa;
font-size: 16px;
background-color: whitesmoke;
}
.el-table .el-image {
width: 100px;
background-color: whitesmoke;
}
.el-table .el-date-editor {
min-width: 150px;
}
.operation {
padding-top: 10px;
text-align: center;
}
</style>
<style>
.section .bg-gray th {
line-height: 1.15;
background-color: whitesmoke;
}
.section .el-form-item__content .el-textarea .el-input__count {
line-height: 1.15;
}
</style>
src/views/dis/DistributorDetail.vue deleted 100644 → 0
<template>
<el-card class="container">
<!-- 入驻资质 -->
<div>
<el-form class="section"
:model="settled"
ref="settledForm"
v-loading="loading"
label-width="200px">
<!-- 入驻联系人信息 -->
<el-alert title="分销商信息"
type="info"
:closable="false">
</el-alert>
<el-form-item label="分销商名称："
prop="name">
<el-input placeholder="请输入分销商名称"
size="small"
auto-complete="new-password"
v-model="settled.name"
:disabled="true"></el-input>
</el-form-item>
<!-- <el-form-item label="品牌名称："-->
<!-- prop="brandName">-->
<!-- <el-input placeholder="请输入品牌名称"-->
<!-- size="small"-->
<!-- auto-complete="new-password"-->
<!-- v-model="settled.brandName"-->
<!-- :disabled="true"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="公司名称："-->
<!-- prop="companyName">-->
<!-- <el-input placeholder="请输入公司名称"-->
<!-- size="small"-->
<!-- auto-complete="new-password"-->
<!-- v-model="settled.companyName"-->
<!-- :disabled="true"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="联系人手机："
prop="phone">
<el-input placeholder="请输入联系人手机"
size="small"
maxlength="11"
auto-complete="new-password"
v-model="settled.phone"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="联系人邮箱："
prop="email">
<el-input placeholder="请输入联系人邮箱"
size="small"
auto-complete="new-password"
v-model="settled.email"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="说明："
prop="personalizedSignature">
<el-input size="small"
type="textarea"
class="input-width"
v-model="settled.personalizedSignature"
:disabled="true"></el-input>
</el-form-item>
<!-- <div class="image-row">-->
<!-- &lt;!&ndash; 经营许可证 &ndash;&gt;-->
<!-- <el-form-item label="经营许可证：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.businessLicense"-->
<!-- :src="settled.businessLicense"-->
<!-- :preview-src-list="[settled.businessLicense]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="营业执照：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.business"-->
<!-- :src="settled.business"-->
<!-- :preview-src-list="[settled.business]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="注册商标：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.trademark"-->
<!-- :src="settled.trademark"-->
<!-- :preview-src-list="[settled.trademark]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="补充材料：">-->
<!-- <el-upload :action="dataObj.host"-->
<!-- :data="dataObj"-->
<!-- :multiple="false"-->
<!-- :show-file-list="false"-->
<!-- :before-upload="beforeUpload"-->
<!-- :on-success="handleUploadFrontSuccess"-->
<!-- :disabled="true">-->
<!-- <el-image v-if="settled.otherMaterials"-->
<!-- :src="settled.otherMaterials"-->
<!-- :preview-src-list="[settled.otherMaterials]"-->
<!-- fit="contain"></el-image>-->
<!-- <div v-else-->
<!-- class="default-image">权星-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- </el-form-item>-->
<!-- </div>-->
<el-alert v-if="audit"
title="管理员审核操作 "
type="info"
:closable="false">
</el-alert>
<el-form-item v-if="audit" label="审核意见：">
<el-radio-group v-model="settled.status">
<el-radio :label="1">通过</el-radio>
<el-radio :label="2">不通过</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="audit" label="审核备注：">
<el-input size="small"
type="textarea"
:rows="5"
v-model="settled.remarks"
placeholder="1000字以内"
maxlength="1000"
show-word-limit></el-input>
</el-form-item>
</el-form>
<!-- 操作 -->
<div class="operation">
<el-button v-if="audit"
type="primary"
size="medium"
@click="passClick">确认
</el-button>
<el-button size="medium"
type="success"
@click="$router.back()">返回
</el-button>
</div>
</div>
<!-- end -->
</el-card>
</template>
<script>
import { policy } from '@/api/oss'
import { getAuditDetail,getSupplierDetail, mchtaudit } from '@/api/audit'
import { Message, MessageBox } from 'element-ui'
// 添加分销商
export default {
name: 'DistributorDetail',
components: {},
data() {
return {
audit: false,
loading: false,
settled: {},
authList: [],
dataObj: {
policy: '',
signature: '',
key: '',
ossaccessKeyId: '',
dir: '',
host: 'http://haihaigo.oss-cn-shenzhen.aliyuncs.com'
}
}
},
created() {
this.audit = this.$route.params.audit
if (!this.$route.params.id) {
this.$router.go(-1) //返回上个界面
} else {
if(this.$route.params.flag){
this.getSupplierDetail(this.$route.params.id)
}else {
this.getAuditDetail(this.$route.params.id)
}
}
},
methods: {
// 上传图片前获取签名信息 从后台获取oss秘钥匙
beforeUpload(file) {
let _self = this
return new Promise((resolve, reject) => {
policy().then(response => {
_self.dataObj.policy = response.data.policy
_self.dataObj.signature = response.data.signature
_self.dataObj.ossaccessKeyId = response.data.accessKeyId
_self.dataObj.key = response.data.dir + '/${filename}'
_self.dataObj.dir = response.data.dir
_self.dataObj.host = response.data.host
resolve(true)
}).catch(err => {
reject(false)
})
})
},
// 身份证正面图
handleUploadFrontSuccess(res, file) {
this.settled.idCard1 = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
},
// 身份证背面图
handleUploadBackSuccess(res, file) {
this.settled.idCard2 = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
},
// 上传资质图
uploadAuth(index) {
this.authIndex = index
},
// 上传电子版资质成功
handleUploadSuccess(res, file) {
let imgUrl = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
let item = this.authList[this.authIndex]
item.pic = imgUrl
this.authList[this.authIndex] = Object.assign({}, item)
this.$set(this.authList, this.authIndex, item)
},
passClick() {
if (!this.settled.status) {
Message({
message: '请选择审核意见',
type: 'error',
duration: 3 * 1000
})
return
}
if (!this.settled.remarks) {
Message({
message: '请填写审核备注内容',
type: 'error',
duration: 3 * 1000
})
return
}
this.mchtaudit()
},
//时间戳转化时间
dateFormat: function (date) {
if (date == undefined) {
return ''
}
return this.moment(date).format('YYYY-MM-DD HH:mm:ss')
},
//获取已审核分销商资质详情
getSupplierDetail(appiyId) {
this.loading = true
let params = { id: appiyId }
//请求数据
getSupplierDetail(params).then(response => {
this.loading = false
this.settled = response.data
}).catch(err => {
this.loading = false
})
},
//获取待审核分销商资质详情
getAuditDetail(appiyId) {
this.loading = true
let params = { id: appiyId }
//请求数据
getAuditDetail(params).then(response => {
this.loading = false
this.settled = response.data
}).catch(err => {
this.loading = false
})
},
//审核
mchtaudit() {
// 提交参数
let params = {
id: this.settled.id,
status: this.settled.status,
remarks: this.settled.remarks,//审核备注 ,
}
//请求数据
mchtaudit(params).then(response => {
Message({
message: (this.settled.status == 1) ? '审核通过' : '审核不通过',
type: (this.settled.status == 1) ? 'success' : 'error',
duration: 3 * 1000
})
this.$router.push('supplierList')
}).catch(err => {
this.loading = false
})
}
}
}
</script>
<style scoped>
.container {
padding: 0 8vw;
}
.el-steps {
margin-bottom: 5px;
}
.section {
margin-top: 18px;
}
.section .el-form-item {
margin-bottom: 18px;
}
.section.el-form .el-alert {
margin-bottom: 18px;
}
.section .el-input,
.section .el-textarea,
.section .el-select,
.section .el-cascader {
width: calc(100% - 200px);
min-width: 200px;
}
.image-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.image-row .el-image {
width: 240px;
height: 160px;
background-color: whitesmoke;
}
.image-row .default-image {
text-align: center;
width: 240px;
line-height: 160px;
color: #aaaaaa;
font-size: 16px;
background-color: whitesmoke;
}
.el-table .el-image {
width: 100px;
background-color: whitesmoke;
}
.el-table .el-date-editor {
min-width: 150px;
}
.operation {
padding-top: 10px;
text-align: center;
}
</style>
<style>
.section .bg-gray th {
line-height: 1.15;
background-color: whitesmoke;
}
.section .el-form-item__content .el-textarea .el-input__count {
line-height: 1.15;
}
</style>
src/views/dis/modules/AddDistributor.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="720px">
<!-- start -->
<el-form :model="model"
ref="myForm"
v-loading="loading"
label-width="200px">
<div class="scroll-container"
ref="scrollContainer">
<el-form-item label="分销商名称："
:rules="[{required: true, trigger: 'blur', message: '分销商名称不能为空'}]"
prop="name">
<el-input size="small"
class="input-width"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="分销商账号："
:rules="[{required: true, trigger: 'blur', message: '分销商账号不能为空'}]"
prop="username">
<el-input size="small"
class="input-width"
v-model="model.username"></el-input>
</el-form-item>
<el-form-item label="手机号："
:rules="[ {
required: true,
validator: validatePhone,
trigger: 'blur'
}]"
prop="phone">
<el-input size="small"
class="input-width"
v-model="model.phone"></el-input>
</el-form-item>
<el-form-item
v-if="!this.id"
label="密码："
prop="password"
:rules="[{ required: true, trigger: 'blur', message: '密码不能为空' }]">
<el-input size="small"
class="input-width"
v-model="model.password"
show-password
auto-complete="new-password"></el-input>
</el-form-item>
<el-form-item label="邮箱："
:rules="[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]"
prop="email">
<el-input size="small"
class="input-width"
v-model="model.email"></el-input>
</el-form-item>
<el-form-item label="说明："
prop="personalizedSignature">
<el-input size="small"
type="textarea"
class="input-width"
v-model="model.personalizedSignature"></el-input>
</el-form-item>
<!-- <el-form-item label="结算方式："-->
<!-- prop="payType">-->
<!-- <el-select size="small"-->
<!-- class="input-width"-->
<!-- v-model="model.payType">-->
<!-- <el-option-->
<!-- v-for="item in payOptions"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="结算周期："-->
<!-- prop="cycleType">-->
<!-- <el-select size="small"-->
<!-- class="input-width"-->
<!-- v-model="model.cycleType">-->
<!-- <el-option-->
<!-- v-for="item in cycleOptions"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</div>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认
</el-button>
<el-button @click="close">取消</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { addMember, getSupplierDetail,updateMcht } from '@/api/audit'
// 添加编辑属性
export default {
name: 'AddDistributor',
data () {
const validatePhone = (rule, value, callback) => {
if (value === '') {
callback(new Error('请填写手机号码'))
} else {
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(value))) {
callback(new Error('手机号码格式有误'))
} else {
callback()
}
}
}
return {
visible: false,
title: null,
loading: false,
id: null,
model: {},
validatePhone: validatePhone,
cycleOptions: [{ value: 1, label: '7天' }, { value: 2, label: '15天' }, { value: 3, label: '30天' }],
payOptions: [{ value: 1, label: '指定账期1' }, { value: 2, label: '指定账期2' }, { value: 3, label: '指定账期3' }]
}
},
methods: {
init () {
this.model = {
phone: null,
username: null,
name: null,
password:null,
accouuntType: 2,
personalizedSignature: null,
email: null
}
this.$nextTick(() => {
this.$refs.myForm.clearValidate()
this.$refs.scrollContainer.scrollTop = 0
})
},
add () {
this.id = null
this.init()
this.visible = true
this.title = '添加分销商'
},
detail (id) {
this.id = id
this.init()
this.visible = true
this.title = '编辑分销商'
this.loading = true
getSupplierDetail({ id: id }).then(res => {
this.model = res.data
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
// 提交保存
submit () {
this.$refs.myForm.validate((valid) => {
if (valid) {
// 验证通过
if (this.id) {
// 修改属性
this.loading = true
updateMcht(this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
} else {
// 添加属性
this.loading = true
addMember(this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
}
}
})
},
close () {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.input-width {
width: 300px;
}
.tip {
color: #999;
font-size: 12px;
}
</style>
src/views/inv/DepotAdmin.vue 0 → 100644
<template> 
<div class="app-container">
<!-- 表格栏 -->
<el-card class="filter-container mt15"
shadow="never">
<el-row type="flex" class="btn-groups">
<el-button type="primary" @click="handleAdd">新增</el-button>
</el-row>
<div class="table-container">
<el-table :data="list"
v-loading="listLoading"
@selection-change="handleSelectionChange"
border>
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="库房名称"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="管理员"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="创建时间"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="操作"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="primary"
@click="editDetail(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
</el-card>
<!-- 弹窗-->
<add-depot ref="addCategory" @ok="getList"></add-depot>
</div>
</template>
<script>
import moment from 'moment'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
import AddDepot from './modules/addDepot'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: '',
status: ''
}
export default {
name: 'DepotAdmin',
components: {AddDepot},
data() {
return {
statusOptions: [{
label: '启用',
value: 1
},
{
label: '禁用',
value: 0
}],
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
}
},
created() {
this.getList()
},
filters: {
formatTime(time) {
if (!time) {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery)
this.getList()
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
handleSelectionChange(vals) {
this.multipleSelection = vals
},
//请求数据
getList() {
this.listLoading = true
//请求数据
console.log('listQuery', this.listQuery)
getSupplier(this.listQuery).then(res => {
this.listLoading = false
this.list = res.data.list
this.total = res.data.total
}).catch(err => {
this.listLoading = false
})
},
handleAdd(){
this.$refs.addCategory.init()
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
.btn-groups button{
width: 100px;
}
</style>
src/views/inv/GoodsCateogory.vue 0 → 100644
<template> 
<div class="app-container">
<!-- 表格栏 -->
<el-card class="filter-container mt15"
shadow="never">
<el-row type="flex" class="btn-groups">
<el-button type="primary" @click="handleAdd">新增</el-button>
</el-row>
<div class="table-container">
<el-table :data="list"
v-loading="listLoading"
@selection-change="handleSelectionChange"
border>
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="物品类别"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="创建时间"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="操作"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="primary"
@click="editDetail(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
</el-card>
<!-- 弹窗-->
<add-category ref="addCategory" @ok="getList"></add-category>
</div>
</template>
<script>
import moment from 'moment'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
import AddCategory from './modules/addCategory'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: '',
status: ''
}
export default {
name: 'goodsCategory',
components: {AddCategory},
data() {
return {
statusOptions: [{
label: '启用',
value: 1
},
{
label: '禁用',
value: 0
}],
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
}
},
created() {
this.getList()
},
filters: {
formatTime(time) {
if (!time) {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery)
this.getList()
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
handleSelectionChange(vals) {
this.multipleSelection = vals
},
//请求数据
getList() {
this.listLoading = true
//请求数据
console.log('listQuery', this.listQuery)
getSupplier(this.listQuery).then(res => {
this.listLoading = false
this.list = res.data.list
this.total = res.data.total
}).catch(err => {
this.listLoading = false
})
},
handleAdd(){
this.$refs.addCategory.init()
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
.btn-groups button{
width: 100px;
}
</style>
src/views/ssm/SupplierAudit.vue → src/views/inv/StockAdmin.vue
......@@ -6,20 +6,10 @@
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="供应商名称："
prop="name">
<el-input placeholder="请输入供应商名称"
size="small"
auto-complete="new-password"
v-model="listQuery.name"></el-input>
</el-form-item>
<el-form-item label="手机号码："
prop="phone">
<el-input placeholder="请输入手机号码"
size="small"
maxlength="11"
auto-complete="new-password"
v-model="listQuery.phone"></el-input>
<el-form-item label="物品名称：">
<el-input v-model="listQuery.name"
class="input-width"
placeholder="请输入物品名称"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary"
......@@ -43,45 +33,37 @@
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="编号"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="供应商名称"
<el-table-column label="物品名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="营业执照"
<el-table-column label="总数量"
align="center">
<template slot-scope="scope">
<el-image style="width: 80px;"
:src="scope.row.business"
:preview-src-list="[scope.row.business]"
fit="contain"></el-image>
</template>
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="手机号"
<el-table-column label="入库人"
align="center">
<template slot-scope="scope">{{scope.row.phone}}</template>
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="申请时间"
<el-table-column label="入库日期"
align="center">
<template slot-scope="scope">{{scope.row.createtime | formatTime}}</template>
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="账号状态"
<el-table-column label="所属库房"
align="center">
<template slot-scope="scope">{{scope.row.status | formatStatus}}</template>
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="操作"
width="220"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
@click="lookDetail(scope.row)">查看详情</el-button>
<el-button size="mini"
type="warning"
@click="handleAudio(scope.row)">审核</el-button>
type="primary"
@click="editDetail(scope.row.id)">生成入库单</el-button>
</template>
</el-table-column>
</el-table>
......@@ -92,38 +74,43 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.page"
:page-size="listQuery.size"
:page-sizes="[2,10,30,50]"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
</el-card>
<!-- end -->
<!-- 弹窗 -->
<inventory-details-modal ref="detail"
@ok="getList"></inventory-details-modal>
<!-- end -->
</div>
</template>
<script>
import moment from 'moment'
import { getSupAuditList, getAuditDetail, setAccount } from '@/api/audit'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
import inventoryDetailsModal from './modules/inventoryDetailsModal'
// 列表查询参数默认值
const defaultListQuery = {
page: 1,
size: 2,
status: 0,
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: ''
phone: '',
status: ''
}
export default {
name: 'SupplierAudit',
components: {},
name: 'StockAdmin',
components: {inventoryDetailsModal},
data() {
return {
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
exportLoading: false,
multipleSelection: [],
}
},
......@@ -136,15 +123,6 @@ export default {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
},
formatStatus(audit) {
if (audit == 1) {
return '审核通过'
} else if (audit == 2) {
return '审核不通过'
} else {
return '待审核'
}
}
},
methods: {
......@@ -153,16 +131,16 @@ export default {
this.getList()
},
handleSearchList() {
this.listQuery.page = 1
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.page = 1
this.listQuery.size = val
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.page = val
this.listQuery.pageNum = val
this.getList()
},
handleSelectionChange(vals) {
......@@ -172,7 +150,8 @@ export default {
getList() {
this.listLoading = true
//请求数据
getSupAuditList(this.listQuery).then(res => {
console.log('listQuery',this.listQuery)
getSupplier(this.listQuery).then(res => {
this.listLoading = false
this.list = res.data.list
this.total = res.data.total
......@@ -180,41 +159,25 @@ export default {
this.listLoading = false
})
},
handleAudio(row) {
// 入驻审核
row.audit = true
this.$router.push({ name: 'supplier', params: row })
},
// 查看
lookDetail(row) {
// 查看入驻信息
row.audit = false
this.$router.push({ name: 'supplier', params: row })
},
this.$refs.detail.init()
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.el-row {
margin-bottom: 20px;
}
.mt15 {
margin-top: 15px;
}
.el-input {
width: 200px;
}
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
.input-width {
width: 180px;
}
</style>
src/views/inv/StoreList.vue 0 → 100644
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="物品名称：">
<el-input v-model="listQuery.name"
class="input-width"
placeholder="请输入物品名称"></el-input>
</el-form-item>
<el-form-item label="物品类别：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择物品类别">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="供应商：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择供应商">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<!-- 超级管理员可见-->
<el-form-item label="库房：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择库房">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
icon="el-icon-search"
size="small">搜索
</el-button>
<el-button @click="handleResetSearch"
icon="el-icon-refresh"
size="small">重置
</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格栏 -->
<el-card class="filter-container mt15"
shadow="never">
<el-row type="flex" class="btn-groups" justify="end">
<el-button type="primary" @click="handleAdd">新增</el-button>
<el-button type="success" @click="handleAdd">扫码入库</el-button>
<el-button type="info" @click="handleAdd">扫码出库</el-button>
<el-button type="warning" @click="handleAdd">导入</el-button>
</el-row>
<div class="table-container">
<el-table :data="list"
v-loading="listLoading"
@selection-change="handleSelectionChange"
border>
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="物品名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="型号"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="物品类别"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="数量"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="价格"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="供应商"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="所属库房"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
</el-card>
<!-- 弹窗-->
<add-goods ref="addGoods" @ok="getList"></add-goods>
</div>
</template>
<script>
import moment from 'moment'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
import AddGoods from './modules/addGoodsModal'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: '',
status: ''
}
export default {
name: 'StoreList',
components: {AddGoods},
data() {
return {
statusOptions: [{
label: '启用',
value: 1
},
{
label: '禁用',
value: 0
}],
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
}
},
created() {
this.getList()
},
filters: {
formatTime(time) {
if (!time) {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery)
this.getList()
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
handleSelectionChange(vals) {
this.multipleSelection = vals
},
//请求数据
getList() {
this.listLoading = true
//请求数据
console.log('listQuery', this.listQuery)
getSupplier(this.listQuery).then(res => {
this.listLoading = false
this.list = res.data.list
this.total = res.data.total
}).catch(err => {
this.listLoading = false
})
},
handleAdd(){
this.$refs.addGoods.add()
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
.btn-groups button{
width: 100px;
}
</style>
src/views/inv/WarehouseAdmin.vue 0 → 100644
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="物品名称：">
<el-input v-model="listQuery.name"
class="input-width"
placeholder="请输入物品名称"></el-input>
</el-form-item>
<el-form-item label="物品类别：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择物品类别">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="部门：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择部门">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<!-- 超级管理员可见-->
<el-form-item label="库房：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择库房">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
icon="el-icon-search"
size="small">搜索</el-button>
<el-button @click="handleResetSearch"
icon="el-icon-refresh"
size="small">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格栏 -->
<el-card class="filter-container mt15"
shadow="never">
<div class="table-container">
<el-table :data="list"
v-loading="listLoading"
@selection-change="handleSelectionChange"
border>
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="物品名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="型号"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="物品类别"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="数量"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="申领人"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="所属部门"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="所属库房"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="出库日期"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
</el-card>
</div>
</template>
<script>
import moment from 'moment'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: '',
status: ''
}
export default {
name: 'WarehouseAdmin',
components: {},
data() {
return {
statusOptions: [ {
label: '启用',
value: 1
},
{
label: '禁用',
value: 0
}],
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
}
},
created() {
this.getList()
},
filters: {
formatTime(time) {
if (!time) {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery)
this.getList()
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
handleSelectionChange(vals) {
this.multipleSelection = vals
},
//请求数据
getList() {
this.listLoading = true
//请求数据
console.log('listQuery',this.listQuery)
getSupplier(this.listQuery).then(res => {
this.listLoading = false
this.list = res.data.list
this.total = res.data.total
}).catch(err => {
this.listLoading = false
})
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
</style>
src/views/ppc/modules/AttributeChangeModal.vue → src/views/inv/modules/addCategory.vue
......@@ -8,42 +8,14 @@
ref="attributeForm"
v-loading="loading"
label-width="150px">
<el-form-item label="属性名称："
:rules="[{required: true, trigger: 'blur', message: '属性名称不能为空'}]"
<el-form-item label="物品类别："
:rules="[{required: true, trigger: 'blur', message: '请输入物品类别名称'}]"
prop="name">
<el-input size="small"
class="input-width"
disabled
placeholder="请输入属性名称"
placeholder="请输入物品类别名称"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="属性类型："
:rules="[{required: true, trigger: 'blur', message: '属性类型不能为空'}]"
prop="attributeTypeId">
<el-select size="small"
class="input-width"
placeholder="请选择属性类型"
@change="changeAttributeType"
v-model="model.attributeTypeId">
<el-option v-for="item in typeOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="属性分组："
:rules="[{required: true, trigger: 'blur', message: '属性分组不能为空'}]"
prop="attributeGroupId">
<el-select size="small"
class="input-width"
placeholder="请选择属性分组"
v-model="model.attributeGroupId">
<el-option v-for="item in groupOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
......@@ -60,7 +32,7 @@ import { fetchAttributeGroupList } from '@/api/attributeGroup'
// 移动属性
export default {
name: 'AttributeChangeModal',
name: 'addCategory',
data () {
return {
visible: false,
......@@ -77,39 +49,15 @@ export default {
},
methods: {
init () {
this.title="新增物品类别"
this.model = {
attributeTypeId: null,
attributeGroupId: null
}
this.visible= true
this.$nextTick(() => {
this.$refs.attributeForm.clearValidate()
})
this.getTypeList()
this.getGroupList()
},
getTypeList () {
fetchAttributeTypeList({
pageSize: 100,
pageNum: 1,
attributeCategoryId: 0
}).then(res => {
this.typeOptions = res.data.list
})
},
getGroupList () {
fetchAttributeGroupList({
pageSize: 100,
pageNum: 1,
cid: this.model.attributeTypeId
}).then(res => {
this.groupOptions = res.data.list
})
},
changeAttributeType () {
this.groupOptions = []
this.model.attributeGroupId = null
this.model = Object.assign({}, this.model)
this.getGroupList()
},
detail (id) {
this.id = id
......@@ -153,7 +101,7 @@ export default {
}
</script>
<style scoped>
.input-width {
width: 200px;
}
</style>
\ No newline at end of file
.input-width {
width: 200px;
}
</style>
src/views/pms/components/AuditProduct.vue → src/views/inv/modules/addDepot.vue
......@@ -2,92 +2,90 @@
<el-dialog :visible.sync="visible"
:title="title"
center
width="620px">
width="500px">
<!-- start -->
<el-form :model="model"
ref="myForm"
ref="attributeForm"
v-loading="loading"
label-width="100px">
<div class="scroll-container"
ref="scrollContainer">
<el-form-item label="审核意见："
prop="status"
:rules="[{ required: true, trigger: 'change', message: '审核意见不能为空' }]">
<el-radio-group v-model="model.status">
<el-radio :label="1">通过</el-radio>
<el-radio :label="2">不通过</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核备注：" prop="remarks"
:rules="[{ required: true, trigger: 'change', message: '审核备注不能为空' }]">
<el-input size="small"
type="textarea"
:rows="5"
v-model="model.remarks"
placeholder="1000字以内"
maxlength="1000"
show-word-limit></el-input>
</el-form-item>
</div>
label-width="150px">
<el-form-item label="库房名称："
:rules="[{required: true, trigger: 'blur', message: '请输入库房名称'}]"
prop="name">
<el-input size="small"
class="input-width"
placeholder="请输入库房名称"
v-model="model.name"></el-input>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认
</el-button>
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { updateProduct } from '@/api/product'
import { getAttribute, changeAttribute } from '@/api/attribute'
import { fetchAttributeTypeList } from '@/api/attributeType'
import { fetchAttributeGroupList } from '@/api/attributeGroup'
// 添加编辑属性
// 移动属性
export default {
name: 'AuditProduct',
data() {
name: 'addDepot',
data () {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {},
model: {
attributeTypeId: null,
attributeGroupId: null
},
typeOptions: [],
groupOptions: []
}
},
methods: {
init() {
init () {
this.title="新增库房"
this.model = {
status: null,
remarks: null
attributeTypeId: null,
attributeGroupId: null
}
this.visible= true
this.$nextTick(() => {
this.$refs.myForm.clearValidate()
this.$refs.scrollContainer.scrollTop = 0
this.$refs.attributeForm.clearValidate()
})
},
add(id) {
detail (id) {
this.id = id
this.init()
this.visible = true
this.title = '审核'
this.title = '移动属性'
this.loading = true
getAttribute(id).then(res => {
this.model = res.data
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
// 提交保存
submit() {
this.$refs.myForm.validate((valid) => {
submit () {
this.$refs.attributeForm.validate((valid) => {
if (valid) {
// 验证通过
this.loading = true
let params = {
pmsProduct: {
id: this.id,
verifyStatus: this.model.status,
remarks: this.model.remarks
}
id: this.id,
attributeTypeId: this.model.attributeTypeId,
attributeGroupId: this.model.attributeGroupId
}
updateProduct(params).then(res => {
changeAttribute(params).then(res => {
this.loading = false
this.visible = false
this.$message.success('审核成功')
this.$emit('ok')
}).catch(err => {
this.loading = false
......@@ -95,7 +93,7 @@ export default {
}
})
},
close() {
close () {
this.$emit('close')
this.visible = false
}
......@@ -103,18 +101,7 @@ export default {
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.input-width {
width: 300px;
}
.tip {
color: #999;
font-size: 12px;
width: 200px;
}
</style>
src/views/inv/modules/addGoodsModal.vue 0 → 100644
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="900px">
<!-- start -->
<el-row style="padding: 10px 0;text-align: left;">
<el-button type="primary" size="medium" @click="handleAdd">新增</el-button>
</el-row>
<div class="scroll-container"
ref="scrollContainer">
<el-table
:data="tableData"
style="width: 100%"
@row-dblclick="dbclick">
<el-table-column prop="name" label="物品名称">
<template slot-scope="scope">
<el-form :model="scope.row">
<el-form-item size="mini" >
<el-input v-if="scope.row.isOK" v-model="scope.row.name" class="input-width" placeholder="请输入物品名称"></el-input>
<span v-else>{{scope.row.name}}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column prop="name" label="型号">
<template slot-scope="scope">
<el-form :model="scope.row">
<el-form-item size="mini" >
<el-input v-if="scope.row.isOK" v-model="scope.row.model" class="input-width" placeholder="请输入型号"></el-input>
<span v-else>{{scope.row.model}}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column prop="name" label="物品类别">
<template slot-scope="scope">
<el-form :model="scope.row">
<el-form-item size="mini" >
<el-select v-if="scope.row.isOK" v-model="scope.row.cate"
class="input-width"
clearable
placeholder="请选择物品类型">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
<span v-else>{{scope.row.mcht}}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column prop="name" label="数量">
<template slot-scope="scope">
<el-form :model="scope.row">
<el-form-item size="mini" >
<el-input v-if="scope.row.isOK" v-model="scope.row.num" class="input-width" placeholder="请输入数量"></el-input>
<span v-else>{{scope.row.num}}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column prop="name" label="价格（元）">
<template slot-scope="scope">
<el-form :model="scope.row">
<el-form-item size="mini" >
<el-input v-if="scope.row.isOK" v-model="scope.row.price" class="input-width" placeholder="请输入价格"></el-input>
<span v-else>{{scope.row.price}}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column prop="name" label="供应商">
<template slot-scope="scope">
<el-form :model="scope.row">
<el-form-item size="mini" >
<el-select v-if="scope.row.isOK" v-model="scope.row.mcht"
class="input-width"
clearable
placeholder="请选择供应商">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
<span v-else>{{scope.row.mcht}}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column label="操作"
align="center">
<template slot-scope="scope">
<el-button type="danger" icon="el-icon-delete" circle></el-button>
</template>
</el-table-column>
</el-table>
</div>
<div slot="footer">
<el-button type="primary"
@click="close">确认
</el-button>
<el-button
@click="close">返回
</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { addMember, updateMcht } from '@/api/audit'
// 添加编辑属性
export default {
name: 'addGoodsModal',
data() {
return {
statusOptions: [{label: '物品',value: 1}],
visible: false,
title: null,
loading: false,
tableData: []
}
},
methods: {
init() {
this.$nextTick(() => {
this.$refs.scrollContainer.scrollTop = 0
})
},
add(){
this.visible = true
this.title="新增物品"
this.init()
},
close() {
this.visible = false
},
handleAdd(){
this.tableData.push({
name: '',
num: '',
cate: '',
model: '',
price: '',
mcht:'',
isOK: true
},)
},
dbclick(row, event, column){
console.log(row, event, column)
row.isOK =!row.isOK
}
}
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.input-width {
width: 100px;
}
</style>
src/views/inv/modules/inventoryDetailsModal.vue 0 → 100644
<template>
<el-dialog :visible.sync="visible"
title="物品详情"
center
width="720px">
<!-- start -->
<div class="scroll-container"
ref="scrollContainer">
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="date"
label="物品名称">
</el-table-column>
<el-table-column
prop="name"
label="型号">
</el-table-column>
<el-table-column
prop="address"
label="物品类别">
</el-table-column>
<el-table-column
prop="address"
label="数量">
</el-table-column>
<el-table-column
prop="address"
label="价格（元）">
</el-table-column>
<el-table-column
prop="address"
label="供应商">
</el-table-column>
</el-table>
</div>
<div slot="footer">
<el-button type="primary"
@click="close">返回
</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { addMember,updateMcht } from '@/api/audit'
// 添加编辑属性
export default {
name: 'inventoryDetailsModal',
data() {
return {
visible: false,
title: null,
loading: false,
tableData: new Array(10).fill({
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
})
// tableData: [{
// date: '2016-05-02',
// name: '王小虎',
// address: '上海市普陀区金沙江路 1518 弄'
// }, {
// date: '2016-05-04',
// name: '王小虎',
// address: '上海市普陀区金沙江路 1517 弄'
// }, {
// date: '2016-05-01',
// name: '王小虎',
// address: '上海市普陀区金沙江路 1519 弄'
// }, {
// date: '2016-05-03',
// name: '王小虎',
// address: '上海市普陀区金沙江路 1516 弄'
// }]
}
},
methods: {
init() {
this.visible = true
this.$nextTick(() => {
this.$refs.scrollContainer.scrollTop = 0
})
},
close() {
this.visible = false
}
}
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
</style>
src/views/inv/stockAdmin.vue deleted 100644 → 0
<template>
<div>
</div>
</template>
<script>
export default {
name: 'index',
components: {},
data() {
return {}
},
mounted() {
},
methods: {}
}
</script>
<style lang='scss' scoped>
</style>
src/views/pms/brand/add.vue deleted 100644 → 0
<template> 
<brand-detail :is-edit='false'></brand-detail>
</template>
<script>
import BrandDetail from './components/BrandDetail'
export default {
name: 'addBrand',
components: { BrandDetail }
}
</script>
<style>
</style>
src/views/pms/brand/components/BrandDetail.vue deleted 100644 → 0
<template>
<el-card class="form-container"
shadow="never">
<el-form :model="brand"
:rules="rules"
v-loading="loading"
ref="brandFrom"
label-width="120px">
<el-form-item label="品牌名称："
prop="name">
<el-input placeholder="品牌名称"
v-model="brand.name"></el-input>
<!-- <el-input placeholder="英文名称"
v-model="brand.name"></el-input>
<el-input placeholder="数字名称"
v-model="brand.name"></el-input> -->
<div class="remark">
<div>1. 纯中文/英文/数字品牌，填写其中相应的品牌名称即可；</div>
<div>2. 同时有中文和英文的品牌，需要分别填写相应的品牌名称；</div>
<div>3. 品牌名称严格采用该品牌官方描述名称，包括品牌中的中文描述、英文字符的大小写以及字符之间的符号（如两个单词间的空格有且仅有一个）；</div>
<div>4. 对于没有明确官方描述的英文名称，品牌采用每个单词首字母大写，单词的其他字母小写方式录入；</div>
<div>5. 英文品牌所有字符（含非字母字符）皆须是在英文半角状态下输入的字符，不能出现在中文状态下或全角字符状态下输入的字符，中文与英文品牌的分隔符“（”和“）”在中文状态下除外；</div>
<div>6. 同一品牌有且只有一个品牌名称，即官方发布的品牌；不能使用别称、简称；</div>
<div>7. 品牌应录入其全称，不得录入简称；</div>
<div>8. 对于没有明确品牌的商品（如生鲜食品类商品）品牌定为“其他”。</div>
</div>
</el-form-item>
<el-form-item label="品牌首字母：">
<el-input v-model="brand.firstLetter"></el-input>
<div class="remark">
<div>1. 品牌名称为中英文或中文时，为中文的第一个首字母；</div>
<div>2. 品牌名称为纯英文时，为英文第一个首字母；</div>
<div>3. 数字品牌 为第一个数字的拼音首字母。</div>
</div>
</el-form-item>
<el-form-item label="品牌LOGO："
prop="logo">
<single-upload v-model="brand.logo"></single-upload>
<div class="remark">
<div class="uploadRemark">图片不能超过50K，图片格式为jpg/png</div>
</div>
</el-form-item>
<el-form-item label="是否显示：">
<el-radio-group v-model="brand.showStatus">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
<div class="detailsShown">当品牌下还没有商品的时候，分类页的品牌区将不会显示该品牌。</div>
</el-form-item>
<el-form-item label="品牌描述：">
<el-input placeholder="请输入内容"
type="textarea"
v-model="brand.brandStory"></el-input>
</el-form-item>
<!-- 审核 -->
<div v-if="isEdit">
<el-divider></el-divider>
<el-form-item label="审核日志：">
<div v-for="item in logList"
:key="item.id">{{getShowStatus(item.auditStatus)}} / {{item.auditRemark || '备注无'}} / {{item.createDate}}</div>
<div v-if="!logList || logList.length == 0">暂无日志</div>
</el-form-item>
<el-form-item label="审核状态：">
<!-- 审核状态 0待审核 1审核通过 2 审核失败 3驳回 -->
<el-radio-group v-model="brand.auditStatus">
<el-radio v-for="item in statusOptions"
:key="item.value"
:label="item.value">{{item.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核备注：">
<el-input placeholder="请输入内容"
type="textarea"
v-model="brand.auditRemark"></el-input>
</el-form-item>
</div>
<el-form-item>
<el-button type="primary"
size="medium"
@click="onSubmit('brandFrom')">提交</el-button>
<el-button @click="cancel"
size="medium">取消</el-button>
</el-form-item>
</el-form>
</el-card>
</template>
<script>
import { createBrand, getBrand, updateBrand, auditLog } from '@/api/brand'
import SingleUpload from '@/components/Upload/singleUpload'
const defaultBrand = {
bigPic: '',
brandStory: '',
factoryStatus: 0,
firstLetter: '',
logo: '',
name: '',
showStatus: 0,
type: 2,
sort: 0
}
const defaultStatus = [
{
value: 0,
label: '待审核'
}, {
value: 1,
label: '审核通过'
}, {
value: 2,
label: '退回修改'
}, {
value: 3,
label: '驳回'
}
]
export default {
name: 'BrandDetail',
components: { SingleUpload },
props: {
isEdit: {
type: Boolean,
default: false
}
},
data() {
return {
loading: false,
brand: Object.assign({}, defaultBrand),
statusOptions: Object.assign([], defaultStatus),
logList: [],
rules: {
name: [
{ required: true, message: '请输入品牌名称', trigger: 'blur' },
{ min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur' }
],
logo: [
{ required: true, message: '请输入品牌logo', trigger: 'blur' }
],
sort: [
{ type: 'number', message: '排序必须为数字' }
],
}
}
},
created() {
if (this.isEdit) {
let brandId = this.$route.query.id
this.loading = true
getBrand(brandId).then(response => {
this.loading = false
this.brand = response.data
this.brand.type = 2
}).catch(err => {
this.loading = false
})
auditLog({ brandId: brandId, pageSize: 1000, pageNum: 1 }).then(res => {
this.logList = res.data.list
})
} else {
this.brand = Object.assign({}, defaultBrand)
}
},
methods: {
getShowStatus(status) {
let arr = this.statusOptions.filter(item => item.value == status)
return arr && arr.length > 0 ? arr[0].label : '状态无'
},
onSubmit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (this.isEdit) {
this.loading = true
updateBrand(this.$route.query.id, this.brand).then(response => {
this.loading = false
this.$refs[formName].resetFields();
this.$message({
message: '修改成功',
type: 'success',
duration: 1000
})
this.$router.back()
}).catch(err => {
this.loading = false
})
} else {
createBrand(this.brand).then(response => {
this.$refs[formName].resetFields();
this.brand = Object.assign({}, defaultBrand)
this.$message({
message: '提交成功',
type: 'success',
duration: 1000
})
})
}
}
})
},
cancel() {
this.$router.go(-1)
}
}
}
</script>
<style scoped>
.form-container {
width: 800px;
}
.el-form-item__content {
display: flex;
flex-direction: row;
align-items: center;
}
.remark {
display: flex;
flex-direction: column;
font-family: "微软雅黑";
font-size: 12px;
color: #999999;
margin-top: 10px;
}
.remark div {
line-height: 1.8;
}
.uploadRemark {
font-family: "微软雅黑";
font-size: 12px;
color: #999999;
}
.detailsShown {
font-family: "微软雅黑";
font-size: 12px;
color: #999999;
}
.el-textarea__inner {
height: 150px;
}
</style>
src/views/pms/brand/components/BrandView.vue deleted 100644 → 0
<template>
<div class="my-table">
<el-row class="title">
<el-col>品牌ID: {{brandData.id}}</el-col>
</el-row>
<el-row type="flex"
justify="space-between"
align="center"
class="align-center name">
<el-col :span="6"
:offset="6">中文名称</el-col>
<el-col :span="6">英文名称</el-col>
<el-col :span="6">数字名称</el-col>
</el-row>
<el-row type="flex"
justify="space-between"
align="center"
class="align-center">
<el-col :span="6">品牌名称</el-col>
<el-col :span="6">{{brandData.name}}</el-col>
<el-col :span="6">{{brandData.nameEn}}</el-col>
<el-col :span="6">{{brandData.nameNum}}</el-col>
</el-row>
<el-row type="flex"
justify="space-between"
align="center"
class="align-center">
<el-col>品牌首字母</el-col>
<el-col>品牌logo</el-col>
<el-col>品牌排序</el-col>
<el-col>是否显示</el-col>
<el-col>品牌描述</el-col>
</el-row>
<el-row type="flex"
justify="space-between"
align="center"
class="align-center">
<el-col class="flex">{{brandData.firstLetter}}</el-col>
<el-col class="flex">
<img style="width: 80px;"
:src="brandData.logo"
alt=""></el-col>
<el-col class="flex">{{brandData.sort}}</el-col>
<el-col class="flex">{{brandData | showStatus}}</el-col>
<el-col class="flex"
style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
:title="brandData.brandStory">
{{brandData.brandStory}}
</el-col>
</el-row>
<el-row class="title">
<el-col>统计信息</el-col>
</el-row>
<el-row type="flex"
align="center">
<el-col :span="4"
style="padding-left: 20px;">关联商品数</el-col>
<el-col :span="4"
v-if="brandData.productCount">{{brandData.productCount}}</el-col>
<el-col :span="4"
v-else>0</el-col>
<el-col :span="3"
v-if="brandData.productCount">
<router-link class="color-main"
:to="{path: '/pms/product', query: {brandId: brandData.id}}">查看商品列表</router-link>
</el-col>
</el-row>
</div>
</template>
<script>
import { viewBrand } from '@/api/brand'
export default {
name: 'BrandView',
data() {
return {
brandData: {}
}
},
created() {
this.viewBrand()
},
methods: {
viewBrand() {
viewBrand({ id: this.$route.query.id }).then(res => {
console.log('品牌信息', res.data)
this.brandData = res.data
})
}
},
filters: {
showStatus(value) {
if (value) {
return '否'
} else {
return '是'
}
}
}
}
</script>
<style lang="scss" scoped>
.my-table {
width: 1000px;
margin: 30px auto;
& > div {
line-height: 40px;
border: 1px solid #f5f5f5;
}
.title {
background: #f5f5f5;
padding-left: 20px;
}
}
.align-center {
text-align: center;
& > div {
border-right: 1px solid #f5f5f5;
}
}
.name {
border-top: 1px solid #ffffff !important;
background: #f5f5f5;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
</style>
src/views/pms/brand/index.vue deleted 100644 → 0
<template>
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="审核状态：">
<el-select size="small"
clearable
placeholder="请选择审核状态"
v-model="listQuery.auditStatus">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="供应商：">
<el-select size="small"
clearable
placeholder="请选择供应商"
v-model="listQuery.mchtId">
<el-option v-for="item in supplierOptions"
:key="item.id"
:label="item.enterpriseName || item.account"
:value="item.memberId"></el-option>
</el-select>
</el-form-item>
<el-form-item label="品牌名称：">
<el-input size="small"
placeholder="请输入品牌名称"
v-model="listQuery.keyword">
</el-input>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
size="small">搜索</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格栏 -->
<div class="table-container">
<el-table ref="brandTable"
:data="list"
@selection-change="handleSelectionChange"
v-loading="listLoading"
border>
<el-table-column type="selection"
width="55"
align="center"></el-table-column>
<el-table-column label="序号"
width="100"
align="center">
<template slot-scope="scope">{{scope.$index + 1}}</template>
</el-table-column>
<el-table-column label="品牌ID"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="品牌名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="首字母"
align="center">
<template slot-scope="scope">{{scope.row.firstLetter}}</template>
</el-table-column>
<el-table-column label="Logo"
width="180"
align="center">
<template slot-scope="scope">
<el-image style="width:150px"
fit="contain"
:src="scope.row.logo"
:preview-src-list="[scope.row.logo]"></el-image>
</template>
</el-table-column>
<el-table-column label="相关商品数量"
align="center">
<template slot-scope="scope">
{{scope.row.productNum || 0}}
</template>
</el-table-column>
<el-table-column label="申请商家"
align="center"
prop="mchtName">
</el-table-column>
<el-table-column label="审核状态"
align="center">
<template slot-scope="scope">
{{scope.row.auditStatus | formatAuditStatus}}
</template>
</el-table-column>
<el-table-column label="显示"
align="center">
<template slot-scope="scope">
<el-switch @change="handleShowStatusChange(scope.$index, scope.row)"
:active-value="1"
:inactive-value="0"
v-model="scope.row.showStatus">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作"
width="250"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="handleBrandView(scope.$index, scope.row)">查看
</el-button>
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.$index, scope.row)">审核修改
</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 导出操作 -->
<div class="export-container">
<div class="content">
<el-button @click="exportData(0)"
:loading="exportLoading"
size="small">导出全部数据</el-button>
<el-button @click="exportData(1)"
:loading="exportLoading"
size="small">导出本页数据</el-button>
<el-button @click="exportData(2)"
:loading="exportLoading"
size="small">导出已选数据</el-button>
</div>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:current-page.sync="listQuery.pageNum"
:total="total">
</el-pagination>
</div>
</div>
</template>
<script>
import { fetchList, updateShowStatus, updateFactoryStatus, deleteBrand } from '@/api/brand'
import { getSupplierList } from '@/api/audit'
const defaultStatusOptions = [
{
label: '待审核',
value: 0
},
{
label: '审核通过',
value: 1
},
{
label: '审核失败',
value: 2
},
{
label: '驳回 ',
value: 3
}
]
export default {
name: 'brandList',
data() {
return {
operates: [
{
label: "显示品牌",
value: "showBrand"
},
{
label: "隐藏品牌",
value: "hideBrand"
}
],
operateType: null,
listQuery: {
pageNum: 1,
pageSize: 10
},
statusOptions: defaultStatusOptions,
supplierOptions: [],
list: [],
total: 0,
listLoading: false,
exportLoading: false,
multipleSelection: []
}
},
created() {
this.getList()
this.supplierList()
},
filters: {
formatAuditStatus(auditStatus) {
if (auditStatus === 1) {
return '审核通过'
} else if (auditStatus === 2) {
return '审核失败'
} else if (auditStatus === 3) {
return '驳回'
} else {
return '待审核'
}
}
},
methods: {
getList() {
this.listLoading = true
fetchList(this.listQuery).then(res => {
this.listLoading = false
this.list = res.data.list
this.total = res.data.total
}).catch(err => {
this.listLoading = false
})
},
// 获取供应商列表
supplierList() {
getSupplierList({
pageSize: 1000,
pageNum: 1,
audit: 2
}).then(res => {
this.supplierOptions = res.data.list
})
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSelectionChange(val) {
this.multipleSelection = val
},
handleBrandView(index, row) {
this.$router.push({ path: 'BrandView', query: { id: row.id } })
},
handleUpdate(index, row) {
this.$router.push({ path: 'updateBrand', query: { id: row.id } })
},
handleDelete(index, row) {
this.$confirm('是否要删除该品牌', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteBrand(row.id).then(response => {
this.$message({
message: '删除成功',
type: 'success',
duration: 1000
})
this.getList()
})
})
},
handleShowStatusChange(index, row) {
let data = new URLSearchParams()
data.append("ids", [row.id])
data.append("showStatus", row.showStatus)
updateShowStatus(data).then(response => {
this.$message({
message: '修改成功',
type: 'success',
duration: 1000
})
}).catch(error => {
if (row.showStatus === 0) {
row.showStatus = 1
} else {
row.showStatus = 0
}
})
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
handleBatchOperate() {
if (this.multipleSelection < 1) {
this.$message({
message: '请选择一条记录',
type: 'warning',
duration: 1000
})
return
}
let showStatus = 0
if (this.operateType === 'showBrand') {
showStatus = 1
} else if (this.operateType === 'hideBrand') {
showStatus = 0
} else {
this.$message({
message: '请选择批量操作类型',
type: 'warning',
duration: 1000
})
return
}
let ids = []
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
let data = new URLSearchParams()
data.append("ids", ids)
data.append("showStatus", showStatus)
updateShowStatus(data).then(response => {
this.getList()
this.$message({
message: '修改成功',
type: 'success',
duration: 1000
})
})
},
addBrand() {
this.$router.push({ path: 'addBrand' })
},
// 导出数据
exportData(type) {
this.exportLoading = true
if (type == 0) {
// 导出全部数据
let params = Object.assign({}, this.listQuery)
params.pageSize = this.total
fetchList(params).then(res => {
this.exportExcel(res.data.list)
}).catch(() => {
this.exportLoading = false
this.$message.error('获取导出数据失败，请重试！')
})
} else if (type == 2) {
// 导出选中数据
if (this.multipleSelection.length == 0) {
this.exportLoading = false
this.$message.warning('请选择要导出的数据')
return
}
this.exportExcel(this.multipleSelection)
} else {
// 导出本页数据
this.exportExcel(this.list)
}
},
// 导出表格
exportExcel(list) {
require.ensure([], () => {
const { export_json_to_excel } = require('@/vendor/Export2Excel')
const tHeader = ['序号', '品牌ID', '品牌名称', '首字母', 'Logo', '相关商品数量', '申请商家', '审核状态', '显示']
const filterVal = ['sort', 'id', 'name', 'firstLetter', 'logo', 'productCount', 'mchtName', 'auditStatus', 'showStatus']
const data = this.formatJson(filterVal, list)
export_json_to_excel(tHeader, data, '品牌列表')
this.exportLoading = false
})
},
// 格式化导出数据
formatJson(filterVal, jsonData) {
return jsonData.map((v, i) => {
return filterVal.map(j => {
if (j === 'sort') {
return i + 1
} else if (j === 'auditStatus') {
return this.$options.filters.formatAuditStatus(v[j])
} else if (j === 'showStatus') {
return v[j] == 1 ? '显示' : '不显示'
} else {
return v[j] || '--'
}
})
})
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/pms/brand/update.vue deleted 100644 → 0
<template> 
<brand-detail :is-edit='true'></brand-detail>
</template>
<script>
import BrandDetail from './components/BrandDetail'
export default {
name: 'updateBrand',
components: { BrandDetail }
}
</script>
<style>
</style>
src/views/pms/components/AddPhotoModal.vue deleted 100644 → 0
<template>
<!-- 批量修改标签操作-->
<el-dialog :visible.sync="modal.addPhotoVisible"
:title="title"
width="820px"
center
@open="openModal">
<el-form :model="data"
size="small">
<el-form-item label="请选择相册：">
<el-select v-model="albumId"
placeholder="请选择"
@change="selectalbum">
<el-option v-for="item in photoOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="checkedPhotos">
<el-checkbox-group v-model="checkedPhotos"
@change="handleCheckedChange">
<!-- 图片列表 -->
<div class="photo-list">
<div class="photo-item"
v-for="(item, index) in dataList"
:key="item.id">
<div class="my-checkbox">
<el-checkbox :label="index"><i></i></el-checkbox>
</div>
<div class="show-img">
<el-image v-if="picType == 2"
fit="contain"
:src="item.pic + '?x-oss-process=video/snapshot,t_1,f_jpg,m_fast,ar_auto'"
:preview-src-list="[item.pic + '?x-oss-process=video/snapshot,t_1,f_jpg,m_fast,ar_auto']">
</el-image>
<el-image v-else
fit="contain"
:src="item.pic"
:preview-src-list="[item.pic]">
</el-image>
</div>
</div>
</div>
</el-checkbox-group>
</el-form-item>
</el-form>
<!-- 分页 -->
<el-row type="flex"
justify="end">
<el-pagination background
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next, jumper"
@size-change="handleSizeChange"
:page-sizes="[10, 20, 30]"
:page-size="listQuery.pageSize"
:current-page.sync="listQuery.pageNum"
:total="listQuery.total">
</el-pagination>
</el-row>
<div slot="footer"
class="dialog-footer">
<el-button size="medium"
@click="modal.addPhotoVisible = false">取 消</el-button>
<el-button size="medium"
type="primary"
@click="handleConfirm">确 认</el-button>
</div>
</el-dialog>
</template>
<script>
import { mapGetters } from 'vuex'
import { getAlbumList, getAlbumPicAll } from '@/api/productAlbum'
export default {
name: "AddPhotoModal",
props: {
modal: Object
},
data () {
return {
title: '选择图片',
photoOptions: [],
data: {},
albumId: null,
checkedPhotos: [],
dataList: [],
picType: 1,
listQuery: {
pageSize: 10,
pageNum: 1,
total: 0
}
}
},
methods: {
// 获取相册列表
getAlbumList () {
getAlbumList({
userId: this.modal.mchtId || this.userId,
pageSize: 1000,
pageNum: 1
}).then(res => {
this.photoOptions = res.data.list
})
},
// 打开弹窗回调
openModal () {
this.checkedPhotos = []
},
// 处理是否为多选
handleCheckedChange (value) {
if (value.length > 1 && this.modal.flag != 2) {
this.checkedPhotos.splice(0, 1)
}
},
// 查询图片列表
getAlbumPicAll (value) {
let params = {
albumId: value,
userId: this.modal.mchtId || this.userId,
pageSize: this.listQuery.pageSize,
pageNum: this.listQuery.pageNum,
pciType: this.picType || 1
}
getAlbumPicAll(params).then(res => {
this.dataList = res.data.list
this.listQuery.total = res.data.total
})
},
// 选择相册
selectalbum (value) {
this.listQuery.pageNum = 1
this.getAlbumPicAll(value)
},
// 确认
handleConfirm () {
let picUrls = []
this.checkedPhotos.forEach(item => {
picUrls.push(this.dataList[item].pic)
})
this.$emit('handlePhoto', picUrls, this.modal, this.picType)
},
handleSizeChange (val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getAlbumPicAll(this.albumId)
},
handleCurrentChange (val) {
this.listQuery.pageNum = val
this.getAlbumPicAll(this.albumId)
},
},
watch: {
modal: {
handler (newValue) {
this.photoOptions = []
this.albumId = null
this.checkedPhotos = []
this.dataList = []
this.listQuery = {
pageNum: 1,
pageSize: 10,
total: 0
}
this.modal = newValue
if (this.modal.needVideo) {
this.title = '选择视频'
this.picType = 2
} else {
this.title = '选择图片'
this.picType = 1
}
this.getAlbumList()
},
deep: true
}
},
computed: {
...mapGetters([
'userId'
])
}
}
</script>
<style lang="scss" scoped>
/*图片列表*/
.photo-list {
font-size: 14px;
padding: 15px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
max-height: 30vh;
overflow-y: auto;
.photo-item {
text-align: center;
position: relative;
width: 120px;
margin: 15px;
.show-img {
.el-image {
height: 168px;
}
height: 168px;
background: whitesmoke;
}
.my-checkbox {
position: absolute;
top: 5px;
left: 5px;
}
}
}
.my-checkbox {
position: absolute;
top: 5px;
left: 5px;
}
</style>
src/views/pms/components/AuditDialog.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="650px">
<el-form :model="model"
ref="auditForm"
v-loading="loading"
label-width="180px">
<el-form-item label="商品名称：">
{{model.name}}
</el-form-item>
<el-form-item label="商品审核："
prop="verifyStatus">
<el-radio-group v-model="model.verifyStatus">
<el-radio :label="1">通过</el-radio>
<el-radio :label="2">驳回</el-radio>
<el-radio :label="3">退回修改</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核备注："
prop="detail">
<el-input class="input-width"
size="small"
v-model="model.detail"></el-input>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
:loading="loading"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { updateVerifyStatus } from '@/api/product'
const defaultModel = {
ids: null,
name: null,
verifyStatus: 1,
detail: null
}
// 商品审核
export default {
name: 'productAudit',
components: {},
data() {
return {
visible: false,
title: null,
loading: false,
model: Object.assign({}, defaultModel)
}
},
methods: {
init() {
this.model = Object.assign({}, defaultModel)
this.$nextTick(() => {
this.$refs.auditForm.clearValidate()
})
},
audit(data) {
this.init()
this.model.ids = [data.id]
this.model.name = data.name
this.visible = true
this.title = '商品审核'
},
submit() {
// 提交保存
this.$refs.auditForm.validate((valid) => {
if (valid) {
// 验证通过
this.loading = true
updateVerifyStatus(this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
</style>
\ No newline at end of file
src/views/pms/components/UpdateClassify.vue deleted 100644 → 0
<template>
<!-- 批量修改分类操作-->
<el-dialog :visible.sync="modal.classifyVisible"
width="650px"
center>
<el-form :model="listQuery"
size="small"
label-width="250px">
<el-form-item label="请选择要修改的分类：">
<el-cascader v-model="productCategoryValue"
placeholder="请选择分类"
:props="optionProps"
@change="handleCategoryChange"></el-cascader>
</el-form-item>
</el-form>
<div slot="footer"
class="dialog-footer">
<el-button size="small"
@click="modal.classifyVisible = false">取 消</el-button>
<el-button size="small"
type="primary"
@click="handleConfirm">确 认</el-button>
</div>
</el-dialog>
</template>
<script>
import { getProductCategory } from '@/api/productCate'
export default {
name: "UpdateClassify",
props: {
modal: Object
},
data() {
return {
// 级联面板定制
optionProps: {
expandTrigger: 'hover',
lazy: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
getProductCategory({
parentId: row.value
}).then(res => {
let list = res.data
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
},
data: {
classify: null,
radio: null
},
productCategoryValue: [],
listQuery: {
categoryIdI: null,
categoryIdIi: null,
categoryIdIii: null
}
}
},
methods: {
// 监听级联面板value
handleCategoryChange() {
this.listQuery.categoryIdI = this.productCategoryValue[0]
this.listQuery.categoryIdIi = this.productCategoryValue[1]
this.listQuery.categoryIdIii = this.productCategoryValue[2]
},
handleConfirm() {
this.$emit('handleClassify', this.listQuery)
}
}
}
</script>
<style scoped>
.notice {
margin: 0 0 0 172px;
color: #999999;
}
</style>
src/views/pms/components/UpdateInventory.vue deleted 100644 → 0
<template>
<!-- 批量修改标签操作-->
<el-dialog
:visible.sync="modal.inventoryVisible"
width="500px"
custom-class="dialog-center"
>
<el-form :model="data">
<el-form-item label="请输入库存数量：" :label-width="formLabelWidth">
<el-input v-model="data.num" auto-complete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="modal.inventoryVisible = false">取 消</el-button>
<el-button type="primary" @click="handleConfirm">确 认</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: "UpdateInventory",
props: {
modal: Object
},
data() {
return {
formLabelWidth: '130px',
data: {
num: null,
}
}
},
methods: {
handleConfirm() {
console.log('data', this.data)
this.$emit('handleInventory', this.data)
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/pms/components/UpdateLabel.vue deleted 100644 → 0
<template>
<!-- 批量修改标签操作-->
<el-dialog title="请选择要修改的标签"
:visible.sync="modal.labelVisible"
width="600px"
center
custom-class="dialog-center">
<el-form label-width="150px">
<el-form-item v-for="(item,index) in plantLabelList"
:key="'p'+index"
:label="item.labelGroupName+'：'">
<el-checkbox-group value-key="id"
v-model="item.checkPlantLabelList">
<el-checkbox v-for="(it,ind) in item.pmsProductLabels"
:key="it.id"
:label="it">{{it.name}}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item v-for="(item,index) in merchLabelList"
:key="index"
:label="item.labelGroupName+'：'">
<el-checkbox-group value-key="id"
v-model="item.checkMerchLabelList">
<el-checkbox v-for="(it,ind) in item.pmsProductLabels"
:key="it.id"
:label="it">{{it.name}}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
<div slot="footer"
class="dialog-footer">
<el-button size="small"
@click="modal.labelVisible = false">取 消</el-button>
<el-button size="small"
type="primary"
@click="handleConfirm">确 认</el-button>
</div>
</el-dialog>
</template>
<script>
import { mapGetters } from 'vuex'
import { getLabelList } from '@/api/newProduct'
export default {
name: "UpdateLabel",
props: {
modal: Object
},
data() {
return {
labelOptions: [
{
label: '热卖',
value: 0
},
{
label: '推荐',
value: 1
},
{
label: '新品',
value: 0
}],
plantLabelList: [],
merchLabelList: []
}
},
created() {
this.getLabelList()
},
methods: {
getLabelList() {
// 1平台标签 2商家标签
getLabelList({ type: 1, mchtId: this.userId }).then(res => {
for (var i of res.data) {
i.checkPlantLabelList = []
}
this.plantLabelList = res.data
})
getLabelList({ type: 2, mchtId: this.userId }).then(res => {
for (var i of res.data) {
i.checkMerchLabelList = []
}
this.merchLabelList = res.data
})
},
handleConfirm() {
const AllLabelList = []
for (var i of this.plantLabelList) {
for (var j of i.checkPlantLabelList) {
AllLabelList.push({
labelId: j.id,
labelName: j.name
})
}
}
for (var m of this.merchLabelList) {
for (var mj of m.checkMerchLabelList) {
AllLabelList.push({
labelId: mj.id,
labelName: mj.name
})
}
}
this.$emit('handleLabel', AllLabelList)
}
},
computed: {
...mapGetters([
'userId'
])
}
}
</script>
<style lang="scss" scoped>
</style>
\ No newline at end of file
src/views/pms/components/VideoDialog.vue deleted 100644 → 0
<template>
<!-- 批量修改标签操作-->
<el-dialog title="视频播放"
:visible.sync="visible"
width="720px"
center>
<div class="content">
<video :src="url"
controls
autoplay></video>
</div>
<div slot="footer"
class="dialog-footer">
<el-button size="small"
type="success"
@click="visible = false">关闭</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: "VideoDialog",
data() {
return {
visible: false,
url: null
}
},
methods: {
show(url) {
this.url = url
this.visible = true
}
}
}
</script>
<style lang="scss" scoped>
.content {
text-align: center;
}
.content video {
max-height: 50vh;
}
</style>
\ No newline at end of file
src/views/pms/components/index.js deleted 100644 → 0
export { default as UpdateClassifyModal } from './UpdateClassify'
export { default as UpdateLabelModal } from './UpdateLabel'
export { default as UpdateInventoryModal } from './UpdateInventory'
export { default as AddPhotoModal } from './AddPhotoModal'
export { default as VideoDialog } from './VideoDialog'
export { default as AuditProduct } from './AuditProduct'
src/views/pms/product/add.vue deleted 100644 → 0
<template> 
<product-detail :is-edit='false'
@showTip='handleTip(true)'
@hideTip="handleTip(false)"></product-detail>
</template>
<script>
import ProductDetail from './components/ProductDetail'
export default {
name: 'addProduct',
components: { ProductDetail },
data () {
return {
needTip: false
}
},
beforeRouteLeave (to, from, next) {
if (!this.needTip) {
next()
} else {
this.$confirm('你还未提交数据，离开后数据将丢失', '您确定要离开吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true,
type: 'warning'
}).then(res => {
next()
}).catch(err => {
next(false)
})
}
},
methods: {
handleTip (val) {
this.needTip = val
}
}
}
</script>
<style>
</style>
src/views/pms/product/components/ProductAttrDetail.vue deleted 100644 → 0
<template>
<div style="margin-top: 50px">
<el-form :model="value"
v-loading="loading"
ref="productAttrForm"
label-width="120px"
size="small">
<!-- 0.规格 -->
<div class="attr-item">
<p class="title">商品规格</p>
<el-form-item label="商品规格：">
<div v-for="(item, index) in attributeList"
:key="index">
<div class="single-attr"
v-for="(citem, cindex) in item.attributes"
:key="citem.id">
<div class="attr-title">
<span>{{citem.name}}</span>
</div>
<el-checkbox-group class="row"
v-model="citem.values"
:key="citem.id">
<div class="item"
v-for="(ccitem, ccindex) in citem.pmsProductAttributeGroupList"
:key="ccindex">
<el-checkbox :label="ccitem.name">{{ccitem.name}}</el-checkbox>
</div>
</el-checkbox-group>
</div>
</div>
<el-button type="primary"
style="margin-top: 10px;"
@click="getAttrGroup">确认并修改参数
</el-button>
<!-- sku数据 -->
<div class="attr-list">
<el-table v-if="tableData.length >=1"
:data="tableData">
<el-table-column prop="info"
label="规格组合"
width="120">
</el-table-column>
<el-table-column label="平台成本价格">
<template slot-scope="scope">
<el-input v-model="scope.row.promotionPrice"></el-input>
</template>
</el-table-column>
<el-table-column label="销售价">
<template slot-scope="scope">
<el-input v-model="scope.row.price"></el-input>
</template>
</el-table-column>
<el-table-column label="库存">
<template slot-scope="scope">
<el-input v-model="scope.row.stock"></el-input>
</template>
</el-table-column>
<el-table-column label="货号">
<template slot-scope="scope">
<el-input v-model="scope.row.skuSn"></el-input>
</template>
</el-table-column>
<el-table-column prop="img"
label="图片"
width="120">
<template slot-scope="scope">
<div style="text-align: center;">
<el-image v-if="scope.row.pic"
fit="contain"
style="width:50px;"
:src="scope.row.pic"
:preview-src-list="[scope.row.pic]">
</el-image>
<single-upload v-model="scope.row.pic"
:showList="false"
style="width: 100px;display: inline-block;"></single-upload>
</div>
</template>
</el-table-column>
</el-table>
</div>
</el-form-item>
</div>
<!-- 底部操作栏 -->
<el-form-item style="text-align: center;margin: 50px 0 0 0;">
<el-button size="medium"
@click="handlePrev">上一步，设置商品基本信息
</el-button>
<el-button type="primary"
size="medium"
@click="handleNext">下一步，设置商品详情
</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { getAttributeParams} from '@/api/newProduct'
import SingleUpload from '@/components/Upload/singleUpload'
export default {
name: 'ProductAttrDetail',
props: {
value: Object,
isEdit: {
type: Boolean,
default: false
}
},
components: {
SingleUpload
},
data() {
return {
loading: false,
attributeList: [], // 0.规格
tableData: [], // 生成的规格组合列表
}
},
methods: {
init() {
// 获取规格及参数
var cid = null
if (this.value.pmsProduct.productCategoryIdIii) {
cid = this.value.pmsProduct.productCategoryIdIii
} else if (this.value.pmsProduct.productCategoryId) {
cid = this.value.pmsProduct.productCategoryId
} else {
cid = this.value.pmsProduct.productCategoryIdI
}
// 选中的规格
const selectSkus = this.value.pmsProductSkuValueList
// 规格列表
this.tableData = this.value.pmsSkuStockList.map(item => {
item.info = item.sp1 + (item.sp2 ? ',' + item.sp2 : '') + (item.sp3 ? ',' + item.sp3 : '')
return item
})
// 进行规格属性数据的请求获取
this.loading = true
// 获取规格 0->规格
getAttributeParams({ productAttributeTypeId: cid }).then(res => {
var data = [{ attributes: res.data }]
this.loading = false
this.attributeList = data.map(item => {
item.attributes.map(citem => {
citem.attValues = []
citem.values = []
if (selectSkus && selectSkus.length > 0) {
selectSkus.forEach(sitem => {
if (citem.id == sitem.productAttributeId) {
citem.values.push(sitem.value)
}
})
}
return citem
})
return item
})
}).catch(err => {
this.loading = false
})
},
// 获取组合后的规格
getAttrGroup() {
let result = []
this.attributeList.forEach(item => {
item.attributes.forEach(att => {
let attValues = []
att.values.forEach(va => {
let str = att.pmsProductAttributeGroupList.filter(pms => pms.name == va)[0]
console.log('str',str)
attValues.push(str)
})
att.attValues = attValues
})
console.log('item', item)
result = item.attributes.reduce((ary, { name, attValues }) => {
console.log('value', attValues)
if (!attValues || attValues.length == 0) {
return ary
}
return ary.length ?
[].concat(...attValues.map(v => ary.map(res => ({ skuDesc: { ...res.skuDesc, [v.id]: v.name } })))) :
attValues.map(v => ({ skuDesc: { [v.id]: v.name } }))
}, result)
})
console.log('result', result)
for (var i of result) {
const values = []
const itemIds = []
for (var j in i.skuDesc) {
values.push(i.skuDesc[j])
itemIds.push(j)
}
i.info = values.join(',')
i.itemIds = itemIds.join(',')
}
result.forEach(item => {
item.price = '',
item.promotionPrice = '',
item.stock = '',
item.skuSn = '',
item.pic = ''
})
this.tableData = result
this.handleSkuValue()
},
// 处理sku值数据
handleSkuValue() {
// 商品规格值列表
let skuValueList = []
// 选中的规格
this.attributeList.forEach(item => {
item.attributes.forEach(citem => {
if (citem.attValues && citem.attValues.length > 0) {
citem.attValues.forEach(vitem => {
console.log('citem', citem)
skuValueList.push({
attributeGroupId: vitem.id,
productAttributeId: citem.id,
value: vitem.name
})
})
}
})
})
// 确定生成的选中规格才是有效规格
this.value.pmsProductSkuValueList = skuValueList
console.log('规格', this.value.pmsProductSkuValueList)
},
handlePrev() {
this.$emit('prevStep')
},
handleNext() {
// 商品规格列表
let pmsSkuStockList = []
// 填写的规格数据
this.tableData.forEach(item => {
let values = item.info.split(',')
if (values && values.length > 0) {
pmsSkuStockList.push({
id: item.id,
itemIds: item.itemIds,
price: item.price,
promotionPrice: item.promotionPrice,
stock: item.stock,
skuSn: item.skuSn,
sp1: values[0],
sp2: values[1],
sp3: values[2],
pic: item.pic
})
}
})
this.value.pmsSkuStockList = pmsSkuStockList
console.log('pmsSkuStockList', this.value.pmsSkuStockList)
this.$emit('nextStep')
}
}
}
</script>
<style lang="scss" scoped>
/*属性列表*/
.input-width {
width: 600px;
}
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
.item {
margin-right: 30px;
}
}
.attr-item {
padding: 0 25px;
.title {
padding: 15px;
background: #f5f5f5;
}
}
.single-attr {
width: 600px;
padding: 10px;
border: 1px solid #ebeef5;
.attr-title {
background: #f5f5f5;
padding: 5px 10px;
margin-bottom: 10px;
.my-btn {
float: right;
}
}
.el-row {
margin-top: 10px;
}
}
.attr-list {
margin-left: -100px;
margin-right: 20px;
margin-top: 15px;
border: 1px solid #f5f5f5;
}
</style>
src/views/pms/product/components/ProductCateDetail.vue deleted 100644 → 0
<template>
<div class="cate">
<el-form :model="value"
:rules="rules"
ref="productCateForm"
label-width="160px"
size="small"
style="margin-top:30px;">
<el-form-item label="当前所选分类："
prop="productCategoryName">
<el-input class="my-input"
v-model="value.productCategoryName"
readonly></el-input>
</el-form-item>
<!-- 选择分类 -->
<div class="my-cascader">
<el-cascader-panel
ref="category"
:props="props"
@change="handleCategoryChange"></el-cascader-panel>
</div>
<el-form-item style="margin-top: 30px;text-align: center">
<el-button type="primary"
size="medium"
@click="handleNext('productCateForm')">下一步，填写基本信息
</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getAttributeCategoryList } from '@/api/newProduct'
export default {
name: 'ProductCateDetail',
props: {
value: Object,
isEdit: {
type: Boolean,
default: false
}
},
data() {
const that = this
return {
rules: {
productCategoryName: [{ required: true, message: '请选择商品分类', trigger: 'change' }]
},
hasEditCreated: false,
props: {
expandTrigger: 'hover',
lazy: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
getAttributeCategoryList({
parentId: row.value,
page: '',
size: ''
}).then(res => {
let list = res.data
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
created() {
},
computed: {
//商品的编号
productId() {
return this.value.id
}
},
methods: {
// 监听级联面板value
handleCategoryChange(values) {
let labels = this.$refs.category.getCheckedNodes()[0].pathLabels
this.value.productCategoryIdI = values[0]
this.value.productCategoryId = values[1]
this.value.productCategoryIdIii = values[2]
this.value.productCategoryName = labels.join(' - ')
},
//处理编辑逻辑
handleEditCreated() {
this.hasEditCreated = true
},
handleNext(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.$emit('nextStep')
}
})
}
},
watch: {
productId: function (newValue) {
if (!this.isEdit) return
if (this.hasEditCreated) return
if (newValue === undefined || newValue == null || newValue === 0) return
this.handleEditCreated()
}
}
}
</script>
<style lang="scss" scoped>
.cate {
font-size: 14px;
width: 800px;
margin: 50px auto;
}
/*级联面板*/
.my-cascader {
width: 700px;
margin: 50px auto;
}
/*当前所选分类*/
.my-input {
width: 300px;
/deep/ .el-input__inner {
padding: 0;
border: none;
color: #f56c6c;
}
}
</style>
src/views/pms/product/components/ProductDetail.vue deleted 100644 → 0
<template> 
<el-card class="form-container"
shadow="never"
v-loading="loading">
<!-- 步骤栏 -->
<el-steps :active="active"
finish-status="success"
align-center>
<el-step title="1、商品分类"></el-step>
<el-step title="2、基本信息"></el-step>
<el-step title="3、属性规格"></el-step>
<el-step title="4、详情信息"></el-step>
</el-steps>
<!-- 商品分类 -->
<product-cate-detail v-show="active == 0"
v-model="productParam.pmsProduct"
:is-edit="isEdit"
ref="category"
@nextStep="nextStep">
</product-cate-detail>
<!-- 基本信息 -->
<product-info-detail v-show="active == 1"
v-model="productParam.pmsProduct"
:is-edit="isEdit"
ref="info"
@prevStep="prevStep"
@nextStep="nextStep">
</product-info-detail>
<!-- 属性规格 -->
<product-attr-detail v-show="active == 2"
v-model="productParam"
:is-edit="isEdit"
ref="attribute"
@nextStep="nextStep"
@prevStep="prevStep">
</product-attr-detail>
<!-- 详细信息 -->
<product-write-detail v-show="active == 3"
v-model="productParam.pmsProduct"
:is-edit="isEdit"
ref="detail"
@prevStep="prevStep"
@finishCommit="finishCommit">
</product-write-detail>
<!-- 审核弹窗 -->
<audit-dialog ref="auditDialog"
@ok="$router.back()"></audit-dialog>
</el-card>
</template>
<script>
import ProductCateDetail from './ProductCateDetail'
import ProductInfoDetail from './ProductInfoDetail'
import ProductAttrDetail from './ProductAttrDetail'
import ProductWriteDetail from './ProductWriteDetail'
import AuditDialog from '@/views/pms/components/AuditDialog'
import { createProduct, getProduct, updateProduct } from '@/api/product'
// 默认的商品参数
const defaultProductParam = {
pmsProductSkuValueList: [],
pmsProduct: {
newStatus:1,
albumPics: null,
productCategoryName: null,
productCategoryIdI: null,
productCategoryId: null,
productCategoryIdIii: null,
name: null,
detailHtml: null,
productPic: null,
freightTempletId: null,
brandId: null,
mchtId: null,
subscribeFlag: 0, // 是否需要预约0否 1是
subscribeDate: null,
saleDate: null,
agencyCommission: null,
anchorCommision: null,
anchorShareCommision: null,
publishStatus: 0,
shopCommision: null,
secondCommission: null,
explainId: null,
bannerPic: null,
productSn: null,
unit: null,
weight: null,
virtualSales: null
},
pmsSkuStockList:[],
}
// 商品详情
export default {
name: 'ProductDetail',
components: {
ProductCateDetail,
ProductInfoDetail,
ProductAttrDetail,
ProductWriteDetail,
AuditDialog
},
props: {
isEdit: {
type: Boolean,
default: false
}
},
data () {
return {
loading: false,
active: 0,
productParam: Object.assign({}, defaultProductParam)
}
},
created () {
if (this.isEdit) {
getProduct({id:this.$route.query.id}).then(response => {
this.productParam = response.data
})
}
},
methods: {
prevStep () {
// 上一步
if (this.active > 0) {
this.active--
}
},
nextStep () {
// 下一步
this.active++
// 基本信息根据供应商获取对应品牌
if (this.active === 1) {
this.$refs.info.init()
}
// 获取平台规格参数属性
if (this.active === 2) {
this.$refs.attribute.init()
}
// 友情提示处理，判断是否真的要离开
if (this.active > 1) {
this.$emit('showTip')
}
},
finishCommit (isEdit) {
this.$confirm('是否要提交该产品', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true,
type: 'warning'
}).then(() => {
if (isEdit) {
this.loading = true
updateProduct(this.productParam).then(res => {
this.loading = false
this.$message({
type: 'success',
message: '提交成功',
duration: 1000
})
if (this.$route.query.isAudit) {
this.handleAudit()
} else {
this.$router.back()
}
}).catch(err => {
this.loading = false
})
} else {
this.loading = true
createProduct(this.productParam).then(res => {
this.$emit('hideTip')
this.loading = false
this.$message({
type: 'success',
message: '提交成功',
duration: 1000
})
this.$router.push('productAudit')
}).catch(err => {
this.loading = false
})
}
})
},
// 审核
handleAudit () {
this.$refs.auditDialog.audit({ id: this.$route.query.id, name: this.productParam.name })
}
}
}
</script>
<style>
.form-container {
width: 960px;
padding: 30px 0;
}
</style>
src/views/pms/product/components/ProductInfoDetail.vue deleted 100644 → 0
<template>
<div style="margin-top: 50px">
<el-form :model="value"
:rules="rules"
ref="productInfoForm"
label-width="200px"
style="padding: 0 30px;"
size="small">
<el-form-item label="商品名称："
prop="name">
<el-input v-model="value.name"></el-input>
</el-form-item>
<!-- 选择供应商 -->
<el-form-item label="供应商："
prop="mchtId">
<el-select v-model="value.mchtId"
placeholder="请选择供应商">
<el-option v-for="item in supplierOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="市场价格："
prop="price">
<el-input v-model="value.price"></el-input>
</el-form-item>
<el-form-item label="库存："
prop="stock">
<el-input v-model="value.stock"></el-input>
</el-form-item>
<el-form-item label="商品佣金："
prop="commission">
<el-input v-model="value.commission"></el-input>
</el-form-item>
<el-form-item label="商品主图："
prop="productPic">
<el-row type="flex"
align="bottom">
<el-image v-if="value.productPic"
fit="contain"
style="max-width: 200px;"
:src="value.productPic"
:preview-src-list="[value.productPic]">
</el-image>
<single-upload v-model="value.productPic"
:showList="false"
style="width: 100px;display: inline-block;margin-left: 10px"></single-upload>
</el-row>
<span class="notice">商品主图片最佳尺寸400*400，商品主图显示在商品列表，只能上传一张</span>
</el-form-item>
<el-form-item label="商品特色图："
prop="albumPics">
<div v-if="albumPics"
class="show-grid">
<div class="show-image"
v-for="(item,index) in albumPics">
<el-button type="danger"
circle
plain
size="mini"
icon="el-icon-delete"
@click="deletePic(index)"></el-button>
<el-image :key="index"
:src="item"
:preview-src-list="[item]">
</el-image>
</div>
</div>
<el-row type="flex"
align="bottom">
<multi-upload v-if="albumPics.length < 5"
style="width: 100px;display: inline-block;margin-left: 10px;"
v-model="albumPics"
:maxCount="5"
:showList="false"></multi-upload>
</el-row>
<span class="notice">商品特色图片最小宽度750，最大宽度1920，最多上传5张图片</span>
</el-form-item>
<el-form-item label="配送方式："
prop="deliveryType">
<el-select v-model="value.deliveryType"
placeholder="请选择配送方式">
<el-option v-for="item in deliveryOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品描述："
prop="description">
<el-input v-model="value.description"></el-input>
</el-form-item>
<el-form-item label="是否新品："
prop="newStatus">
<el-select v-model="value.newStatus"
placeholder="请选择">
<el-option v-for="item in newStatusOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否上架："
prop="publishStatus">
<el-radio-group v-model="value.publishStatus">
<el-row>
<el-col :span="24"
style="margin: 10px 0;">
<el-radio :label="1">直接上架</el-radio>
</el-col>
<el-col :span="24"
style="margin: 10px 0;">
<el-radio :label="0">下架</el-radio>
</el-col>
<!-- <el-col :span="24"-->
<!-- style="margin: 10px 0;">-->
<!-- <el-radio :label="3">定时上架</el-radio>-->
<!-- <el-form-item v-if="value.publishStatus == 3"-->
<!-- prop="timerDate"-->
<!-- style="display: inline-block;">-->
<!-- <el-date-picker v-model="value.timerDate"-->
<!-- type="datetime"-->
<!-- value-format="timestamp"-->
<!-- placeholder="选择日期时间">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="商品排序："-->
<!-- prop="sort">-->
<!-- <el-input v-model.number="value.sort"></el-input>-->
<!-- <span class="notice">数字越小，排名越靠前，如果为空，默认排序方式为创建时间</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品副标题："-->
<!-- prop="subTitle">-->
<!-- <el-input v-model="value.subTitle"></el-input>-->
<!-- <span class="notice">商品副标题字数请控制在50字以内</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品产地："-->
<!-- prop="productOrigin">-->
<!-- <el-input v-model="value.productOrigin"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="上市时间："-->
<!-- prop="marketDate">-->
<!-- <el-date-picker v-model="value.marketDate"-->
<!-- type="date"-->
<!-- value-format="timestamp"-->
<!-- placeholder="选择日期时间">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="关键词："-->
<!-- prop="keywords">-->
<!-- <el-input v-model="value.keywords"></el-input>-->
<!-- <span class="notice">商品关键字,能准确搜到商品的,比如 : 红富士|精品 之类的</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品编码(货号)："-->
<!-- prop="productSn">-->
<!-- <el-input v-model="value.productSn"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品条码："-->
<!-- prop="barCode">-->
<!-- <el-input v-model="value.barCode"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="预警库存量："-->
<!-- prop="lowStock">-->
<!-- <el-input v-model.number="value.lowStock"></el-input>-->
<!-- <span class="notice">当商品库存低于这个数值，商品进入预警状态。</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品计量单位："-->
<!-- prop="unit">-->
<!-- <el-input v-model="value.unit"></el-input>-->
<!-- <span class="notice">请输入计量单位，例如：个、斤等；请尽量填写常规使用计量单位，便于数据分析</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品平台起批价格/数量："-->
<!-- prop="pmsProductWholesalePrices">-->
<!-- <el-button size="small"-->
<!-- @click="addPriceNum">添加批发价格</el-button>-->
<!-- <span class="notice">尽量填写完整，填写数字，价格保留两位小数</span>-->
<!-- <el-table v-if="value.pmsProductWholesalePrices && value.pmsProductWholesalePrices.length > 0"-->
<!-- :data="value.pmsProductWholesalePrices"-->
<!-- :show-header="showHeader">-->
<!-- <el-table-column>-->
<!-- <template slot-scope="scope">-->
<!-- <el-input v-model="scope.row.num"></el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column align="center"-->
<!-- width="90">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{value.unit ? value.unit + '起，每' + value.unit : '个起，每个'}}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column>-->
<!-- <template slot-scope="scope">-->
<!-- <el-input v-model="scope.row.price"></el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column align="center"-->
<!-- width="70">-->
<!-- <template slot-scope="scope">-->
<!-- <span>元 原价</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column>-->
<!-- <template slot-scope="scope">-->
<!-- <el-input v-model="scope.row.originalPrice"></el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column>-->
<!-- <template slot-scope="scope">-->
<!-- <el-button type="danger"-->
<!-- circle-->
<!-- plain-->
<!-- size="mini"-->
<!-- icon="el-icon-delete"-->
<!-- @click="deletePriceNum(scope.$index,scope.row)"></el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品平台成本价格/数量："-->
<!-- prop="costPrice">-->
<!-- <el-input v-model="value.costPrice"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品视频："-->
<!-- prop="productVideo">-->
<!-- <el-row type="flex"-->
<!-- align="bottom">-->
<!-- <video v-if="value.productVideo"-->
<!-- :src="value.productVideo"-->
<!-- controls></video>-->
<!-- <video-upload v-model="value.productVideo"-->
<!-- :showList="false"-->
<!-- style="width: 100px;display: inline-block;margin-left: 10px"></video-upload>-->
<!-- <el-button type="success"-->
<!-- style="margin-bottom: 12px;"-->
<!-- @click="addVideo">视频库选择</el-button>-->
<!-- </el-row>-->
<!-- <span class="notice">商品视频请选择100M以内的视频</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商品虚拟销量："-->
<!-- prop="virtualSales">-->
<!-- <el-input v-model.number="value.virtualSales"></el-input>-->
<!-- <span class="notice">虚拟销量不记入数据统计，不填默认不显示</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商家配送范围："-->
<!-- prop="deliveryArea">-->
<!-- <el-input v-model.number="value.deliveryArea"></el-input>-->
<!-- <span class="notice">输入数字，保留一位小数；默认单位为KM；不填默认全城配送</span>-->
<!-- <span class="notice">输入的数字表示已商家位置为中心，半径为*KM区域</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="商家运费："-->
<!-- prop="feightTemplateId">-->
<!-- <el-select v-model="value.feightTemplateId"-->
<!-- placeholder="请选择运费模板">-->
<!-- <el-option v-for="item in freightOptions"-->
<!-- :key="item.id"-->
<!-- :label="item.name"-->
<!-- :value="item.id">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- 平台标签 -->
<!-- <el-form-item :label="item.labelGroupName + '：'"-->
<!-- v-for="(item, index) in platformLabels"-->
<!-- :required="true"-->
<!-- :key="index">-->
<!-- <el-checkbox-group v-model="item.values">-->
<!-- <el-checkbox v-for="(citem, cindex) in item.pmsProductLabels"-->
<!-- :key="cindex"-->
<!-- :label="citem.id">{{citem.name}}</el-checkbox>-->
<!-- </el-checkbox-group>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="添加自有标签组：">-->
<!-- <el-select v-model="supplierLabel"-->
<!-- placeholder="请选择标签组">-->
<!-- <el-option v-for="(item, index) in selfProductLabelOptions"-->
<!-- :key="index"-->
<!-- :label="item.labelGroupName"-->
<!-- :value="index">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- <el-button type="primary"-->
<!-- @click="addSelfLabel">添加</el-button>-->
<!-- </el-form-item>-->
<!-- <el-form-item :label="item.labelGroupName + '：'"-->
<!-- v-for="(item, index) in supplierLabels"-->
<!-- :key="platformLabels.length + index">-->
<!-- <el-checkbox-group v-model="item.values">-->
<!-- <el-checkbox v-for="(citem, cindex) in item.pmsProductLabels"-->
<!-- :key="cindex"-->
<!-- :label="citem.id">{{citem.name}}</el-checkbox>-->
<!-- </el-checkbox-group>-->
<!-- </el-form-item>-->
<el-form-item style="text-align: center; margin: 50px 0 0 0;">
<el-button size="medium"
@click="handlePrev">上一步, 选择商品分类</el-button>
<el-button type="primary"
size="medium"
@click="handleNext('productInfoForm')">下一步，设置属性规格</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import SingleUpload from '@/components/Upload/singleUpload'
import MultiUpload from '@/components/Upload/multiUpload'
// import { getBrandList, fetchList } from '@/api/brand'
// import { freightList } from '@/api/freightManage'
import {getSupplierList} from '@/api/audit'
export default {
name: "ProductInfoDetail",
components: {
SingleUpload,
MultiUpload,
},
props: {
value: Object,
isEdit: {
type: Boolean,
default: false
}
},
data () {
var checkTimerDate = (rule, value, callback) => {
if (this.requireTime && !value) {
return callback(new Error('请选择日期'))
} else {
callback()
}
}
var checkNum = (rule, value, callback) => {
let reg = /^\d+(\.\d+)?$/
if (!value) {
return callback(new Error('请输入数字'))
} else if(!reg.test(value)){
return callback(new Error('请检查输入'))
}else {
callback()
}
}
return {
supplierOptions: [], // 供应商列表
deliveryOptions: [{id: 1,name: '快递'}, {id:2,name: '自提'}],
newStatusOptions: [{id: 1,name: '是'}, {id:0,name: '否'}],
selfProductLabelOptions: [],
showHeader: false,
rules: {
mchtId: [{ required: true, message: '请选择商品供应商', trigger: 'change' }],
name: [{ required: true, message: '请输入商品名称', trigger: 'blur' }],
price: [{ required: true, validator: checkNum, trigger: 'blur' }],
stock: [{ required: true, validator: checkNum, trigger: 'blur' }],
publishStatus: [{ required: true, message: '请选择上架状态', trigger: 'change' }],
deliveryType: [{ required: true, message: '请选择配送方式', trigger: 'change' }],
newStatus: [{ required: true, message: '请选择是否新品', trigger: 'change' }],
productPic: [{ required: true, message: '请选择商品主图', trigger: 'blur' }],
albumPics: [{ required: true, message: '请选择商品特色图片', trigger: 'blur' }],
commission: [
{ validator: checkNum, required: true,trigger: 'blur' }
],
description: [{ required: true, message: '请输入商品描述', trigger: 'blur' }],
// sort: [{ type: 'number', message: '请输入数字', trigger: 'blur' }],
// subTitle: [{ min: 2, max: 50, message: '长度50个字符以内', trigger: 'blur' }],
// marketDate: [{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }],
// productOrigin: [{ required: true, message: '请输入商品产地', trigger: 'blur' }],
// productSn: [{ required: true, message: '请输入数字', trigger: 'blur' }],
// lowStock: [{ type: 'number', message: '请输入数字', trigger: 'blur' }],
// unit: [{ required: true, message: '请输入计量单位', trigger: 'blur' }],
// costPrice: [{ required: true, message: '请输入平台成本价格', trigger: 'blur' }],
// virtualSales: [{ type: 'number', message: '请输入数字', trigger: 'blur' }],
// timerDate: [{ validator: checkTimerDate, trigger: 'change' }],
// pmsProductWholesalePrices: [{ required: true, message: '请输入', trigger: 'blur' }],
// feightTemplateId: [{ required: true, message: '请选择运费模版', trigger: 'change' }]
},
requireTime: false,
modal: {
addPhotoVisible: false,
flag: 1, // 1 主图 2特色图
},
supplierSelect: {
total: null, // 获取总数据量
pageCount: null, // 获取总页数
selectPage: 1, // 当前页数
options: [] //当前页数数据
},
platformLabels: [], // 平台标签组
supplierLabels: [], // 商家标签组
supplierLabel: null, // 选择的商家标签
hasEditCreated: false,
freightOptions: []
}
},
created () {
this.getSupplierList()
},
computed: {
...mapGetters([
'name'
]),
//商品的编号
productId () {
return this.value.id;
},
//商品的画册图片
albumPics: {
get: function () {
let pics = []
if (this.value.albumPics === undefined || this.value.albumPics == null || this.value.albumPics === '') {
return pics
}
let albumPics = this.value.albumPics.split(',')
return albumPics
},
set: function (newValue) {
if (newValue == null || newValue.length === 0) {
this.value.albumPics = '';
} else {
this.value.albumPics = newValue.join(',')
}
}
}
},
watch: {
productId: function (newValue) {
if (!this.isEdit) return
if (this.hasEditCreated) return
if (newValue === undefined || newValue == null || newValue === 0) return
this.handleEditCreated()
}
},
methods: {
// 初始化数据
init () {
// this.getBrandList()
// this.getFreightList()
},
// 处理编辑逻辑
handleEditCreated () {
this.hasEditCreated = true
},
// 获取供应商列表
getSupplierList() {
getSupplierList({
accouuntType: 1
}).then(res => {
this.supplierOptions = res.data
})
},
// 获取品牌列表
// getBrandList () {
// fetchList({ page: 1, pageSize: 100, mchtId: this.value.mchtId }).then(res => {
// this.brandOptions = res.data.list
// })
// },
// 获取运费模版列表
getFreightList () {
freightList({ mchtId: this.value.mchtId }).then(res => {
this.freightOptions = res.data
})
},
// 添加批发价格
addPriceNum () {
let unit = this.value.unit
const price = {
num: null,
price: null,
originalPrice: null
}
this.value.pmsProductWholesalePrices.push(price)
},
// 删除批发价格
deletePriceNum (index, row) {
this.value.pmsProductWholesalePrices.splice(index, 1)
},
// 商品预览
handlePrev () {
this.$emit('prevStep')
},
// // 上架状态处理
// handlePublishStatus (value) {
// this.requireTime = value == 3
// this.value.timerDate = null
// },
// 删除特色图片
deletePic (index) {
this.albumPics.splice(index, 1)
this.albumPics = this.albumPics
},
// 下一步
handleNext (formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
// 品牌处理
// if (this.value.brandId) {
// this.brandOptions.forEach(item => {
// if (item.id == this.value.brandId) {
// this.value.brandName = item.name
// }
// })
// }
// 平台标签处理
// let tipMsg = []
// let pmsProductLabelRelations = []
// if (this.platformLabels) {
// this.platformLabels.forEach(item => {
// if (item.values && item.values.length > 0) {
// let labels = item.pmsProductLabels.filter(citem => item.values.indexOf(citem.id) != -1)
// labels.forEach(citem => {
// pmsProductLabelRelations.push({
// labelGroupId: citem.labelGropuId,
// labelId: citem.id,
// labelName: citem.name,
// type: 1
// })
// })
// } else {
// tipMsg.push(item.labelGroupName)
// }
// })
// }
// if (tipMsg.length > 0) {
// this.$message({
// type: 'warning',
// message: tipMsg.join('，') + ' 不能为空'
// })
// return false
// }
// 添加自有标签处理
// if (this.supplierLabels) {
// this.supplierLabels.forEach(item => {
// if (item.values && item.values.length > 0) {
// let labels = item.pmsProductLabels.filter(citem => item.values.indexOf(citem.id) != -1)
// labels.forEach(citem => {
// pmsProductLabelRelations.push({
// labelGroupId: citem.labelGropuId,
// labelId: citem.id,
// labelName: citem.name,
// type: 2
// })
// })
// }
// })
// }
// 判断处理是否定时上下架
// if (this.value.publishStatus == 3) {
// this.value.isTimeUp = 1
// } else {
// this.value.isTimeUp = 0
// }
// this.value.pmsProductLabelRelations = pmsProductLabelRelations
this.$emit('nextStep')
}
})
}
}
}
</script>
<style lang="scss" scoped>
.show-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 10px;
.show-image {
width: 120px;
position: relative;
border: 1px solid whitesmoke;
img {
display: block;
}
.el-button {
position: absolute;
top: 5px;
right: 5px;
z-index: 9;
}
}
}
</style>
src/views/pms/product/components/ProductWriteDetail.vue deleted 100644 → 0
<template>
<div style="margin-top: 50px">
<el-form :model="value"
ref="productForm"
label-width="150px"
style="padding: 0 30px;"
size="small">
<el-form-item :rules="[{required: true, trigger: 'blur', message: '详情内容不能为空'}]"
prop="detailHtml"
label="电脑端详情内容：">
<tinymce v-model="value.detailHtml"
:mchtId="value.mchtId"></tinymce>
<!-- <span class="notice">图片不超过10张，文字不超过500字</span> -->
<span class="notice">建议：所有图片都是本宝贝相关的图片</span>
<span class="notice">图片大小建议使用宽度480 ~ 750、高度小于等于960像素的图片</span>
<!-- <span class="notice">请手动输入文字，不要复制粘贴网页上的文字，防止出现乱码</span> -->
</el-form-item>
<el-form-item style="text-align: center;margin: 50px 0 0 0;">
<el-button size="medium"
@click="handlePrev">上一步，填写商品促销</el-button>
<el-button type="primary"
size="medium"
@click="handleFinishCommit('productForm')">完成，发布商品</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import Tinymce from '@/components/Tinymce'
export default {
name: "ProductWriteDetail",
components: { Tinymce },
props: {
value: Object,
isEdit: {
type: Boolean,
default: false
}
},
data() {
return {
//编辑模式时是否初始化成功
hasEditCreated: false
}
},
computed: {
//商品的编号
productId() {
return this.value.id
}
},
watch: {
productId: function (newValue) {
if (!this.isEdit) return;
if (this.hasEditCreated) return;
if (newValue === undefined || newValue == null || newValue === 0) return;
this.handleEditCreated();
}
},
methods: {
handleEditCreated() {
this.hasEditCreated = true;
},
handlePrev() {
this.$emit('prevStep')
},
handleFinishCommit (formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.$emit('finishCommit', this.isEdit)
} else {
this.$message({
message: '验证失败',
type: 'error',
duration: 1000
})
return false
}
})
},
// handleNext() {
// this.$refs.productForm.validate((valid) => {
// if (valid) {
// this.$emit('nextStep')
// }
// })
// }
}
}
</script>
<style scoped>
.littleMarginLeft {
margin-left: 10px;
}
.littleMarginTop {
margin-top: 10px;
}
.paramInput {
width: 250px;
}
.paramInputLabel {
display: inline-block;
width: 100px;
text-align: right;
padding-right: 10px;
}
.cardBg {
background: #f8f9fc;
}
</style>
src/views/pms/product/index.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 搜索条件查询 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
ref="queryData"
size="small">
<el-form-item label="商品名称：">
<el-input v-model="listQuery.name"
placeholder="商品名称"></el-input>
</el-form-item>
<el-form-item label="供应商名称：">
<el-input v-model="listQuery.mchtName"
placeholder="供应商名称"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="handleSearchList()"
type="primary"
size="small">
查 询
</el-button>
<el-button @click="handleResetSearch()"
size="small">
重 置
</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格渲染 -->
<el-card class="filter-container mt15"
shadow="never">
<!-- 批量操作 -->
<div class="operate-container">
<el-select size="small"
v-model="operateType"
clearable
placeholder="批量操作">
<el-option v-for="item in operates"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button style="margin-left: 20px"
class="search-button"
@click="handleBatchOperate()"
type="primary"
size="small">
确 认
</el-button>
</div>
<!-- 表格 -->
<div class="table-container">
<el-table ref="productTable"
:data="list"
@selection-change="handleSelectionChange"
v-loading="listLoading"
border>
<el-table-column type="selection"
width="55"
align="center"></el-table-column>
<el-table-column label="编号"
align="center"
prop="id">
</el-table-column>
<el-table-column label="商品名称"
align="center"
prop="name">
</el-table-column>
<el-table-column label="商品主图"
width="120"
align="center">
<template slot-scope="scope">
<el-image style="width: 80px"
:src="scope.row.productPic"
fit="contain"
:preview-src-list="[scope.row.productPic]"></el-image>
</template>
</el-table-column>
<el-table-column label="商品分类"
align="center">
<template slot-scope="scope">
{{scope.row.productCategoryName}}
</template>
</el-table-column>
<el-table-column label="市场价格"
align="center">
<template slot-scope="scope">{{scope.row.price}}</template>
</el-table-column>
<el-table-column label="上架状态"
align="center">
<template slot-scope="scope">{{scope.row.publishStatus | formatPublishStatus}}</template>
</el-table-column>
<el-table-column label="操作"
width="150"
align="center">
<template slot-scope="scope">
<p>
<el-button size="mini"
type="primary"
@click="handleUpdateProduct(scope.$index, scope.row)">编辑
</el-button>
<el-button size="mini"
type="danger"
@click="handleBatchDelete(scope.row.id)">删除
</el-button>
</p>
<p style="text-align: left;">
<el-button
v-if="!scope.row.publishStatus"
size="mini"
type="warning"
@click="handlePutWay(scope.row.id)">上架
</el-button>
<el-button
v-if="scope.row.publishStatus"
size="mini"
type="warning"
@click="handleBatchOff(scope.row.id)">下架
</el-button>
</p>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:page-size="listQuery.size"
:page-sizes="[10, 20, 30, 50, 100]"
:current-page.sync="listQuery.page"
:total="total">
</el-pagination>
</div>
</el-card>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getProductCategory } from '@/api/productCate'
import {
getProductAllList,
deleteProduct,
updatePublishStatus
} from '@/api/product'
import { UpdateClassifyModal, UpdateLabelModal } from '@/views/pms/components'
const defaultListQuery = {
page: 1,
size: 20,
name: '',
mchtName: '',
mchtId: '',
verifyStatus: 1
}
export default {
name: 'productList',
data() {
return {
// 级联面板定制
optionProps: {
expandTrigger: 'hover',
lazy: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
getProductCategory({
parentId: row.value
}).then(res => {
let list = res.data
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
},
productCategoryValue: [],
operates: [
{
label: '删除商品',
value: 'productDelete'
},
{
label: '上架商品',
value: 'productUp'
},
{
label: '下架商品',
value: 'productOff'
},
],
operateType: null,
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
}
},
created() {
this.getProductAllList()
this.listQuery.mchtId = this.$route.query.mchtId
this.listQuery.mchtName = this.$route.query.mchtName || ''
},
methods: {
// 查询商品接口
getProductAllList() {
this.listLoading = true
getProductAllList(this.listQuery).then(response => {
this.listLoading = false
this.list = response.data.list
this.total = response.data.total
}).catch(err => {
this.listLoading = false
})
},
// 表单重置
handleResetSearch() {
this.productCategoryValue = []
this.listQuery = Object.assign({}, defaultListQuery)
this.getProductAllList()
},
// 批量操作
handleBatchOperate() {
if (this.operateType == null) {
this.$message({
message: '请选择操作类型',
type: 'warning',
duration: 1000
})
return
}
if (this.multipleSelection == null || this.multipleSelection.length < 1) {
this.$message({
message: '请选择要操作的商品',
type: 'warning',
duration: 1000
})
return
}
switch (this.operateType) {
case this.operates[0].value: // 删除商品
this.handleBatchDelete()
break
case this.operates[1].value: // 上架商品
this.handlePutWay()
break
case this.operates[2].value: // 下架商品
this.handleBatchOff()
break
default:
break
}
},
// 操作删除商品
handleBatchDelete(id) {
this.$confirm('删除数据前请确保相关联的数据已经解除关联?', '您确定要删除所选商品吗?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
let ids = []
let strId = null
if (id) {
strId = id
} else {
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
strId = ids.join(',')
}
this.deleteProduct(strId)
})
},
// 删除商品接口
deleteProduct(ids) {
let params = {
ids: ids,
isDelete: 0,
status: 1
}
deleteProduct(params).then(response => {
this.$message({
message: '删除成功',
type: 'success',
duration: 1000
})
this.getProductAllList()
})
},
// 操作下架商品
handleBatchOff(id) {
let ids = []
let strId = null
if (id) {
strId = id
} else {
let num = this.multipleSelection.filter(item=>item.publishStatus == 0)
if(num.length){
this.$message({
message: '请选择上架的商品',
type: 'success',
duration: 1000
})
return
}
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
strId = ids.join(',')
console.log('djjdk ', strId)
}
this.$confirm('', '您确定要下架所选商品吗?', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
this.updatePublishStatus(strId, 0)
})
},
// 操作上架商品
handlePutWay(id) {
let ids = []
let strId = null
if (id) {
strId = id
console.log(id)
} else {
let num = this.multipleSelection.filter(item=>item.publishStatus == 1)
console.log(')有',num)
if(num.length){
this.$message({
message: '请选择下架的商品',
type: 'success',
duration: 1000
})
return
}
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
strId = ids.join(',')
console.log('strId', strId)
}
this.$confirm('', '您确定要上架所选商品吗?', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
this.updatePublishStatus(strId, 1)
})
},
// 下架接口 上架状态：0->下架；1->上架
updatePublishStatus(ids, status) {
let params = {
ids: ids,
isDelete: 0,
status: status
}
updatePublishStatus(params).then(response => {
this.$message({
message: status ? '上架成功': '下架成功',
type: 'success',
duration: 1000
})
this.getProductAllList()
})
},
// 条件查询
handleSearchList() {
this.listQuery.page = 1
this.getProductAllList()
},
// 每页页数变化
handleSizeChange(val) {
this.listQuery.page = 1
this.listQuery.size = val
this.getProductAllList()
},
//当前页变化
handleCurrentChange(val) {
this.listQuery.page = val
this.getProductAllList()
},
// 表格选择
handleSelectionChange(val) {
this.multipleSelection = val
},
// 编辑
handleUpdateProduct(index, row) {
this.$router.push({ path: '/pms/updateProduct', query: { id: row.id } })
},
},
computed: {
...mapGetters([
'userId'
])
},
filters: {
formatPublishStatus(value) {
if (value) {
return '上架'
} else {
return '下架'
}
}
}
}
</script>
<style lang="scss" scoped>
.filter-container {
.el-input {
width: 192px;
}
}
.operate-container {
font-size: 14px;
color: #606266;
padding: 0;
}
.mt15 {
margin-top: 15px;
}
.batch-operate-container {
width: 100%;
padding: 0 10px;
}
</style>
src/views/pms/product/update.vue deleted 100644 → 0
<template> 
<product-detail :is-edit='true'></product-detail>
</template>
<script>
import ProductDetail from './components/ProductDetail'
export default {
name: 'updateProduct',
components: { ProductDetail }
}
</script>
<style>
</style>
src/views/pms/productAudit/index.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 搜索条件查询 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
ref="queryData"
size="small">
<el-form-item label="商品名称：">
<el-input v-model="listQuery.name"
placeholder="商品名称"></el-input>
</el-form-item>
<el-form-item label="供应商名称：">
<el-input v-model="listQuery.mchtName"
placeholder="供应商名称"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="handleSearchList()"
type="primary"
size="small">
查 询
</el-button>
<el-button @click="handleResetSearch()"
size="small">
重 置
</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格渲染 -->
<el-card class="filter-container mt15"
shadow="never">
<!-- 表格 -->
<div class="table-container">
<el-table ref="productTable"
:data="list"
@selection-change="handleSelectionChange"
v-loading="listLoading"
border>
<el-table-column type="selection"
width="55"
align="center"></el-table-column>
<el-table-column label="编号"
align="center"
prop="id">
</el-table-column>
<el-table-column label="商品名称"
align="center"
prop="name">
</el-table-column>
<el-table-column label="商品主图"
width="120"
align="center">
<template slot-scope="scope">
<el-image style="width: 80px"
:src="scope.row.productPic"
fit="contain"
:preview-src-list="[scope.row.productPic]"></el-image>
</template>
</el-table-column>
<el-table-column label="商品分类"
align="center">
<template slot-scope="scope">
{{scope.row.productCategoryName}}
</template>
</el-table-column>
<el-table-column label="市场价格"
align="center">
<template slot-scope="scope">{{scope.row.price}}</template>
</el-table-column>
<el-table-column label="上架状态"
align="center">
<template slot-scope="scope">{{scope.row.publishStatus | formatPublishStatus}}</template>
</el-table-column>
<el-table-column label="操作"
width="150"
align="center">
<template slot-scope="scope">
<el-button
size="mini"
type="warning"
@click="handleAudit(scope.row.id)">审核
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:page-size="listQuery.size"
:page-sizes="[10, 20, 30, 50, 100]"
:current-page.sync="listQuery.page"
:total="total">
</el-pagination>
</div>
</el-card>
<!-- 弹窗 -->
<audit-product ref="auditProduct"
@ok="getProductAllList"></audit-product>
<!-- end -->
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getProductCategory } from '@/api/productCate'
import {
getProductAllList,
deleteProduct,
updatePublishStatus
} from '@/api/product'
import { AuditProduct } from '@/views/pms/components'
const defaultListQuery = {
page: 1,
size: 20,
name: '',
mchtName: '',
verifyStatus: 0
}
export default {
name: 'productAudit',
components:{
AuditProduct
},
data() {
return {
// 级联面板定制
optionProps: {
expandTrigger: 'hover',
lazy: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
getProductCategory({
parentId: row.value
}).then(res => {
let list = res.data
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
},
productCategoryValue: [],
operates: [
{
label: '删除商品',
value: 'productDelete'
},
{
label: '上架商品',
value: 'productUp'
},
{
label: '下架商品',
value: 'productOff'
},
],
operateType: null,
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
}
},
created() {
this.getProductAllList()
},
methods: {
// 查询商品接口
getProductAllList() {
console.log('getProductAllList')
this.listLoading = true
console.log('getProductAllList',this.listQuery)
getProductAllList(this.listQuery).then(response => {
console.log('成功')
this.listLoading = false
this.list = response.data.list
this.total = response.data.total
}).catch(err => {
console.log('err')
this.listLoading = false
})
},
// 表单重置
handleResetSearch() {
this.productCategoryValue = []
this.listQuery = Object.assign({}, defaultListQuery)
this.getProductAllList()
},
// 添加供应商
handleAudit (id) {
this.$refs.auditProduct.add(id)
},
// 操作删除商品
handleBatchDelete(id) {
this.$confirm('删除数据前请确保相关联的数据已经解除关联?', '您确定要删除所选商品吗?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
let ids = []
let strId = null
if (id) {
strId = id
} else {
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
strId = ids.join(',')
}
this.deleteProduct(strId)
})
},
// 删除商品接口
deleteProduct(ids) {
let params = {
ids: ids,
isDelete: 0,
status: 1
}
deleteProduct(params).then(response => {
this.$message({
message: '删除成功',
type: 'success',
duration: 1000
})
this.getProductAllList()
})
},
// 操作下架商品
handleBatchOff(id) {
let ids = []
let strId = null
if (id) {
strId = id
} else {
let num = this.multipleSelection.filter(item=>item.publishStatus == 0)
if(num.length){
this.$message({
message: '请选择上架的商品',
type: 'success',
duration: 1000
})
return
}
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
strId = ids.join(',')
console.log('djjdk ', strId)
}
this.$confirm('', '您确定要下架所选商品吗?', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
this.updatePublishStatus(strId, 0)
})
},
// 操作上架商品
handlePutWay(id) {
let ids = []
let strId = null
if (id) {
strId = id
console.log(id)
} else {
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id)
}
strId = ids.join(',')
console.log('strId', strId)
}
this.$confirm('', '您确定要上架所选商品吗?', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
this.updatePublishStatus(strId, 1)
})
},
// 下架接口 上架状态：0->下架；1->上架
updatePublishStatus(ids, status) {
let params = {
ids: ids,
isDelete: 0,
status: status
}
updatePublishStatus(params).then(response => {
this.$message({
message: status ? '上架成功': '下架成功',
type: 'success',
duration: 1000
})
this.getProductAllList()
})
},
// 条件查询
handleSearchList() {
this.listQuery.page = 1
this.getProductAllList()
},
// 每页页数变化
handleSizeChange(val) {
this.listQuery.page = 1
this.listQuery.size = val
this.getProductAllList()
},
//当前页变化
handleCurrentChange(val) {
this.listQuery.page = val
this.getProductAllList()
},
// 表格选择
handleSelectionChange(val) {
this.multipleSelection = val
},
// 编辑
handleUpdateProduct(index, row) {
this.$router.push({ path: '/pms/updateProduct', query: { id: row.id } })
},
},
computed: {
...mapGetters([
'userId'
])
},
filters: {
formatPublishStatus(value) {
if (value) {
return '上架'
} else {
return '下架'
}
}
}
}
</script>
<style lang="scss" scoped>
.filter-container {
.el-input {
width: 192px;
}
}
.operate-container {
font-size: 14px;
color: #606266;
padding: 0;
}
.mt15 {
margin-top: 15px;
}
.batch-operate-container {
width: 100%;
padding: 0 10px;
}
</style>
src/views/ppc/AttributeClassifyList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 操作栏 -->
<el-card class="operate-container"
shadow="never">
<div class="row-item">
<el-steps :active="3"
align-center>
<el-step title="创建分类"></el-step>
<el-step title="创建类型"></el-step>
<el-step title="创建分组"></el-step>
<!-- <el-step title="添加属性"></el-step>-->
</el-steps>
<el-button size="small"
type="primary"
@click="handleAdd()">添加属性分类</el-button>
</div>
</el-card>
<!-- 表格栏 -->
<div class="table-container">
<el-table :data="list"
ref="table"
row-key="id"
lazy
:load="loadChildren"
:tree-props="{children: 'children'}"
v-loading="listLoading"
border>
<el-table-column label="分类层级"
align="center">
<template slot-scope="scope">{{scope.row.level | formatLevel}}</template>
</el-table-column>
<el-table-column label="编号"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="分类名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="类型数量"
align="center">
<template slot-scope="scope">{{scope.row.paramCount || 0}}</template>
</el-table-column>
<el-table-column label="排序"
align="center">
<template slot-scope="scope">{{scope.row.sort || '-'}}</template>
</el-table-column>
<el-table-column label="操作"
width="320"
align="center">
<template slot-scope="scope">
<el-button v-if="scope.row.level < 3"
size="mini"
type="primary"
@click="handleAdd(scope.row)">添加下级</el-button>
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.row)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 弹窗 -->
<attribute-classify-modal ref="detailModal"
@ok="refresh"></attribute-classify-modal>
<!-- end -->
</div>
</template>
<script>
import { fetchAttributeClassifyList, deleteAttributeClassify } from '@/api/attributeClassify'
import AttributeClassifyModal from './modules/AttributeClassifyModal'
// 属性分类列表
export default {
name: 'AttributeClassifyList',
components: {
AttributeClassifyModal
},
data() {
return {
list: [],
listLoading: false
}
},
mounted() {
this.getList()
},
filters: {
formatLevel(level) {
if (level == 3) {
return '三级'
} else if (level == 2) {
return '二级'
} else {
return '一级'
}
}
},
methods: {
// 添加下级
handleAdd(row) {
this.$refs.detailModal.add(row)
},
// 编辑
handleUpdate(row) {
this.$refs.detailModal.detail(row.id)
},
// 删除
handleDelete(row) {
this.$confirm('删除该分类前请确保相关联的数据已经解除关联', '您确定要删除' + row.name + '分类吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
// 请求删除
this.listLoading = true
deleteAttributeClassify(row.id).then(res => {
this.listLoading = false
this.refresh(row.parentId)
}).catch(err => {
this.listLoading = false
})
})
},
// 查看
lookDetail(row) {
this.$router.push({ name: 'attributeTypeList', params: row })
},
//请求数据
getList() {
this.listLoading = true
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: 0
}).then(res => {
this.listLoading = false
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
this.list = list
})
},
//加载子节点数据
loadChildren(row, treeNode, resolve) {
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.id
}).then(res => {
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
resolve(list)
})
},
//刷新节点
refresh(id) {
if (id == 0) {
this.getList()
} else {
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: id
}).then(res => {
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
this.$set(this.$refs.table.store.states.lazyTreeNodeMap, id, list)
})
}
}
}
}
</script>
<style scoped>
.row-item {
display: flex;
flex-direction: row;
align-items: center;
}
.row-item .el-steps {
flex: 1;
}
</style>
src/views/ppc/AttributeGroupList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="属性分类：">
<el-cascader v-model="classifyIds"
size="small"
class="input-width"
expand-trigger="hover"
clearable
:props="props"></el-cascader>
</el-form-item>
<el-form-item label="属性类型：">
<el-select size="small"
clearable
placeholder="属性类型"
v-model="listQuery.cid">
<el-option v-for="item in typeOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<!-- 筛选操作 -->
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
size="small">筛选</el-button>
</el-form-item>
<el-button class="btn-add"
size="small"
type="primary"
@click="handleAdd">添加属性分组</el-button>
</el-form>
</el-card>
<!-- 表格栏 -->
<div class="table-container">
<el-table :data="list"
row-key="id"
:tree-props="{children: 'children'}"
v-loading="listLoading"
border>
<el-table-column label="序号"
width="100"
align="center">
<template slot-scope="scope">{{scope.$index + 1}}</template>
</el-table-column>
<el-table-column label="编号"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="属性分组名"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="所属类型"
align="center">
<template slot-scope="scope">{{scope.row.attributeTypeName}}</template>
</el-table-column>
<el-table-column label="属性个数"
align="center">
<template slot-scope="scope">{{scope.row.paramCount || 0}}</template>
</el-table-column>
<el-table-column label="属性"
align="center">
<template slot-scope="scope">{{scope.row.attributeName}}</template>
</el-table-column>
<el-table-column label="操作"
width="220"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.row)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[5,10,15]"
:total="total">
</el-pagination>
</div>
<!-- 弹窗 -->
<attribute-group-modal ref="detailModal"
@ok="getList"></attribute-group-modal>
<!-- end -->
</div>
</template>
<script>
import { fetchAttributeGroupList, deleteAttributeGroup } from '@/api/attributeGroup'
import { fetchAttributeClassifyList } from '@/api/attributeClassify'
import { fetchAttributeTypeList } from '@/api/attributeType'
import AttributeGroupModal from './modules/AttributeGroupModal'
// 属性类型列表
export default {
name: 'AttributeGroupList',
components: {
AttributeGroupModal
},
data() {
return {
listQuery: {
pageSize: 10,
pageNum: 1,
attributeCategoryId: null,
cid: null
},
classifyIds: [],
total: 0,
list: [],
listLoading: false,
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.value
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
},
typeOptions: []
}
},
mounted() {
if (this.$route.params.id) {
this.listQuery.cid = this.$route.params.id
}
this.getList()
},
methods: {
handleSearchList() {
if (this.classifyIds && this.classifyIds.length > 0) {
this.listQuery.attributeCategoryId = this.classifyIds[this.classifyIds.length - 1]
} else {
this.listQuery.attributeCategoryId = null
}
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
// 添加下级
handleAdd(row) {
this.$refs.detailModal.add()
},
// 编辑
handleUpdate(row) {
this.$refs.detailModal.detail(row.id)
},
// 删除
handleDelete(row) {
this.$confirm('删除该分组前请确保相关联的数据已经解除关联', '您确定要删除' + row.name + '分组吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
// 请求删除
this.listLoading = true
deleteAttributeGroup([row.id]).then(res => {
this.listLoading = false
this.getList()
}).catch(err => {
this.listLoading = false
})
})
},
// 查看
lookDetail(row) {
this.$router.push({ name: 'attributeList', params: row })
},
//请求数据
getList() {
this.listLoading = true
fetchAttributeGroupList(this.listQuery).then(res => {
this.listLoading = false
let list = res.data.list
this.list = list
this.total = Number(res.data.total)
}).catch(err => {
this.listLoading = false
})
if (!this.typeOptions || this.typeOptions.length == 0) {
this.getTypeList()
}
},
//获取类型数据
getTypeList() {
fetchAttributeTypeList({
pageSize: 100,
pageNum: 1,
attributeCategoryId: 0
}).then(res => {
this.typeOptions = res.data.list
})
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.row-item {
display: flex;
flex-direction: row;
align-items: center;
}
.row-item .el-steps {
flex: 1;
}
</style>
\ No newline at end of file
src/views/ppc/AttributeList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="属性类型：">
<el-select size="small"
clearable
placeholder="属性类型"
v-model="listQuery.attributeTypeId">
<el-option v-for="item in typeOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="属性分组：">
<el-select size="small"
clearable
placeholder="属性组"
v-model="listQuery.cid">
<el-option v-for="item in groupOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
size="small">筛选</el-button>
</el-form-item>
<el-button class="btn-add"
size="small"
type="primary"
@click="handleAdd">添加新属性</el-button>
</el-form>
</el-card>
<!-- 表格栏 -->
<div class="table-container">
<el-table :data="list"
row-key="id"
:tree-props="{children: 'children'}"
v-loading="listLoading"
border>
<el-table-column label="序号"
width="100"
align="center">
<template slot-scope="scope">{{scope.$index + 1}}</template>
</el-table-column>
<el-table-column label="编号"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="商家名称"
align="center">
<template slot-scope="scope">{{scope.row.shopName || '--'}}</template>
</el-table-column>
<el-table-column label="属性名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="属性分组"
align="center">
<template slot-scope="scope">{{scope.row.attributeGroupName}}</template>
</el-table-column>
<el-table-column label="属性类型"
align="center">
<template slot-scope="scope">{{scope.row.attributeTypeName || '--'}}</template>
</el-table-column>
<el-table-column label="可否检索"
align="center">
<template slot-scope="scope">{{scope.row.searchType | formatSearchType}}</template>
</el-table-column>
<el-table-column label="是否关联"
align="center">
<template slot-scope="scope">{{scope.row.relatedStatus | formatRelatedStatus}}</template>
</el-table-column>
<el-table-column label="是否可选"
align="center">
<template slot-scope="scope">{{scope.row.selectType | formatSelectType}}</template>
</el-table-column>
<el-table-column label="操作"
width="220"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.row)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
<el-button size="mini"
type="primary"
@click="handleChange(scope.row)">移动</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
<!-- 弹窗 -->
<attribute-modal ref="detailModal"
@ok="getList"></attribute-modal>
<attribute-change-modal ref="changeModal"
@ok="getList"></attribute-change-modal>
<!-- end -->
</div>
</template>
<script>
import { fetchAttributeList, deleteAttribute } from '@/api/attribute'
import { fetchAttributeTypeList } from '@/api/attributeType'
import { fetchAttributeGroupList } from '@/api/attributeGroup'
import AttributeModal from './modules/AttributeModal'
import AttributeChangeModal from './modules/AttributeChangeModal'
// 属性类型列表
export default {
name: 'AttributeList',
components: {
AttributeModal,
AttributeChangeModal
},
data() {
return {
listQuery: {
pageNum: 1,
pageSize: 10,
cid: null,
attributeTypeId: null
},
total: 0,
list: [],
listLoading: false,
typeOptions: [],
groupOptions: []
}
},
mounted() {
if (this.$route.params.id) {
this.listQuery.cid = this.$route.params.id
}
this.getList()
},
filters: {
formatSearchType(searchType) {
if (searchType == 2) {
return '范围检索'
} else if (searchType == 1) {
return '关键字检索'
} else {
return '不需要检索'
}
},
formatSelectType(selectType) {
if (selectType == 2) {
return '复选属性'
} else if (selectType == 1) {
return '单选属性'
} else {
return '唯一属性'
}
},
formatRelatedStatus(relatedStatus) {
if (relatedStatus == 1) {
return '关联'
} else {
return '不关联'
}
}
},
methods: {
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
// 添加下级
handleAdd(row) {
this.$refs.detailModal.add()
},
// 编辑
handleUpdate(row) {
this.$refs.detailModal.detail(row.id)
},
// 删除
handleDelete(row) {
this.$confirm('删除该条数据前请确保相关联的数据已经解除关联', '您确定要删除所选类型吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
// 请求删除
this.listLoading = true
deleteAttribute(row.id).then(res => {
this.listLoading = false
this.getList()
}).catch(err => {
this.listLoading = false
})
})
},
// 移动
handleChange(row) {
this.$refs.changeModal.detail(row.id)
},
// 请求数据
getList() {
this.listLoading = true
fetchAttributeList(this.listQuery).then(res => {
this.listLoading = false
let list = res.data.list
this.list = list
this.total = Number(res.data.total)
}).catch(err => {
this.listLoading = false
})
if (!this.typeOptions || this.typeOptions.length == 0) {
this.getTypeList()
}
if (!this.groupOptions || this.groupOptions.length == 0) {
this.getGroupList()
}
},
// 获取类型数据
getTypeList() {
fetchAttributeTypeList({
pageSize: 100,
pageNum: 1,
attributeCategoryId: 0
}).then(res => {
this.typeOptions = res.data.list
})
},
// 获取分组数据
getGroupList() {
fetchAttributeGroupList({
pageSize: 100,
pageNum: 1
}).then(res => {
this.groupOptions = res.data.list
})
}
}
}
</script>
<style scoped>
.row-item {
display: flex;
flex-direction: row;
align-items: center;
}
.row-item .el-steps {
flex: 1;
}
</style>
\ No newline at end of file
src/views/ppc/AttributeTypeList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="属性分类：">
<el-cascader v-model="classifyIds"
size="small"
class="input-width"
clearable
expand-trigger="hover"
:props="props"></el-cascader>
</el-form-item>
<!-- 筛选操作 -->
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
size="small">筛选</el-button>
</el-form-item>
<el-button class="btn-add"
size="small"
type="primary"
@click="handleAdd">添加属性类型</el-button>
</el-form>
</el-card>
<!-- 表格栏 -->
<div class="table-container">
<el-table :data="list"
row-key="id"
:tree-props="{children: 'children'}"
v-loading="listLoading"
border>
<el-table-column label="序号"
width="100"
align="center">
<template slot-scope="scope">{{scope.$index + 1}}</template>
</el-table-column>
<el-table-column label="编号"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="类型名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="属性分组"
align="center">
<template slot-scope="scope">{{scope.row.attributeGroupName || '-'}}</template>
</el-table-column>
<el-table-column label="属性分类"
align="center">
<template slot-scope="scope">{{scope.row.categoryName}}</template>
</el-table-column>
<el-table-column label="属性个数"
align="center">
<template slot-scope="scope">{{scope.row.paramCount}}</template>
</el-table-column>
<el-table-column label="操作"
width="220"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.row)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页栏 -->
<div class="pagination-container">
<el-pagination background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes, prev, pager, next, jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[10,30,50]"
:total="total">
</el-pagination>
</div>
<!-- 弹窗 -->
<attribute-type-modal ref="detailModal"
@ok="getList"></attribute-type-modal>
<!-- end -->
</div>
</template>
<script>
import { fetchAttributeTypeList, deleteAttributeType } from '@/api/attributeType'
import { fetchAttributeClassifyList, getAttributeClassify } from '@/api/attributeClassify'
import AttributeTypeModal from './modules/AttributeTypeModal'
// 属性类型列表
export default {
name: 'AttributeTypeList',
components: {
AttributeTypeModal
},
data() {
return {
listQuery: {
pageSize: 10,
pageNum: 1,
attributeCategoryId: 0
},
classifyIds: [],
total: 0,
list: [],
listLoading: false,
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.value
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
mounted() {
this.init()
},
methods: {
init() {
if (this.$route.params.id) {
let classify = this.$route.params
this.listQuery.attributeCategoryId = classify.id
if (classify.parentId == 0) {
this.classifyIds.push(classify.id)
this.getList()
} else if (classify.hasChildren) {
this.classifyIds.push(classify.parentId)
this.classifyIds.push(classify.id)
this.getList()
} else {
getAttributeClassify(classify.parentId).then(res => {
this.$nextTick(() => {
this.classifyIds.push(res.data.parentId)
this.classifyIds.push(classify.parentId)
this.classifyIds.push(classify.id)
this.getList()
})
})
}
} else {
this.getList()
}
},
handleSearchList() {
if (this.classifyIds && this.classifyIds.length > 0) {
this.listQuery.attributeCategoryId = this.classifyIds[this.classifyIds.length - 1]
} else {
this.listQuery.attributeCategoryId = 0
}
this.listQuery.pageNum = 1
this.getList()
},
handleSizeChange(val) {
this.listQuery.pageNum = 1
this.listQuery.pageSize = val
this.getList()
},
handleCurrentChange(val) {
this.listQuery.pageNum = val
this.getList()
},
// 添加下级
handleAdd(row) {
this.$refs.detailModal.add()
},
// 编辑
handleUpdate(row) {
this.$refs.detailModal.detail(row.id)
},
// 删除
handleDelete(row) {
this.$confirm('删除该条数据前请确保相关联的数据已经解除关联', '您确定要删除所选类型吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
// 请求删除
this.listLoading = true
deleteAttributeType([row.id]).then(res => {
this.listLoading = false
this.getList()
}).catch(err => {
this.listLoading = false
})
})
},
// 查看
lookDetail(row) {
this.$router.push({ name: 'attributeGroupList', params: row })
},
//请求数据
getList() {
this.listLoading = true
fetchAttributeTypeList(this.listQuery).then(res => {
this.listLoading = false
let list = res.data.list
this.list = list
this.total = Number(res.data.total)
})
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.row-item {
display: flex;
flex-direction: row;
align-items: center;
}
.row-item .el-steps {
flex: 1;
}
</style>
\ No newline at end of file
src/views/ppc/ClassifyAttributeList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 表格栏 -->
<div class="table-container">
<el-table :data="list"
ref="table"
row-key="id"
lazy
:load="loadChildren"
:tree-props="{children: 'children'}"
v-loading="listLoading"
border>
<el-table-column label="分类层级"
align="center">
<template slot-scope="scope">{{scope.row.level | formatLevel}}</template>
</el-table-column>
<el-table-column label="类目名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="商品数量"
align="center">
<template slot-scope="scope">{{scope.row.productCount || 0}}</template>
</el-table-column>
<el-table-column label="分类税率（%）"
align="center">
<template slot-scope="scope">{{scope.row.categoryRate || '--'}}%</template>
</el-table-column>
<el-table-column label="平台佣金比例（%）"
align="center">
<template slot-scope="scope">{{scope.row.commissionRate || '--'}}%</template>
</el-table-column>
<el-table-column label="数量单位"
align="center">
<template slot-scope="scope">{{scope.row.productUnit || '-'}}</template>
</el-table-column>
<el-table-column label="排序"
align="center">
<template slot-scope="scope">{{scope.row.sort || '-'}}</template>
</el-table-column>
<el-table-column label="是否显示"
align="center">
<template slot-scope="scope">
<el-switch v-model="scope.row.showStatus"
@change="changeShowStatus(scope.row)"
:inactive-value="0"
:active-value="1"></el-switch>
</template>
</el-table-column>
<el-table-column label="操作"
width="280"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.row)">编辑设定</el-button>
<el-button size="mini"
type="primary"
@click="handleChange(scope.row)">转移商品</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 弹窗 -->
<classify-modal ref="detailModal"
@ok="refresh"></classify-modal>
<!-- 转移分类商品弹窗 -->
<classify-change-modal ref="changeModal"
@ok="getList"></classify-change-modal>
<!-- end -->
</div>
</template>
<script>
import { getClassifyList, deleteClassify, changeShow } from '@/api/classify'
import ClassifyModal from './modules/ClassifyModal'
import ClassifyChangeModal from './modules/ClassifyChangeModal'
// 属性分类列表
export default {
name: 'AttributeClassifyList',
components: {
ClassifyModal,
ClassifyChangeModal
},
data() {
return {
list: [],
listLoading: false
}
},
mounted() {
this.getList()
},
filters: {
formatLevel(level) {
if (level == 3) {
return '三级'
} else if (level == 2) {
return '二级'
} else {
return '一级'
}
}
},
methods: {
// 编辑设定
handleUpdate(row) {
this.$refs.detailModal.detail(row.id)
},
// 删除
handleDelete(row) {
this.$confirm('删除该条数据前请确保相关联的数据已经解除关联', '您确定要删除所选分类吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
// 请求删除
this.listLoading = true
deleteClassify(row.id).then(res => {
this.listLoading = false
this.refresh(row.parentId)
}).catch(res => {
this.listLoading = false
})
})
},
changeShowStatus(row) {
changeShow({ ids: row.id, showStatus: row.showStatus }).then(res => {
this.$message.success('切换成功')
}).catch(err => {
row.showStatus = 1 - row.showStatus
})
},
// 转移商品
handleChange(row) {
this.$refs.changeModal.detail(row)
},
// 请求数据
getList() {
this.listLoading = true
getClassifyList(0, { pageSize: 100, pageNum: 1 }).then(res => {
this.listLoading = false
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
this.list = list
})
},
// 加载子节点数据
loadChildren(row, treeNode, resolve) {
getClassifyList(row.id, { pageSize: 100, pageNum: 1 }).then(res => {
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
resolve(list)
})
},
// 刷新节点
refresh(id) {
if (id == 0) {
this.getList()
} else {
getClassifyList(id, { pageSize: 100, pageNum: 1 }).then(res => {
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
this.$set(this.$refs.table.store.states.lazyTreeNodeMap, id, list)
})
}
}
}
}
</script>
<style scoped>
.row-item {
display: flex;
flex-direction: row;
align-items: center;
}
.row-item .el-steps {
flex: 1;
}
</style>
\ No newline at end of file
src/views/ppc/ClassifyList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<el-row :gutter="24">
<!-- 一级分类 -->
<el-col :offset="2"
:span="6">
<el-card>
<div class="card-head"
slot="header">
<div class="row-item">
<el-input size="small"
v-model="inputOne"
maxlength="20"
placeholder="分类名称／关键字"></el-input>
<el-button size="small"
icon="el-icon-plus"
@click="handleAdd(1)"></el-button>
</div>
<div class="row-item">
<div class="column-item">一级分类</div>
<div class="column-tip">{{list ? list.length : 0}}</div>
</div>
</div>
<el-table :data="list"
border
v-loading="oneLoading"
max-height="500"
:show-header="false"
highlight-current-row
@current-change="selectOneClassify">
<el-table-column>
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column width="50"
align="center">
<template slot-scope="scope">
<el-button type="danger"
circle
size="mini"
icon="el-icon-close"
@click="handleDelete(1, scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</el-col>
<!-- 二级分类 -->
<el-col v-if="oneClassify"
:offset="1"
:span="6">
<el-card>
<!-- 分类操作 -->
<div class="card-head"
slot="header">
<div class="row-item">
<el-input size="small"
v-model="inputTwo"
maxlength="20"
placeholder="分类名称／关键字"></el-input>
<el-button size="small"
icon="el-icon-plus"
@click="handleAdd(2)"></el-button>
</div>
<div class="row-item">
<div class="column-item">二级分类</div>
<div class="column-tip">{{twoList ? twoList.length : 0}}</div>
</div>
</div>
<!-- 分类列表 -->
<el-table :data="twoList"
border
v-loading="twoLoading"
max-height="500"
:show-header="false"
highlight-current-row
@current-change="selectTwoClassify">
<el-table-column>
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column width="50"
align="center">
<template slot-scope="scope">
<el-button type="danger"
circle
size="mini"
icon="el-icon-close"
@click="handleDelete(2, scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</el-col>
<!-- 三级分类 -->
<el-col v-if="twoClassify"
:offset="1"
:span="6">
<el-card>
<!-- 分类操作 -->
<div class="card-head"
slot="header">
<div class="row-item">
<el-input size="small"
v-model="inputThree"
maxlength="20"
placeholder="分类名称／关键字"></el-input>
<el-button size="small"
icon="el-icon-plus"
@click="handleAdd(3)"></el-button>
</div>
<div class="row-item">
<div class="column-item">三级分类</div>
<div class="column-tip">{{threeList ? threeList.length : 0}}</div>
</div>
</div>
<!-- 分类列表 -->
<el-table :data="threeList"
border
v-loading="threeLoading"
max-height="500"
:show-header="false">
<el-table-column>
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column width="50"
align="center">
<template slot-scope="scope">
<el-button type="danger"
circle
size="mini"
icon="el-icon-close"
@click="handleDelete(3, scope.row)"></el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</el-col>
</el-row>
</div>
</template>
<script>
import { getClassifyList, deleteClassify, createClassify } from '@/api/classify'
export default {
name: 'ClassifyList',
components: {},
data() {
return {
oneLoading: false,
inputOne: null,
list: null,
oneClassify: null,
twoLoading: false,
inputTwo: null,
twoList: null,
twoClassify: null,
threeLoading: false,
inputThree: null,
threeList: null
}
},
created() {
// 参数 type 1一级分类，parentId 0顶级分类
this.getList(1, 0);
},
methods: {
// 添加分类
handleAdd(type) {
if (type == 1) {
if (!this.inputOne) {
this.$message({ type: 'warning', message: '请输入一级分类名称' })
return
}
this.submitAdd(type, 0, this.inputOne)
} else if (type == 2) {
if (!this.inputTwo) {
this.$message({ type: 'warning', message: '请输入二级分类名称' })
return
}
this.submitAdd(type, this.oneClassify.id, this.inputTwo)
} else if (type == 3) {
if (!this.inputThree) {
this.$message({ type: 'warning', message: '请输入三级分类名称' })
return
}
this.submitAdd(type, this.twoClassify.id, this.inputThree)
}
},
// 请求添加
submitAdd(type, parentId, name) {
let params = {
pmsProductCategory: { parentId: parentId, name: name, showStatus: 0 }
}
if (type == 1) {
this.oneLoading = true
} else if (type == 2) {
this.twoLoading = true
} else if (type == 3) {
this.threeLoading = true
}
createClassify(params).then(res => {
if (type == 1) {
this.inputOne = null
this.oneLoading = false
} else if (type == 2) {
this.inputTwo = null
this.twoLoading = false
} else if (type == 3) {
this.inputThree = null
this.threeLoading = false
}
this.getList(type, parentId)
})
},
// 选择一级分类
selectOneClassify(row) {
if (!row) {
return
}
this.oneClassify = row
this.twoList = []
this.twoClassify = null
this.threeList = []
// 获取对应的二级分类列表
this.getList(2, row.id)
},
// 选择二级分类
selectTwoClassify(row) {
if (!row) {
return
}
this.twoClassify = row
this.threeList = []
// 获取对应的三级分类列表
this.getList(3, row.id)
},
// 删除分类
handleDelete(type, row) {
this.$confirm('删除该条数据前请确保相关联的数据已经解除关联', '您确定要删除所选分类吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
//请求删除标签组
deleteClassify(row.id).then(res => {
if (type == 1) {
this.getList(1, 0)
} else if (type == 2) {
this.selectOneClassify(this.oneClassify)
} else if (type == 3) {
this.selectTwoClassify(this.twoClassify)
}
})
})
},
// 请求数据
getList(type, parentId) {
if (type == 1) {
this.oneLoading = true
} else if (type == 2) {
this.twoLoading = true
} else if (type == 3) {
this.threeLoading = true
}
getClassifyList(parentId, { pageSize: 100, pageNum: 1 }).then(res => {
if (type == 1) {
this.oneLoading = false
this.list = res.data.list
} else if (type == 2) {
this.twoLoading = false
this.twoList = res.data.list
} else if (type == 3) {
this.threeLoading = false
this.threeList = res.data.list
}
}).catch(err => {
if (type == 1) {
this.oneLoading = false
} else if (type == 2) {
this.twoLoading = false
} else if (type == 3) {
this.threeLoading = false
}
})
}
}
}
</script>
<style scoped>
.input-width {
width: 200px;
}
.row-item {
display: flex;
flex-direction: row;
align-items: center;
}
.row-item .el-input {
flex: 1;
margin-right: 10px;
}
.row-item .column-item {
flex: 1;
margin-top: 12px;
color: #666;
font-size: 14px;
}
.row-item .column-tip {
text-align: center;
min-width: 40px;
margin-top: 12px;
color: #666;
font-size: 14px;
}
</style>
\ No newline at end of file
src/views/ppc/OwnClassifyList.vue deleted 100644 → 0
<template> 
<div class="app-container">
<!-- 操作栏 -->
<el-card class="operate-container"
shadow="never">
<div class="row-item">
<el-button size="small"
type="primary"
@click="handleAdd()">添加新分类</el-button>
</div>
</el-card>
<!-- 表格栏 -->
<div class="table-container">
<el-table :data="list"
ref="table"
row-key="id"
lazy
:load="loadChildren"
:tree-props="{children: 'children'}"
v-loading="listLoading"
border>
<el-table-column label="分类层级"
align="center">
<template slot-scope="scope">{{scope.row.level | formatLevel}}</template>
</el-table-column>
<el-table-column label="排序"
align="center">
<template slot-scope="scope">{{scope.row.sort || '-'}}</template>
</el-table-column>
<el-table-column label="分类名称"
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="分类图标"
align="center">
<template slot-scope="scope">
<el-image :src="scope.row.categoryPic"
:preview-src-list="[scope.row.categoryPic]"
style="width: 100px;"
fit="contain"></el-image>
</template>
</el-table-column>
<el-table-column label="商品数量"
align="center">
<template slot-scope="scope">{{scope.row.paramCount || 0}}</template>
</el-table-column>
<el-table-column label="是否显示"
align="center">
<template slot-scope="scope">{{scope.row.isShowShop == 1 ? '显示' : '不显示'}}</template>
</el-table-column>
<el-table-column label="是否推荐"
align="center">
<template slot-scope="scope">{{scope.row.isNativeShow == 1 ? '推荐' : '不推荐'}}</template>
</el-table-column>
<el-table-column label="操作"
width="340"
align="center">
<template slot-scope="scope">
<el-button v-if="scope.row.level < 3"
size="mini"
type="primary"
@click="handleAdd(scope.row)">添加下级</el-button>
<el-button size="mini"
type="success"
@click="handleChange(scope.row)">转移商品</el-button>
<el-button size="mini"
type="warning"
@click="handleUpdate(scope.row)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 弹窗 -->
<own-classify-modal ref="detailModal"
@ok="refresh"></own-classify-modal>
<own-classify-move-modal ref="moveModal"
@ok="refresh"></own-classify-move-modal>
<!-- end -->
</div>
</template>
<script>
import { fetchOwnClassifyList, deleteOwnClassify } from '@/api/ownClassify'
import OwnClassifyModal from './modules/OwnClassifyModal'
import OwnClassifyMoveModal from './modules/OwnClassifyMoveModal'
// 属性分类列表
export default {
name: 'OwnClassifyList',
components: {
OwnClassifyModal,
OwnClassifyMoveModal
},
data() {
return {
list: [],
listLoading: false
}
},
mounted() {
this.getList()
},
filters: {
formatLevel(level) {
if (level == 3) {
return '三级'
} else if (level == 2) {
return '二级'
} else {
return '一级'
}
}
},
methods: {
// 添加下级
handleAdd(row) {
this.$refs.detailModal.add(row)
},
// 编辑
handleUpdate(row) {
this.$refs.detailModal.detail(row.id)
},
// 删除
handleDelete(row) {
this.$confirm('删除该分类前请确保相关联的数据已经解除关联', '您确定要删除' + row.name + '分类吗？', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true
}).then(() => {
// 请求删除
deleteOwnClassify([row.id]).then(res => {
this.refresh(row.parentId)
})
})
},
// 转移商品
handleChange(row) {
this.$refs.moveModal.show(row)
},
//请求数据
getList() {
this.listLoading = true
fetchOwnClassifyList({
pageSize: 100,
pageNum: 1,
parentId: 0
}).then(res => {
this.listLoading = false
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
this.list = list
})
},
//加载子节点数据
loadChildren(row, treeNode, resolve) {
fetchOwnClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.id
}).then(res => {
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
resolve(list)
})
},
//刷新节点
refresh(id) {
if (id == 0) {
this.getList()
} else {
fetchOwnClassifyList({
pageSize: 100,
pageNum: 1,
parentId: id
}).then(res => {
let list = res.data.list
list.map(item => {
item.hasChildren = item.level < 3
})
this.$set(this.$refs.table.store.states.lazyTreeNodeMap, id, list)
})
}
}
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/ppc/modules/AttributeClassifyModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="550px">
<el-form :model="model"
ref="attributeForm"
v-loading="loading"
label-width="130px">
<el-form-item label="上级分类："
prop="parent"
:rules="[{ required: true, trigger: 'blur', message: '上级分类不能为空' }]">
<el-input placeholder="请选择上级分类"
class="input-width"
size="small"
disabled
v-model="model.parent"></el-input>
</el-form-item>
<el-form-item label="分类名称："
prop="name"
:rules="[{ required: true, trigger: 'blur', message: '分类名称不能为空' }]">
<el-input placeholder="请输入分类名称"
class="input-width"
size="small"
maxlength="20"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="分类排序："
prop="sort">
<el-input placeholder="请输入分类排序"
class="input-width"
size="small"
maxlength="10"
v-model="model.sort"></el-input>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { getAttributeClassify, createAttributeClassify, updateAttributeClassify } from '@/api/attributeClassify'
// 添加类型分类
export default {
name: 'AttributeClassifyModal',
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {}
}
},
methods: {
init() {
this.id = null
this.model = {}
this.$nextTick(() => {
this.$refs.attributeForm.clearValidate()
})
},
add(data) {
this.init()
// 添加数据处理
if (data) {
this.model.parentId = data.id
this.model.parent = data.name
} else {
this.model.parentId = 0
this.model.parent = '顶级分类'
}
this.visible = true
this.title = '添加属性分类'
},
detail(id) {
this.init()
this.id = id
this.visible = true
this.title = '编辑属性分类'
this.loading = true
getAttributeClassify(id).then(res => {
this.model = res.data
this.getParent(this.model.parentId)
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
getParent(id) {
if (id == 0) {
this.model.parent = '顶级分类'
this.model = Object.assign({}, this.model)
} else {
getAttributeClassify(id).then(res => {
let data = res.data
this.model.parent = data.name
this.model = Object.assign({}, this.model)
})
}
},
submit() {
// 提交保存
this.$refs.attributeForm.validate((valid) => {
if (valid) {
// 验证通过
this.loading = true
if (this.id) {
// 修改类型分类
updateAttributeClassify(this.id, this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
} else {
// 添加类型分类
let params = {
name: this.model.name,
id: this.model.parentId,
sort: this.model.sort
}
createAttributeClassify(params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
}
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 0;
}
.grid .item {
margin: 5px 0;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/ppc/modules/AttributeGroupModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="650px">
<el-form :model="model"
ref="attributeForm"
v-loading="loading"
label-width="150px">
<el-form-item label="商品类型："
prop="productAttributeTypeId"
:rules="[{required: true, trigger: 'change', message: '商品类型不能为空'}]">
<el-select v-model="model.productAttributeTypeId"
size="small"
class="input-width">
<el-option v-for="item in typeOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="属性组归属："-->
<!-- prop="attributeType">-->
<!-- <el-radio-group v-model="model.attributeType">-->
<!-- <el-radio :label="1">基础属性</el-radio>-->
<!-- <el-radio :label="2">规格属性</el-radio>-->
<!-- <el-radio :label="3">描述属性</el-radio>-->
<!-- <el-radio :label="4">商品属性</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<el-form-item v-if="id"
label="分组名称："
prop="name"
:rules="[{required: true, trigger: 'blur', message: '分组名称不能为空'}]">
<el-input v-model="model.name"
placeholder="请输入分组名称"
class="input-width"
clearable
size="small">
</el-input>
</el-form-item>
<el-form-item v-else
label="分组名称："
prop="nameList"
:rules="[{required: true, trigger: 'blur', message: '分组名称不能为空'}]">
<el-row>
<el-col :span="12">
<el-input v-model="inputValue"
placeholder="请输入分组名称"
clearable
size="small">
</el-input>
</el-col>
<el-col :span="6"
:offset="1">
<el-button type="primary"
size="small"
@keyup.enter.native="handleInputConfirm"
@click="handleInputConfirm">添加</el-button>
</el-col>
</el-row>
<div class="grid">
<el-tag class="item"
v-for="(item, index) in model.nameList"
:key="index"
type="success"
closable
@close="handleClose(index)">{{item}}</el-tag>
</div>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { getAttributeGroup, createAttributeGroup, updateAttributeGroup } from '@/api/attributeGroup'
import { fetchAttributeTypeList } from '@/api/attributeType'
export default {
name: 'AttributeGroupModal',
data () {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {},
inputValue: null,
typeOptions: []
}
},
methods: {
init () {
this.model = {
// attributeType: 1,
nameList: []
}
this.$nextTick(() => {
this.$refs.attributeForm.clearValidate()
})
this.getTypeList()
},
getTypeList () {
fetchAttributeTypeList({
pageSize: 100,
pageNum: 1,
attributeCategoryId: 0
}).then(res => {
this.typeOptions = res.data.list
})
},
add () {
this.id = null
this.init()
this.visible = true
this.title = '添加属性分组'
},
detail (id) {
this.id = id
this.init()
this.visible = true
this.title = '编辑属性分组'
this.loading = true
getAttributeGroup(id).then(res => {
this.model = res.data
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
handleClose (index) {
this.model.nameList.splice(index, 1)
},
showInput () {
this.$nextTick(_ => {
this.$refs.saveInput.$refs.input.focus()
});
},
handleInputConfirm () {
let inputValue = this.inputValue
if (inputValue) {
this.model.nameList.push(inputValue)
this.$refs.attributeForm.validateField('nameList')
this.inputValue = null
}
},
// 提交保存
submit () {
this.$refs.attributeForm.validate((valid) => {
if (valid) {
// 验证通过
if (this.id) {
// 修改类型分类
let params = {
pmsProductAttributeGroup: this.model
}
this.loading = true
updateAttributeGroup(this.id, params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
} else {
// 添加类型分类
let params = {
productTypeNames: this.model.nameList,
pmsProductAttributeGroup: this.model
}
this.loading = true
createAttributeGroup(params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
}
}
})
},
close () {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 6px;
}
.grid .item {
margin: 6px 0;
margin-right: 10px;
}
</style>
src/views/ppc/modules/AttributeModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="720px">
<!-- start -->
<el-form :model="model"
ref="attributeForm"
v-loading="loading"
label-width="200px">
<div class="scroll-container"
ref="scrollContainer">
<el-form-item label="属性名称："
:rules="[{required: true, trigger: 'blur', message: '属性名称不能为空'}]"
prop="name">
<el-input size="small"
class="input-width"
placeholder="请输入属性名称"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="属性归属："
:rules="[{required: true, trigger: 'blur', message: '属性归属不能为空'}]"
prop="type">
<el-select size="small"
class="input-width"
placeholder="请选择属性归属"
v-model="model.type">
<el-option v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="属性分组："
:rules="[{required: true, trigger: 'blur', message: '属性分组不能为空'}]"
prop="productAttributeGroupId">
<el-select size="small"
class="input-width"
placeholder="请选择属性分组"
v-model="model.productAttributeGroupId">
<el-option v-for="item in groupOptions"
:key="item.id"
:label="item.name"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="能否检索：">
<el-radio-group v-model="model.searchType">
<el-radio :label="0">不需要检索</el-radio>
<el-radio :label="1">关键字检索</el-radio>
<el-radio :label="2">范围检索</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="相同属性商品是否进行关联：">
<el-radio-group v-model="model.relatedStatus">
<el-radio :label="0">不需要</el-radio>
<el-radio :label="1">需要</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="属性是否可选："
:required="true">
<el-radio-group v-model="model.selectType">
<el-radio :label="0">唯一属性</el-radio>
<el-radio :label="1">单选属性</el-radio>
<el-radio :label="2">复选属性</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="属性录入方式："
:required="true">
<el-radio-group v-model="model.inputType">
<el-radio :label="0">手工录入</el-radio>
<el-radio :label="1">从下面列表选择</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="model.inputType == 1"
label="可选值列表">
<el-input class="input-width"
v-model="model.inputList"
type="textarea"
:rows="5"></el-input>
<div class="tip">用逗号分隔属性值</div>
</el-form-item>
<el-form-item label="排序：">
<el-input size="small"
class="input-width"
v-model="model.sort"></el-input>
</el-form-item>
</div>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { getAttribute, createAttribute, updateAttribute } from '@/api/attribute'
import { fetchAttributeGroupList } from '@/api/attributeGroup'
// 属性归属数据
const defaultTypeOptions = [
{
label: '关键属性',
value: 3
},
{
label: '非关键属性',
value: 4
},
{
label: '规格属性',
value: 0
},
{
label: '商品属性',
value: 1
}
]
// 添加编辑属性
export default {
name: 'AttributeDetailModal',
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {},
typeOptions: defaultTypeOptions,
groupOptions: []
}
},
methods: {
init() {
this.model = {
searchType: 0,
relatedStatus: 0,
selectType: 0,
inputType: 0
}
this.$nextTick(() => {
this.$refs.attributeForm.clearValidate()
this.$refs.scrollContainer.scrollTop = 0
})
this.getGroupList()
},
getGroupList() {
fetchAttributeGroupList({
pageSize: 100,
pageNum: 1,
cid: 0,
attributeCategoryId: 0
}).then(res => {
this.groupOptions = res.data.list
})
},
add() {
this.id = null
this.init()
this.visible = true
this.title = '添加新属性'
},
detail(id) {
this.id = id
this.init()
this.visible = true
this.title = '编辑属性'
this.loading = true
getAttribute(id).then(res => {
this.model = res.data
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
// 提交保存
submit() {
this.$refs.attributeForm.validate((valid) => {
if (valid) {
// 验证通过
if (this.id) {
// 修改属性
this.loading = true
updateAttribute(this.id, this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
} else {
// 添加属性
this.loading = true
createAttribute(this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
}
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.input-width {
width: 300px;
}
.tip {
color: #999;
font-size: 12px;
}
</style>
\ No newline at end of file
src/views/ppc/modules/AttributeTypeModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="600px">
<el-form :model="model"
ref="attributeForm"
v-loading="loading"
label-width="160px">
<el-form-item label="属性类型分类："
prop="classifyIds"
:rules="[{required: true, trigger: 'change', message: '属性类型分类不能为空'}]">
<el-cascader v-if="showTree"
v-model="model.classifyIds"
size="small"
class="input-width"
clearable
expand-trigger="hover"
:props="props"></el-cascader>
</el-form-item>
<el-form-item v-if="id"
label="属性类型名称："
prop="name"
:rules="[{required: true, trigger: 'blur', message: '属性类型名称不能为空'}]">
<el-input v-model="model.name"
placeholder="请输入类型名称"
class="input-width"
clearable
size="small">
</el-input>
</el-form-item>
<el-form-item v-else
label="属性类型名称："
prop="nameList"
:rules="[{required: true, trigger: 'change', message: '属性类型名称不能为空'}]">
<el-row>
<el-col :span="12">
<el-input v-model="inputValue"
placeholder="请输入类型名称"
clearable
size="small">
</el-input>
</el-col>
<el-col :span="6"
:offset="1">
<el-button type="primary"
size="small"
@keyup.enter.native="handleInputConfirm"
@click="handleInputConfirm">添加</el-button>
</el-col>
</el-row>
<div class="grid">
<el-tag class="item"
v-for="(item, index) in model.nameList"
:key="index"
type="success"
closable
@close="handleClose(index)">{{item}}</el-tag>
</div>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { getAttributeType, createAttributeType, updateAttributeType } from '@/api/attributeType'
import { fetchAttributeClassifyList, getAttributeClassify } from '@/api/attributeClassify'
export default {
name: 'AttributeTypeModal',
data() {
return {
visible: false,
title: null,
loading: false,
showTree: false,
id: null,
model: {
nameList: [],
classifyIds: []
},
tempClassifyIds: [],
inputValue: null,
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.value
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
methods: {
init() {
this.model = {
nameList: [],
classifyIds: []
}
this.$nextTick(() => {
this.$refs.attributeForm.clearValidate()
})
},
add() {
this.id = null
this.init()
this.visible = true
this.showTree = true
this.title = '添加商品新类型'
},
detail(id) {
this.id = id
this.init()
this.visible = true
this.showTree = false
this.title = '编辑商品类型'
this.loading = true
getAttributeType(id).then(res => {
res.data.classifyIds = []
this.model = res.data
this.attributeClassify(this.model.attributeCategoryId)
}).catch(err => {
this.loading = false
this.close()
})
},
attributeClassify(id) {
if (id == 0) {
this.loading = false
this.showTree = true
return
}
this.model.classifyIds.unshift(id)
getAttributeClassify(id).then(res => {
this.attributeClassify(res.data.parentId)
}).catch(err => {
this.loading = false
this.showTree = true
})
},
handleClose(index) {
this.model.nameList.splice(index, 1)
},
showInput() {
this.$nextTick(() => {
this.$refs.saveInput.$refs.input.focus()
});
},
handleInputConfirm() {
let inputValue = this.inputValue
if (inputValue) {
this.model.nameList.push(inputValue)
this.$refs.attributeForm.validateField('nameList')
this.inputValue = null
}
},
// 提交保存
submit() {
this.$refs.attributeForm.validate((valid) => {
if (valid) {
// 验证通过
if (this.id) {
// 修改类型分类
this.loading = true
let params = {
id: this.id,
name: this.model.name,
attributeCategoryId: this.model.classifyIds[this.model.classifyIds.length - 1]
}
updateAttributeType(params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
} else {
// 添加类型分类
let params = {
names: this.model.nameList.join(','),
attributeCategoryId: this.model.classifyIds[this.model.classifyIds.length - 1]
}
this.loading = true
createAttributeType(params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
})
}
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 6px;
}
.grid .item {
margin: 6px 0;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/ppc/modules/ClassifyChangeModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="520px">
<!-- start -->
<el-form :model="model"
v-loading="loading"
ref="classifyForm"
label-width="120px">
<el-form-item label="转出分类："
prop="name">
<el-input size="small"
class="input-width"
disabled
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="转入分类："
prop="classifyIds"
:rules="[{required: true, trigger: 'change', message: '转入分类不能为空'}]">
<el-cascader v-model="model.classifyIds"
:key="id"
expand-trigger="hover"
size="small"
class="input-width"
:props="props"></el-cascader>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { getClassify, getClassifyList, moveClassifyProduct } from '@/api/classify'
// 默认原型数据
const defaultModal = {
name: '',
sourceIds: [],
classifyIds: []
}
// 编辑分类
export default {
name: 'ClassifyModal',
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: defaultModal,
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
getClassifyList(row.value, {
pageSize: 1000,
pageNum: 1
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
methods: {
init() {
this.model = Object.assign({}, defaultModal)
this.$nextTick(() => {
this.$refs.classifyForm.clearValidate()
})
},
// 获取详情
detail(row) {
this.id = row.id
this.init()
this.visible = true
this.title = '转移商品'
this.model = Object.assign(this.model, row)
this.model.sourceIds.unshift(row.id)
this.getParent(this.model.parentId)
},
// 获取上级分类
getParent(id) {
if (id && id != 0) {
getClassify(id).then(res => {
this.model.sourceIds.unshift(id)
let data = res.data.pmsProductCategory
this.model.name = data.name + '-' + this.model.name
this.getParent(data.parentId)
})
} else {
this.model = Object.assign({}, this.model)
}
},
// 提交保存
submit() {
this.$refs.classifyForm.validate((valid) => {
if (valid) {
// 验证通过
let params = {
sourceId1: this.model.sourceIds[0],
sourceId2: this.model.sourceIds[1],
sourceId3: this.model.sourceIds[2],
tagId1: this.model.classifyIds[0],
tagId2: this.model.classifyIds[1],
tagId3: this.model.classifyIds[2]
}
this.loading = true
moveClassifyProduct(params).then(res => {
this.loading = false
this.$emit('ok')
this.close()
}).catch(err => {
this.loading = false
})
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
</style>
\ No newline at end of file
src/views/ppc/modules/ClassifyModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="720px">
<!-- start -->
<el-form :model="model"
v-loading="loading"
ref="classifyForm"
label-width="200px">
<div class="scroll-container"
ref="scrollContainer">
<el-form-item label="分类名称："
:rules="[{required: true, trigger: 'blur', message: '分类名称不能为空'}]"
prop="name">
<el-input size="small"
class="input-width"
maxlength="20"
placeholder="请输入分类名称"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="分类税率（%）："
prop="categoryRate">
<el-input size="small"
class="input-width"
placeholder="请输入分类税率"
v-model.number="model.categoryRate">
<span slot="suffix">%</span>
</el-input>
</el-form-item>
<el-form-item label="分类别名："
prop="alias">
<el-input size="small"
class="input-width"
placeholder="请输入分类别名"
v-model="model.alias"></el-input>
</el-form-item>
<el-form-item label="上级分类："
prop="parent"
:rules="[{ required: true, trigger: 'blur', message: '上级分类不能为空' }]">
<el-input placeholder="请选择上级分类"
class="input-width"
size="small"
disabled
v-model="model.parent"></el-input>
</el-form-item>
<el-form-item label="数量单位："
:rules="[{required: true, trigger: 'blur', message: '数量单位不能为空'}]"
prop="productUnit">
<el-input size="small"
class="input-width"
placeholder="请输入数量单位"
v-model="model.productUnit"></el-input>
</el-form-item>
<el-form-item label="排序：">
<el-input size="small"
class="input-width"
placeholder="请输入排序值"
v-model.number="model.sort"></el-input>
</el-form-item>
<el-form-item label="佣金比例（%）："
:rules="[{required: true, trigger: 'blur', message: '佣金比例不能为空'}]"
prop="commissionRate">
<el-input size="small"
class="input-width"
placeholder="请输入佣金比例"
v-model.number="model.commissionRate">
<span slot="suffix">%</span>
</el-input>
</el-form-item>
<el-form-item label="是否显示：">
<el-radio-group v-model="model.showStatus">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="关联属性类型分类："
prop="classifyIds"
:rules="[{required: true, trigger: 'change', message: '属性类型分类不能为空'}]">
<el-cascader v-model="model.classifyIds"
:key="id"
expand-trigger="hover"
size="small"
class="input-width"
:props="props"></el-cascader>
</el-form-item>
<el-form-item label="关键字："
prop="keywords">
<el-input size="small"
class="input-width"
placeholder="以逗号分隔"
v-model="model.keywords"></el-input>
</el-form-item>
<el-form-item label="分类描述："
prop="description">
<el-input size="small"
class="input-width"
placeholder="请输入分类描述"
v-model="model.description"></el-input>
</el-form-item>
<el-form-item label="商家入驻流程经营类目证件：">
<el-input class="input-width"
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm"
@blur="handleInputConfirm">
</el-input>
<el-button v-else
icon="el-icon-plus"
size="small"
@click="showInput">添加证件</el-button>
<div class="grid">
<el-tag class="item"
v-for="(item, index) in model.nameList"
:key="index"
type="success"
closable
@close="handleClose(index)">{{item}}</el-tag>
</div>
</el-form-item>
</div>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
<!-- end -->
</el-dialog>
</template>
<script>
import { getClassify, createClassify, updateClassify } from '@/api/classify'
import { fetchAttributeClassifyList, getAttributeClassify } from '@/api/attributeClassify'
// 编辑分类
export default {
name: 'ClassifyModal',
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {
nameList: [],
classifyIds: []
},
inputVisible: false,
inputValue: null,
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
fetchAttributeClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.value
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
methods: {
init() {
this.model = { nameList: [], classifyIds: [] }
this.$nextTick(() => {
this.$refs.classifyForm.clearValidate()
this.$refs.scrollContainer.scrollTop = 0
})
},
add() {
this.id = null
this.init()
this.visible = true
this.title = '添加分类属性设定'
},
// 获取详情
detail(id) {
this.id = id
this.init()
this.visible = true
this.title = '编辑分类属性设定'
this.loading = true
getClassify(id).then(res => {
let data = res.data
data.pmsProductCategory.nameList = data.cardNames ? data.cardNames.split(',') : []
data.pmsProductCategory.classifyIds = []
this.model = data.pmsProductCategory
this.getParent(this.model.parentId)
this.getAttributeClassify(this.model.attributeCategoryId)
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
// 删除添加输入
handleClose(index) {
this.model.nameList.splice(index, 1)
},
// 显示添加输入
showInput() {
this.inputVisible = true
this.$nextTick(_ => {
this.$refs.saveTagInput.$refs.input.focus()
});
},
// 确认输入
handleInputConfirm() {
let inputValue = this.inputValue
if (inputValue) {
this.model.nameList.push(inputValue)
}
this.inputVisible = false
this.inputValue = null
},
// 获取上级分类
getParent(id) {
if (id == 0) {
this.model.parent = '顶级分类'
this.model = Object.assign({}, this.model)
} else if (id) {
getClassify(id).then(res => {
let data = res.data.pmsProductCategory
this.model.parent = data.name
this.model = Object.assign({}, this.model)
})
}
},
// 获取关联属性分类
getAttributeClassify(id) {
if (!id) {
return
}
getAttributeClassify(id).then(res => {
this.model.classifyIds.unshift(res.data.id)
if (res.data.parentId && res.data.parentId != 0) {
this.getAttributeClassify(res.data.parentId)
} else {
this.model = Object.assign({}, this.model)
}
})
},
// 提交保存
submit() {
this.$refs.classifyForm.validate((valid) => {
if (valid) {
// 验证通过
this.model.cardName = this.model.nameList.join(',')
this.model.attributeCategoryId = this.model.classifyIds[this.model.classifyIds.length - 1]
if (this.id) {
// 修改属性
this.loading = true
updateClassify(this.id, { pmsProductCategory: this.model, cardNames: this.model.cardName }).then(res => {
this.loading = false
this.visible = false
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
} else {
// 添加属性
this.loading = true
createClassify({ pmsProductCategory: this.model, cardNames: this.model.cardName }).then(res => {
this.loading = false
this.visible = false
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
}
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.input-width {
width: 300px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 0;
}
.grid .item {
margin: 5px 0;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/ppc/modules/OwnClassifyModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="650px">
<el-form :model="model"
ref="attributeForm"
v-loading="loading"
label-width="180px">
<div class="scroll-container"
ref="scrollContainer">
<el-form-item label="上级分类："
prop="parent"
:rules="[{ required: true, trigger: 'blur', message: '上级分类不能为空' }]">
<el-input placeholder="请选择上级分类"
class="input-width"
size="small"
disabled
v-model="model.parent"></el-input>
</el-form-item>
<el-form-item label="分类名称："
prop="name"
:rules="[{ required: true, trigger: 'blur', message: '分类名称不能为空' }]">
<el-input placeholder="请输入分类名称"
class="input-width"
size="small"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="关键词："
prop="keywords">
<el-input placeholder="请输入关键词"
class="input-width"
size="small"
v-model="model.keywords"></el-input>
</el-form-item>
<el-form-item label="分类图标："
prop="categoryPic">
<single-upload v-model="model.categoryPic"></single-upload>
</el-form-item>
<el-form-item label="是否关联平台分类："
prop="isRelationPlatCategory">
<el-radio-group class="input-width"
size="small"
v-model="model.isRelationPlatCategory">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="model.isRelationPlatCategory == 1"
label="选择平台分类："
prop="classifyIds"
:rules="[{required: true, trigger: 'change', message: '平台分类不能为空'}]">
<el-cascader v-model="model.classifyIds"
size="small"
class="input-width"
expand-trigger="hover"
:props="props"></el-cascader>
</el-form-item>
<el-form-item label="是否显示："
prop="isShowShop">
<el-radio-group class="input-width"
size="small"
v-model="model.isShowShop">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否店铺首页推荐："
prop="isNativeShow">
<el-radio-group class="input-width"
size="small"
v-model="model.isNativeShow">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="分类排序："
prop="sort">
<el-input placeholder="请输入分类排序"
class="input-width"
size="small"
v-model="model.sort"></el-input>
</el-form-item>
<el-form-item label="分类描述："
prop="descText">
<el-input type="textarea"
:rows="3"
placeholder="请输入分类描述"
class="input-width"
size="small"
v-model="model.descText"></el-input>
</el-form-item>
</div>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { getOwnClassify, createOwnClassify, updateOwnClassify } from '@/api/ownClassify'
import { getClassifyList } from '@/api/classify'
import singleUpload from '@/components/Upload/singleUpload'
// 添加类型分类
export default {
name: 'OwnClassifyModal',
components: {
singleUpload
},
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {},
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
getClassifyList(row.value, {
pageSize: 100,
pageNum: 1,
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
methods: {
init() {
this.id = null
this.model = {
isRelationPlatCategory: 1,
isShowShop: 1,
isNativeShow: 1
}
this.$nextTick(() => {
this.$refs.attributeForm.clearValidate()
this.$refs.scrollContainer.scrollTop = 0
})
},
add(data) {
this.init()
// 添加数据处理
if (data) {
this.model.parentId = data.id
this.model.parent = data.name
} else {
this.model.parentId = 0
this.model.parent = '顶级分类'
}
this.visible = true
this.title = '添加自有分类'
},
detail(id) {
this.init()
this.id = id
this.visible = true
this.title = '编辑自有分类'
this.loading = true
getOwnClassify({ id }).then(res => {
this.model = res.data
this.model.classifyIds = [this.model.platCategoryId]
this.getParent(this.model.parentId)
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
getParent(id) {
if (id == 0) {
this.model.parent = '顶级分类'
this.model = Object.assign({}, this.model)
} else {
getOwnClassify({ id }).then(res => {
let data = res.data
this.model.parent = data.name
this.model.classifyIds.unshift(data.platCategoryId)
this.model = Object.assign({}, this.model)
})
}
},
submit() {
// 提交保存
this.$refs.attributeForm.validate((valid) => {
if (valid) {
// 验证通过
this.loading = true
this.model.platCategoryId = this.model.classifyIds[this.model.classifyIds.length - 1]
if (this.id) {
// 修改类型分类
updateOwnClassify(this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
} else {
// 添加类型分类
createOwnClassify(this.model).then(res => {
this.loading = false
this.visible = false
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
}
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.scroll-container {
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.input-width {
width: 300px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 0;
}
.grid .item {
margin: 5px 0;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/ppc/modules/OwnClassifyMoveModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="650px">
<el-form :model="model"
ref="moveForm"
v-loading="loading"
label-width="180px">
<el-form-item label="转出分类：">
<el-input class="input-width"
size="small"
disabled
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="请选择要转入的分类"
prop="classifyIds"
:rules="[{required: true, trigger: 'change', message: '转入分类不能为空'}]">
<el-cascader v-model="model.classifyIds"
size="small"
class="input-width"
expand-trigger="hover"
:props="props"></el-cascader>
<div class="tip">选择新分类后，所选商品将归属新的分类。</div>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">确认</el-button>
<el-button @click="close">取消</el-button>
</div>
</el-dialog>
</template>
<script>
import { fetchOwnClassifyList, moveGoods } from '@/api/ownClassify'
// 转移自由分类商品
export default {
name: 'OwnClassifyMoveModal',
components: {},
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: {},
props: {
lazy: true,
checkStrictly: true,
lazyLoad(row, resolve) {
if (row.level == 0) {
row.value = 0
}
fetchOwnClassifyList({
pageSize: 100,
pageNum: 1,
parentId: row.value
}).then(res => {
let list = res.data.list
list.map(item => {
item.value = item.id
item.label = item.name
item.leaf = item.level >= 3
})
resolve(list)
})
}
}
}
},
methods: {
show(data) {
this.model = Object.assign({}, data)
this.title = '转移商品'
this.visible = true
},
submit() {
// 提交保存
this.$refs.moveForm.validate((valid) => {
if (valid) {
// 验证通过
this.loading = true
// 转移商品
let params = {
mchtId: this.model.mchtId,
mchtCategoryId: this.model.id,
tagMchtCategoryId: this.model.classifyIds[this.model.classifyIds.length - 1]
}
moveGoods(params).then(res => {
this.loading = false
this.visible = false
this.$message.success('转移成功')
this.$emit('ok', this.model.parentId)
}).catch(err => {
this.loading = false
})
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.tip {
color: #999;
}
</style>
\ No newline at end of file
src/views/ppc/modules/TagGroupModal.vue deleted 100644 → 0
<template>
<el-dialog :visible.sync="visible"
:title="title"
center
width="550px">
<el-form :model="model"
ref="tagForm"
v-loading="loading"
label-width="120px">
<el-form-item label="标签组名称："
prop="name"
:rules="[{ required: true, trigger: 'blur', message: '标签组名称不能为空' }]">
<el-input placeholder="请输入标签组名称"
:disabled="model.type == 1 || model.type == 2"
class="input-width"
maxlength="10"
size="small"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="是否启用：">
<el-radio-group v-model="model.status">
<el-radio :label="0">是</el-radio>
<el-radio :label="1">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="组内标签："
:required="true"
:error="tagListError">
<el-input class="input-width"
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
maxlength="10"
@keyup.enter.native="handleInputConfirm"
@blur="handleInputConfirm">
</el-input>
<el-button v-else
icon="el-icon-plus"
size="small"
@click="showInput">添加标签</el-button>
<div class="grid">
<el-tag class="item"
v-for="(item, index) in tagList"
:key="index"
type="success"
closable
@close="handleClose(index)">{{item.name}}</el-tag>
</div>
</el-form-item>
</el-form>
<div slot="footer">
<el-button type="primary"
@click="submit">保存标签组</el-button>
<el-button @click="close">返回列表</el-button>
</div>
</el-dialog>
</template>
<script>
import { getTagGroup, createTagGroup, updateTagGroup } from '@/api/tagGroup'
import { mapGetters } from 'vuex'
export default {
name: 'TagGroupModal',
data() {
return {
visible: false,
title: null,
loading: false,
id: null,
model: { name: '', status: 0 },
inputVisible: false,
inputValue: null,
tagList: [],
tagListError: null
}
},
computed: {
...mapGetters([
'userId'
]),
},
methods: {
init() {
this.model = {
name: '',
status: 0
}
this.tagListError = null
this.tagList = []
this.$nextTick(() => {
this.$refs.tagForm.clearValidate()
})
},
add() {
this.id = null
this.init()
this.visible = true
this.title = '添加标签组'
},
detail(id) {
this.id = id
this.init()
this.visible = true
this.title = '编辑标签组'
this.loading = true
getTagGroup(id).then(res => {
let pmsProductLabelGroup = res.data.pmsProductLabelGroup
pmsProductLabelGroup.status = pmsProductLabelGroup.status
this.model = pmsProductLabelGroup
this.tagList = res.data.pmsProductLabelList
this.loading = false
}).catch(err => {
this.loading = false
this.close()
})
},
handleClose(index) {
this.tagList.splice(index, 1)
},
showInput() {
this.inputVisible = true
this.$nextTick(_ => {
this.$refs.saveTagInput.$refs.input.focus()
});
},
handleInputConfirm() {
let inputValue = this.inputValue
if (inputValue) {
this.tagList.push({ name: inputValue })
}
this.inputVisible = false
this.inputValue = null
this.tagListError = null
},
submit() {
// 提交保存
this.$refs.tagForm.validate((valid) => {
if (!this.tagList || this.tagList.length == 0) {
this.tagListError = '组内标签不能为空'
return false
}
if (valid) {
let data = {
id: this.id,
name: this.model.name,
status: this.model.status,
labelCount: this.tagList.length,
userType: 1,
userId: this.userId,
}
let params = {
pmsProductLabelGroup: data,
pmsProductLabelList: this.tagList
}
this.loading = true
if (this.id) {
// 修改标签组
updateTagGroup(this.id, params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
this.$message.error('保存失败，请重试！')
})
} else {
// 创建标签组
createTagGroup(params).then(res => {
this.loading = false
this.visible = false
this.$emit('ok')
}).catch(err => {
this.loading = false
this.$message.error('保存失败，请重试！')
})
}
}
})
},
close() {
this.$emit('close')
this.visible = false
}
}
}
</script>
<style scoped>
.input-width {
width: 300px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 0;
}
.grid .item {
margin: 5px 0;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/ssm/Supplier.vue deleted 100644 → 0
<template>
<el-card class="container">
<!-- 入驻资质 -->
<div>
<el-form class="section"
:model="settled"
ref="settledForm"
v-loading="loading"
label-width="200px">
<!-- 入驻联系人信息 -->
<el-alert title="供应商信息"
type="info"
:closable="false">
</el-alert>
<el-form-item label="供应商名称："
prop="name">
<el-input placeholder="请输入供应商名称"
size="small"
auto-complete="new-password"
v-model="settled.name"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="品牌名称："
prop="brandName">
<el-input placeholder="请输入品牌名称"
size="small"
auto-complete="new-password"
v-model="settled.brandName"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="公司名称："
prop="companyName">
<el-input placeholder="请输入公司名称"
size="small"
auto-complete="new-password"
v-model="settled.companyName"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="联系人手机："
prop="phone">
<el-input placeholder="请输入联系人手机"
size="small"
maxlength="11"
auto-complete="new-password"
v-model="settled.phone"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="联系人邮箱："
prop="email">
<el-input placeholder="请输入联系人邮箱"
size="small"
auto-complete="new-password"
v-model="settled.email"
:disabled="true"></el-input>
</el-form-item>
<el-form-item label="结算方式："
prop="payType">
<el-select size="small"
class="input-width"
v-model="settled.payType"
:disabled="true">
<el-option
v-for="item in payOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="结算周期："
prop="cycleType">
<el-select size="small"
class="input-width"
v-model="settled.cycleType"
:disabled="true">
<el-option
v-for="item in cycleOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="说明："
prop="personalizedSignature">
<el-input size="small"
type="textarea"
class="input-width"
v-model="settled.personalizedSignature"
:disabled="true"></el-input>
</el-form-item>
<div class="image-row">
<!-- 经营许可证 -->
<el-form-item label="经营许可证：">
<el-upload :action="dataObj.host"
:data="dataObj"
:multiple="false"
:show-file-list="false"
:before-upload="beforeUpload"
:on-success="handleUploadFrontSuccess"
:disabled="true">
<el-image v-if="settled.businessLicense"
:src="settled.businessLicense"
:preview-src-list="[settled.businessLicense]"
fit="contain"></el-image>
<div v-else
class="default-image">权星
</div>
</el-upload>
</el-form-item>
<el-form-item label="营业执照：">
<el-upload :action="dataObj.host"
:data="dataObj"
:multiple="false"
:show-file-list="false"
:before-upload="beforeUpload"
:on-success="handleUploadFrontSuccess"
:disabled="true">
<el-image v-if="settled.business"
:src="settled.business"
:preview-src-list="[settled.business]"
fit="contain"></el-image>
<div v-else
class="default-image">权星
</div>
</el-upload>
</el-form-item>
<el-form-item label="注册商标：">
<el-upload :action="dataObj.host"
:data="dataObj"
:multiple="false"
:show-file-list="false"
:before-upload="beforeUpload"
:on-success="handleUploadFrontSuccess"
:disabled="true">
<el-image v-if="settled.trademark"
:src="settled.trademark"
:preview-src-list="[settled.trademark]"
fit="contain"></el-image>
<div v-else
class="default-image">权星
</div>
</el-upload>
</el-form-item>
<el-form-item label="补充材料：">
<el-upload :action="dataObj.host"
:data="dataObj"
:multiple="false"
:show-file-list="false"
:before-upload="beforeUpload"
:on-success="handleUploadFrontSuccess"
:disabled="true">
<el-image v-if="settled.otherMaterials"
:src="settled.otherMaterials"
:preview-src-list="[settled.otherMaterials]"
fit="contain"></el-image>
<div v-else
class="default-image">权星
</div>
</el-upload>
</el-form-item>
</div>
<el-alert v-if="audit"
title="管理员审核操作 "
type="info"
:closable="false">
</el-alert>
<el-form-item v-if="audit" label="审核意见：">
<el-radio-group v-model="settled.status">
<el-radio :label="1">通过</el-radio>
<el-radio :label="2">不通过</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="audit" label="审核备注：">
<el-input size="small"
type="textarea"
:rows="5"
v-model="settled.remarks"
placeholder="1000字以内"
maxlength="1000"
show-word-limit></el-input>
</el-form-item>
</el-form>
<!-- 操作 -->
<div class="operation">
<el-button v-if="audit"
type="primary"
size="medium"
@click="passClick">确认
</el-button>
<el-button size="medium"
type="success"
@click="$router.back()">返回
</el-button>
</div>
</div>
<!-- end -->
</el-card>
</template>
<script>
import { policy } from '@/api/oss'
import { getAuditDetail,getSupplierDetail, mchtaudit } from '@/api/audit'
import { Message, MessageBox } from 'element-ui'
// 添加供应商
export default {
name: 'Supplier',
components: {},
data() {
return {
audit: false,
loading: false,
settled: {},
authList: [],
dataObj: {
policy: '',
signature: '',
key: '',
ossaccessKeyId: '',
dir: '',
host: 'http://haihaigo.oss-cn-shenzhen.aliyuncs.com'
},
cycleOptions: [{ value: 1, label: '7天' }, { value: 2, label: '15天' }, { value: 3, label: '30天' }],
payOptions: [{ value: 1, label: '指定账期1' }, { value: 2, label: '指定账期2' }, { value: 3, label: '指定账期3' }]
}
},
created() {
this.audit = this.$route.params.audit
if (!this.$route.params.id) {
this.$router.go(-1) //返回上个界面
} else {
if(this.$route.params.flag){
this.getSupplierDetail(this.$route.params.id)
}else {
this.getAuditDetail(this.$route.params.id)
}
}
},
methods: {
// 上传图片前获取签名信息 从后台获取oss秘钥匙
beforeUpload(file) {
let _self = this
return new Promise((resolve, reject) => {
policy().then(response => {
_self.dataObj.policy = response.data.policy
_self.dataObj.signature = response.data.signature
_self.dataObj.ossaccessKeyId = response.data.accessKeyId
_self.dataObj.key = response.data.dir + '/${filename}'
_self.dataObj.dir = response.data.dir
_self.dataObj.host = response.data.host
resolve(true)
}).catch(err => {
reject(false)
})
})
},
// 身份证正面图
handleUploadFrontSuccess(res, file) {
this.settled.idCard1 = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
},
// 身份证背面图
handleUploadBackSuccess(res, file) {
this.settled.idCard2 = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
},
// 上传资质图
uploadAuth(index) {
this.authIndex = index
},
// 上传电子版资质成功
handleUploadSuccess(res, file) {
let imgUrl = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name
let item = this.authList[this.authIndex]
item.pic = imgUrl
this.authList[this.authIndex] = Object.assign({}, item)
this.$set(this.authList, this.authIndex, item)
},
passClick() {
if (!this.settled.status) {
Message({
message: '请选择审核意见',
type: 'error',
duration: 3 * 1000
})
return
}
if (!this.settled.remarks) {
Message({
message: '请填写审核备注内容',
type: 'error',
duration: 3 * 1000
})
return
}
this.mchtaudit()
},
//时间戳转化时间
dateFormat: function (date) {
if (date == undefined) {
return ''
}
return this.moment(date).format('YYYY-MM-DD HH:mm:ss')
},
//获取已审核供应商资质详情
getSupplierDetail(appiyId) {
this.loading = true
let params = { id: appiyId }
//请求数据
getSupplierDetail(params).then(response => {
this.loading = false
this.settled = response.data
}).catch(err => {
this.loading = false
})
},
//获取待审核供应商资质详情
getAuditDetail(appiyId) {
this.loading = true
let params = { id: appiyId }
//请求数据
getAuditDetail(params).then(response => {
this.loading = false
this.settled = response.data
}).catch(err => {
this.loading = false
})
},
//审核
mchtaudit() {
// 提交参数
let params = {
id: this.settled.id,
status: this.settled.status,
remarks: this.settled.remarks,//审核备注 ,
}
//请求数据
mchtaudit(params).then(response => {
Message({
message: (this.settled.status == 1) ? '审核通过' : '审核不通过',
type: (this.settled.status == 1) ? 'success' : 'error',
duration: 3 * 1000
})
this.$router.push('supplierList')
}).catch(err => {
this.loading = false
})
}
}
}
</script>
<style scoped>
.container {
padding: 0 8vw;
}
.el-steps {
margin-bottom: 5px;
}
.section {
margin-top: 18px;
}
.section .el-form-item {
margin-bottom: 18px;
}
.section.el-form .el-alert {
margin-bottom: 18px;
}
.section .el-input,
.section .el-textarea,
.section .el-select,
.section .el-cascader {
width: calc(100% - 200px);
min-width: 200px;
}
.image-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.image-row .el-image {
width: 240px;
height: 160px;
background-color: whitesmoke;
}
.image-row .default-image {
text-align: center;
width: 240px;
line-height: 160px;
color: #aaaaaa;
font-size: 16px;
background-color: whitesmoke;
}
.el-table .el-image {
width: 100px;
background-color: whitesmoke;
}
.el-table .el-date-editor {
min-width: 150px;
}
.operation {
padding-top: 10px;
text-align: center;
}
</style>
<style>
.section .bg-gray th {
line-height: 1.15;
background-color: whitesmoke;
}
.section .el-form-item__content .el-textarea .el-input__count {
line-height: 1.15;
}
</style>
src/views/ssm/SupplierList.vue
......@@ -11,22 +11,6 @@
class="input-width"
placeholder="请输入供应商名称"></el-input>
</el-form-item>
<el-form-item label="手机号：">
<el-input v-model="listQuery.phone"
class="input-width"
placeholder="请输入手机号"></el-input>
</el-form-item>
<el-form-item label="账号状态：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="账号状态">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
......@@ -58,46 +42,35 @@
align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="供应商账号"
<el-table-column label="联系人"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="绑定手机号"
<el-table-column label="联系方式"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="邮箱"
<el-table-column label="供应物品"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="关联商品"
<el-table-column label="备注"
align="center">
<template slot-scope="scope">
<router-link class="color-main"
:to="{path: '/pms/product', query: {mchtId: scope.row.id, mchtName: scope.row.name}}">查看商品</router-link>
</template>
</el-table-column>
<el-table-column label="申请时间"
align="center">
<template slot-scope="scope">{{scope.row.createDate | formatTime}}</template>
</el-table-column>
<el-table-column label="账号状态"
align="center">
<template slot-scope="scope">{{scope.row.status | formatStatus}}</template>
</el-table-column>
<el-table-column label="操作"
width="220"
align="center">
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
<el-button size="mini"
type="primary"
@click="editDetail(scope.row.id)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleStatus(scope.row)">{{ scope.row.status == 0 ? '启用' : '禁用' }}</el-button>
@click="editDetail(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
......
src/views/ssm/modules/AddSupplier.vue
......@@ -17,14 +17,14 @@
class="input-width"
v-model="model.name"></el-input>
</el-form-item>
<el-form-item label="供应商账号："
:rules="[{required: true, trigger: 'blur', message: '供应商账号不能为空'}]"
<el-form-item label="联系人："
:rules="[{required: true, trigger: 'blur', message: '联系人不能为空'}]"
prop="username">
<el-input size="small"
class="input-width"
v-model="model.username"></el-input>
</el-form-item>
<el-form-item label="手机号："
<el-form-item label="联系方式："
:rules="[ {
required: true,
validator: validatePhone,
......@@ -35,63 +35,7 @@
class="input-width"
v-model="model.phone"></el-input>
</el-form-item>
<el-form-item label="邮箱："
:rules="[
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]"
prop="email">
<el-input size="small"
class="input-width"
v-model="model.email"></el-input>
</el-form-item>
<el-form-item v-if="!id" label="密码："
prop="password"
:rules="[{ required: true, trigger: 'blur', message: '密码不能为空' }]">
<el-input size="small"
class="input-width"
v-model="model.password"
show-password
auto-complete="new-password"></el-input>
</el-form-item>
<el-form-item label="结算方式："
prop="payType"
:rules="[ {
required: true,
message: '请选择结算方式',
trigger: 'change'
}]">
<el-select size="small"
class="input-width"
v-model="model.payType">
<el-option
v-for="item in payOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="结算周期："
prop="cycleType"
:rules="[ {
required: true,
message: '请选择结算周期',
trigger: 'change'
}]">
<el-select size="small"
class="input-width"
v-model="model.cycleType">
<el-option
v-for="item in cycleOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="说明："
<el-form-item label="备注："
prop="personalizedSignature">
<el-input size="small"
type="textarea"
......@@ -134,9 +78,7 @@ export default {
loading: false,
id: null,
model: {},
validatePhone: validatePhone,
cycleOptions: [{ value: 1, label: '7天' }, { value: 2, label: '15天' }, { value: 3, label: '30天' }],
payOptions: [{ value: 1, label: '指定账期1' }, { value: 2, label: '指定账期2' }, { value: 3, label: '指定账期3' }]
validatePhone: validatePhone
}
},
methods: {
......
src/views/sta/InventoryChart.vue 0 → 100644
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="供应商：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择供应商">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物品类别：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择物品类别">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物品：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择物品">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
icon="el-icon-search"
size="small">搜索
</el-button>
<el-button @click="handleResetSearch"
icon="el-icon-refresh"
size="small">重置
</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格栏 -->
<el-card class="filter-container mt15"
shadow="never">
<div class="table-container">
<ve-line :data="chartData"
:legend-visible="false"
:loading="loading"
:data-empty="dataEmpty"
:settings="chartSettings"></ve-line>
</div>
</el-card>
</div>
</template>
<script>
import moment from 'moment'
import { str2Date } from '@/utils/date'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: '',
status: ''
}
const DATA_FROM_BACKEND = {
columns: ['date', 'orderCount', 'orderAmount'],
rows: [
{ date: '2018-11-01', orderCount: 10, orderAmount: 1093 },
{ date: '2018-11-02', orderCount: 20, orderAmount: 2230 },
{ date: '2018-11-03', orderCount: 33, orderAmount: 3623 },
{ date: '2018-11-04', orderCount: 50, orderAmount: 6423 },
{ date: '2018-11-05', orderCount: 80, orderAmount: 8492 },
{ date: '2018-11-06', orderCount: 60, orderAmount: 6293 },
{ date: '2018-11-07', orderCount: 20, orderAmount: 2293 },
{ date: '2018-11-08', orderCount: 60, orderAmount: 6293 },
{ date: '2018-11-09', orderCount: 50, orderAmount: 5293 },
{ date: '2018-11-10', orderCount: 30, orderAmount: 3293 },
{ date: '2018-11-11', orderCount: 20, orderAmount: 2293 },
{ date: '2018-11-12', orderCount: 80, orderAmount: 8293 },
{ date: '2018-11-13', orderCount: 100, orderAmount: 10293 },
{ date: '2018-11-14', orderCount: 10, orderAmount: 1293 },
{ date: '2018-11-15', orderCount: 40, orderAmount: 4293 }
]
}
export default {
name: 'InventoryChart',
data() {
return {
orderCountDate: '',
statusOptions: [{
label: '启用',
value: 1
},
{
label: '禁用',
value: 0
}],
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
chartSettings: {
xAxisType: 'time',
area: true,
axisSite: { right: ['orderAmount'] },
labelMap: { 'orderCount': '订单数量', 'orderAmount': '订单金额' }
},
chartData: {
columns: [],
rows: []
},
loading: false,
dataEmpty: false
}
},
created() {
this.initOrderCountDate()
this.getData()
},
filters: {
formatTime(time) {
if (!time) {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery)
this.getList()
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSelectionChange(vals) {
this.multipleSelection = vals
},
initOrderCountDate() {
let start = new Date()
start.setFullYear(2018)
start.setMonth(10)
start.setDate(1)
const end = new Date()
end.setTime(start.getTime() + 1000 * 60 * 60 * 24 * 7)
this.orderCountDate = [start, end]
},
getData() {
setTimeout(() => {
this.chartData = {
columns: ['date', 'orderCount', 'orderAmount'],
rows: []
}
for (let i = 0; i < DATA_FROM_BACKEND.rows.length; i++) {
let item = DATA_FROM_BACKEND.rows[i]
let currDate = str2Date(item.date)
let start = this.orderCountDate[0]
let end = this.orderCountDate[1]
if (currDate.getTime() >= start.getTime() && currDate.getTime() <= end.getTime()) {
this.chartData.rows.push(item)
}
}
this.dataEmpty = false
this.loading = false
}, 1000)
},
handleAdd(){
this.$refs.addGoods.add()
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
.btn-groups button{
width: 100px;
}
</style>
src/views/sta/Recipients.vue 0 → 100644
<template> 
<div class="app-container">
<!-- 搜索栏 -->
<el-card class="filter-container"
shadow="never">
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="供应商：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择供应商">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物品类别：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择物品类别">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物品：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="请选择物品">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@click="handleSearchList"
icon="el-icon-search"
size="small">搜索
</el-button>
<el-button @click="handleResetSearch"
icon="el-icon-refresh"
size="small">重置
</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 表格栏 -->
<el-card class="filter-container mt15"
shadow="never">
<div class="table-container">
<ve-line :data="chartData"
:legend-visible="false"
:loading="loading"
:data-empty="dataEmpty"
:settings="chartSettings"></ve-line>
</div>
</el-card>
</div>
</template>
<script>
import moment from 'moment'
import { str2Date } from '@/utils/date'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 1,
name: '',
phone: '',
status: ''
}
const DATA_FROM_BACKEND = {
columns: ['date', 'orderCount', 'orderAmount'],
rows: [
{ date: '2018-11-01', orderCount: 10, orderAmount: 1093 },
{ date: '2018-11-02', orderCount: 20, orderAmount: 2230 },
{ date: '2018-11-03', orderCount: 33, orderAmount: 3623 },
{ date: '2018-11-04', orderCount: 50, orderAmount: 6423 },
{ date: '2018-11-05', orderCount: 80, orderAmount: 8492 },
{ date: '2018-11-06', orderCount: 60, orderAmount: 6293 },
{ date: '2018-11-07', orderCount: 20, orderAmount: 2293 },
{ date: '2018-11-08', orderCount: 60, orderAmount: 6293 },
{ date: '2018-11-09', orderCount: 50, orderAmount: 5293 },
{ date: '2018-11-10', orderCount: 30, orderAmount: 3293 },
{ date: '2018-11-11', orderCount: 20, orderAmount: 2293 },
{ date: '2018-11-12', orderCount: 80, orderAmount: 8293 },
{ date: '2018-11-13', orderCount: 100, orderAmount: 10293 },
{ date: '2018-11-14', orderCount: 10, orderAmount: 1293 },
{ date: '2018-11-15', orderCount: 40, orderAmount: 4293 }
]
}
export default {
name: 'Recipients',
data() {
return {
orderCountDate: '',
statusOptions: [{
label: '启用',
value: 1
},
{
label: '禁用',
value: 0
}],
listQuery: Object.assign({}, defaultListQuery),
list: [],
total: 0,
listLoading: false,
multipleSelection: [],
chartSettings: {
xAxisType: 'time',
area: true,
axisSite: { right: ['orderAmount'] },
labelMap: { 'orderCount': '订单数量', 'orderAmount': '订单金额' }
},
chartData: {
columns: [],
rows: []
},
loading: false,
dataEmpty: false
}
},
created() {
this.initOrderCountDate()
this.getData()
},
filters: {
formatTime(time) {
if (!time) {
return '--'
}
return moment(time).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery)
this.getList()
},
handleSearchList() {
this.listQuery.pageNum = 1
this.getList()
},
handleSelectionChange(vals) {
this.multipleSelection = vals
},
initOrderCountDate() {
let start = new Date()
start.setFullYear(2018)
start.setMonth(10)
start.setDate(1)
const end = new Date()
end.setTime(start.getTime() + 1000 * 60 * 60 * 24 * 7)
this.orderCountDate = [start, end]
},
getData() {
setTimeout(() => {
this.chartData = {
columns: ['date', 'orderCount', 'orderAmount'],
rows: []
}
for (let i = 0; i < DATA_FROM_BACKEND.rows.length; i++) {
let item = DATA_FROM_BACKEND.rows[i]
let currDate = str2Date(item.date)
let start = this.orderCountDate[0]
let end = this.orderCountDate[1]
if (currDate.getTime() >= start.getTime() && currDate.getTime() <= end.getTime()) {
this.chartData.rows.push(item)
}
}
this.dataEmpty = false
this.loading = false
}, 1000)
},
handleAdd(){
this.$refs.addGoods.add()
}
}
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.mt15 {
margin-top: 15px;
}
.input-width {
width: 180px;
}
.btn-groups button{
width: 100px;
}
</style>
src/views/dis/distributorList.vue → src/views/use/AdminList.vue
......@@ -6,26 +6,10 @@
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="分销商名称：">
<el-form-item label="管理员名称：">
<el-input v-model="listQuery.name"
class="input-width"
placeholder="请输入分销商名称"></el-input>
</el-form-item>
<el-form-item label="手机号：">
<el-input v-model="listQuery.phone"
class="input-width"
placeholder="请输入手机号"></el-input>
</el-form-item>
<el-form-item label="账号状态：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="账号状态">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</el-select>
placeholder="请输入管理员名称"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary"
......@@ -39,7 +23,7 @@
<el-button class="btn-add"
size="small"
type="primary"
@click="handleAdd">添加分销商
@click="handleAdd">添加管理员
</el-button>
</el-form>
</el-card>
......@@ -54,27 +38,23 @@
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="账号编码"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="分销商账号"
<el-table-column label="姓名"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="绑定手机号"
<el-table-column label="AD用户"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="邮箱"
<el-table-column label="部门"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="申请时间"
<el-table-column label="所属库房"
align="center">
<template slot-scope="scope">{{scope.row.createDate | formatTime}}</template>
</el-table-column>
<el-table-column label="账号状态"
<el-table-column label="联系方式"
align="center">
<template slot-scope="scope">{{scope.row.status | formatStatus}}</template>
</el-table-column>
......@@ -84,13 +64,7 @@
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
<el-button size="mini"
type="primary"
@click="editDetail(scope.row.id)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleStatus(scope.row)">{{ scope.row.status == 0 ? '启用' : '禁用' }}</el-button>
@click="lookDetail(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
......@@ -111,19 +85,19 @@
<!-- end -->
<!-- 弹窗 -->
<add-supplier ref="addSupplier"
@ok="getList"></add-supplier>
@ok="getList"></add-supplier>
<!-- end -->
</div>
</template>
<script>
import moment from 'moment'
import { getSupplier, getAuditDetail, updateMcht } from '@/api/audit'
import AddSupplier from './modules/AddDistributor'
import AddSupplier from './modules/AddAdmin'
// 列表查询参数默认值
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
accouuntType: 2,
accouuntType: 0,
name: '',
phone: '',
status: ''
......@@ -140,9 +114,9 @@ const defaultStatusOptions = [
value: 0
}
]
// 分销商入驻账号列表
// 管理员入驻账号列表
export default {
name: 'distributorList',
name: 'AdminList',
components: {AddSupplier},
data() {
return {
......@@ -173,7 +147,7 @@ export default {
}
},
methods: {
// 添加分销商
// 添加管理员
handleAdd () {
this.$refs.addSupplier.add()
},
......@@ -231,7 +205,7 @@ export default {
})
}
},
//分销商账户启用/禁用
//管理员账户启用/禁用
updateMcht(row, status) {
let params = { id: row.id, status: status }
updateMcht(params).then(res => {
......@@ -253,26 +227,26 @@ export default {
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.el-row {
margin-bottom: 20px;
}
.el-row {
margin-bottom: 20px;
}
.mt15 {
margin-top: 15px;
}
.mt15 {
margin-top: 15px;
}
.el-input {
width: 200px;
}
.el-input {
width: 200px;
}
.input-width {
width: 180px;
}
.input-width {
width: 180px;
}
</style>
src/views/adm/adminList.vue → src/views/use/UserList.vue
......@@ -6,21 +6,16 @@
<el-form :inline="true"
:model="listQuery"
size="small">
<el-form-item label="管理员名称：">
<el-form-item label="用户名称：">
<el-input v-model="listQuery.name"
class="input-width"
placeholder="请输入管理员名称"></el-input>
placeholder="请输入用户名称"></el-input>
</el-form-item>
<el-form-item label="手机号：">
<el-input v-model="listQuery.phone"
class="input-width"
placeholder="请输入手机号"></el-input>
</el-form-item>
<el-form-item label="账号状态：">
<el-form-item label="部门：">
<el-select v-model="listQuery.status"
class="input-width"
clearable
placeholder="账号状态">
placeholder="请选择部门">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
......@@ -39,7 +34,7 @@
<el-button class="btn-add"
size="small"
type="primary"
@click="handleAdd">添加管理员
@click="handleAdd">导入用户
</el-button>
</el-form>
</el-card>
......@@ -54,27 +49,19 @@
<el-table-column type="selection"
align="center"
width="50"></el-table-column>
<el-table-column label="账号编码"
align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="管理员账号"
<el-table-column label="姓名"
align="center">
<template slot-scope="scope">{{scope.row.username}}</template>
</el-table-column>
<el-table-column label="绑定手机号"
<el-table-column label="AD用户"
align="center">
<template slot-scope="scope">{{scope.row.phone || '--'}}</template>
</el-table-column>
<el-table-column label="邮箱"
<el-table-column label="部门"
align="center">
<template slot-scope="scope">{{scope.row.email || '--'}}</template>
</el-table-column>
<el-table-column label="申请时间"
align="center">
<template slot-scope="scope">{{scope.row.createDate | formatTime}}</template>
</el-table-column>
<el-table-column label="账号状态"
<el-table-column label="联系方式"
align="center">
<template slot-scope="scope">{{scope.row.status | formatStatus}}</template>
</el-table-column>
......@@ -84,13 +71,7 @@
<template slot-scope="scope">
<el-button size="mini"
type="success"
@click="lookDetail(scope.row)">查看</el-button>
<el-button size="mini"
type="primary"
@click="editDetail(scope.row.id)">编辑</el-button>
<el-button size="mini"
type="danger"
@click="handleStatus(scope.row)">{{ scope.row.status == 0 ? '启用' : '禁用' }}</el-button>
@click="lookDetail(scope.row)">设置为管理员</el-button>
</template>
</el-table-column>
</el-table>
......@@ -111,7 +92,7 @@
<!-- end -->
<!-- 弹窗 -->
<add-supplier ref="addSupplier"
@ok="getList"></add-supplier>
@ok="getList"></add-supplier>
<!-- end -->
</div>
</template>
......@@ -142,7 +123,7 @@ const defaultStatusOptions = [
]
// 管理员入驻账号列表
export default {
name: 'adminList',
name: 'UserList',
components: {AddSupplier},
data() {
return {
......@@ -253,26 +234,26 @@ export default {
}
</script>
<style scoped>
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.app-container {
font-size: 14px;
color: #606266;
padding: 0 15px;
margin-top: 0;
}
.el-row {
margin-bottom: 20px;
}
.el-row {
margin-bottom: 20px;
}
.mt15 {
margin-top: 15px;
}
.mt15 {
margin-top: 15px;
}
.el-input {
width: 200px;
}
.el-input {
width: 200px;
}
.input-width {
width: 180px;
}
.input-width {
width: 180px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment