设置页面

src/api/bizPage.js

@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+import { mockUrl } from '@/apiConfig/api'
+
+// 新增业务线
+export function addBiz(data) {
+  return request({
+    url: mockUrl + `/setting/addBiz`,
+    method: 'post',
+    data
+  })
+}
+
+// 修改
+export function updateBiz(data) {
+  return request({
+    url: mockUrl + `/setting/updateBiz`,
+    method: 'post',
+    data
+  })
+}
+
+// 删除
+export function deleteBiz(data) {
+  return request({
+    url: mockUrl + `/setting/deleteBiz`,
+    method: 'post',
+    data
+  })
+}
+
+// 查看列表
+export function queryBizTypeList(data) {
+  return request({
+    url: mockUrl + `/setting/queryBizTypeList`,
+    method: 'post',
+    data
+  })
+}

src/router/index.js

@@ -1,3 +1,6 @@
+/* eslint-disable eol-last */
+/* eslint-disable no-spaced-func */
+/* eslint-disable indent */
 import Vue from 'vue'
 import Router from 'vue-router'
 
@@ -250,12 +253,53 @@ export const constantRoutes = [{
                 ]
             },
             {
-                path: 'teamPage',
-                name: 'teamPage',
-                hidden: true,
+                path: '/Platform/setUp',
+                // component: Layout,
+                name: '设置',
+                // meta: { title: '设置' },
                 component: () =>
-                    import ('@/views/Platform/teamPage'),
-                meta: { title: '团队管理' }
+                    import ('@/views/Platform/setUp/testa'),
+                meta: { title: '设置' },
+                children: [{
+                        path: 'bizPage',
+                        name: '业务线',
+                        // hidden: true,
+                        component: () =>
+                            import ('@/views/Platform/setUp/bizPage'),
+                        meta: { title: '业务线' }
+                    },
+                    {
+                        path: 'modulePage',
+                        name: '业务模块',
+                        hidden: true,
+                        component: () =>
+                            import ('@/views/Platform/setUp/modulePage'),
+                        meta: { title: '业务模块' }
+                    },
+                    {
+                        path: 'platformPage',
+                        name: '平台类型',
+                        hidden: true,
+                        component: () =>
+                            import ('@/views/Platform/setUp/platformPage'),
+                        meta: { title: '平台类型' }
+                    },
+                    {
+                        path: 'projectPage',
+                        name: '工程模块',
+                        hidden: true,
+                        component: () =>
+                            import ('@/views/Platform/setUp/projectPage'),
+                        meta: { title: '工程模块' }
+                    },
+                    {
+                        path: 'teamPage',
+                        name: '团队设置',
+                        component: () =>
+                            import ('@/views/Platform/setUp/teamPage'),
+                        meta: { title: '团队设置' }
+                    }
+                ]
             }
         ]
     },
@@ -324,28 +368,7 @@ export const constantRoutes = [{
             }
         ]
     },
-    {
-        path: '/virtualDevices',
-        component: Layout,
-        name: '虚拟设备',
-        meta: { title: '虚拟设备', icon: 'env_platform' },
-        children: [{
-                path: 'HTvehicle',
-                name: '单车',
-                component: () =>
-                    import ('@/views/virtualDevices/HTvehicle.vue'),
-                meta: { title: '单车' }
-            },
 
-            {
-                path: 'HMvehicle',
-                name: '电单车',
-                component: () =>
-                    import ('@/views/virtualDevices/HMvehicle.vue'),
-                meta: { title: '电单车' }
-            }
-        ]
-    },
     {
         path: '/mock',
         component: Layout,
@@ -407,7 +430,8 @@ export const constantRoutes = [{
                 meta: { title: '动态数据' }
             }
         ]
-    }, {
+    },
+    {
         path: '/online-quality',
         component: Layout,
         redirect: '/online-quality/check-list',
@@ -471,9 +495,34 @@ export const constantRoutes = [{
                 meta: { title: '上线过程' }
             }]
         }]
+    },
+
+    {
+        path: '/virtualDevices',
+        component: Layout,
+        name: '虚拟设备',
+        hidden: true,
+        meta: { title: '虚拟设备', icon: 'env_platform' },
+        children: [{
+                path: 'HTvehicle',
+                name: '单车',
+                hidden: true,
+                component: () =>
+                    import ('@/views/virtualDevices/HTvehicle.vue'),
+                meta: { title: '单车' }
+            },
+            {
+                path: 'HMvehicle',
+                name: '电单车',
+                hidden: true,
+                component: () =>
+                    import ('@/views/virtualDevices/HMvehicle.vue'),
+                meta: { title: '电单车' }
+            }
+        ]
     }
