浏览代码

更新逻辑

梁沛聪 6 年前
父节点
当前提交
e5791aca20
共有 3 个文件被更改,包括 65 次插入41 次删除
  1. 8
    7
      hksystem/src/views/image/index.vue
  2. 39
    21
      hksystem/src/views/service/edit.vue
  3. 18
    13
      hksystem/src/views/service/index.vue

+ 8
- 7
hksystem/src/views/image/index.vue 查看文件

@@ -25,16 +25,17 @@
25 25
             <Card>
26 26
                 <p slot="title">首页服务介绍和底部图片配置</p>
27 27
                 <div class="edittable-table-height-con">
28
-                    <img :src="photo" style="width:100%;max-width:750px;" v-if="photo" class="upload-img">
29 28
                     <Form>
30
-                        <Upload :headers="uploadHeader" :on-success="handleSuccess" :action='$domain + "/upload"'>
31
-                            <Button icon="ios-cloud-upload-outline">上传更新图片</Button>
32
-                        </Upload>
33
-                        <br>
34
-                        <FormItem label="图片详情">
29
+                        <FormItem label="活动图片">
30
+                            <img :src="photo" style="width:100%;max-width:750px;" v-if="photo" class="upload-img">
31
+                            <Upload :headers="uploadHeader" :on-success="handleSuccess" :action='$domain + "/upload"'>
32
+                                <Button icon="ios-cloud-upload-outline">上传图片</Button>
33
+                            </Upload>
34
+                        </FormItem>
35
+                        <FormItem label="活动详情">
35 36
                             <editor :editor-content="content"></editor>
36 37
                         </FormItem>
37
-                        <FormItem label="服务介绍">
38
+                        <FormItem label="首页服务介绍">
38 39
                             <Input v-model="introduce" type="textarea" :rows="6" placeholder="请输入服务介绍" />
39 40
                         </FormItem>
40 41
                     </Form>

+ 39
- 21
hksystem/src/views/service/edit.vue 查看文件

@@ -5,36 +5,41 @@
5 5
 <template>
6 6
     <div>
7 7
         <Row>
8
-            <Col span="18">
8
+            <Col>
9 9
                 <Card>
10
-                    <Form :label-width="80">
11
-                        <FormItem label="父id">
12
-                            <Input v-model="form.pid" icon="android-list"/>
10
+                    <Form :label-width="110">
11
+                        <FormItem label="父分类">
12
+                            <Select v-model="form.pid">
13
+                                <Option v-for="item in pList" :value="item.name" :key="item.id">{{ item.name }}</Option>
14
+                            </Select>
13 15
                         </FormItem>
14
-                        <FormItem label="分类/服务">
15
-                            <Input v-model="form.name" icon="android-list"/>
16
+                        <FormItem label="分类名称">
17
+                            <Input v-model="form.name"/>
16 18
                         </FormItem>
19
+                        <!-- <FormItem label="服务标题">
20
+                            <Input v-model="form.server" />
21
+                        </FormItem> -->
17 22
                         <FormItem label="描述信息">
18
-                            <Input v-model="form.info" icon="android-list"/>
19
-                        </FormItem>
20
-                        <FormItem label="简介">
21
-                            <Input v-model="form.summary" icon="android-list"/>
23
+                            <Input v-model="form.info" />
22 24
                         </FormItem>
23
-                        <FormItem label="服务标题">
24
-                            <Input v-model="form.server" icon="android-list"/>
25
+                        <FormItem label="服务介绍">
26
+                            <Input v-model="form.summary" />
25 27
                         </FormItem>
26
-                        <FormItem label="富文本内容">
28
+                        <FormItem label="服务详情">
27 29
                             <editor :editor-content="form.content"></editor>
28 30
                         </FormItem>
29
-                         <FormItem label="图片位置">
30
-                             <Input v-model="form.photo" icon="android-list"/>
31
+                         <FormItem label="服务图片">
32
+                             <img :src="form.photo" style="width:100%;max-width:750px;" v-if="form.photo" class="upload-img">
33
+                             <Upload :headers="uploadHeader" :on-success="handleSuccess" :action='$domain + "/upload"'>
34
+                                <Button icon="ios-cloud-upload-outline">上传更新图片</Button>
35
+                            </Upload>
31 36
                         </FormItem>
