ytj

src/pages/system/systemSet/userManger/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/userManger/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/userManger/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/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 = {
   case: () => require('./case').default,
   user: () => require('./user').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.response.use((res) => {
-  if (res.data.code === 1) {
-    return res
-  } else if (res.data.code === 2) {
+  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
-  } else if (res.data.code === 0) {
-    Message({
-      message: res.data.message,
-      position: 'bottom',
-      duration: 2000
-    })
-    return res.data.code
+    return res.data
   }
 }, (error) => {
   console.log(error)