+ classify

hksystem/src/components/edit/index.js

@@ -0,0 +1,21 @@
+import EditComponent from "./index.vue";
+
+const Edit = {};
+
+Edit.install = (Vue) => {
+    const EditConstructor = Vue.extend(EditComponent);;
+    const instance = new EditConstructor();
+
+    instance.$mount(document.createElement('div'));
+    document.body.appendChild(instance.$el);
+
+    Vue.$edit = () => {
+        instance.show = true;
+    }
+    Vue.prototype.$edit = (opt) => {
+        instance.opt = opt;
+        instance.show = true;
+    }
+}
+
+export default Edit;

hksystem/src/components/edit/index.vue

@@ -0,0 +1,57 @@
+<style lang="less">
+
+</style>
+
+<template>
+    <Modal v-model="show" :loading="loading" :closable="false">
+        <p slot="header">
+            <Icon type="information-circled"></Icon>
+            <span>修改</span>
+        </p>
+        <div>
+            <Form ref="form" :label-width="80">
+                <FormItem label="分类">
+                    <Input v-model="classify" />
+                </FormItem>
+            </Form>
+        </div>
+        <div slot="footer">
+            <Button type="primary" @click="submit">确定</Button>
+        </div>
+    </Modal>
+</template>
+
+<script>
+export default {
+    name: 'edit',
+    data() {
+        return {
+            loading: true,
+            opt: {},
+            classify: '',
+            show: false
+        }
+    },
+    methods: {
+        submit() {
+            if (!this.classify) {
+                this.show = true;
+                return;
+            }
+            if (this.opt.classifys && this.opt.classifys.length > 0) {
+                this.opt.classifys.forEach((classify, i) => {
+                    if (classify == this.classify) {
+                        // this.opt.classifys[i] = this.classify;
+                    }
+                })
+            }
+            this.axios.post("/product_classify/store", {
+                classify: this.classify
+            }).then((res) => {
+                this.show = false;
+                this.loading = false;
+            });
+        }
+    }
+};
+</script>

hksystem/src/main.js

@@ -10,10 +10,12 @@ import 'iview/dist/styles/iview.css';
 import VueI18n from 'vue-i18n';
 import util from '@/libs/util';
 import Login from '@/components/login';
+import Edit from '@/components/edit';
 
 Vue.use(VueI18n);
 Vue.use(iView);
 Vue.use(Login);
+Vue.use(Edit);
 Vue.prototype.$message = Message
 Vue.prototype.$Message = Message
 Vue.prototype.axios = util.ajax;

hksystem/src/router/router.js

@@ -113,13 +113,22 @@ export const appRouter = [{
         title: '母婴产品管理',
         component: Main,
         children: [{
-            path: 'index',
-            title: '产品管理',
-            name: 'product_index',
-            component: resolve => {
-                require(['@/views/product/index.vue'], resolve);
+                path: 'classify',
+                title: '产品分类',
+                name: 'product_classify',
+                component: resolve => {
+                    require(['@/views/product-classify/index.vue'], resolve);
+                },
+            },
+            {
+                path: 'index',
+                title: '产品管理',
+                name: 'product_index',
+                component: resolve => {
+                    require(['@/views/product/index.vue'], resolve);
+                }
             }
-        }]
+        ]
     },
     {
         path: '/service',

hksystem/src/views/housekeeper/detail.vue

@@ -7,7 +7,7 @@
         <Row>
             <Col span="18">
                 <Card>
-                    <Form :label-width="80">
+                    <Form :label-width="100">
                         <FormItem label="分类1：">
                             <span>{{formContent.classify1}}</span>
                         </FormItem>

hksystem/src/views/matron/detail.vue

@@ -7,7 +7,7 @@
         <Row>
             <Col span="18">
                 <Card>
-                    <Form :label-width="80">
+                    <Form :label-width="100">
                         <FormItem label="月嫂等级：">
                             <span>{{formContent.level}}</span>
                         </FormItem>

hksystem/src/views/matron/index.vue

@@ -125,6 +125,7 @@ export default {
                                                         return true;
                                                     }
                                                 });
+                                                this.$message.success("删除成功");
                                             });
                                     }
                                 }

hksystem/src/views/product-classify/edit.vue

@@ -0,0 +1,70 @@
+<style lang="less">
+
+</style>
+
+<template>
+    <Modal v-model="editModal" :loading="loading" :closable="false">
+        <p slot="header">
+            <Icon type="information-circled"></Icon>
+            <span>修改</span>
+        </p>
+        <div>
+            <Form ref="form" :label-width="80">
+                <FormItem label="分类">
+                    <Input v-model="classify" />
+                </FormItem>
+            </Form>
+        </div>
+        <div slot="footer">
+            <Button type="primary" @click="submit">确定</Button>
+        </div>
+    </Modal>
+</template>
+
+<script>
+export default {
+    name: 'edit',
+    data() {
+        return {
+            loading: true,
+            id: this.row.id,
+            classify: this.row.classify,
+            editModal: false
+        }
+    },
+    watch: {
+        row() {
+            this.classify = this.row.classify;
+            this.id = this.row.id;
+        },
+        editShow() {
+            this.editModal = this.editShow;
+        }
+    },
+    props: {
+        editClassify: Array,
+        editShow: Boolean,
+        row: Object
+    },
+    methods: {
+        submit() {
+            let classifys = [];
+            let editClassify = [];
+            this.editClassify.forEach((data) => {
+                if (data.id == this.id) {
+                    data.classify = this.classify
+                }
+                editClassify.push(data.classify);
+                classifys.push(data);
+            });
+            let classify_str = editClassify.join("");
+            this.axios.post("/product_classify/store", {
+                classify: classify_str
+            }).then((res) => {
+                this.$emit("close", {classifys: classifys});
+                this.loading = false;
+            });
+        }
+    }
+};
+</script>

