shawncai/ERP
1
1
Fork 0
mirror of https://github.com/shawncai/ERP.git synced 2024-09-20 15:06:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增商品

Browse source
This commit is contained in:
shawnzhang 2019-03-05 17:35:30 +08:00
parent 5788f22d8f
commit 3352a677e9
4 changed files with 483 additions and 568 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/lang/zh.js
View file

@ -218,7 +218,40 @@ export default {
groupName: '组名称', groupName: '组名称',
createId: '建档人' createId: '建档人'
}, },
Product: {
code: '物料编码',
barcode: '条码',
productname: '产品名称',
typeid: '规格型号',
categoryid: '物品分类',
color: '颜色',
brand: '品牌',
kpigrade: '绩效分',
point: '商品积分',
zhibaoqi: '质保期',
weight: '商品重量',
volume: '商品体积',
costprice: '成本价',
tradeprice: '批发价',
saleprice: '零售价',
purchaseprice: '采购价',
lowerprice: '最低价',
supplierid: '供应商',
createid: '创建者',
level: '档次级别',
purchasemeasurement: '采购计量单位',
salemeasurement: '销售计量单位',
stockmeasurement: '库存计量单位',
producemeasurement: '生产计量单位',
source: '来源',
valuation: '成本核算计价方式',
isactive: '上下架',
picids: '商品图片',
detailpicid: '详情图片',
memberprice: '会员价'
},
public: { public: {
uploadimage: '上传',
address: '地址', address: '地址',
regionId: '区域', regionId: '区域',
countyrId: '国家', countyrId: '国家',

706
src/views/Product/NewProduct.vue
View file

@ -5,199 +5,176 @@
<h2 ref="geren" class="form-name">基本信息</h2> <h2 ref="geren" class="form-name">基本信息</h2>
<div class="container"> <div class="container">
<el-form ref="personalForm" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;"> <el-form ref="personalForm" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;">
<el-form-item :label="$t('Supplier.supplierName')" prop="supplierName" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.code')" prop="code" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.supplierName" placeholder="请输入供应商名称" clearable/> <el-input v-model="personalForm.code" placeholder="请输入物料编码" clearable/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('Supplier.typeId')" prop="typeId" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.productname')" prop="productname" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.typeId" placeholder="请选择供应商类别" style="width: 100%;"> <el-input v-model="personalForm.productname" placeholder="请输入产品名称" clearable/>
<el-option </el-form-item>
v-for="(item, index) in typeIds" <el-form-item :label="$t('Product.barcode')" style="width: 40%;margin-top:1%">
:key="index" <el-input v-model="personalForm.barcode" placeholder="请输入条码" clearable/>
:label="item.categoryName" </el-form-item>
:value="item.id" <el-form-item :label="$t('Product.categoryid')" style="width: 40%;margin-top:1%">
/> <el-select v-model="personalForm.categoryid" placeholder="请选择物品分类" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('Supplier.supplierShortName')" prop="supplierShortName" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.typeid')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.supplierShortName" placeholder="请输入供应商简称" clearable/> <el-select v-model="personalForm.typeid" placeholder="请选择规格型号" style="width: 100%;">
</el-form-item><br> <el-option value="1" label="类1"/>
<el-form-item :label="$t('Supplier.supplierIntroduction')" style="width: 80%;margin-top:1%"> <el-option value="2" label="类2"/>
<el-input v-model="personalForm.supplierIntroduction" type="textarea" clearable/> </el-select>
</el-form-item>
<el-form-item :label="$t('Product.purchasemeasurement')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.purchasemeasurement" placeholder="请选择采购计量单位" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.salemeasurement')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.salemeasurement" placeholder="请选择销售计量单位" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.stockmeasurement')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.stockmeasurement" placeholder="请选择库存计量单位" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.producemeasurement')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.producemeasurement" placeholder="请选择生产计量单位" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.color')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.color" placeholder="请输入颜色" clearable/>
</el-form-item>
<el-form-item :label="$t('Product.brand')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.brand" placeholder="请选择品牌" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.level')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.level" placeholder="请选择档次级别" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.level')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.level" placeholder="请选择档次级别" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.supplierid')" style="width: 40%;margin-top:1%">
<el-input v-model="supplierid" placeholder="请选择供应商" @focus="handlechoose"/>
</el-form-item>
<my-emp :control.sync="empcontrol" @personName="personName"/>
<el-form-item :label="$t('Product.source')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.source" placeholder="请选择来源" style="width: 100%;">
<el-option value="1" label="类1"/>
<el-option value="2" label="类2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Product.kpigrade')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.kpigrade" placeholder="请输入绩效分" clearable/>
</el-form-item>
<el-form-item :label="$t('Product.point')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.point" placeholder="请输入商品积分" clearable/>
</el-form-item>
<el-form-item :label="$t('Product.zhibaoqi')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.zhibaoqi" placeholder="请输入质保期" clearable>
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item :label="$t('Product.weight')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.weight" placeholder="请输入重量" clearable>
<template slot="append">KG</template>
</el-input>
</el-form-item>
<el-form-item :label="$t('Product.volume')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.volume" placeholder="请输入体积" clearable>
<template slot="append">m³</template>
</el-input>
</el-form-item>
<el-form-item :label="$t('Product.source')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.source" placeholder="请选择来源" clearable/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<!--联系信息--> <!--价格信息-->
<h2 ref="lianxi" class="form-name">业务信息</h2> <h2 ref="lianxi" class="form-name">价格信息</h2>
<div class="container"> <div class="container">
<el-form ref="personalForm2" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;"> <el-form ref="personalForm2" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;">
<el-form-item :label="$t('public.countyrId')" prop="countryId" style="width: 40%;margin-top: 1%"> <el-form-item :label="$t('Product.valuation')" prop="valuation" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.countryId" placeholder="国家" style="width: 100%;" @change ="handlechange"> <el-select v-model="personalForm.valuation" placeholder="请选择" style="width: 100%;">
<el-option <el-option value="1" label="类1"/>
v-for="(item, index) in nations" <el-option value="2" label="类2"/>
:key="index"
:label="item.name"
:value="item.id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('public.provinceId')" style="width: 40%;margin-top: 1%"> <el-form-item :label="$t('Product.costprice')" prop="costprice" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.provinceId" placeholder="请选择省" style="width: 100%;" @change="handlechange2"> <el-input v-model="personalForm.costprice" placeholder="请输入成本价" clearable/>
<el-option
v-for="(item, index) in provinces"
:key="index"
:label="item.name"
:value="item.id"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('public.cityId')" style="width: 40%;margin-top: 1%"> <el-form-item :label="$t('Product.tradeprice')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.cityId" placeholder="请选择市" style="width: 100%;"> <el-input v-model="personalForm.tradeprice" placeholder="请输入批发价" clearable/>
<el-option
v-for="(item, index) in cities"
:key="index"
:label="item.name"
:value="item.id"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('public.address')" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.saleprice')" prop="saleprice" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.detailAddress" placeholder="请输入地址" clearable/> <el-input v-model="personalForm.saleprice" placeholder="请输入零售价" clearable/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('Supplier.groupId')" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.purchaseprice')" prop="purchaseprice" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.groupId" placeholder="请选择供应商分组" style="width: 100%;"> <el-input v-model="personalForm.purchaseprice" placeholder="请输入采购价" clearable/>
<el-option label="类型1" value="1"/>
<el-option label="类型2" value="2"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('Supplier.zipCode')" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.lowerprice')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.zipCode" placeholder="请输入邮编" clearable/> <el-input v-model="personalForm.lowerprice" placeholder="请输入最低价" clearable/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('Supplier.contactPersonName')" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.memberprice')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.contactPersonName" placeholder="请输入联系人" clearable/> <el-input v-model="personalForm.memberprice" placeholder="请输入会员价" clearable/>
</el-form-item>
<el-form-item :label="$t('Supplier.contactPersonPhone')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.contactPersonPhone" placeholder="请输入电话" clearable/>
</el-form-item>
<el-form-item :label="$t('Supplier.regionId')" prop="regionid" style="width: 40%;margin-top: 1%">
<el-cascader
:options="regions"
:props="props"
v-model="perregions"
:show-all-levels="false"
placeholder="请选择区域"
change-on-select
filterable
clearable
style="width: 100%;"
/>
</el-form-item>
<el-form-item :label="$t('Supplier.giveId')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.giveId" placeholder="请选择交货方式" style="width: 100%;">
<el-option
v-for="(item, index) in giveIds"
:key="index"
:label="item.categoryName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Supplier.transportId')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.transportId" placeholder="请选择运送方式" style="width: 100%;">
<el-option
v-for="(item, index) in transportIds"
:key="index"
:label="item.categoryName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Supplier.levelId')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.levelId" placeholder="请选择供应商优质级别" style="width: 100%;">
<el-option
v-for="(item, index) in levelIds"
:key="index"
:label="item.categoryName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Supplier.isHot')" prop="isHot" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.isHot" placeholder="请选择" style="width: 100%;">
<el-option label="是" value="1"/>
<el-option label="否" value="2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Supplier.isEffective')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.isEffective" placeholder="请选择启用状态" style="width: 100%;">
<el-option label="启用" value="1"/>
<el-option label="未启用" value="2"/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Supplier.buyerId')" style="width: 40%;margin-top:1%">
<el-input v-model="buyerId" placeholder="请输入采购员" @focus="handlechoose"/>
</el-form-item> <br>
<my-emp :control.sync="empcontrol" @personName="personName"/>
<el-form-item :label="$t('Supplier.businessScopeIntroduction')" style="width: 80%;margin-top:1%">
<el-input v-model="personalForm.businessScopeIntroduction" type="textarea" clearable/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<!--财务信息--> <!--图片信息-->
<h2 class="form-name">财务信息</h2> <h2 class="form-name">图片信息</h2>
<div class="container"> <div class="container">
<el-form ref="personalForm3" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;"> <el-form ref="personalForm3" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;">
<el-form-item :label="$t('Supplier.paymentId')" style="width: 40%;margin-top:1%"> <el-form-item :label="$t('Product.picids')" style="width: 100%;margin-top: 1%">
<el-select v-model="personalForm.paymentId" placeholder="请选择结算方式" style="width: 100%;"> <el-button style="margin-bottom: 10px" size="small" type="success" @click="submitUpload">{{ $t('public.uploadimage') }}</el-button>
<el-option <el-upload
v-for="(item, index) in paymentIds" ref="upload"
:key="index" :on-preview="handlepicPreview"
:label="item.categoryName" :on-remove="handlepicRemove"
:value="item.id" :on-success="handlepicsuccess"
/> :data="picidsData"
</el-select> :auto-upload="false"
</el-form-item> action="http://192.168.1.26:9090/erp/upload/uploadpic"
<el-form-item :label="$t('Supplier.moneyId')" style="width: 40%;margin-top: 1%"> list-type="picture-card">
<el-select v-model="personalForm.moneyId" :value="personalForm.moneyId" placeholder="请选择币种" style="width: 100%;"> <i class="el-icon-plus"/>
<el-option label="RMB" value="1"/> </el-upload>
<el-option label="USD" value="2"/> <el-dialog :visible.sync="picidsVisible">
</el-select> <img :src="picidsImageUrl" width="100%" alt="">
</el-form-item> </el-dialog>
<el-form-item :label="$t('Supplier.bankName')" style="width: 40%;margin-top:1%"> </el-form-item >
<el-input v-model="personalForm.bankName" placeholder="请输入开户行" clearable/> <el-form-item :label="$t('Product.detailpicid')" style="width: 100%;margin-top: 1%">
</el-form-item> <el-button style="margin-bottom: 10px" size="small" type="success" @click="detailpicsubmitUpload">{{ $t('public.uploadimage') }}</el-button>
<el-form-item :label="$t('Supplier.accountName')" style="width: 40%;margin-top:1%"> <el-upload
<el-input v-model="personalForm.accountName" placeholder="请输入户名" clearable/> ref="detailpicupload"
</el-form-item> :on-preview="handledetailpicPreview"
<el-form-item :label="$t('Supplier.account')" style="width: 40%;margin-top:1%"> :on-remove="handledetailpicRemove"
<el-input v-model="personalForm.account" placeholder="请输入账号" clearable/> :on-success="handledetailpicsuccess"
</el-form-item> :data="detailpicData"
</el-form> :auto-upload="false"
</div> action="http://192.168.1.26:9090/erp/upload/uploadpic"
<!--辅助信息--> list-type="picture-card">
<h2 ref="fuzhu" class="form-name">辅助信息</h2> <i class="el-icon-plus"/>
<div class="container"> </el-upload>
<el-form ref="personalForm4" :model="personalForm" :rules="personalrules" :inline="true" status-icon class="demo-ruleForm" label-position="top" label-width="300px" style="margin-left: 30px;"> <el-dialog :visible.sync="detailpicVisible">
<el-form-item :label="$t('Supplier.establishDate')" style="width: 40%;margin-top:1%"> <img :src="detailpicImageUrl" width="100%" alt="">
<el-date-picker </el-dialog>
v-model="personalForm.establishDate" </el-form-item >
type="date"
placeholder="选择成立时间"
value-format="yyyy-MM-dd"
clearable
style="width: 100%"/>
</el-form-item>
<el-form-item :label="$t('Supplier.legalPerson')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.legalPerson" placeholder="请输入法人代表" clearable/>
</el-form-item>
<el-form-item :label="$t('Supplier.taxNumber')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.taxNumber" placeholder="请输入税务登记号" clearable/>
</el-form-item>
<el-form-item :label="$t('Supplier.businessLicense')" style="width: 40%;margin-top:1%">
<el-input v-model="personalForm.businessLicense" placeholder="请输入营业执照号" clearable/>
</el-form-item>
<el-form-item :label="$t('Supplier.companyTypeId')" style="width: 40%;margin-top:1%">
<el-select v-model="personalForm.companyTypeId" placeholder="请选择单位性质" style="width: 100%;">
<el-option label="类型1" value="1"/>
<el-option label="类型2" value="2"/>
</el-select>
</el-form-item>
</el-form> </el-form>
</div> </div>
<!--操作--> <!--操作-->
@ -211,95 +188,88 @@
</template> </template>
<script> <script>
import { getcountrylist, getprovincelist, getcitylist, regionlist } from '@/api/public' import { create } from '@/api/Supplier'
import { searchCategory, create } from '@/api/Supplier'
import MyEmp from './components/MyEmp' import MyEmp from './components/MyEmp'
export default { export default {
name: 'NewSupplier', name: 'NewProduct',
components: { MyEmp }, components: { MyEmp },
data() { data() {
return { return {
// 结算方式 // 供货商弹窗控制
paymentIds: [],
// 优质级别
levelIds: [],
// 运送方式
transportIds: [],
// 交货方式
giveIds: [],
// 供应商类别
typeIds: [],
// 采购员弹窗控制
empcontrol: false, empcontrol: false,
// 国家列表 // 商品图片数据+++++++++++++++++++++++++开始
nations: [], // 商品图片控制器
// 省列表 picidsVisible: false,
provinces: [], // 商品图片地址
// 城市列表 picidsImageUrl: '',
cities: [], // 发送后端type
// 区域列表 picidsData: {
regions: [], type: 2
// 区域列表字段更改
props: {
value: 'id',
label: 'regionName',
children: 'regionListVos'
}, },
// 采购员回显 // 商品图片数据+++++++++++++++++++++++++结束
buyerId: '', // 详情图片数据++++++++++++++++++++++++++++++++开始
// 转化区域id detailpicVisible: false,
perregions: [], // 详情图片地址
// 供应商信息数据 detailpicImageUrl: '',
// 发送后端type
detailpicData: {
type: 7
},
// 详情图片数据++++++++++++++++++++++++++++++++结束
// 供应商回显
supplierid: '',
// 物品信息数据
personalForm: { personalForm: {
supplierName: '', code: '',
typeId: '', barcode: '',
supplierShortName: '', productname: '',
supplierIntroduction: '', typeid: '',
// 业务信息 categoryid: '',
countryId: '', color: '',
provinceId: '', brand: '',
cityId: '', kpigrade: '',
detailAddress: '', point: '',
groupId: '', zhibaoqi: '',
zipCode: '', weight: '',
contactPersonName: '', volume: '',
contactPersonPhone: '', costprice: '',
regionId: '', tradeprice: '',
giveId: '', saleprice: '',
transportId: '', purchaseprice: '',
levelId: '', lowerprice: '',
isHot: '', supplierid: '',
isEffective: '', createid: '',
buyerId: '', level: '',
// 财务信息 purchasemeasurement: '',
businessScopeIntroduction: '', salemeasurement: '',
paymentId: '', stockmeasurement: '',
moneyId: '', producemeasurement: '',
bankName: '', source: '',
accountName: '', valuation: '',
account: '', isactive: '',
establishDate: '', picids: [],
legalPerson: '', detailpicid: [],
taxNumber: '', memberprice: ''
businessLicense: '',
companyTypeId: ''
}, },
// 个人信息规则数据 // 物品信息规则数据
personalrules: { personalrules: {
supplierName: [ code: [
{ required: true, message: '请输入供应商名称', trigger: 'blur' } { required: true, message: '请输入物料编码', trigger: 'blur' }
], ],
typeId: [ productname: [
{ required: true, message: '请选择供应商类别', trigger: 'change' } { required: true, message: '请输入产品名称', trigger: 'change' }
], ],
groupId: [ valuation: [
{ required: true, message: '请选择供应商分组', trigger: 'change' } { required: true, message: '请选择计价方式', trigger: 'change' }
], ],
isHot: [ costprice: [
{ required: true, message: '请选择', trigger: 'change' } { required: true, message: '请输入成本价', trigger: 'blur' }
], ],
countryId: [ saleprice: [
{ required: true, message: '请选择国家', trigger: 'change' } { required: true, message: '请输入零售价', trigger: 'blur' }
],
purchaseprice: [
{ required: true, message: '请输入采购价', trigger: 'blur' }
] ]
} }
} }
@ -310,176 +280,88 @@ export default {
methods: { methods: {
// 国籍列表 // 国籍列表
getnationlist() { getnationlist() {
getcountrylist().then(res => { console.log(123)
if (res.data.ret === 200) {
this.nations = res.data.data.content
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 区域列表数据
regionlist().then(res => {
if (res.data.ret === 200) {
this.regions = this.tranKTree(res.data.data.content)
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 供应商类别
searchCategory(1).then(res => {
if (res.data.ret === 200) {
this.typeIds = res.data.data.content.list
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 交货方式
searchCategory(2).then(res => {
if (res.data.ret === 200) {
this.giveIds = res.data.data.content.list
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 运送方式
searchCategory(3).then(res => {
if (res.data.ret === 200) {
this.transportIds = res.data.data.content.list
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 优质级别
searchCategory(4).then(res => {
if (res.data.ret === 200) {
this.levelIds = res.data.data.content.list
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 结算方式
searchCategory(5).then(res => {
if (res.data.ret === 200) {
this.paymentIds = res.data.data.content.list
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
}, },
// 根据国家选择省 // 商品图上传图片开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++开始
handlechange(val) { submitUpload() {
getprovincelist(val).then(res => { this.$refs.upload.submit()
if (res.data.ret === 200) {
this.provinces = res.data.data.content
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
}, },
// 根据省选择市 handlepicRemove(file, fileList) {
handlechange2(val) { console.log(file, fileList)
getcitylist(val).then(res => {
console.log(res)
if (res.data.ret === 200) {
this.cities = res.data.data.content
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
}, },
// 转化数据方法 handlepicPreview(file) {
tranKTree(arr) { this.picidsImageUrl = file.url
if (!arr || !arr.length) return this.picidsVisible = true
return arr.map(item => ({
id: item.id,
regionName: item.regionName,
regionListVos: this.tranKTree(item.regionListVos)
}))
}, },
handlepicsuccess(response) {
this.personalForm.picids.push(response.data.content.picId)
console.log(response.data.content.picId)
},
// 商品图上传图片结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++结束
// 详情图上传图片开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++开始
detailpicsubmitUpload() {
this.$refs.detailpicupload.submit()
},
handledetailpicRemove(file, fileList) {
console.log(file, fileList)
},
handledetailpicPreview(file) {
this.picidsImageUrl = file.url
this.picidsVisible = true
},
handledetailpicsuccess(response) {
this.personalForm.detailpicid.push(response.data.content.picId)
console.log(response.data.content.picId)
},
// 详情图上传图片结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++结束
// 保存操作 // 保存操作
handlesave() { handlesave() {
this.personalForm.regionId = this.perregions[this.perregions.length - 1] console.log(this.personalForm)
this.$refs.personalForm.validate((valid) => { // this.$refs.personalForm.validate((valid) => {
if (valid) { // if (valid) {
create(this.personalForm).then(res => { // create(this.personalForm).then(res => {
console.log(res) // console.log(res)
if (res.data.ret === 200) { // if (res.data.ret === 200) {
this.$notify({ // this.$notify({
title: '成功', // title: '成功',
message: '保存成功', // message: '保存成功',
type: 'success', // type: 'success',
offset: 100 // offset: 100
}) // })
this.restAllForm() // this.restAllForm()
this.$refs.personalForm.clearValidate() // this.$refs.personalForm.clearValidate()
this.$refs.personalForm.resetFields() // this.$refs.personalForm.resetFields()
this.$refs.personalForm2.clearValidate() // this.$refs.personalForm2.clearValidate()
this.$refs.personalForm2.resetFields() // this.$refs.personalForm2.resetFields()
this.$refs.personalForm3.clearValidate() // this.$refs.personalForm3.clearValidate()
this.$refs.personalForm3.resetFields() // this.$refs.personalForm3.resetFields()
this.$refs.personalForm4.clearValidate() // this.$refs.personalForm4.clearValidate()
this.$refs.personalForm4.resetFields() // this.$refs.personalForm4.resetFields()
} else if (res.data.msg === 'account isExist') { // } else if (res.data.msg === 'account isExist') {
this.$notify.error({ // this.$notify.error({
title: '错误', // title: '错误',
message: '登陆账号已存在', // message: '登陆账号已存在',
offset: 100 // offset: 100
}) // })
} // }
}) // })
} else { // } else {
this.$notify.error({ // this.$notify.error({
title: '错误', // title: '错误',
message: '信息未填完整', // message: '信息未填完整',
offset: 100 // offset: 100
}) // })
return false // return false
} // }
}) // })
}, },
// 清空记录 // 清空记录
restAllForm() { restAllForm() {
this.personalForm = { this.personalForm = {
supplierName: '', ProductName: '',
typeId: '', typeId: '',
supplierShortName: '', ProductShortName: '',
supplierIntroduction: '', ProductIntroduction: '',
// 业务信息 // 业务信息
countryId: '', countryId: '',
provinceId: '', provinceId: '',
@ -562,19 +444,19 @@ export default {
// 取消操作 // 取消操作
handlecancel() { handlecancel() {
this.$router.go(-1) this.$router.go(-1)
const view = { path: '/Supplier/NewSupplier', name: 'NewSupplier', fullPath: '/Supplier/NewSupplier', title: 'NewSupplier' } const view = { path: '/Product/NewProduct', name: 'NewProduct', fullPath: '/Product/NewProduct', title: 'NewProduct' }
this.$store.dispatch('delView', view).then(({ visitedViews }) => { this.$store.dispatch('delView', view).then(({ visitedViews }) => {
}) })
}, },
// 员工输入框focus事件触发 // 供货商输入框focus事件触发
handlechoose() { handlechoose() {
this.empcontrol = true this.empcontrol = true
}, },
// 员工列表返回数据 // 供货商列表返回数据
personName(val) { personName(val) {
console.log(val) console.log(val)
this.buyerId = val.personName this.supplierid = val.supplierName
this.personalForm.buyerId = val.id this.personalForm.supplierid = val.id
} }
} }
} }

262
src/views/Product/components/MyEmp.vue
View file

@ -1,116 +1,118 @@
<template> <template>
<el-dialog :visible.sync="employeeVisible" :control="control" :close-on-press-escape="false" top="10px" title="选择员工" append-to-body @close="$emit('update:control', false)"> <el-dialog :visible.sync="employeeVisible" :control="control" :close-on-press-escape="false" top="10px" title="选择供应商" append-to-body @close="$emit('update:control', false)">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="getemplist.employeename" :placeholder="$t('NewEmployeeInformation.employeename')" class="filter-item" clearable @keyup.enter.native="handleFilter"/> <!-- 搜索条件栏目 -->
<el-input v-model="getemplist.jobnumber" :placeholder="$t('NewEmployeeInformation.jobnumber2')" class="filter-item" clearable @keyup.enter.native="handleFilter"/> <el-input v-model="getemplist.id" :placeholder="$t('Supplier.id')" class="filter-item" clearable @keyup.enter.native="handleFilter"/>
<el-date-picker <el-input v-model="getemplist.supplierName" :placeholder="$t('Supplier.supplierName')" class="filter-item" clearable @keyup.enter.native="handleFilter"/>
v-model="getemplist.time" <el-select v-model="getemplist.typeId" :value="getemplist.typeId" placeholder="请选择供应商" class="filter-item" clearable>
type="date" <el-option
class="filter-item" v-for="(item, index) in typeIds"
placeholder="选择日期" :key="index"
value-format="yyyy-MM-dd"/> :label="item.categoryName"
:value="item.id"
/>
</el-select>
<!-- 更多搜索条件下拉栏 -->
<el-popover <el-popover
placement="bottom" placement="bottom"
width="500" width="500"
trigger="click"> trigger="click">
<el-cascader <el-cascader
:options="regions2" :options="regions"
:props="props2" :props="props"
v-model="getemplistregions" v-model="getemplistregions"
:show-all-levels="false" :show-all-levels="false"
placeholder="请选择区域" placeholder="所在区域"
change-on-select change-on-select
filterable filterable
clearable clearable
style="width: 40%;float: left;margin-left: 20px" style="width: 40%;float: left;margin-left: 20px"
@change="handlechange4" @change="handlechange4"
/> />
<el-select v-model="getemplist.repositoryid" placeholder="请选择门店" clearable filterable style="width: 40%;float: right;margin-right: 20px"> <el-select v-model="getemplist.levelId" placeholder="请选择优质级别" clearable style="width: 40%;float: right;margin-right: 20px">
<el-option <el-option
v-for="(item, index) in repositories" v-for="(item, index) in levelIds"
:key="index" :key="index"
:label="item.repositoryName" :label="item.categoryName"
:value="item.id"/> :value="item.id"
</el-select> />
<el-select v-model="getemplist.postid" :value="getemplist.postid" :placeholder="$t('NewEmployeeInformation.postid2')" class="filter-item" clearable style="width: 40%;float: left;margin-top: 10px;margin-left: 20px">
<el-option label="xxx" value="1"/>
<el-option label="xxx" value="2"/>
</el-select>
<el-select v-model="getemplist.deptid" :placeholder="$t('NewEmployeeInformation.deptid2')" class="filter-item" clearable style="width: 40%;float: right;margin-top: 10px;margin-right: 20px">
<el-option
v-for="(item, index) in depts"
:key="index"
:label="item.deptName"
:value="item.id"/>
</el-select> </el-select>
<div class="seachbutton" style="width: 100%;float: right;margin-top: 20px"> <div class="seachbutton" style="width: 100%;float: right;margin-top: 20px">
<el-button v-waves class="filter-item" type="primary" style="float: right" @click="handleFilter">{{ $t('public.search') }}</el-button> <el-button v-waves class="filter-item" type="primary" style="float: right" @click="handleFilter">{{ $t('public.search') }}</el-button>
</div> </div>
<el-button v-waves slot="reference" type="primary" class="filter-item" style="width: 130px">{{ $t('public.filter') }}<svg-icon icon-class="shaixuan" style="margin-left: 4px"/></el-button> <el-button v-waves slot="reference" type="primary" class="filter-item" style="width: 130px">{{ $t('public.filter') }}<svg-icon icon-class="shaixuan" style="margin-left: 4px"/></el-button>
</el-popover> </el-popover>
<!-- 搜索按钮 -->
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" style="width: 86px" @click="handleFilter">{{ $t('public.search') }}</el-button> <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" style="width: 86px" @click="handleFilter">{{ $t('public.search') }}</el-button>
<el-button v-waves class="filter-item" icon="el-icon-plus" type="success" style="width: 86px;" @click="handleAdd">{{ $t('public.add') }}</el-button> <!-- 新建操作 -->
<el-button v-waves class="filter-item" icon="el-icon-plus" type="success" style="width: 86px;float: right" @click="handleAdd">{{ $t('public.add') }}</el-button>
</div> </div>
<div class="app-container">
<!-- 列表开始 -->
<el-table <el-table
v-loading="listLoading" v-loading="listLoading"
:data="list"
:key="tableKey" :key="tableKey"
:data="list"
border border
fit fit
highlight-current-row highlight-current-row
style="width: 100%" style="width: 100%;"
@current-change="handleCurrentChange"> @current-change="handleCurrentChange">
<el-table-column <el-table-column :label="$t('Supplier.id')" :resizable="false" prop="id" align="center" width="150">
:label="$t('NewEmployeeInformation.id')"
:resizable="false"
property="id"
align="center"
width="50"/>
<el-table-column
:label="$t('NewEmployeeInformation.jobNumber')"
:resizable="false"
property="jobNumber"
align="center"
width="100"/>
<el-table-column
:label="$t('NewEmployeeInformation.account')"
:resizable="false"
property="account"
width="150"
align="center"/>
<el-table-column :label="$t('NewEmployeeInformation.name')" :resizable="false" align="center" width="109">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.firstName }} {{ scope.row.middleName }} {{ scope.row.lastName }}</span> <span>{{ scope.row.id }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('NewEmployeeInformation.gender')" :resizable="false" prop="gender" align="center" width="80"> <el-table-column :label="$t('Supplier.supplierName')" :resizable="false" prop="supplierName" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.gender | genderFilter }}</span> <span>{{ scope.row.supplierName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('NewEmployeeInformation.deptName')" :resizable="false" prop="deptName" align="center" width="100"> <el-table-column :label="$t('Supplier.supplierShortName')" :resizable="false" prop="supplierShortName" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.deptName }}</span> <span>{{ scope.row.supplierShortName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('NewEmployeeInformation.regionName')" :resizable="false" prop="regionName" align="center" width="230"> <el-table-column :label="$t('Supplier.typeId')" :resizable="false" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.typeName }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('Supplier.regionId')" :resizable="false" prop="regionName" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.regionName }}</span> <span>{{ scope.row.regionName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('NewEmployeeInformation.repositoryName')" :resizable="false" prop="repositoryName" align="center" width="100"> <el-table-column :label="$t('Supplier.buyerId')" :resizable="false" prop="buyerName" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.repositoryName }}</span> <span>{{ scope.row.buyerName }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('Supplier.levelId')" :resizable="false" prop="levelName" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.levelName }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('Supplier.createId')" :resizable="false" prop="createId" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.createName }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('Supplier.createTime')" :resizable="false" prop="createTime" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="total>0" :total="total" :page.sync="getemplist.pagenum" :limit.sync="getemplist.pagesize" @pagination="gitemplist" /> <!-- 列表结束 -->
<pagination v-show="total>0" :total="total" :page.sync="getemplist.pagenum" :limit.sync="getemplist.pagesize" @pagination="getlist" />
</div>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { regionlist, searchRepository } from '@/api/public' import { searchRepository, regionlist } from '@/api/public'
import { getemplist, getdeptlist } from '@/api/EmployeeInformation' import { searchCategory, search } from '@/api/Supplier'
import waves from '@/directive/waves' // Waves directive import waves from '@/directive/waves' // Waves directive
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
export default { export default {
@ -133,51 +135,57 @@ export default {
}, },
data() { data() {
return { return {
// 仓库管理员回显数据 // 供应商选择框控制
managerPeople: '', employeeVisible: this.control,
// 小区经理回显数据 // 新增分组参数
regionManagerId: '', groupName: '',
// / 弹窗选择 // 分组表格数据
// 单选表格样式 groupData: [],
currentRow: null, // 新建分组控制器
// 员工表格数据 GroupVisible: false,
// 批量操作
moreaction: '',
// 优质级别
levelIds: [],
// 供应商类别
typeIds: [],
// 加载操作控制
downloadLoading: false,
// 表格数据
list: [], list: [],
// 员工表格数据条数 // 表格数据条数
total: 0, total: 0,
// 员工表格识别 // 表格识别
tableKey: 0, tableKey: 0,
// 加载员工表格 // 加载表格
listLoading: true, listLoading: true,
// 员工查询列表数据 // 供应商列表查询加展示参数
getemplist: { getemplist: {
repositoryid: '', id: '',
regionid: '', supplierName: '',
postid: '', typeId: '',
deptid: '', regionId: '',
employeename: '', levelId: '',
pagenum: 1, pagenum: 1,
pagesize: 10, pagesize: 10
stat: 1,
time: '',
jobnumber: ''
}, },
// 部门列表 // 部门列表
depts: [], depts: [],
// 区域级联数据转化 // 区域级联数据转化
props2: { props: {
value: 'id', value: 'id',
label: 'regionName', label: 'regionName',
children: 'regionListVos' children: 'regionListVos'
}, },
// 区域数据 // 区域数据
regions2: [], regions: [],
getemplistregions: [], getemplistregions: [],
// 门店数据 // 门店数据
repositories: [], repositories: [],
// 员工选择框控制 // 传给组件的数据
employeeVisible: this.control, personalForm: {},
// 小区经理选择框控制 // 控制组件数据
regionManagerVisible: false editVisible: false
} }
}, },
watch: { watch: {
@ -187,15 +195,13 @@ export default {
} }
}, },
created() { created() {
this.gitemplist() this.getlist()
}, },
methods: { methods: {
// 仓库管理员选择开始 getlist() {
gitemplist() { // 供应商列表数据
// 员工列表数据
this.listLoading = true this.listLoading = true
console.log(this.getemplist) search(this.getemplist).then(res => {
getemplist(this.getemplist).then(res => {
if (res.data.ret === 200) { if (res.data.ret === 200) {
this.list = res.data.data.content.list this.list = res.data.data.content.list
this.total = res.data.data.content.totalCount this.total = res.data.data.content.totalCount
@ -210,10 +216,22 @@ export default {
this.listLoading = false this.listLoading = false
}, 0.5 * 100) }, 0.5 * 100)
}) })
// 部门列表数据 // 供应商类别
getdeptlist().then(res => { searchCategory(1).then(res => {
if (res.data.ret === 200) { if (res.data.ret === 200) {
this.depts = res.data.data.content this.typeIds = res.data.data.content.list
} else {
this.$notify.error({
title: '错误',
message: '出错了',
offset: 100
})
}
})
// 优质级别
searchCategory(4).then(res => {
if (res.data.ret === 200) {
this.levelIds = res.data.data.content.list
} else { } else {
this.$notify.error({ this.$notify.error({
title: '错误', title: '错误',
@ -225,23 +243,18 @@ export default {
// 区域数据 // 区域数据
regionlist().then(res => { regionlist().then(res => {
if (res.data.ret === 200) { if (res.data.ret === 200) {
this.regions2 = this.tranKTree(res.data.data.content) this.regions = this.tranKTree(res.data.data.content)
} }
}) })
}, },
// 转化数据方法 // 新增数据
tranKTree(arr) { handleAdd() {
if (!arr || !arr.length) return this.$router.push('/EmployeeInformation/Supplier')
return arr.map(item => ({
id: item.id,
regionName: item.regionName,
regionListVos: this.tranKTree(item.regionListVos)
}))
}, },
// 查询 // 搜索
handleFilter() { handleFilter() {
this.getemplist.regionid = this.getemplistregions[this.getemplistregions.length - 1] this.getemplist.regionId = this.getemplistregions[this.getemplistregions.length - 1]
getemplist(this.getemplist).then(res => { search(this.getemplist).then(res => {
if (res.data.ret === 200) { if (res.data.ret === 200) {
this.list = res.data.data.content.list this.list = res.data.data.content.list
this.total = res.data.data.content.totalCount this.total = res.data.data.content.totalCount
@ -254,46 +267,31 @@ export default {
} }
}) })
}, },
// 新增数据 // 转化数据方法
handleAdd() { tranKTree(arr) {
this.employeeVisible = false if (!arr || !arr.length) return
this.$router.push('/EmployeeInformation/NewEmployeeInformation') return arr.map(item => ({
id: item.id,
regionName: item.regionName,
regionListVos: this.tranKTree(item.regionListVos)
}))
}, },
// 根据区域选择门店 // 根据区域选择门店
handlechange4(val) { handlechange4(val) {
console.log(val)
const finalid = val[val.length - 1] const finalid = val[val.length - 1]
searchRepository(finalid).then(res => { searchRepository(finalid).then(res => {
if (res.data.ret === 200) { if (res.data.ret === 200) {
console.log(res) this.repositories = res.data.data.content
this.repositories = res.data.data.content.list
} else { } else {
this.$message.error('出错了') this.$message.error('出错了')
} }
}) })
}, },
// 清空历史搜索数据
restemplist() {
this.getemplist = {
repositoryid: '',
regionid: '',
postid: '',
deptid: '',
employeename: '',
pagenum: 1,
pagesize: 10,
stat: 1,
time: '',
jobnumber: ''
}
this.getemplistregions = []
},
// 选择员工数据时的操作 // 选择员工数据时的操作
handleCurrentChange(val) { handleCurrentChange(val) {
this.$emit('personName', val) this.$emit('personName', val)
this.employeeVisible = false this.employeeVisible = false
} }
// 仓库管理员选择结束
} }
} }
</script> </script>

2
src/views/Supplier/SupplierList.vue
View file

@ -173,6 +173,8 @@ export default {
}, },
data() { data() {
return { return {
// 供应商选择框控制
employeeVisible: this.control,
// 新增分组参数 // 新增分组参数
groupName: '', groupName: '',
// 分组表格数据 // 分组表格数据