step3.vue 3.5 KB
<template>
    <div>
        <Row>
            <Form :model="formItem" :label-width="80">
                <Row>
                    <Col span="8">
                    <Form-item>
                        <span>网销信息</span>
                    </Form-item>
                    </Col>
                </Row>

                <Row>
                    <Col span="8">
                    <Form-item>
                        <span>商品颜色主图</span>
                    </Form-item>
                    </Col>
                </Row>

                <Row>

                </Row>

                <Row>
                    <Col span="8">
                    <Form-item>
                        <span>商品描述</span>
                    </Form-item>
                    </Col>
                </Row>

                <Row>

                </Row>

                <Row>
                    <Col span="8">
                    <Form-item>
                        <span>商品属性</span>
                    </Form-item>
                    </Col>
                </Row>

                <Row>
                    <Col span="8">
                    <Form-item label="面料材质">
                        <Select v-model="product.goodsSeason" placeholder="请选择面料材质">
                            <Option value="1">春季</Option>
                            <Option value="2">夏季</Option>
                            <Option value="3">秋季</Option>
                            <Option value="4">冬季</Option>
                            <Option value="5">春夏季</Option>
                            <Option value="6">秋冬季</Option>
                        </Select>
                    </Form-item>
                    </Col>
                </Row>

                <Row>
                    <Form-item label="洗涤题示">

                    </Form-item>
                </Row>

                <Row>
                    <Col span="8">
                    <Form-item label="透气性">
                        <Select v-model="product.goodsSeason" placeholder="请选择">
                            <Option value="1">春季</Option>
                            <Option value="2">夏季</Option>
                            <Option value="3">秋季</Option>
                            <Option value="4">冬季</Option>
                            <Option value="5">春夏季</Option>
                            <Option value="6">秋冬季</Option>
                        </Select>
                    </Form-item>
                    </Col>
                </Row>

                <Row>
                    <Row>
                        <Form-item label="风格题示">

                        </Form-item>
                    </Row>
                </Row>

            </Form>
        </Row>

        <div>
            <Button type="primary" @click="backStep">上一步</Button>
            <Button type="primary" @click="nextStep">保存</Button>
        </div>
    </div>
</template>

<script>
    export default {
        props: ['step', 'product'],
        data() {
            return {
                formItem: {
                    brand: '',
                },
            }
        },
        methods: {
            nextStep: function() {
                this.$Message.success('保存成功')
            },
            backStep: function() {
                this.step.value = 1;
                this.$router.push({name:'product.create.step2'});
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>