-]
 
+]
 
 const createRouter = () => new Router({
     // mode: 'history', // require service support

src/views/Platform/setUp/bizPage.vue

@@ -0,0 +1,317 @@
+<template>
+  <!-- 业务线 -->
+  <div class="set-background">
+    <div class="block">
+      <el-form :model="bizForm">
+        <div class="set-head">
+          业务线<el-input v-model="bizForm.bizName" clearable placeholder="请填写业务线" style="margin-left:10px;width:45%;" />
+          <div style="float:right">
+            <el-button type="primary" @click="queryBizList(bizForm)">搜索</el-button>
+            <el-button type="primary" plain @click="handleaddBiz()">新增</el-button>
+          </div>
+        </div>
+      </el-form>
+      <div class="set-locate">
+        <el-table :key="tableKey" v-loading="listLoading" :data="bizData" fit highlight-current-row style="width: 100%;" border :header-cell-style="{background:'#F0F2F4',color:'#606266'}">
+          <el-table-column prop="id" label="序号" min-width="36px" align="center"><template slot-scope="scope"><span>{{ scope.row.id }}</span></template></el-table-column>
+          <!-- <el-table-column label="序号" prop="id" min-width="35px" align="center" /> -->
+          <el-table-column label="业务线" prop="bizName" min-width="140px" align="center">
+            <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff">{{ scope.row.bizName }}</a></template>
+          </el-table-column>
+          <el-table-column prop="modifier" label="操作人" min-width="140px" align="center"><template slot-scope="scope"><span>{{ scope.row.modifier }}</span></template> </el-table-column>
+          <!-- <el-table-column label="操作人" prop="modifier" min-width="140px" align="center" /> -->
+          <el-table-column label="操作" align="center" min-width="180px" class-name="small-padding fixed-width">
+            <template slot-scope="{row}">
+              <el-button type="primary" size="mini" @click="handelEditBiz(row)">编辑</el-button>
+              <el-button type="danger" size="mini" @click="handelDeleteBiz(row)">删除</el-button>
+
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <el-dialog :title="titleName" width="40%" :visible.sync="dialogFormVisible">
+          <div style="margin-left:30px">
+            <el-form ref="addBizForms" :rules="addBizDataRules" :model="addBizData">
+              <el-form-item label="业务线ID" prop="id">
+                <el-input v-model="addBizData.id" :disabled="idUnvisible" placeholder="请填写" style="margin-left:7px;width:60%;" />
+              </el-form-item>
+              <el-form-item label="业务线名称" prop="bizName">
+                <el-input v-model="addBizData.bizName" placeholder="请填写" style="margin-left:-3px;margin-top:10px;width:60%;" />
+              </el-form-item>
+            </el-form>
+          </div>
+          <div align="center" style="margin-top:18px">
+            <el-button type="info" plain size="mini" @click="dialogFormVisible=false">取消</el-button>
+            <el-button type="primary" size="mini" @click="titleName === '新增' ? addBizType(addBizData) :editBizType(addBizData)">确定</el-button>
+          </div>
+          <div style="margin-top:6%" />
+        </el-dialog>
+
+        <el-dialog :visible.sync="dialogDeleteVisible" width="30%">
+          <div align="center" style="margin-top:-6%">
+            <b>确定要删除这条业务线吗？</b>
+          </div>
+          <div align="center" style="margin-top:38px">
+            <el-button type="primary" size="mini" @click="deleteBizType()">确定</el-button>
+            <el-button type="danger" size="mini" @click="dialogDeleteVisible=false,idUnvisible = false">取消</el-button>
+          </div>
+          <div style="margin-top:4%" />
+        </el-dialog>
+
+        <!-- <el-pagination
+          v-show="total>0"
+          align="center"
+          background
+          :page.sync="bizData.curIndex"
+          :limit.sync="bizData.pageSize"
+          layout="prev, pager, next"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        /> -->
+
+        <el-pagination style="margin-top:30px;" align="center" :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </div>
+
+    </div>
+  </div></template>
+
+<script>
+import { addBiz, updateBiz, deleteBiz, queryBizTypeList } from '@/api/bizPage'
+import waves from '@/directive/waves' // waves directive
+// import Pagination from '@/components/Pagination'
+import { } from '@/utils'
+
+var envSelections = []
+var consumerSelections = []
+
+export default {
+  name: 'BizPage',
+  // components: { Pagination },
+  // components: { Pagination },
+  directives: { waves },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        1: 'success',
+        draft: 'info',
+        0: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      userInformation: localStorage.getItem('username'),
+      userName: localStorage.getItem('realname'),
+      userData: '',
+      envSelections,
+      consumerSelections,
+      bizData: [],
+      total: 0,
+      idUnvisible: false,
+      titleName: '',
+      bizForm: {
+        bizName: ''
+      },
+      addBizData: {
+        id: '',
+        bizName: ''
+      },
+      deleteData: {},
+      currentBizData: [],
+      tableKey: 0,
+      curIndex: 0,
+      pageSize: 10,
+      listLoading: true,
+      dialogFormVisible: false,
+      dialogDeleteVisible: false,
+      dialogName: '业务线名称',
+      addBizDataRules: {
+        id: [{ required: true, message: 'id不能为空', trigger: 'change' }],
+        bizName: [{ required: true, message: '业务线名称不能为空', trigger: 'change' }]
+      }
+
+    }
+  },
+
+  created() {
+    this.getList()
+  },
+  methods: {
+  // 新增业务线
+    handleaddBiz() {
+      this.titleName = '新增'
+      this.dialogFormVisible = true
+      this.idUnvisible = false
+      this.$refs.addBizForms.resetFields()
+      this.$set(this.addBizData, 'id', '')
+      this.$set(this.addBizData, 'bizName', '')
+    },
+    addBizType(ele) {
+      this.$refs['addBizForms'].validate((valid) => {
+        if (valid) {
+          this.addBizData = ele
+          this.addBizData.creator = this.userInformation
+          this.addBizData.modifier = this.userInformation
+          // this.userData = { id: '', ename: this.userInformation, name: this.userNames }
+          // this.bizTypeInfo = { bizTypeInfo: this.addBizData }
+          addBiz(this.addBizData).then(response => {
+            console.log(response)
+            if (response.code === 200) {
+              this.getList()
+              this.successFun()
+              this.dialogFormVisible = false
+            } else {
+              this.errorFun()
+            }
+          })
+        }
+      })
+    },
+    // 进首页
+    getList() {
+      this.listLoading = true
+      this.indexPage = {
+        pageSize: this.pageSize,
+        curIndex: this.curIndex - 1
+      }
+      queryBizTypeList(this.indexPage).then(response => {
+        this.bizData = response.data.list
+        this.total = 10
+        this.listLoading = false
+      })
+    },
+
+    // 查看
+    queryBizList(ele) {
+      this.bizForm.bizName = ele.bizName
+      // this.bizForm.pageSize = this.pageSize
+      // this.bizForm.curIndex = this.curIndex
+      // this.bizTypeInfo = { bizTypeInfo: this.bizForm }
+      console.log(ele)
+      queryBizTypeList(this.bizForm).then(response => {
+        if (response.code === 200) {
+          // this.getMyDevicesList()
+          this.bizData = response.data.list
+          this.dialogFormVisible = false
+        } else {
+          this.errorFun()
+        }
+      })
+    },
+    // 删除
+    handelDeleteBiz(ele) {
+      this.addBizData = ele
+      this.dialogDeleteVisible = true
+    },
+    deleteBizType() {
+      console.log(typeof (this.addBizData.id))
+      var bizIds = [this.addBizData.id]
+      // bizIds.push(this.addBizData.id)
+      this.deleteData.modifier = this.userInformation
+      this.deleteData.bizIds = bizIds
+      deleteBiz(this.deleteData).then(response => {
+        if (response.code === 200) {
+          this.successFun()
+          this.dialogDeleteVisible = false
+          this.getList()
+          this.bizData = response.data.list
+        } else {
+          this.errorFun()
+          // this.dialogDeleteVisible = false
+        }
+      })
+    },
+
+    // 编辑
+    handelEditBiz(ele) {
+      this.addBizData = Object.assign({}, ele)
+      this.titleName = '编辑'
+      this.dialogFormVisible = true
+      this.idUnvisible = true
+      this.$refs.addBizForms.resetFields()
+      console.log(ele)
+    },
+    editBizType(ele) {
+      this.$refs['addBizForms'].validate((valid) => {
+        if (valid) {
+          var myDate = new Date()
+
+          this.addBizData = ele
+          this.addBizData.modifyTime = myDate
+          this.addBizData.modifier = this.userInformation
+          // this.bizTypeInfo = { bizTypeInfo: this.addBizData }
+          updateBiz(this.addBizData).then(response => {
+            console.log(response)
+            if (response.code === 200) {
+              this.getList()
+              this.successFun()
+              this.dialogFormVisible = false
+            } else {
+              this.errorFun()
+            }
+          })
+        }
+      })
+    },
+
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.getList()
+    },
+    handleCurrentChange(curIndex) {
+      this.curIndex = curIndex
+      this.getList()
+    },
+
+    clearValidate(formName) {
+      this.$refs[formName].clearValidate()
+    },
+
+    successFun() {
+      this.$notify({ title: 'Success', message: 'Created Successfully', type: 'success', duration: 5000 })
+    },
+    errorFun() {
+      this.$notify({ title: 'Failed', message: 'Created Failed', type: 'error', duration: 5000 })
+    }
+  }
+}
+</script>
+<style lang="stylus" scoped>
+  .set-background
+    background-color #F1F4F7
+    display flex
+    justify-content center
+    min-width 700px
+    .setPercent >>> .el-dialog__body
+      width 100%
+    .block
+      background-color rgba(255,255,255,1)
+      box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
+      border-radius 7px
+      width 93%
+      margin 25px 0
+      padding 20px
+      min-height calc(100vh - 100px)
+    .set-head
+      font-size 13px
+      width 100%
+      color #333B4A
+      white-space nowrap
+    .set-dialogfont
+      font-size 13px
+      .set-dialogfont >>> .el-input
+        width 70%
+    // .set-between
+    //   display flex
+    // .set-between >>> .el-button
+      // height 40px
+    .set-locate
+      margin-top 25px
+      // border-bottom 1px solid #BFC6DC
+      // border-left 1px solid #BFC6DC
+      // border-top 1px solid #BFC6DC
+      // border-right 1px solid #BFC6DC
+
+</style>