32
-                         <FormItem label="显示位置">
37
+                         <FormItem label="是否显示轮播">
33 38
                              <Select v-model="form.location" style="width: 150px">
34
-                                <Option value="top">顶部</Option>
35
-                                <Option value="bottom">底部</Option>
39
+                                <Option value="top"></Option>
40
+                                <Option value="">否</Option>
36 41
                             </Select>
37
-                        </FormItem>
42
+                        </FormItem> 
38 43
                     </Form>
39 44
                     <div class="submit">
40 45
                         <Button @click="handlePublish" :loading="publishLoading" icon="ios-checkmark" size="large" type="primary">发布</Button>
@@ -59,7 +64,7 @@ export default {
59 64
     watch: {
60 65
         formContent() {
61 66
             if (!this.formContent.location) {
62
-                this.formContent.location = 'top';
67
+                this.formContent.location = '';
63 68
             }
64 69
             this.form = this.formContent;
65 70
         }
@@ -67,9 +72,17 @@ export default {
67 72
     data () {
68 73
         return {
69 74
             form: this.formContent,
70
-            publishLoading: false
75
+            publishLoading: false,
76
+            pList: []
71 77
         };
72 78
     },
79
+    mounted() {
80
+        this.axios.get('classify/parent', {}).then((res) => {
81
+            if (res.data.status == 0) {
82
+                this.pList = res.data.data;
83
+            }
84
+        });
85
+    },
73 86
     methods: {
74 87
         handlePublish() {
75 88
             if (true) {
@@ -101,6 +114,11 @@ export default {
101 114
                 this.$Message.error('请完善所有信息!');
102 115
                 this.publishLoading = false;
103 116
             }
117
+        },
118
+        handleSuccess (res, file) {
119
+            if (res.status == 0) {
120
+                this.form.photo = res.location
121
+            }
104 122
         }
105 123
     }
106 124
 };

+ 18
- 13
hksystem/src/views/service/index.vue 查看文件

@@ -20,7 +20,6 @@
20 20
             <Col>
21 21
                 <Card>
22 22
                     <p slot="title">
23
-                        <Icon type="android-remove"></Icon>
24 23
                         分类信息
25 24
                         <Button type="primary" @click="add">新增</Button>
26 25
                     </p>
@@ -49,6 +48,13 @@ export default {
49 48
         prosHandle() {
50 49
             let products = [].concat(JSON.parse(JSON.stringify(this.products)));
51 50
             console.log(products);
51
+            for(let p of products) {
52
+                if (p.location === 'top') {
53
+                    p._location = '是'
54
+                } else {
55
+                    p._location = '否'
56
+                }
57
+            }
52 58
             return products;
53 59
         }
54 60
     },
@@ -61,18 +67,17 @@ export default {
61 67
             columns: [
62 68
                 {title: "分类名称", key: 'name', align: 'center'},
63 69
                 {title: "描述信息", key: 'info', align: 'center'},
64
-                {title: "服务标题", key: 'server', align: 'center'},
65
-                {title: "图片位置", key: 'photo', align: 'center',
66
-                    render: (h, params) => {
67
-                        console.log(params);
68
-                        return h('img', {
69
-                            attrs: {
70
-                                src: params.row.photo
71
-                            }
72
-                        })
73
-                    }
74
-                },
75
-                {title: "显示位置", key: 'location', align: 'center'},
70
+                // {title: "图片位置", key: 'photo', align: 'center',
71
+                //     render: (h, params) => {
72
+                //         console.log(params);
73
+                //         return h('img', {
74
+                //             attrs: {
75
+                //                 src: params.row.photo
76
+                //             }
77
+                //         })
78
+                //     }
79
+                // },
80
+                {title: "是否显示到轮播", key: '_location', align: 'center'},
76 81
                 {
77 82
                     title: "操作",
78 83
                     key: "action",

Loading…
取消
保存