fix(global):国际化替换失败问题处理
This commit is contained in:
parent
6ae1af0c7a
commit
e9f3959f80
File diff suppressed because it is too large
Load Diff
|
|
@ -7,37 +7,49 @@
|
|||
<template>
|
||||
<div class="page">
|
||||
<div class="topbox">
|
||||
<div class="levelList_i"
|
||||
:class="tabActive == item.id ? 'act' : ''"
|
||||
<div
|
||||
v-for="(item, index) in topList"
|
||||
:key="index"
|
||||
@click.prevent="handleLink(item.id)">
|
||||
class="levelList_i"
|
||||
:class="tabActive == item.id ? 'act' : ''"
|
||||
@click.prevent="handleLink(item.id)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="contain">
|
||||
<el-form ref="form"
|
||||
<el-form
|
||||
ref="form"
|
||||
:rules="rules"
|
||||
:model="form"
|
||||
label-width="80px">
|
||||
label-width="80px"
|
||||
>
|
||||
<div v-show="tabActive==0">
|
||||
<el-col class="el-col-40">
|
||||
<el-form-item :label="'产品名称'"
|
||||
prop="productName">
|
||||
<el-input clearable
|
||||
<el-form-item
|
||||
:label="'产品名称'"
|
||||
prop="productName"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.productName"
|
||||
clearable
|
||||
:disabled="methods"
|
||||
:placeholder="'请输入'"></el-input>
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label="'产品编号'"
|
||||
prop="productCode">
|
||||
<el-input clearable
|
||||
<el-form-item
|
||||
:label="'产品编号'"
|
||||
prop="productCode"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.productCode"
|
||||
clearable
|
||||
disabled
|
||||
:placeholder="'请输入'"></el-input>
|
||||
:placeholder="'请输入'"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col class="el-col-20">
|
||||
|
|
@ -63,41 +75,59 @@
|
|||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item label="保质期"
|
||||
prop="shelfLife">
|
||||
<el-input clearable
|
||||
oninput="value=value.replace(/[^\d]/g,'')"
|
||||
<el-form-item
|
||||
label="保质期"
|
||||
prop="shelfLife"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.shelfLife"
|
||||
clearable
|
||||
oninput="value=value.replace(/[^\d]/g,'')"
|
||||
:disabled="methods"
|
||||
:placeholder="'请输入'">
|
||||
<i slot="suffix"
|
||||
class="neibu">{{'天'}} </i>
|
||||
:placeholder="'请输入'"
|
||||
>
|
||||
<i
|
||||
slot="suffix"
|
||||
class="neibu"
|
||||
>{{ '天' }} </i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label=''单位''
|
||||
prop="unit">
|
||||
<el-select clearable
|
||||
<el-form-item
|
||||
label="单位"
|
||||
prop="unit"
|
||||
>
|
||||
<el-select
|
||||
v-model="form.unit"
|
||||
:disabled="methods">
|
||||
<el-option v-for="item in dwList"
|
||||
clearable
|
||||
:disabled="methods"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dwList"
|
||||
:key="item.pkId"
|
||||
:label="item.name"
|
||||
:value="item.pkId"></el-option>
|
||||
:value="item.pkId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label="'重量'"
|
||||
prop="weight">
|
||||
<el-input clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
<el-form-item
|
||||
:label="'重量'"
|
||||
prop="weight"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.weight"
|
||||
clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
:disabled="methods"
|
||||
:placeholder="'请输入'">
|
||||
<i slot="suffix"
|
||||
class="neibu">KG </i>
|
||||
:placeholder="'请输入'"
|
||||
>
|
||||
<i
|
||||
slot="suffix"
|
||||
class="neibu"
|
||||
>KG </i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -128,15 +158,21 @@
|
|||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label="'所属分类'"
|
||||
prop="pkClassify">
|
||||
<el-select clearable
|
||||
<el-form-item
|
||||
:label="'所属分类'"
|
||||
prop="pkClassify"
|
||||
>
|
||||
<el-select
|
||||
v-model="form.pkClassify"
|
||||
:disabled="methods">
|
||||
<el-option v-for="item in classifyList"
|
||||
clearable
|
||||
:disabled="methods"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in classifyList"
|
||||
:key="item.pkId"
|
||||
:label="item.name"
|
||||
:value="item.pkId"></el-option>
|
||||
:value="item.pkId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -152,41 +188,59 @@
|
|||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label="'长'"
|
||||
prop="length">
|
||||
<el-input clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
<el-form-item
|
||||
:label="'长'"
|
||||
prop="length"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.length"
|
||||
clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
:disabled="methods"
|
||||
:placeholder="'请输入'">
|
||||
<i slot="suffix"
|
||||
class="neibu">CM </i>
|
||||
:placeholder="'请输入'"
|
||||
>
|
||||
<i
|
||||
slot="suffix"
|
||||
class="neibu"
|
||||
>CM </i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label="'宽'"
|
||||
prop="width">
|
||||
<el-input clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
<el-form-item
|
||||
:label="'宽'"
|
||||
prop="width"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.width"
|
||||
clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
:disabled="methods"
|
||||
:placeholder="'请输入'">
|
||||
<i slot="suffix"
|
||||
class="neibu">CM </i>
|
||||
:placeholder="'请输入'"
|
||||
>
|
||||
<i
|
||||
slot="suffix"
|
||||
class="neibu"
|
||||
>CM </i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col class="el-col-20">
|
||||
<el-form-item :label="'高'"
|
||||
prop="height">
|
||||
<el-input clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
<el-form-item
|
||||
:label="'高'"
|
||||
prop="height"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.height"
|
||||
clearable
|
||||
oninput="value=value.replace(/[^\d.]/g,'')"
|
||||
:disabled="methods"
|
||||
:placeholder="'请输入'">
|
||||
<i slot="suffix"
|
||||
class="neibu">CM </i>
|
||||
:placeholder="'请输入'"
|
||||
>
|
||||
<i
|
||||
slot="suffix"
|
||||
class="neibu"
|
||||
>CM </i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -202,9 +256,12 @@
|
|||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col class="el-col-40">
|
||||
<el-form-item :label="'产品主图'"
|
||||
prop="cover">
|
||||
<el-upload :headers="headers"
|
||||
<el-form-item
|
||||
:label="'产品主图'"
|
||||
prop="cover"
|
||||
>
|
||||
<el-upload
|
||||
:headers="headers"
|
||||
:disabled="methods"
|
||||
:class="{ uploadIconOne: showImg, uploadIcon: noneUploadImg }"
|
||||
:action="uploadImgUrl"
|
||||
|
|
@ -213,29 +270,36 @@
|
|||
:on-change="uploadImgChange"
|
||||
list-type="picture-card"
|
||||
:limit="1"
|
||||
:on-remove="handleRemove">
|
||||
<i class="el-icon-plus"></i>
|
||||
:on-remove="handleRemove"
|
||||
>
|
||||
<i class="el-icon-plus" />
|
||||
</el-upload>
|
||||
<div class="jy">建议尺寸452×452，大小为200K</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</div>
|
||||
<div v-show="tabActive==1">
|
||||
<el-form-item :label="'规格'"
|
||||
prop="pkSpecsType">
|
||||
<el-tag :key="item.pkId"
|
||||
<el-form-item
|
||||
:label="'规格'"
|
||||
prop="pkSpecsType"
|
||||
>
|
||||
<el-tag
|
||||
v-for="item,index in ggList"
|
||||
v-show="item.checked"
|
||||
:key="item.pkId"
|
||||
:closable="!methods"
|
||||
class="elTag"
|
||||
v-show="item.checked"
|
||||
:disable-transitions="false"
|
||||
@close="handleClose(item.pkId)">
|
||||
@close="handleClose(item.pkId)"
|
||||
>
|
||||
{{ item.typeName }}
|
||||
</el-tag>
|
||||
<el-button class="button-new-tag"
|
||||
<el-button
|
||||
v-show="!methods"
|
||||
class="button-new-tag"
|
||||
size="small"
|
||||
@click="openDiag=true">{{'添加'}}</el-button>
|
||||
@click="openDiag=true"
|
||||
>{{ '添加' }}</el-button>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<!-- <div v-show="tabActive==2">
|
||||
|
|
@ -332,33 +396,49 @@
|
|||
</div> -->
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="footer"
|
||||
v-show="!methods">
|
||||
<el-button size="small"
|
||||
class="thebtn2"> {{ '取消' }}</el-button>
|
||||
<el-button size="small"
|
||||
<div
|
||||
v-show="!methods"
|
||||
class="footer"
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
class="thebtn2"
|
||||
> {{ '取消' }}</el-button>
|
||||
<el-button
|
||||
v-hasButtons="['productBasicAddSure']"
|
||||
size="small"
|
||||
class="thebtn1"
|
||||
@click="submit('form')"
|
||||
class="thebtn1"> {{ '确认' }}</el-button>
|
||||
> {{ '确认' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog :title="'添加'"
|
||||
<el-dialog
|
||||
:title="'添加'"
|
||||
:visible.sync="openDiag"
|
||||
:close-on-click-modal="false"
|
||||
width="30%"
|
||||
center>
|
||||
<el-checkbox-group v-model="form.checkList"
|
||||
class="check">
|
||||
<el-checkbox v-for="item,index in ggList"
|
||||
class="check_i"
|
||||
center
|
||||
>
|
||||
<el-checkbox-group
|
||||
v-model="form.checkList"
|
||||
class="check"
|
||||
>
|
||||
<el-checkbox
|
||||
v-for="item,index in ggList"
|
||||
:key="item.pkId"
|
||||
:label="item.pkId">{{item.typeName}}</el-checkbox>
|
||||
class="check_i"
|
||||
:label="item.pkId"
|
||||
>{{ item.typeName }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
<span slot="footer"
|
||||
class="dialog-footer">
|
||||
<span
|
||||
slot="footer"
|
||||
class="dialog-footer"
|
||||
>
|
||||
<el-button @click="openDiag = false">{{ '取消' }}</el-button>
|
||||
<el-button type="primary"
|
||||
@click="checkTrue">{{'确认'}}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="checkTrue"
|
||||
>{{ '确认' }}</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
|
@ -368,67 +448,67 @@ import { getToken } from '@/utils/auth'
|
|||
import * as api from '@/api/product.js'
|
||||
import { productUpdateJxc, productSaveJxc } from '@/api/product.js'
|
||||
export default {
|
||||
name: 'jcsz',
|
||||
name: 'Jcsz',
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
shippingChannel: [
|
||||
{ required: true, message: '请输入发货类型', trigger: 'change' },
|
||||
{ required: true, message: '请输入发货类型', trigger: 'change' }
|
||||
],
|
||||
unit: [{ required: true, message: '请选择单位', trigger: 'change' }],
|
||||
productName: [
|
||||
{ required: true, message: '请输入产品名称', trigger: 'blur' },
|
||||
{ required: true, message: '请输入产品名称', trigger: 'blur' }
|
||||
],
|
||||
productCode: [
|
||||
{ required: true, message: '请输入产品编号', trigger: 'blur' },
|
||||
{ required: true, message: '请输入产品编号', trigger: 'blur' }
|
||||
],
|
||||
retailPrice: [
|
||||
{ required: true, message: '请输入划线价', trigger: 'blur' },
|
||||
{ required: true, message: '请输入划线价', trigger: 'blur' }
|
||||
],
|
||||
shelfLife: [
|
||||
{ required: true, message: '请输入保质期', trigger: 'blur' },
|
||||
{ required: true, message: '请输入保质期', trigger: 'blur' }
|
||||
],
|
||||
weight: [{ required: true, message: '请输入重量', trigger: 'blur' }],
|
||||
postageWeight: [
|
||||
{ required: true, message: '请输入邮费重量', trigger: 'blur' },
|
||||
{ required: true, message: '请输入邮费重量', trigger: 'blur' }
|
||||
],
|
||||
productAttr: [
|
||||
{ required: true, message: '请选择产品属性', trigger: 'change' },
|
||||
{ required: true, message: '请选择产品属性', trigger: 'change' }
|
||||
],
|
||||
pkClassify: [
|
||||
{ required: true, message: '请选择所属分类', trigger: 'change' },
|
||||
{ required: true, message: '请选择所属分类', trigger: 'change' }
|
||||
],
|
||||
sort: [{ required: true, message: '请输入排列序号', trigger: 'blur' }],
|
||||
length: [{ required: true, message: '请输入长', trigger: 'blur' }],
|
||||
width: [{ required: true, message: '请输入宽', trigger: 'blur' }],
|
||||
height: [{ required: true, message: '请输入高', trigger: 'blur' }],
|
||||
cover: [
|
||||
{ required: true, message: '请上传产品主图', trigger: 'change' },
|
||||
{ required: true, message: '请上传产品主图', trigger: 'change' }
|
||||
],
|
||||
pkSpecsType: [
|
||||
{ required: true, message: '请选择规格', trigger: 'change' },
|
||||
{ required: true, message: '请选择规格', trigger: 'change' }
|
||||
],
|
||||
isPrize: [
|
||||
{ required: true, message: '抽奖礼品', trigger: 'change' },
|
||||
{ required: true, message: '抽奖礼品', trigger: 'change' }
|
||||
],
|
||||
isGift: [
|
||||
{ required: true, message: '请选择特惠礼品', trigger: 'change' },
|
||||
{ required: true, message: '请选择特惠礼品', trigger: 'change' }
|
||||
],
|
||||
isPickUp: [
|
||||
{ required: true, message: '请选择提货商品', trigger: 'change' },
|
||||
{ required: true, message: '请选择提货商品', trigger: 'change' }
|
||||
],
|
||||
isMerge: [
|
||||
{ required: true, message: '请选择合并发货', trigger: 'change' },
|
||||
{ required: true, message: '请选择合并发货', trigger: 'change' }
|
||||
],
|
||||
isFresh: [
|
||||
{ required: true, message: '冷链运输', trigger: 'change' },
|
||||
{ required: true, message: '冷链运输', trigger: 'change' }
|
||||
],
|
||||
isBarCode: [
|
||||
{ required: true, message: '请选择条码管理', trigger: 'change' },
|
||||
{ required: true, message: '请选择条码管理', trigger: 'change' }
|
||||
],
|
||||
ysList: [
|
||||
{ required: true, message: '请选择运输方式', trigger: 'change' },
|
||||
],
|
||||
{ required: true, message: '请选择运输方式', trigger: 'change' }
|
||||
]
|
||||
},
|
||||
ggList: [],
|
||||
// 规格名称弹框
|
||||
|
|
@ -437,7 +517,7 @@ export default {
|
|||
noneUploadImg: false, //
|
||||
uploadImgUrl: process.env.VUE_APP_BASE_API + '/system/upload',
|
||||
headers: {
|
||||
Authorization: getToken(),
|
||||
Authorization: getToken()
|
||||
},
|
||||
form: {
|
||||
sort: '',
|
||||
|
|
@ -451,28 +531,28 @@ export default {
|
|||
width: '',
|
||||
length: '',
|
||||
weight: '',
|
||||
shelfLife: '',
|
||||
shelfLife: ''
|
||||
},
|
||||
tabActive: 0,
|
||||
agreeList: [
|
||||
{
|
||||
text: '允许',
|
||||
val: 0,
|
||||
val: 0
|
||||
},
|
||||
{
|
||||
text: '禁止',
|
||||
val: 1,
|
||||
},
|
||||
val: 1
|
||||
}
|
||||
],
|
||||
topList: [
|
||||
{
|
||||
name: '基础设置',
|
||||
id: 0,
|
||||
id: 0
|
||||
},
|
||||
{
|
||||
name: '规格明细',
|
||||
id: 1,
|
||||
},
|
||||
id: 1
|
||||
}
|
||||
// {
|
||||
// name: '拓展设置',
|
||||
// id: 2,
|
||||
|
|
@ -486,12 +566,12 @@ export default {
|
|||
productId: '',
|
||||
methods: true,
|
||||
wahtMethods: 0,
|
||||
repurchaseTypeList: [],
|
||||
repurchaseTypeList: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.productId = this.$route.query.id
|
||||
this.methods = this.$route.query.methods ? false : true
|
||||
this.methods = !this.$route.query.methods
|
||||
this.wahtMethods = this.$route.query.methods
|
||||
// 获取规格list
|
||||
this.getGg()
|
||||
|
|
@ -531,7 +611,7 @@ export default {
|
|||
this.$set(this.form, 'ysList', [
|
||||
res.data.isLandTrans == 0 ? 1 : '',
|
||||
res.data.isAirTrans == 0 ? 2 : '',
|
||||
res.data.isOceanTrans == 0 ? 3 : '',
|
||||
res.data.isOceanTrans == 0 ? 3 : ''
|
||||
])
|
||||
// this.form.checkList = this.form.pkSpecsType
|
||||
this.$set(this.form, 'checkList', this.form.pkSpecsType)
|
||||
|
|
@ -654,7 +734,7 @@ export default {
|
|||
if (res.code == 200) {
|
||||
this.$message({
|
||||
message: mssg,
|
||||
type: 'success',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.go(-1)
|
||||
}
|
||||
|
|
@ -670,7 +750,7 @@ export default {
|
|||
},
|
||||
uploadImgChange(file, fileList) {
|
||||
this.noneUploadImg = fileList.length > 0
|
||||
this.$refs.form.clearValidate('cover');
|
||||
this.$refs.form.clearValidate('cover')
|
||||
},
|
||||
// 图片上传成功后的回调
|
||||
handlePictureSuccess(res, file) {
|
||||
|
|
@ -680,8 +760,8 @@ export default {
|
|||
handleRemove(file, fileList) {
|
||||
this.form.cover = ''
|
||||
this.noneUploadImg = fileList.length > 0
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -7,123 +7,165 @@
|
|||
<template>
|
||||
<div class="page">
|
||||
<div class="main">
|
||||
<el-form ref="select"
|
||||
<el-form
|
||||
ref="select"
|
||||
:model="select"
|
||||
class="form_all"
|
||||
label-width="auto">
|
||||
label-width="auto"
|
||||
>
|
||||
<el-row :gutter="10">
|
||||
<!-- 一层 -->
|
||||
<el-col :span="8">
|
||||
<el-form-item :label="'产品名称'">
|
||||
<el-input clearable
|
||||
v-model="select.productName"></el-input>
|
||||
<el-input
|
||||
v-model="select.productName"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'产品编码'">
|
||||
<el-input clearable
|
||||
v-model="select.productCode"></el-input>
|
||||
<el-input
|
||||
v-model="select.productCode"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'请选择产品属性'">
|
||||
<el-select clearable
|
||||
v-model="select.productAttr">
|
||||
<el-option v-for="item in productTypeList"
|
||||
<el-select
|
||||
v-model="select.productAttr"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in productTypeList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'所属分类'">
|
||||
<el-select clearable
|
||||
v-model="select.pkClassify">
|
||||
<el-option v-for="item in classifyList"
|
||||
<el-select
|
||||
v-model="select.pkClassify"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in classifyList"
|
||||
:key="item.pkId"
|
||||
:label="item.name"
|
||||
:value="item.pkId"></el-option>
|
||||
:value="item.pkId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'发货类型'">
|
||||
<el-select clearable
|
||||
v-model="select.shippingChannel">
|
||||
<el-option v-for="item in fhTypeList"
|
||||
<el-select
|
||||
v-model="select.shippingChannel"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in fhTypeList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4">
|
||||
<el-form-item :label=''单位''>
|
||||
<el-select clearable
|
||||
v-model="select.unit">
|
||||
<el-option v-for="item in dwList"
|
||||
<el-form-item label="单位">
|
||||
<el-select
|
||||
v-model="select.unit"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dwList"
|
||||
:key="item.pkId"
|
||||
:label="item.name"
|
||||
:value="item.pkId"></el-option>
|
||||
:value="item.pkId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 二层 -->
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'特惠礼品'">
|
||||
<el-select clearable
|
||||
v-model="select.isGift">
|
||||
<el-option v-for="item in agreeList"
|
||||
<el-select
|
||||
v-model="select.isGift"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in agreeList"
|
||||
:key="item.val"
|
||||
:label="item.text"
|
||||
:value="item.val"></el-option>
|
||||
:value="item.val"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'提货商品'">
|
||||
<el-select clearable
|
||||
v-model="select.isPickUp">
|
||||
<el-option v-for="item in agreeList"
|
||||
<el-select
|
||||
v-model="select.isPickUp"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in agreeList"
|
||||
:key="item.val"
|
||||
:label="item.text"
|
||||
:value="item.val"></el-option>
|
||||
:value="item.val"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'抽奖礼品'">
|
||||
<el-select clearable
|
||||
v-model="select.isPrize">
|
||||
<el-option v-for="item in agreeList"
|
||||
<el-select
|
||||
v-model="select.isPrize"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in agreeList"
|
||||
:key="item.val"
|
||||
:label="item.text"
|
||||
:value="item.val"></el-option>
|
||||
:value="item.val"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'合并发货'">
|
||||
<el-select clearable
|
||||
v-model="select.isMerge">
|
||||
<el-option v-for="item in agreeList"
|
||||
<el-select
|
||||
v-model="select.isMerge"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in agreeList"
|
||||
:key="item.val"
|
||||
:label="item.text"
|
||||
:value="item.val"></el-option>
|
||||
:value="item.val"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'追溯编号'">
|
||||
<el-select clearable
|
||||
v-model="select.isBarCode">
|
||||
<el-option v-for="item in agreeList"
|
||||
<el-select
|
||||
v-model="select.isBarCode"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in agreeList"
|
||||
:key="item.val"
|
||||
:label="item.text"
|
||||
:value="item.val"></el-option>
|
||||
:value="item.val"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -132,259 +174,334 @@
|
|||
<div v-show="isActive">
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'冷链运输'">
|
||||
<el-select clearable
|
||||
v-model="select.isFresh">
|
||||
<el-option v-for="item in agreeList"
|
||||
<el-select
|
||||
v-model="select.isFresh"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in agreeList"
|
||||
:key="item.val"
|
||||
:label="item.text"
|
||||
:value="item.val"></el-option>
|
||||
:value="item.val"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'运输方式'">
|
||||
<el-select clearable
|
||||
v-model="select.shippingType">
|
||||
<el-option v-for="item in transportTypeList"
|
||||
<el-select
|
||||
v-model="select.shippingType"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in transportTypeList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="8">
|
||||
<el-form-item :label="'创建日期'">
|
||||
<el-date-picker v-model="creationTime"
|
||||
@change="changeTime"
|
||||
<el-date-picker
|
||||
v-model="creationTime"
|
||||
value-format="yyyy-MM-dd hh:mm:ss"
|
||||
type="datetimerange"
|
||||
:range-separator="'至'"
|
||||
:start-placeholder="'开始日期'"
|
||||
:end-placeholder="'结束日期'">
|
||||
</el-date-picker>
|
||||
:end-placeholder="'结束日期'"
|
||||
@change="changeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</div>
|
||||
</el-collapse-transition>
|
||||
<el-col :span="4"
|
||||
style="margin-left:20px">
|
||||
<el-button type="primary"
|
||||
@click="getDataList"> {{ '搜索' }}</el-button>
|
||||
<el-button type="primary"
|
||||
@click="reset"> {{ '重置' }}</el-button>
|
||||
<el-col
|
||||
:span="4"
|
||||
style="margin-left:20px"
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="getDataList"
|
||||
> {{ '搜索' }}</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="reset"
|
||||
> {{ '重置' }}</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div class="openClose"
|
||||
@click="changeActive">
|
||||
<i :class="isActive?'el-icon-arrow-up':'el-icon-arrow-down'"></i>
|
||||
<div
|
||||
class="openClose"
|
||||
@click="changeActive"
|
||||
>
|
||||
<i :class="isActive?'el-icon-arrow-up':'el-icon-arrow-down'" />
|
||||
<div>{{ isActive?'点击收起':'点击展开' }}</div>
|
||||
</div>
|
||||
<div class="maintop">
|
||||
<div class="mainbtn">
|
||||
<el-button size="small"
|
||||
<el-button
|
||||
v-hasButtons="['ProductListAdd']"
|
||||
size="small"
|
||||
class="thebtn1"
|
||||
@click="openDig"
|
||||
class="thebtn1">{{'添加'}}</el-button>
|
||||
<el-button size="small"
|
||||
>{{ '添加' }}</el-button>
|
||||
<el-button
|
||||
v-hasButtons="['ProductListExport']"
|
||||
class="thebtn2"> {{ '导出' }}</el-button>
|
||||
<el-button size="small"
|
||||
:disabled="isCopy"
|
||||
@click="toCopy"
|
||||
size="small"
|
||||
class="thebtn2"
|
||||
> {{ '导出' }}</el-button>
|
||||
<el-button
|
||||
v-hasButtons="['ProductListCopy']"
|
||||
class="thebtn3">{{'复制'}}</el-button>
|
||||
size="small"
|
||||
:disabled="isCopy"
|
||||
class="thebtn3"
|
||||
@click="toCopy"
|
||||
>{{ '复制' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table :data="tableData"
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection"
|
||||
width="55"> </el-table-column>
|
||||
<el-table-column align="center"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="sort"
|
||||
sortable
|
||||
:label="'排序'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'排序'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="cover"
|
||||
:label="'产品主图'">
|
||||
:label="'产品主图'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<img class="bgImg"
|
||||
<img
|
||||
class="bgImg"
|
||||
:src="scope.row.cover"
|
||||
alt="" />
|
||||
alt=""
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productName"
|
||||
:label="'产品名称'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'产品名称'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="classifyName"
|
||||
:label="'所属分类'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'所属分类'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productCode"
|
||||
:label="'产品编码'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'产品编码'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="shippingChannelVal"
|
||||
:label="'发货类型'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'发货类型'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="length"
|
||||
:label="'长'+'(CM)'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'长'+'(CM)'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="width"
|
||||
:label="'宽'+'(CM)'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'宽'+'(CM)'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="height"
|
||||
:label="'高'+'(CM)'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'高'+'(CM)'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="weight"
|
||||
:label="'重量'+'KG'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'重量'+'KG'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="postageWeight"
|
||||
:label="'邮费重量'+'KG'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'邮费重量'+'KG'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="unitVal"
|
||||
:label=''单位''>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label=""
|
||||
单位''
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productAttrName"
|
||||
:label="'请选择产品属性'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'请选择产品属性'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="retailPrice"
|
||||
:label="'划线价'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'划线价'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="shelfLife"
|
||||
:label="'保质期(天)'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'保质期(天)'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="productSpecType"
|
||||
:label="'产品规格'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'产品规格'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="isGift"
|
||||
:label="'特惠礼品'">
|
||||
:label="'特惠礼品'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div :class="scope.row.isGift ? 'isRed' : 'isGreen'">
|
||||
{{ scope.row.isGift | isAgree(that) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="isPickUp"
|
||||
:label="'提货商品'">
|
||||
:label="'提货商品'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div :class="scope.row.isPickUp ? 'isRed' : 'isGreen'">
|
||||
{{ scope.row.isPickUp | isAgree(that) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="isPrize"
|
||||
:label="'抽奖礼品'">
|
||||
:label="'抽奖礼品'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div :class="scope.row.isPrize ? 'isRed' : 'isGreen'">
|
||||
{{ scope.row.isPrize | isAgree(that) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="isBarCode"
|
||||
:label="'追溯编号'">
|
||||
:label="'追溯编号'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div :class="scope.row.isBarCode ? 'isRed' : 'isGreen'">
|
||||
{{ scope.row.isBarCode | isAgree(that) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="isMerge"
|
||||
:label="'合并发货'">
|
||||
:label="'合并发货'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div :class="scope.row.isMerge ? 'isRed' : 'isGreen'">
|
||||
{{ scope.row.isMerge | isAgree(that) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="isFresh"
|
||||
:label="'冷链运输'">
|
||||
:label="'冷链运输'"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div :class="scope.row.isFresh ? 'isRed' : 'isGreen'">
|
||||
{{ scope.row.isFresh | isAgree(that) }}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="typeShippingMerge"
|
||||
:label="'运输方式'">
|
||||
</el-table-column>
|
||||
:label="'运输方式'"
|
||||
/>
|
||||
|
||||
<el-table-column align="center"
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="creationTime"
|
||||
:label="'创建日期'">
|
||||
</el-table-column>
|
||||
<el-table-column align="center"
|
||||
:label="'创建日期'"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="time"
|
||||
width="120"
|
||||
:label="'操作'"
|
||||
fixed="right">
|
||||
fixed="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div class="btnHeng">
|
||||
<el-button @click="toFixed(scope.row.pkId,1)"
|
||||
<el-button
|
||||
v-hasButtons="['ProductListUpdate']"
|
||||
type="text"
|
||||
size="small">
|
||||
size="small"
|
||||
@click="toFixed(scope.row.pkId,1)"
|
||||
>
|
||||
{{ '修改' }}
|
||||
</el-button>
|
||||
<el-button @click="toChecked(scope.row.pkId,0)"
|
||||
<el-button
|
||||
type="text"
|
||||
size="small">
|
||||
size="small"
|
||||
@click="toChecked(scope.row.pkId,0)"
|
||||
>
|
||||
{{ '查看' }}
|
||||
</el-button>
|
||||
<el-button @click="handleDelete(scope.row.pkId)"
|
||||
<el-button
|
||||
v-hasButtons="['ProductListDelete']"
|
||||
type="text"
|
||||
size="small"
|
||||
style="color: #c73030">
|
||||
style="color: #c73030"
|
||||
@click="handleDelete(scope.row.pkId)"
|
||||
>
|
||||
{{ '删除' }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="btnHeng">
|
||||
<el-button @click="upEdit(scope.row.pkId,0)"
|
||||
<el-button
|
||||
v-hasButtons="['ProductListUp']"
|
||||
type="text"
|
||||
size="small"
|
||||
style="color: #c73030">
|
||||
style="color: #c73030"
|
||||
@click="upEdit(scope.row.pkId,0)"
|
||||
>
|
||||
{{ '上移' }}
|
||||
</el-button>
|
||||
<el-button @click="upEdit(scope.row.pkId,1)"
|
||||
<el-button
|
||||
v-hasButtons="['ProductListDown']"
|
||||
type="text"
|
||||
size="small"
|
||||
style="color: #c73030">
|
||||
style="color: #c73030"
|
||||
@click="upEdit(scope.row.pkId,1)"
|
||||
>
|
||||
{{ '下移' }}
|
||||
</el-button>
|
||||
<el-button @click="topEdit(scope.row.pkId)"
|
||||
<el-button
|
||||
v-hasButtons="['ProductListTop']"
|
||||
type="text"
|
||||
size="small"
|
||||
style="color: #c73030">
|
||||
style="color: #c73030"
|
||||
@click="topEdit(scope.row.pkId)"
|
||||
>
|
||||
{{ '置顶' }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
|
@ -393,11 +510,13 @@
|
|||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<pagination v-show="total>0"
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getDataList" />
|
||||
@pagination="getDataList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -409,16 +528,16 @@ import { getToken } from '@/utils/auth'
|
|||
export default {
|
||||
name: 'ProductList',
|
||||
components: {
|
||||
topBar,
|
||||
topBar
|
||||
},
|
||||
filters: {
|
||||
isAgree(val, that) {
|
||||
if (!val) {
|
||||
return that.$t('ENU_POPUP_TYPE_1');
|
||||
return that.$t('ENU_POPUP_TYPE_1')
|
||||
} else {
|
||||
return that.$t('ENU_POPUP_TYPE_2');
|
||||
return that.$t('ENU_POPUP_TYPE_2')
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -439,7 +558,7 @@ export default {
|
|||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
pageSize: 50
|
||||
},
|
||||
addOrEdit: '',
|
||||
total: 0,
|
||||
|
|
@ -449,17 +568,17 @@ export default {
|
|||
agreeList: [
|
||||
{
|
||||
text: '允许',
|
||||
val: 0,
|
||||
val: 0
|
||||
},
|
||||
{
|
||||
text: '禁止',
|
||||
val: 1,
|
||||
},
|
||||
val: 1
|
||||
}
|
||||
],
|
||||
form: {},
|
||||
creationTime: [],
|
||||
isCopy: true,
|
||||
selPkId: '',
|
||||
selPkId: ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -530,8 +649,8 @@ export default {
|
|||
path: 'productDetail',
|
||||
query: {
|
||||
id: id,
|
||||
methods: 1,
|
||||
},
|
||||
methods: 1
|
||||
}
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
|
|
@ -543,7 +662,7 @@ export default {
|
|||
},
|
||||
openDig() {
|
||||
this.$router.push({
|
||||
path: 'jcsz',
|
||||
path: 'jcsz'
|
||||
})
|
||||
},
|
||||
// 查看 0，编辑1,复制2
|
||||
|
|
@ -552,15 +671,15 @@ export default {
|
|||
path: 'productDetail',
|
||||
query: {
|
||||
id: id,
|
||||
methods: index,
|
||||
},
|
||||
methods: index
|
||||
}
|
||||
})
|
||||
},
|
||||
upEdit(id, index) {
|
||||
api
|
||||
.productMove({
|
||||
productId: id,
|
||||
productMoveType: index,
|
||||
productMoveType: index
|
||||
})
|
||||
.then((res) => {
|
||||
this.getDataList()
|
||||
|
|
@ -569,7 +688,7 @@ export default {
|
|||
topEdit(id) {
|
||||
api
|
||||
.floatingFoof({
|
||||
productId: id,
|
||||
productId: id
|
||||
})
|
||||
.then((res) => {
|
||||
this.getDataList()
|
||||
|
|
@ -616,8 +735,8 @@ export default {
|
|||
return 'success-row'
|
||||
}
|
||||
return ''
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
|
|
|
|||
Loading…
Reference in New Issue