src/views/Platform/setUp/teamPage.vue

@@ -0,0 +1,359 @@
+<template>
+  <el-container>
+    <el-aside width="150pt">
+      <el-tree
+        style="background: #E9EEF3; height:110vh; padding:15%;"
+        :data="bizOptions"
+        node-key="id"
+        undraggable
+        :highlight-current="true"
+        @node-click="clickFun"
+      />
+    </el-aside>
+    <el-container>
+      <el-header style="height: auto; text-align:left">
+        <div style="margin: 4%;">
+          <el-input v-model="form.name" clearable filterable placeholder="姓名" style="width:22%;margin-right:5px;" />
+          <el-input v-model="form.email" clearable filterable placeholder="邮箱" style="width:22%;margin-right:5px;" />
+          <el-select v-model="form.role" width="200" clearable placeholder="请选择角色">
+            <el-option v-for="item in roleStrings" :key="item.value" :label="item.name" :value="item.name" />
+          </el-select>
+          <el-button type="primary" style="margin-left:8%;" @click="queryList(form)">查询</el-button>
+          <el-button type="primary" @click="createGetShow">新增</el-button>
+        </div>
+
+        <el-dialog :title="titleName" width="40%" :visible.sync="dialogFormVisible">
+          <el-form ref="MemberData" :model="MemberData" status-icon :rules="serviceDataRules" label-width="60px">
+            <el-form-item v-show="hide" label="id" prop="Id" :label-width="formLabelWidths">
+              <el-input v-model="MemberData.id" autocomplete="off" style="width:75%" :disabled="true" />
+            </el-form-item>
+            <el-form-item label="姓名" prop="name" :label-width="formLabelWidths">
+              <el-input v-model="MemberData.name" autocomplete="off" style="width:75%" />
+            </el-form-item>
+            <el-form-item label="邮箱" prop="email" :label-width="formLabelWidths">
+              <el-input v-model="MemberData.email" autocomplete="off" style="width:75%" />
+            </el-form-item>
+            <el-form-item label="业务线" prop="bizId" :label-width="formLabelWidths">
+              <el-select v-model="MemberData.bizId" placeholder="请选择业务线" style="width:75%">
+                <el-option v-for="item in bizOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="角色" prop="role" :label-width="formLabelWidths">
+              <el-select v-model="MemberData.role" placeholder="请选择角色" style="width:75%">
+                <el-option v-for="item in roleStrings" :key="item.value" :label="item.name" :value="item.name" />
+              </el-select>
+            </el-form-item>
+          </el-form>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="dialogFormVisible = false,clickClose()">关 闭</el-button>
+            <el-button v-show="Determine" type="primary" @click="titleName === '新增'?createMembers(MemberData):updateData(MemberData)">确 定</el-button>
+          </div>
+        </el-dialog>
+      </el-header>
+      <el-table :data="list" style="width: 100%; height:570vh;" row-key="id" lazy align="center">
+        <el-table-column prop="id" label="ID" width="150" align="center"><template slot-scope="scope"><span>{{ scope.row.id }}</span></template></el-table-column>
+        <el-table-column prop="name" label="姓名" width="180" align="center"><template slot-scope="scope"><span>{{ scope.row.name }}</span></template> </el-table-column>
+        <el-table-column label="team" width="180" align="center"><template slot-scope="scope"><span>{{ scope.row.teamId }}</span></template></el-table-column>
+        <el-table-column label="邮箱" width="180" align="center"><template slot-scope="scope"><span>{{ scope.row.email }}</span></template></el-table-column>
+        <el-table-column prop="role" label="角色" width="150" align="center"><template slot-scope="scope"><span>{{ scope.row.role }}</span></template></el-table-column>
+        <el-table-column label="操作" align="center" min-width="220px" fixed="right">
+          <template slot-scope="{row}">
+            <el-button size="mini" type="primary" @click="dialogFormVisible = true,queryData(row)">查看</el-button>
+            <el-button size="mini" type="primary" @click="dialogFormVisible = true,changeData(row)">编辑</el-button>
+            <el-button size="mini" type="primary" @click="deleteCodeData(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-footer>
+        <el-pagination :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" align="center" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </el-footer>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { createMembers, updateMembers, deleteMembers, getMemberList } from '@/api/teamPage.js'
+
+const operateType = {
+  OPER_ADD: 1, // 新增
+  OPER_EDIT: 2, // 编辑
+  OPER_QUERY: 3 // 查看
+}
+export default {
+  name: 'TeamPage',
+  data() {
+    return {
+      centerDialogVisible: false,
+      dialogFormVisible: false,
+      Determine: true,
+      hide: true,
+      radioButton: 0,
+      titleName: '',
+      parameter: '',
+      startId: '',
+      startName: '',
+      parentFolderId: '',
+      formLabelWidths: '120px',
+      roleStrings: [{ value: 1, name: 'rd' }, { value: 2, name: 'qa' }, { value: 3, name: 'pm' }, { value: 4, name: 'other' }],
+      bizOptions: [{ label: '滴滴代驾', value: 261 }, { label: '企业级', value: 100 }, { label: 'prado', value: 330 }, { label: 'carbo', value: 331 }, { label: '海马', value: 309 }, { label: '万象', value: 102 }],
+      userInformation: localStorage.getItem('username'),
+      userNames: localStorage.getItem('realname'),
+      bizId: '',
+      curIndex: 1, // 初始页
+      pageSize: 10, // 每页的数据
+      total: 0,
+      userData: '',
+      folderName: '',
+      list: [],
+      form: {},
+      queryListData: {},
+      bizData: {},
+      MemberData: {
+        bizId: '',
+        teamId: '',
+        email: '',
+        role: '',
+        name: ''
+      },
+      formData: {
+        bizId: '',
+        teamId: '',
+        role: '',
+        email: '',
+        name: ''
+
+      },
+      serviceDataRules: {
+        name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+        bizId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
+        teamId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
+        role: [{ required: true, message: '角色不能为空', trigger: 'change' }],
+        email: [{ required: true, message: '邮箱不能为空', trigger: 'blur' }]
+      },
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      },
+      multipleSelection: []
+    }
+  },
+  created() {
+    this.getAllList()
+  },
+
+  methods: {
+    updateDetailDialog(type) {
+      if (type === operateType.OPER_ADD) {
+        this.Determine = true
+        this.hide = false
+      } else if (type === operateType.OPER_EDIT) {
+        this.hide = true
+        this.Determine = true
+      } else if (type === operateType.OPER_QUERY) {
+        this.hide = true
+        this.Determine = false
+      }
+    },
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.getAllList({
+        pageSize: this.pageSize,
+        curIndex: this.curIndex
+      })
+    },
+    handleCurrentChange(curIndex) {
+      this.curIndex = curIndex
+      this.getAllList({
+        pageSize: this.pageSize,
+        curIndex: this.curIndex
+      })
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          alert('submit!')
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields()
+    },
+
+    // 全部列表
+    getAllList() {
+      var indexPage = {
+        pageSize: this.pageSize,
+        curIndex: this.curIndex
+      }
+      getMemberList(indexPage).then(res => {
+        this.list = res.data
+        for (var a of this.list) {
+          var b = a.teamId
+          for (var c of this.bizOptions) {
+            b === c ? b = c.label : ''
+          }
+        }
+        this.total = res.total
+      })
+    },
+
+    // 查看成员详情
+    queryData(vel) {
+      this.titleName = '查看详情'
+      this.MemberData = vel
+      this.updateDetailDialog(3)
+    },
+
+    // 查询
+    queryList(val) {
+      console.log(val)
+      getMemberList(val).then(res => {
+        this.list = res.data
+        // this.form = {}
+      })
+    },
+
+    deleteCodeData(e) {
+      this.$confirm('确定删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleDelete(e)
+        this.$message({ type: 'success', message: '删除成功!' })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+
+    // 删除
+    handleDelete(e) {
+      this.userData = { id: '', ename: this.userInformation, name: this.userNames }
+      deleteMembers(e.id, this.userData).then(response => {
+        if (response.code === 200) {
+          this.getAllList()
+          // this.queryList({ 'teamId': e.teamId })
+          this.successFun()
+        } else {
+          this.errorFun(response.msg)
+        }
+      })
+    },
+
+    // 编辑
+    changeData(vel) {
+      console.log(vel)
+      this.titleName = '编辑'
+      this.MemberData = vel
+      this.updateDetailDialog(2)
+    },
+
+    updateData(vel) {
+      if (vel === this.MemberData) {
+        this.bizData = {
+          name: vel.name,
+          id: vel.id,
+          role: vel.role,
+          email: vel.email,
+          teamId: vel.bizId,
+          bizId: vel.bizId
+        }
+      } else {
+        this.bizData = vel
+        this.bizData.name = vel.name
+        this.bizData.role = vel.role
+        this.bizData.email = vel.email
+        this.bizData.teamId = vel.teamId
+        this.bizData.bizId = vel.bizId
+      }
+      this.userData = { id: '', ename: this.userInformation, name: this.userNames }
+      this.objData = { teamMembersInfo: this.bizData, user: this.userData }
+      updateMembers(this.objData).then(response => {
+        if (response.code === 200) {
+          this.dialogFormVisible = false
+          this.successFun()
+          this.getAllList()
+        } else {
+          this.errorFun()
+        }
+      })
+    },
+    // 新增需提示选择目录
+    createGetShow() {
+      this.titleName = '新增'
+      if (this.startId === '') {
+        this.$notify({ title: '提示', message: '请选择目录', duration: 2000 })
+      } else {
+        this.MemberData = {}
+        this.dialogFormVisible = true
+        this.$nextTick(() => {
+          this.$refs['MemberData'].clearValidate()
+        })
+        this.updateDetailDialog(1)
+      }
+    },
+    clickFun(e) {
+      console.log(e)
+      this.startId = e.value
+      this.startName = e.label
+      getMemberList({ teamId: e.value }).then(res => {
+        this.list = res.data
+      })
+    },
+
+    clickClose() {
+      this.startId = ''
+    },
+
+    // 新增
+    createMembers(vel) {
+      this.$refs['MemberData'].validate((valid) => {
+        if (valid) {
+          if (vel !== '') {
+            this.bizData = {
+              name: vel.name,
+              id: vel.id,
+              role: vel.role,
+              email: vel.email,
+              teamId: this.startId,
+              bizId: vel.bizId
+            }
+          }
+          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
+          this.objData = { teamMembersInfo: this.bizData, user: this.userData }
+          createMembers(this.objData).then(response => {
+            if (response.code === 200) {
+              this.dialogFormVisible = false
+              this.successFun()
+              this.getAllList()
+            } else {
+              this.errorFun()
+            }
+          })
+        } else {
+          return false
+        }
+      })
+    },
+
+    successFun() {
+      this.$notify({ title: 'Success', message: 'Created Successfully', type: 'success', duration: 5000 })
+    },
+    errorFun() {
+      this.$notify({ title: 'Failed', message: 'Created Failed', type: 'error', duration: 5000 })
+    }
+  }}
+
+</script>
+
+<style>
+.headerStyle {
+  margin: 10px;
+}
+</style>