|
@@ -14,43 +14,53 @@
|
|
v-bind="formItemLayout"
|
|
v-bind="formItemLayout"
|
|
@submit="handleSubmit"
|
|
@submit="handleSubmit"
|
|
>
|
|
>
|
|
- <a-form-item label="商品名称" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
|
|
|
|
+ <a-form-item label="商品分类名称" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-input
|
|
<a-input
|
|
- id="bannerSetting-title"
|
|
|
|
|
|
+ id="addGoodsClassModal-name"
|
|
:maxLength="30"
|
|
:maxLength="30"
|
|
- v-decorator="['formData.title', { initialValue: formData.title,getValueFromEvent: $filterEmpty, rules: [{ required: true, message: '请输入供应商名称(最多30个字符)!' }] }]"
|
|
|
|
|
|
+ v-decorator="['formData.name', { initialValue: formData.name,getValueFromEvent: $filterEmpty, rules: [{ required: true, message: '请输入供应商名称(最多30个字符)!' }] }]"
|
|
:disabled="disabled"
|
|
:disabled="disabled"
|
|
placeholder="请输入商品名称(最多30个字符)"
|
|
placeholder="请输入商品名称(最多30个字符)"
|
|
allowClear
|
|
allowClear
|
|
/>
|
|
/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
+ <a-form-item label="是否限制订单起购金额" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
|
|
+ <v-select
|
|
|
|
+ v-model="formData.isGoldLimit"
|
|
|
|
+ ref="isGoldLimit"
|
|
|
|
+ id="addGoodsClassModal-isGoldLimit"
|
|
|
|
+ code="SETTLE_STATUS_ALL"
|
|
|
|
+ placeholder="请选择"
|
|
|
|
+ allowClear></v-select>
|
|
|
|
+ </a-form-item>
|
|
<a-form-item label="订单起购金额" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="订单起购金额" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-input-number
|
|
<a-input-number
|
|
- id="addGoodsClass-price"
|
|
|
|
|
|
+ id="addGoodsClassModal-goldLimit"
|
|
class="inpNumber"
|
|
class="inpNumber"
|
|
:min="0"
|
|
:min="0"
|
|
:max="999999"
|
|
:max="999999"
|
|
:precision="2"
|
|
:precision="2"
|
|
- v-decorator="[ 'formData.price', { initialValue: formData.price, rules: [{ required: true, message: '请输入订单起购金额(0~999999)' }] } ]"
|
|
|
|
|
|
+ v-decorator="[ 'formData.goldLimit', { initialValue: formData.goldLimit, rules: [{ required: true, message: '请输入订单起购金额(0~999999)' }] } ]"
|
|
placeholder="请输入订单起购金额(0~999999)"
|
|
placeholder="请输入订单起购金额(0~999999)"
|
|
allowClear />
|
|
allowClear />
|
|
|
|
+ <span class="inp-unit">乐豆</span>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
- <a-form-item label="状态" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
|
|
|
|
+ <!-- <a-form-item label="状态" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-radio-group
|
|
<a-radio-group
|
|
:disabled="disabled"
|
|
:disabled="disabled"
|
|
- id="bannerSetting-status"
|
|
|
|
|
|
+ id="addGoodsClassModal-status"
|
|
v-decorator="['formData.status', { initialValue: formData.status, rules: [{ required: true, message: '请选择状态!' }] }]"
|
|
v-decorator="['formData.status', { initialValue: formData.status, rules: [{ required: true, message: '请选择状态!' }] }]"
|
|
>
|
|
>
|
|
<a-radio value="1">启用</a-radio>
|
|
<a-radio value="1">启用</a-radio>
|
|
<a-radio value="0">禁用</a-radio>
|
|
<a-radio value="0">禁用</a-radio>
|
|
</a-radio-group>
|
|
</a-radio-group>
|
|
- </a-form-item>
|
|
|
|
|
|
+ </a-form-item> -->
|
|
<a-form-item label="备注" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-form-item label="备注" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
|
|
<a-textarea
|
|
<a-textarea
|
|
:maxLength="500"
|
|
:maxLength="500"
|
|
- v-decorator="['formData.url', { initialValue: formData.url, rules: [{ required: false, message: '请输入备注内容(最多500个字符)!' }] }]"
|
|
|
|
|
|
+ v-decorator="['formData.remarks', { initialValue: formData.remarks, rules: [{ required: false, message: '请输入备注内容(最多500个字符)!' }] }]"
|
|
:disabled="disabled"
|
|
:disabled="disabled"
|
|
- id="bannerSetting-url"
|
|
|
|
|
|
+ id="addGoodsClassModal-remarks"
|
|
placeholder="请输入备注内容(最多500个字符)"
|
|
placeholder="请输入备注内容(最多500个字符)"
|
|
allowClear
|
|
allowClear
|
|
/>
|
|
/>
|
|
@@ -65,7 +75,10 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+import { VSelect } from '@/components'
|
|
|
|
+import { saveGoodsClass } from '@/api/shopSetting.js'
|
|
export default {
|
|
export default {
|
|
|
|
+ components: { VSelect },
|
|
props: {
|
|
props: {
|
|
openGoodClassModal: {
|
|
openGoodClassModal: {
|
|
type: Boolean,
|
|
type: Boolean,
|
|
@@ -96,13 +109,10 @@ export default {
|
|
formLayout: 'horizontal',
|
|
formLayout: 'horizontal',
|
|
// hideRequiredMark: false, // 是否显示必填的* 默认显示
|
|
// hideRequiredMark: false, // 是否显示必填的* 默认显示
|
|
formData: {
|
|
formData: {
|
|
- title: '', // 标题
|
|
|
|
- url: '', // 图片路径
|
|
|
|
- status: '', // 状态
|
|
|
|
- sort: '', // 排序
|
|
|
|
- position: '', // 广告图位置
|
|
|
|
- photoPath: '', // banner地址
|
|
|
|
- createDate: ''
|
|
|
|
|
|
+ name: '', // 分类名称
|
|
|
|
+ isGoldLimit: '', // 是否限制订单起购金额
|
|
|
|
+ goldLimit: '', // 限制金额
|
|
|
|
+ remarks: '' // 备注
|
|
},
|
|
},
|
|
bannerType: 'app',
|
|
bannerType: 'app',
|
|
disabled: false,
|
|
disabled: false,
|
|
@@ -118,7 +128,7 @@ export default {
|
|
},
|
|
},
|
|
close () {
|
|
close () {
|
|
this.visible = false
|
|
this.visible = false
|
|
- this.formData.title = ''
|
|
|
|
|
|
+ this.formData.name = ''
|
|
this.photo = ''
|
|
this.photo = ''
|
|
this.formData.url = ''
|
|
this.formData.url = ''
|
|
this.formData.status = ''
|
|
this.formData.status = ''
|
|
@@ -127,8 +137,8 @@ export default {
|
|
this.formData.photoBasePath = ''
|
|
this.formData.photoBasePath = ''
|
|
this.formData.photoPath = ''
|
|
this.formData.photoPath = ''
|
|
this.title = '新增'
|
|
this.title = '新增'
|
|
- // this.$refs.bannerImage.setFileList('')
|
|
|
|
- // this.form.resetFields()
|
|
|
|
|
|
+ // this.$refs.bannerImage.setFileList('')
|
|
|
|
+ // this.form.resetFields()
|
|
},
|
|
},
|
|
// 赋值
|
|
// 赋值
|
|
assignment (row) {
|
|
assignment (row) {
|
|
@@ -141,11 +151,9 @@ export default {
|
|
this.form.validateFields((err, values) => {
|
|
this.form.validateFields((err, values) => {
|
|
if (!err) {
|
|
if (!err) {
|
|
// console.log('Received values of form: ', values, this.formData)
|
|
// console.log('Received values of form: ', values, this.formData)
|
|
- // const formData = Object.assign({}, this.formData, values.formData, {
|
|
|
|
- // bannerType: 'app'
|
|
|
|
- // })
|
|
|
|
|
|
+ // const formData = Object.assign({}, this.formData, values.formData)
|
|
// console.log(formData, _this.radioGroup)
|
|
// console.log(formData, _this.radioGroup)
|
|
- // saveItem(formData, _this.radioGroup).then(res => {
|
|
|
|
|
|
+ // saveGoodsClass(formData, _this.radioGroup).then(res => {
|
|
// console.log(res, 'rrrrrrrrr')
|
|
// console.log(res, 'rrrrrrrrr')
|
|
// if (res.status == 200) {
|
|
// if (res.status == 200) {
|
|
// _this.$message.success(res.message)
|
|
// _this.$message.success(res.message)
|