xcx

config/index.js

     assetsPublicPath: '/',
     proxyTable: {
       '/api': {
-        target: 'http://192.168.0.62:8080/api', // 接口的域名
+        target: 'https://dp.huiju360.com.cn/hj_operations',
+        // target: 'http://192.168.0.62:8080/api',
         changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
         pathRewrite: {
           '^/api': ''

src/pages/system/caseManager/caseAreaManager/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/caseManager/caseAreaManager/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/caseManager/caseInfo/addCase/index.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
         }
         this.mapCenter = [center.lng, center.lat]
       }
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   }
 }

src/pages/system/caseManager/caseInfo/editCase/index.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
         }
         this.mapCenter = [center.lng, center.lat]
       }
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   }
 }

src/pages/system/caseManager/caseInfo/index.vue

             <el-button
               size="mini"
               type="warning"
-              @click="editItem(scope.$index, scope.row)">修改</el-button>
+              @click="editItem(scope.$index, scope.row)">编辑</el-button>
             <!-- <el-button
               size="mini"
               type="success"

src/pages/system/caseManager/caseTableManager/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/caseManager/caseTableManager/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/channelManager/channelList/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/channelManager/channelList/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

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

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

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

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

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

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManager/indexMsg/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

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

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManager/majorProjects/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

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

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/cmsManager/newsManager/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

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

         </el-table-column>
         <el-table-column
           prop="isShow"
-          label="是否显示">
+          label="是否发布">
         </el-table-column>
         <el-table-column
           prop="toIndex"

src/pages/system/courseManager/courseTag/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/courseManager/courseTag/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     }
   },
   components: {},
-  methods: {},
+  methods: {
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
   mounted () {}
 }
 </script>

src/pages/system/courseManager/fiveA/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     handleNodeClick (node) {
       this.postData.label = node.label
       this.dialogTableVisible = false
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () {

src/pages/system/courseManager/fiveA/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     },
     init () {
       console.log('请求初始化数据')
+    },
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () {

src/pages/system/courseManager/fiveA/index.vue

         label: '根目录',
         rank: '0',
         img: '',
+        deleteCancel: true,
         children: [{
           label: '共享课程&书吧',
-          rank: '0',
+          rank: '1',
+          deleteCancel: true,
           img: '',
           children: [{
             label: '健身',
-            rank: '0',
+            rank: '2',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163306109741.png',
           }, {
             label: '健康',
-            rank: '0',
+            rank: '3',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163325263583.png',
           }, {
             label: '艺术',
-            rank: '0',
+            rank: '4',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/104118813781.png',
           }, {
             label: '社交',
-            rank: '0',
+            rank: '5',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163339496588.png',
           }, {
             label: '教育',
-            rank: '0',
+            rank: '6',
             img: 'http://jingcheng-resourceplat.oss-cn-shanghai.aliyuncs.com/upload/163351586373.png',
           }]
         }]
           <div class='tree-node-item'>
             <el-button size="mini" type="primary" on-click={() => this.handleNodeClick(node, data)}>添加下级课程类型</el-button>
             <el-button size="mini" type="warning" on-click={() => this.handleEdit(node, data)}>编辑</el-button>
-            <el-button size="mini" type="danger" on-click={() => this.handleDelete(node, data)}>删除</el-button>
+            {node.data.deleteCancel ? (<div></div>) : (<el-button size="mini" type="danger" on-click={() => this.handleDelete(node, data)}>删除</el-button>)}
           </div>
         </span>)
     }

src/pages/system/goodsManager/goodsSpecManager/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/goodsManager/goodsSpecManager/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/goodsManager/goodsTypeManager/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   },
   components: {},
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () { }
 }

src/pages/system/systemSet/roleManager/add.vue

         </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click='submit'>保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   methods: {
     submit () {
       console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () { }

src/pages/system/systemSet/roleManager/edit.vue

         </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click='submit'>保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
   methods: {
     submit () {
       console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
     }
   },
   mounted () { }

src/pages/system/systemSet/roleManager/index.vue

         :data="treeData"
         :default-expand-all="true"
         :expand-on-click-node="false"
+        ref="tree"
         show-checkbox
         @node-click="handleNodeClick"></el-tree>
+        <div class="flex-h" style="justify-content: flex-end;margin-top: 1rem">
+          <el-button type='success' @click="getCheckedNodes">确定</el-button>
+        </div>
     </el-dialog>
   </div>
 </template>
     },
     addRole () {
       this.$router.push({ name: 'addRole' })
+    },
+    getCheckedNodes () { // 获取选中的节点
+      console.log(this.$refs.tree.getCheckedNodes())
     }
   }
 }

