cms

config/index.js

@@ -12,7 +12,7 @@ module.exports = {
     proxyTable: {
       '/api': {
         // target: 'https://dp.huiju360.com.cn/hj_operations',
-        // target: 'http://192.168.0.62:8080/api',
+        // target: 'http://192.168.0.62:8080', //wf
         target: 'http://192.168.0.11:8088', //zys
         changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
         // pathRewrite: {

src/pages/login/index.vue

@@ -62,21 +62,20 @@ export default {
           password: passWord,
           token: token
         }
-      })
-        .then(res => {
-          console.log(res)
-          this.saveToken(res.token)
-          this.$message({
-            message: '登陆成功',
-            type: 'success',
-            duration: 1000
-          })
-          setTimeout(() => {
-            this.$router.push({ name: 'system' })
-          }, 1000)
-        }).catch(msg => {
-
+      }).then(res => {
+        console.log(res)
+        this.saveToken(res.token)
+        this.$message({
+          message: '登陆成功',
+          type: 'success',
+          duration: 1000
         })
+        setTimeout(() => {
+          this.$router.push({ name: 'system' })
+        }, 1000)
+      }).catch(msg => {
+
+      })
     },
 
     // 初始化登陆逻辑

src/pages/system/cmsManager/bannerManager/add.vue

@@ -6,8 +6,8 @@
           <span>跳转类型：</span>
           <div class="flex-item">
             <div style="width:50%" class="radio">
-                <el-radio v-model="postData.jumpType" label='0' >连接</el-radio>
-                <el-radio v-model="postData.jumpType" label='1' >课程</el-radio>
+                <el-radio v-model="postData.ForwardType" label='1' >链接</el-radio>
+                <el-radio v-model="postData.ForwardType" label='0' >课程</el-radio>
             </div>
           </div>
         </li>
@@ -17,7 +17,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入链接"
-                v-model="postData.link"
+                v-model="postData.ForwardUrl"
                 clearable>
               </el-input>
             </div>
@@ -27,8 +27,8 @@
           <span>是否发布：</span>
           <div class="flex-item">
             <div style="width:50%" class="radio">
-              <el-radio v-model="postData.release" label='0' >是</el-radio>
-                <el-radio v-model="postData.release" label='1' >否</el-radio>
+              <el-radio v-model="postData.status" label='1' >是</el-radio>
+              <el-radio v-model="postData.status" label='0' >否</el-radio>
             </div>
           </div>
         </li>
@@ -36,7 +36,7 @@
           <span>图片位置：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.position" placeholder="请选择">
+              <el-select v-model="postData.LocationId" placeholder="请选择">
                 <el-option
                   v-for="item in positionList"
                   :key="item.value"
@@ -53,7 +53,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入标题"
-                v-model="postData.realName"
+                v-model="postData.Title"
                 clearable>
               </el-input>
             </div>
@@ -62,13 +62,15 @@
         <li class="flex-h">
           <span>图片：</span>
           <div class="flex-item">
-            <div>
-              <a class="formImg">
-                <img src="" class="centerLabel contain" alt="">
-                <i class="iconfont icon-quxiao"></i>
-              </a>
-              <el-button type="success" size="mini">上传图片</el-button>
-            </div>
+            <el-upload
+              class="avatar-uploader"
+              :action='$api.file.image.url'
+              :show-file-list="false"
+              :on-success="handleAvatarSuccess"
+              :before-upload="beforeAvatarUpload">
+              <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
           </div>
         </li>
         <li style="text-align:center">
@@ -81,50 +83,59 @@
 </template>
 
 <script>
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: mapCmsActions } = createNamespacedHelpers('cms')
 export default {
   name: '',
   data () {
     return {
       postData: {
-        jumpType: '0',
-        link: '',
-        release: '0',
-        position: ''
-      },
-      positionList: [{
-        value: '0',
-        label: '首页'
-      }, {
-        value: '1',
-        label: '精选'
-      }, {
-        value: '2',
-        label: '健康'
-      }, {
-        value: '3',
-        label: '社交'
-      }, {
-        value: '4',
-        label: '教育'
-      }, {
-        value: '5',
-        label: '健身'
-      }, {
-        value: '6',
-        label: '艺术'
-      }],
+        ForwardType: '1',
+        ForwardUrl: '',
+        ForwardResource: '',
+        status: '1',
+        LocationId: '',
+        ImageUrl: '',
+        Title: '',
+        OrgId: '',
+        CaseId: ''
+      }
     }
   },
   components: {},
