工作人员 站点

src/views/Staff/index.vue

@@ -26,6 +26,11 @@
         <el-table-column prop="username" label="用户名" width="120"></el-table-column>
         <el-table-column prop="name" label="姓名" width="120"></el-table-column>
         <el-table-column prop="mobile" label="手机号" width="140"></el-table-column>
+        <el-table-column prop="site" label="站点">
+          <template slot-scope="scope">
+            <el-tag v-for="item in scope.row.site" type="danger" style="margin-right:10px">{{item.name}}</el-tag>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" width="200">
           <template slot-scope="scope">
             <el-button size="mini" @click="handleEdit(scope.row)">编辑</el-button>
@@ -49,7 +54,7 @@
     </div>
 
     <!-- 添加/编辑员工弹窗 -->
-    <el-dialog :title="dialogTitle" :visible.sync="addDialogVisible" width="400px">
+    <el-dialog :title="dialogTitle" :visible.sync="addDialogVisible" width="50%">
       <el-form :model="addForm" :rules="addRules" ref="addFormRef" label-width="80px">
         <el-form-item label="用户名" prop="username" required>
           <el-input v-model="addForm.username" placeholder="请输入用户名" />
@@ -66,6 +71,11 @@
         <el-form-item label="手机号" prop="mobile" required>
           <el-input v-model="addForm.mobile" placeholder="请输入手机号" />
         </el-form-item>
+        <el-form-item label="站点" prop="site_id" required>
+          <el-select style="width:100%" v-model="addForm.site_id"  placeholder="请选择站点" multiple @change="changeSite">
+            <el-option v-for="item in siteList" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="addDialogVisible = false">取 消</el-button>
@@ -78,7 +88,7 @@
 <script>
 import { index as staffIndex, save as staffSave, destroy as staffDestroy } from '@/api/staff/staff'
 import { getToken } from '@/utils/auth'
-
+import { index as siteIndex } from '@/api/site/site'
 export default {
   name: 'StaffTest',
   data() {
@@ -87,6 +97,7 @@ export default {
         name: '',
         mobile: ''
       },
+      siteList:[],
       tableData: [],
       currentPage: 1,
       pageSize: 10,
@@ -97,7 +108,8 @@ export default {
         password: '',
         newPassword: '',
         name: '',
-        mobile: ''
+        mobile: '',
+        site_id:''
       },
       addRules: {
         username: [
@@ -115,6 +127,9 @@ export default {
         ],
         mobile: [
           { required: true, message: '请输入手机号', trigger: 'blur' }
+        ],
+        site_id: [
+          { required: true, message: '请选择区域', trigger: 'blur' }
         ]
       },
       dialogTitle: '添加员工',
@@ -122,9 +137,20 @@ export default {
     }
   },
   created() {
+    this.getSite()
     this.getList()
   },
   methods: {
+    async getSite(){
+      const res = await siteIndex({
+        page:1,
+        page_size:999
+      })
+      this.siteList = res.data
+    },
+    changeSite(e){
+      console.log("e",e)
+    },
     async getList() {
       this.loading = true
       const params = {}
@@ -164,7 +190,8 @@ export default {
           password: '',
           newPassword: '',
           name: '',
-          mobile: ''
+          mobile: '',
+          site_id:''
         }
       })
     },
@@ -173,7 +200,13 @@ export default {
       this.addDialogVisible = true
       this.$nextTick(() => {
         if (this.$refs.addFormRef) this.$refs.addFormRef.resetFields()
-        this.addForm = { ...row, password: '', newPassword: '' }
+        let siteIds = []
+        if(row.site_id){
+          siteIds = row.site_id.split(",")
+        }
+        console.log("siteIds",siteIds.map(Number))
+        this.addForm = { ...row, password: '', newPassword: '',site_id: siteIds.map(Number)}
+        console.log("this.addForm",this.addForm.site_id)
       })
     },
     handleDelete(row) {
@@ -204,7 +237,10 @@ export default {
     submitAddForm() {
       this.$refs.addFormRef.validate(async valid => {
         if (valid) {
-          const submitData = { ...this.addForm }
+          let submitData = { ...this.addForm, site_id : this.addForm.site_id?this.addForm.site_id.join(","):''}
+          console.log("addForm",this.addForm)
+          // this.submitData.site_id = this.addForm.site_id?this.addForm.site_id.join(","):''
+          console.log("submitData",submitData)
           if (submitData.id) {
             // 编辑：如果输入了新密码，则传password字段
             if (submitData.newPassword) {
@@ -219,6 +255,7 @@ export default {
             delete submitData.newPassword
           }
           try {
+
             await staffSave(submitData)
             this.$message.success(this.addForm.id ? '编辑成功' : '新增成功')
             this.addDialogVisible = false