hksystem/src/views/product-classify/index.vue

@@ -0,0 +1,144 @@
+<style lang="less">
+    @import '../../styles/common.less';
+    .ivu-card-head {
+        p {
+            height: 32px;
+            line-height: 32px;
+        }
+        button {
+            float: right;
+        }
+    }
+</style>
+
+<template>
+    <div>
+        <Row class="margin-top-10" v-show="proShow">
+            <Col>
+                <Card>
+                    <p slot="title">
+                        <Icon type="android-remove"></Icon>
+                        产品分类
+                        <Button type="primary" @click="add">新增</Button>
+                    </p>
+                    <div class="edittable-table-height-con">
+                        <Table :columns="columns" :data="prosHandle"></Table>
+                        <Page :total="total" :page-size="pageSize" @on-change="getData"></Page>
+                    </div>
+                </Card>
+            </Col>
+        </Row>
+        <edit :editShow="editShow" :editClassify="prosHandle" :row="row" @close="closeModal"></edit>
+    </div>
+</template>
+
+<script>
+import edit from './edit';
+export default {
+    name: 'classify',
+    components: {
+        edit
+    },
+    computed: {
+        prosHandle() {
+            let products = [];
+            this.products.forEach((product, index) => {
+                products.push({
+                    id: ++index,
+                    classify: product
+                });
+            });
+            return products;
+        }
+    },
+    data () {
+        return {
+            row: {},
+            total: 0,
+            pageSize: 20,
+            proShow: true,
+            editShow: false,
+            formContent: {},
+            columns: [
+                {title: "序号", key: 'id'},
+                {title: "产品分类", key: 'classify', align: 'center'},
+                {
+                    title: "操作",
+                    key: "action",
+                    align: 'center',
+                    render: (h, params) => {
+                        return h('div', [
+                            h('Button', {
+                                props: {
+                                    type: 'primary',
+                                    size: 'default'
+                                },
+                                style: {
+                                    marginRight: '5px'
+                                },
+                                on: {
+                                    click: () => {
+                                        this.row = params.row;
+                                        this.editShow = true;
+                                    }
+                                }
+                            }, '修改'),
+                            h('Button', {
+                                props: {
+                                    type: 'error',
+                                    size: 'default'
+                                },
+                                style: {
+                                    marginRight: '5px'
+                                },
+                                on: {
+                                    click: () => {
+                                        let classify = params.row.classify;
+                                        this.products = this.products.filter((product) => {
+                                            return product != classify;
+                                        });
+                                        this.axios.post("product_classify/store", {
+                                            classify: this.products.join(",")
+                                        }).then((res) => {
+                                            this.$message.success("删除成功");
+                                        });
+                                    }
+                                }
+                            }, '删除')
+                        ]);
+                    }
+                }
+            ],
+            products: []
+        };
+    },
+    methods: {
+        add () {
+            this.proShow = false;
+            this.formContent = {};
+        },
+        pubSuccess() {
+            this.proShow = true;
+            this.getData();
+        },
+        getData (num) {
+            this.axios.get("product_classify", {
+                params: {
+                    page: num || 1
+                }
+            }).then((res) => {
+                this.products = res.data.data;
+                this.pageSize = res.data.per_page;
+                this.total = res.data.total;
+            });
+        },
+        closeModal(row) {
+            this.editShow = false;
+            this.products = row.classifys;
+        },
+    },
+    created () {
+        this.getData();
+    }
+};
+</script>

hksystem/src/views/product-order/detail.vue

@@ -7,7 +7,7 @@
         <Row>
             <Col span="18">
                 <Card>
-                    <Form :label-width="80">
+                    <Form :label-width="100">
                         <FormItem label="产品id：">
                             <span>{{formContent.product_id}}</span>
                         </FormItem>

hksystem/src/views/product/edit.vue

@@ -18,7 +18,10 @@
                             <Input v-model="form.price" icon="android-list"/>
                         </FormItem>
                         <FormItem label="产品分类">
-                            <Input v-model="form.classify" icon="android-list"/>
+                            <Select v-model="form.classify">
+                                <Option v-for="classify in classifys" :value="classify" :key="classify">{{classify}}</Option>
+                            </Select>
+                            <!-- <Input v-model="form.classify" icon="android-list"/> -->
                         </FormItem>
                         <FormItem label="产品状态">
                             <Select v-model="form.status" style="width: 150px">
@@ -61,7 +64,8 @@ export default {
     data () {
         return {
             form: this.formContent,
-            publishLoading: false
+            publishLoading: false,
+            classifys: []
         };
     },
     methods: {
@@ -93,7 +97,16 @@ export default {
                 this.$Message.error('请完善所有信息！');
                 this.publishLoading = false;
             }
+        },
+        getData() {
+            this.axios.get("/product_classify")
+                .then((res) => {
+                    this.classifys = res.data.data;
+                });
         }
+    },
+    mounted() {
+        this.getData();
     }
 };
 </script>