基础信息班组

src/views/wms/team/index.vue

@@ -87,8 +87,8 @@
        	 		</template>
       		</el-table-column>
 			<el-table-column label="所属产线" align="center" prop="productionLineCode" />
-			<el-table-column label="负责人" align="center" prop="teamLeaderName" />
+			<el-table-column label="班组负责人" align="center" prop="teamLeaderName" />
-			<el-table-column label="班组组成人员" align="center" prop="teamMembers" />
+			<!-- <el-table-column label="班组组成人员" align="center" prop="teamMembers" /> -->
 			<el-table-column label="创建人" align="center" prop="createBy" />
 			<el-table-column label="创建时间" align="center" prop="createDate" />
 			<el-table-column prop="active" label="是否启用" align="center">
@@ -216,6 +216,22 @@
           </el-col>
           </el-row>
 			</el-form>
+			<!-- <el-divider></el-divider>
+			<el-card>
+        <div style="text-align: center">
+         <template>
+            <el-transfer
+              filterable
+              filter-placeholder="请输入班组人员名称"
+              :titles="['可选班组人员', '当前班组人员']"
+              :data="leftList"
+              v-model="rightList"
+              style="text-align: left"
+              >
+            </el-transfer>
+          </template>
+        </div>
+       </el-card> -->
 			<div slot="footer" class="dialog-footer">
 				<el-button type="primary" @click="submitForm">确 定</el-button>
 				<el-button @click="cancel">取 消</el-button>
@@ -225,7 +241,7 @@
 </template>
 
 <script>
-import { listTeam, getTeam, delTeam, addTeam, updateTeam } from "@/api/wms/team";
+import { listTeam, getTeam, delTeam, addTeam, updateTeam ,listTeamMembers} from "@/api/wms/team";
 
 export default {
 	name: "Team",
@@ -246,6 +262,11 @@ export default {
 			total: 0,
 			// 班组表格数据
 			teamList: [],
+			teamMembersList:[],
+	// 		// 可选（左边）
+    //   leftList: [],
+    //   // 已选（右边，只需要key）
+    //   rightList: [],
 			// 弹出层标题
 			title: "",
 			// 是否显示弹出层
@@ -302,12 +323,31 @@ export default {
 	},
 	created() {
 		this.getList();
+		this.getTeamMembers();
 	},
 	methods: {
 	  // 生成表头序号
     indexMethod(index) {
       return index + 1;
     },
+    // getTeamMembers() {
+    //   // 调用查询课程列表接口
+    //   listTeamMembers(this.queryParams).then(response => {
+    //     for(let i in response.rows){
+    //     // 将返回的列表赋值于穿梭框左边列表
+    //       this.leftList.push({
+    //       key: response.rows[i].userId,
+    //       label: response.rows[i].userName
+    //     })
+    //     }
+    //     for(let i in response.selected){
+    //     // 将返回的列表赋值于穿梭框左边列表
+    //     this.rightList.push(response.selected[i].key);
+    //     this.form.rightData = this.rightList;
+    //     }
+    //     this.loading = false;
+    //   });
+    // },
 		/** 查询班组列表 */
 		getList() {
 			this.loading = true;
@@ -348,6 +388,7 @@ export default {
 				teamProperties: null,
 				attendanceQuantity: null,
 				assignedQuantity: null
+				// rightData: null
 			};
 			this.resetForm("form");
 		},
@@ -388,7 +429,9 @@ export default {
 			this.$refs["form"].validate(valid => {
 				if (valid) {
 					if (this.form.teamId != null) {
+					  this.form.rightData = this.rightList;
 						updateTeam(this.form).then(response => {
+						console.log("打印1",this.rightList,"打印2",this.form.rightData);
 							this.$modal.msgSuccess("修改成功");
 							this.open = false;
 							this.getList();