+  created () {
+    this.updateLocationInfo()
+  },
+  computed: {
+    ...mapState({
+      positionList: x => x.cms.location,
+      OrgId: x => x.app.user.OrgId,
+      CaseId: x => x.app.case.CaseId
+    })
+  },
   methods: {
     submit () {
       console.log(this.postData)
+      this.$ajax(this.$api.cms.addImage.url, {
+        method: this.$api.cms.addImage.method,
+        data: this.postData
+      }).then(res => {
+        console.log(res)
+      }).catch(msg => {
+
+      })
     },
     cancel () {
       this.$router.go(-1)
-    }
-  },
-  mounted () {}
+    },
+    handleAvatarSuccess (res, file) {
+      console.log(res)
+      console.log(file)
+      this.postData.ImageUrl = res.result.url
+    },
+    beforeAvatarUpload (file) { },
+    ...mapCmsActions(['updateLocationInfo']),
+  }
 }
 </script>
 

src/pages/system/cmsManager/bannerManager/index.vue

@@ -98,6 +98,9 @@ export default {
   components: {
     tableSearch,
   },
+  mounted () {
+    this.initList()
+  },
   methods: {
     handleSizeChange (val) {
       console.log(`每页 ${val} 条`)
@@ -132,6 +135,18 @@ export default {
     },
     addBanner () {
       this.$router.push({ name: 'addBanner' })
+    },
+    initList () {
+      this.$ajax(this.$api.cms.image.url, {
+        method: this.$api.cms.image.method,
+        data: {
+          pagenum: '1'
+        }
+      }).then(res => {
+        console.log(res)
+      }).catch(msg => {
+
+      })
     }
   }
 }

src/store/cms/index.js

@@ -0,0 +1,22 @@
+
+export default {
+  namespaced: true,
+  state: {
+    location: []
+  },
+  mutations: {
+    init (state, data) { // 这里的state对应着上面这个state
+      state.location = data
+    }
+  },
+  actions: {
+    updateLocationInfo (context) { // 这里的context和我们使用的$store拥有相同的对象和方法
+      this.$ajax(this.$api.cms.location.url, {
+        method: this.$api.cms.location.method
+      })
+        .then(res => {
+          context.commit('init', res)
+        })
+    }
+  }
+}

src/store/index.js

@@ -12,7 +12,8 @@ const store = new Vuex.Store({
 Vuex.Store.prototype.$api = api
 Vuex.Store.prototype.$ajax = Ajax
 export const modules = {
-  app: () => require('./app').default
+  app: () => require('./app').default,
+  cms: () => require('./cms').default
 }
 
 Object.keys(modules).forEach((modKey) => {

src/style/main.css

@@ -292,7 +292,29 @@ select:focus {
   align-items: center;
 }
 
-
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
 
 
 

src/util/ajax.js

@@ -68,6 +68,7 @@ Axios.interceptors.request.use((config) => {
 const ajax = (...args) => {
   return new Promise((resolve, reject) => {
     Axios(...args).then(({ data }) => {
+      // console.log(111)
       const { code, message, result } = data
       if (code === 200) {
         resolve(result)

src/util/api.js

@@ -11,6 +11,26 @@ const $api = {
       method: 'get',
       url: `${baseUrl}/common/system/env`
     }
+  },
+  cms: {
+    location: { // 图片位置
+      method: 'get',
+      url: `${baseUrl}/common/cms/location`
+    },
+    imageList: { // 轮播图列表
+      method: 'get',
+      url: `${baseUrl}/common/cms/image`
+    },
+    addImage: { // 添加轮播图
+      method: 'get',
+      url: `${baseUrl}/common/cms/image`
+    }
+  },
+  file: {
+    image: { // 图片上传
+      method: 'post',
+      url: `${baseUrl}/common/file`
+    }
   }
 }
 export default $api