src/pages/system/systemSet/userManager/add.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     })
   },
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/systemSet/userManager/edit.vue

           </div>
         </li>
         <li style="text-align:center">
-          <el-button type="primary" size="mini">保存</el-button>
-          <el-button type="danger" size="mini">取消</el-button>
+          <el-button type="primary" size="mini" @click="submit">保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
         </li>
       </ul>
     </form>
     })
   },
   methods: {
-
+    submit () {
+      console.log(this.postData)
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
   },
   mounted () {}
 }

src/pages/system/systemSet/userManager/index.vue

             <div class="flex-item">
               <div>
                 <el-input
-                  placeholder="请输入角色"
+                  placeholder="请输入角色名称并按回车搜索"
                   v-model="postData.searchData"
+                  @change='getRole'
                   clearable>
                 </el-input>
               </div>
     },
     ...mapUserActions(['upDateRoleList']),
     addTag (tag) {
+      // 调用添加绑定角色接口
+      this.tags.push(tag)
       this.upDateRoleList(tag)
+    },
+    getRole () { // 绑定角色搜索事件，发送请求搜索角色列表
+      console.log(this.postData.searchData)
     }
   }
 }

src/pages/test/test.vue

+<style lang="sass" scoped>
+
+</style>
+
+<template>
+  <div>123</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+    console.log(this)
+    this.$ajax(this.$api.test.area.url, {
+      method: this.$api.test.area.method,
+      data: {
+        caseid: 1,
+        id: 2
+      }
+    })
+      .then(res => {
+        console.log(res)
+      }).catch(msg => {
+        return false
+      })
+  }
+}
+</script>

src/store/index.js

 import Vue from 'vue'
 import Vuex from 'vuex'
-
+import Ajax from '../util/ajax'
+import api from '../util/api'
 Vue.use(Vuex)
 
 const store = new Vuex.Store({
     loadding: false,
   }
 })
-
+Vuex.Store.prototype.$api = api
+Vuex.Store.prototype.$ajax = Ajax
 export const modules = {
   app: () => require('./app').default,
   case: () => require('./case').default,

src/store/user/index.js

   },
   mutations: {
     deleteRoleListItem (state, index) { // 这里的state对应着上面这个state
+      this.$ajax(this.$api.test.area.url, {
+        method: this.$api.test.area.method,
+        data: {
+          caseid: 1,
+          id: 2
+        }
+      })
+        .then((res) => {
+          console.log(res)
+        }).catch(msg => {
+          return false
+        })
       state.roleList.splice(state.roleList.indexOf(index), 1) // 你还可以在这里执行其他的操作改变state
     }
   },

src/util/ajax.js

 })
 
 Axios.interceptors.request.use((config) => {
-  console.log(config)
-  config.data = qs.stringify(config.data)
+  // 处理请求data,若为get请求，拼到url后面，若为post请求，直接添加到body中
+  let data = qs.stringify(config.data)
+  if (config.method === 'get' || config.method === 'GET') {
+    // 判断是通过斜杠传参还是通过query传参
+    if (config.url.indexOf(':') > -1) {
+      if (typeof config.data === 'object') {
+        config.url = Object.keys(config.data).reduce((url, k) => { // 此方法对每个元素进行处理
+          const re = new RegExp(`:${k}(?!w)`, 'i')
+          return url.replace(re, config.data[k])
+        }, config.url)
+      } else {
+        config.url = config.url.slice(0, config.url.indexOf(':')) + data
+      }
+    } else {
+      config.url += '?' + data
+    }
+  }
   return config
 }, (error) => {
   console.log(error)
 })
 
 Axios.interceptors.response.use((res) => {
-  if (res.data.code === 1) {
-    return res
-  } else if (res.data.code === 2) {
-    Message({
-      message: res.data.message,
-      position: 'bottom',
-      duration: 2000
-    })
-    return res.data.code
-  } else if (res.data.code === 0) {
+  console.log(res)
+  if (res.status === 200) {
+    return res.data
+  } else {
     Message({
-      message: res.data.message,
-      position: 'bottom',
-      duration: 2000
+      message: res.data.msg,
+      type: 'error'
     })
-    return res.data.code
+    return res.data
   }
 }, (error) => {
   console.log(error)

src/util/api.js

 const $api = {
   test: { // 测试接口
     area: {
-      method: 'get',
-      url: `${baseUrl}/common/goodstype`
+      method: 'post',
+      url: `${baseUrl}/machine/area`
     }
   }
 }