|
|
- <template>
- <a-spin :spinning="confirmLoading">
- <j-form-container :disabled="formDisabled">
- <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
- <a-row>
- <!-- <a-col :span="24">-->
- <!-- <a-form-model-item label="商品id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="goodsId">-->
- <!-- <j-dict-select-tag type="list" v-model="model.goodsId" dictCode="" placeholder="请选择商品id" />-->
- <!-- </a-form-model-item>-->
- <!-- </a-col>-->
- <a-col :span="24">
- <a-form-model-item label="标题" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="title">
- <a-input v-model="model.title" placeholder="请输入标题" ></a-input>
- </a-form-model-item>
- </a-col>
- <a-col :span="24">
- <a-form-model-item label="颜色" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="colour">
- <a-input v-model="model.colour" placeholder="请输入颜色" ></a-input>
- </a-form-model-item>
- </a-col>
- <a-col :span="24">
- <a-form-model-item label="原价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="originalPrice">
- <a-input-number v-model="model.originalPrice" placeholder="请输入原价" style="width: 100%" />
- </a-form-model-item>
- </a-col>
- <a-col :span="24">
- <a-form-model-item label="租金" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
- <a-input-number v-model="model.price" placeholder="请输入价格" style="width: 100%" />
- </a-form-model-item>
- </a-col>
- <a-col :span="24">
- <a-form-model-item label="图片" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pic">
- <j-image-upload isMultiple v-model="model.pic" ></j-image-upload>
- </a-form-model-item>
- </a-col>
- <!-- <a-col :span="24">-->
- <!-- <a-form-model-item label="租金" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="depositPrice">-->
- <!-- <a-input-number v-model="model.depositPrice" placeholder="请输入租金" style="width: 100%" />-->
- <!-- </a-form-model-item>-->
- <!-- </a-col>-->
- <a-col :span="24">
- <a-form-model-item label="排序" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sort">
- <a-input-number v-model="model.sort" placeholder="请输入排序" style="width: 100%" />
- </a-form-model-item>
- </a-col>
- <!-- <a-col :span="24">-->
- <!-- <a-form-model-item label="delFlag" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="delFlag">-->
- <!-- <j-dict-select-tag type="radio" v-model="model.delFlag" dictCode="is_delete" placeholder="请选择delFlag" />-->
- <!-- </a-form-model-item>-->
- <!-- </a-col>-->
- </a-row>
- </a-form-model>
- </j-form-container>
- </a-spin>
- </template>
-
- <script>
-
- import { httpAction, getAction } from '@/api/manage'
- import { validateDuplicateValue } from '@/utils/util'
-
- export default {
- name: 'HotelGoodsSkuForm',
- components: {
- },
- props: {
- //表单禁用
- disabled: {
- type: Boolean,
- default: false,
- required: false
- }
- },
- data () {
- return {
- model:{
- delFlag:0,
- },
- labelCol: {
- xs: { span: 24 },
- sm: { span: 5 },
- },
- wrapperCol: {
- xs: { span: 24 },
- sm: { span: 16 },
- },
- confirmLoading: false,
- validatorRules: {
- sort: [
- { required: true, message: '请输入排序!'},
- ],
- delFlag: [
- { required: true, message: '请输入delFlag!'},
- ],
- },
- url: {
- add: "/hotelgoodssku/hotelGoodsSku/add",
- edit: "/hotelgoodssku/hotelGoodsSku/edit",
- queryById: "/hotelgoodssku/hotelGoodsSku/queryById"
- }
- }
- },
- computed: {
- formDisabled(){
- return this.disabled
- },
- },
- created () {
- //备份model原始值
- this.modelDefault = JSON.parse(JSON.stringify(this.model));
- },
- methods: {
- add () {
- this.edit(this.modelDefault);
- },
- edit (record) {
- this.model = Object.assign({}, record);
- this.visible = true;
- },
- submitForm () {
- const that = this;
- // 触发表单验证
- this.$refs.form.validate(valid => {
- if (valid) {
- that.confirmLoading = true;
- let httpurl = '';
- let method = '';
- // console.log("23123123123",this.model.selectedroles)
- // return;
- if(!this.model.id){
- httpurl+=this.url.add;
- method = 'post';
- }else{
- httpurl+=this.url.edit;
- method = 'put';
- }
- this.model.goodsId = this.model.selectedroles;
- httpAction(httpurl,this.model,method).then((res)=>{
- if(res.success){
- that.$message.success(res.message);
- that.$emit('ok');
- }else{
- that.$message.warning(res.message);
- }
- }).finally(() => {
- that.confirmLoading = false;
- })
- }
-
- })
- },
- }
- }
- </script>
|