|
|
@@ -42,6 +42,13 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
+ <template #slot-modify="{ scope }">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ @click.native.stop="replaceBtnFn"
|
|
|
+ >修改</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
|
|
|
<template #table-column-addPrice="{scope}">
|
|
|
<span v-if="!canAddPrice">{{ scope.row.addPrice }}</span>
|
|
|
@@ -76,7 +83,28 @@
|
|
|
</x-crud>
|
|
|
<item-list-layer :show.sync="showItemModal" :classId.sync="classId" :className.sync="className" @confirm="selectItemFn" @cancel="showItemModal = false">
|
|
|
</item-list-layer>
|
|
|
-
|
|
|
+ <!-- 新增弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ title="修改花材"
|
|
|
+ :visible.sync="addDialog"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ width="600px"
|
|
|
+ >
|
|
|
+ <div class="ad-modal-content">
|
|
|
+ <el-form
|
|
|
+ :model="replaceForm"
|
|
|
+ :rules="replaceFormRules"
|
|
|
+ ref="replaceForm"
|
|
|
+ label-width="100px"
|
|
|
+ class="demo-form"
|
|
|
+ >
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="resetForm">取 消</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="replaceConfirmFn">确认</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -115,7 +143,66 @@ export default {
|
|
|
}
|
|
|
|
|
|
},
|
|
|
- initData: []
|
|
|
+ initData: [],
|
|
|
+ addDialog: false,
|
|
|
+ replaceForm: {
|
|
|
+ name: '',
|
|
|
+ alias: '',
|
|
|
+ classId: '',
|
|
|
+ className: '',
|
|
|
+ cover: '',
|
|
|
+ bigUnitId: '',
|
|
|
+ bigUnit: '',
|
|
|
+ smallUnitId: '',
|
|
|
+ smallUnit: '',
|
|
|
+ stockWarning:'',
|
|
|
+ cost:'',
|
|
|
+ addPrice:'',
|
|
|
+ weight:'',
|
|
|
+ ratio:''
|
|
|
+ },
|
|
|
+ replaceFormRules: {
|
|
|
+ name: {
|
|
|
+ required: true,
|
|
|
+ message: '名称不能为空',
|
|
|
+ },
|
|
|
+ cover: {
|
|
|
+ required: true,
|
|
|
+ message: '图片不能为空',
|
|
|
+ },
|
|
|
+ classId: {
|
|
|
+ required: true,
|
|
|
+ message: '请选择分类',
|
|
|
+ },
|
|
|
+ bigUnitId: {
|
|
|
+ required: true,
|
|
|
+ message: '请选择大单位',
|
|
|
+ },
|
|
|
+ smallUnitId: {
|
|
|
+ required: true,
|
|
|
+ message: '请选择小单位',
|
|
|
+ },
|
|
|
+ ratio: {
|
|
|
+ required: true,
|
|
|
+ message: '比例不能为空',
|
|
|
+ },
|
|
|
+ stockWarning: {
|
|
|
+ required: true,
|
|
|
+ message: '最低库存不能为空',
|
|
|
+ },
|
|
|
+ cost: {
|
|
|
+ required: true,
|
|
|
+ message: '运费不能为空',
|
|
|
+ },
|
|
|
+ addPrice: {
|
|
|
+ required: true,
|
|
|
+ message: '加价不能为空',
|
|
|
+ },
|
|
|
+ weight: {
|
|
|
+ required: true,
|
|
|
+ message: '重量不能为空',
|
|
|
+ }
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -154,6 +241,12 @@ export default {
|
|
|
addFn () {
|
|
|
this.showItemModal = true
|
|
|
},
|
|
|
+ resetForm() {
|
|
|
+ this.goodsData = {};
|
|
|
+ this.$refs['replaceForm'].resetFields();
|
|
|
+ this.addDialog = false;
|
|
|
+ },
|
|
|
+ replaceConfirmFn() {},
|
|
|
tabClick (tab, e) {
|
|
|
this.app.refresh({ classId: this.classId });
|
|
|
},
|
|
|
@@ -263,7 +356,7 @@ export default {
|
|
|
fixed: 'right',
|
|
|
label: '操作'
|
|
|
},
|
|
|
- layout: []
|
|
|
+ layout: ['slot-modify']
|
|
|
}
|
|
|
})
|
|
|
.set('dict', {
|
|
|
@@ -308,7 +401,9 @@ export default {
|
|
|
this.canAddPrice = false
|
|
|
this.costPrice = false
|
|
|
},
|
|
|
-
|
|
|
+ replaceBtnFn() {
|
|
|
+ this.addDialog = true
|
|
|
+ },
|
|
|
changeSort (d, type) {
|
|
|
this.dataList.form.type = type
|
|
|
let obj = {
|