服务分类编辑逻辑更新

hksystem/src/main.js

@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import iView from 'iview';
-import {Message} from 'iview';
+import {Message,Modal} from 'iview';
 import {router} from './router/index';
 import {appRouter} from './router/router';
 import store from './store';
@@ -18,6 +18,7 @@ Vue.use(Login);
 Vue.use(Edit);
 Vue.prototype.$message = Message
 Vue.prototype.$Message = Message
+Vue.prototype.$Modal = Modal
 Vue.prototype.axios = util.ajax;
 Vue.prototype.$domain = util.ajaxUrl;
 

hksystem/src/views/service/edit.vue

@@ -9,7 +9,7 @@
                 <Card>
                     <Form :label-width="110">
                         <FormItem label="父分类">
-                            <Select v-model="form.pid">
+                            <Select v-model="form.pname">
                                 <Option v-for="item in pList" :value="item.name" :key="item.id">{{ item.name }}</Option>
                             </Select>
                         </FormItem>
@@ -25,12 +25,15 @@
                         <FormItem label="服务介绍">
                             <Input v-model="form.summary" />
                         </FormItem>
+                        <FormItem label="提交项">
+                            <Input v-model="form.fields_json" type="textarea" :rows="10" placeholder="请输入表单提交项" />
+                        </FormItem>
                         <FormItem label="服务详情">
                             <editor :editor-content="form.content"></editor>
                         </FormItem>
                          <FormItem label="服务图片">
                              <img :src="form.photo" style="width:100%;max-width:750px;" v-if="form.photo" class="upload-img">
-                             <Upload :headers="uploadHeader" :on-success="handleSuccess" :action='$domain + "/upload"'>
+                             <Upload :on-success="handleSuccess" :action='$domain + "/upload"'>
                                 <Button icon="ios-cloud-upload-outline">上传更新图片</Button>
                             </Upload>
                         </FormItem>
@@ -43,6 +46,7 @@
                     </Form>
                     <div class="submit">
                         <Button @click="handlePublish" :loading="publishLoading" icon="ios-checkmark" size="large" type="primary">发布</Button>
+                        <Button @click="cancelEdit" style="margin-left:10px;" size="large" type="default">取消</Button>
                     </div>
                 </Card>
             </Col>
@@ -59,7 +63,8 @@ export default {
         editor
     },
     props: {
-        formContent: Object
+        formContent: Object,
+        parentList: Array
     },
     watch: {
         formContent() {
@@ -67,47 +72,57 @@ export default {
                 this.formContent.location = '';
             }
             this.form = this.formContent;
+        },
+        parentList() {
+            this.pList = this.parentList;
         }
     },
     data () {
         return {
             form: this.formContent,
             publishLoading: false,
-            pList: []
+            pList: this.parentList
         };
     },
-    mounted() {
-        this.axios.get('classify/parent', {}).then((res) => {
-            if (res.data.status == 0) {
-                this.pList = res.data.data;
-            }
-        });
-    },
     methods: {
+        cancelEdit() {
+            this.$emit("pub-cancel");
+        },
         handlePublish() {
-            if (true) {
+            // return console.warn(this.form, this.pList);
+            const form = this.form;
+            if (form.name && form.pname) {
                 this.publishLoading = true;
                 let content = tinymce.activeEditor.getContent();
+                for (let p of this.pList) {
+                    if (p.name === form.pname) {
+                        form.pid = p.id;
+                    }
+                }
                 let data = {
-                    pid: this.form.pid,
-                    name: this.form.name,
-                    info: this.form.info,
-                    summary: this.form.summary,
-                    server: this.form.server,
-                    content: content,
-                    photo: this.form.photo,
-                    location: this.form.location
+                    pid: form.pid,
+                    name: form.name,
+                    info: form.info,
+                    summary: form.summary,
+                    // server: form.server,
+                    server: 'server',
+                    content,
+                    photo: form.photo,
+                    location: form.location || 'bottom',
+                    fields_json: form.fields_json
                 };
                 if (this.form.id) {
                     data.id = this.form.id;
                 }
                 this.axios.post("/classify/store", data).then((res) => {
+                    this.publishLoading = false;
                     if (res.data.status == 0) {
                         this.$Message.success('操作成功！');
-                        this.publishLoading = false;
                         setTimeout(() => {
                             this.$emit("pub-success");
                         }, 1000);
+                    } else {
+                        this.$Message.warning(res.data.message);
                     }
                 });
             } else {

hksystem/src/views/service/index.vue

@@ -30,7 +30,7 @@
                 </Card>
             </Col>
         </Row>
-        <edit v-show="editShow" @pub-success="pubSuccess" :form-content="formContent"></edit>
+        <edit v-show="editShow" @pub-cancel="pubCancel" @pub-success="pubSuccess" :parent-list="pList" :form-content="formContent"></edit>
     </div>
 </template>
 
@@ -47,7 +47,7 @@ export default {
         },
         prosHandle() {
             let products = [].concat(JSON.parse(JSON.stringify(this.products)));
-            console.log(products);
+            // console.log(products);
             for(let p of products) {
                 if (p.location === 'top') {
                     p._location = '是'
@@ -63,6 +63,7 @@ export default {
             total: 0,
             pageSize: 20,
             proShow: true,
+            pList: [],
             formContent: {},
             columns: [
                 {title: "分类名称", key: 'name', align: 'center'},
@@ -98,9 +99,17 @@ export default {
                                         this.proShow = false;
                                         this.products.forEach((product) => {
                                             if (product.id == id) {
+                                                if (product.location !== 'top') {
+                                                    product.location = '';
+                                                }
                                                 this.formContent = product;
                                             }
                                         })
+                                        for(let p of this.pList) {
+                                            if (p.id === this.formContent.pid) {
+                                                this.formContent.pname = p.name;
+                                            }
+                                        }
                                     }
                                 }
                             }, '修改'),
@@ -115,14 +124,23 @@ export default {
                                 on: {
                                     click: () => {
                                         let id = params.row.id;
-                                        this.axios.delete(`/classify/${id}`)
-                                            .then((res) => {
-                                                this.products = this.products.filter((product) => {
-                                                    if (product.id != id) {
-                                                        return true;
-                                                    }
-                                                });
-                                            });
+                                        this.$Modal.confirm({
+                                            title: '警告',
+                                            content: '确定要删除当前分类？',
+                                            onOk: () => {
+                                                this.axios.delete(`/classify/${id}`)
+                                                    .then((res) => {
+                                                        this.products = this.products.filter((product) => {
+                                                            if (product.id != id) {
+                                                                return true;
+                                                            }
+                                                        });
+                                                    });
+                                            },
+                                            onCancel: () => {
+                                                
+                                            }
+                                        });
                                     }
                                 }
                             }, '删除')
@@ -142,6 +160,9 @@ export default {
             this.proShow = true;
             this.getData();
         },
+        pubCancel() {
+            this.proShow = true;
+        },
         getData (num) {
             this.axios.get("/classifies", {
                 params: {
@@ -152,6 +173,11 @@ export default {
                 this.pageSize = res.data.per_page;
                 this.total = res.data.total;
             });
+            this.axios.get('classify/parent', {}).then((res) => {
+                if (res.data.status == 0) {
+                    this.pList = res.data.data;
+                }
+            });
         }
     },
     created () {