用户管理

src/api/system/user.js

@@ -177,3 +177,12 @@ export function delWorkunituser(recordId) {
     method: 'delete'
   })
 }
+
+// 查询工作单元，排除已绑定的
+export function listByUser(query) {
+  return request({
+    url: '/mes/md/workunitWorker/listByUser',
+    method: 'get',
+    params: query
+  })
+}

src/views/system/user/profile/worker.vue

@@ -37,6 +37,7 @@
               </el-input>
               <workunitSelect
                 ref="WorkunitSelect"
+                :userId="userId"
                 @onSelected="onworkunitSelected"
               ></workunitSelect>
             </el-form-item>
@@ -51,8 +52,7 @@
 
 <script>
 import { listWorkunituser, getWorkunituser, delWorkunituser, addWorkunituser, updateWorkunituser } from "@/api/system/user";
-import {listAllPost} from "@/api/system/post";
-import workunitSelect from "@/components/workunitSelect/single.vue"
+import workunitSelect from "./workunitSelect.vue"
 // "@/views/mes/cal/team/calTeamSelect/multi.vue"
 export default {
   name: "Workunitworker",

src/views/system/user/profile/workunitSelect.vue

+<template>
+    <el-dialog
+      title="工作单元选择"
+      v-if="showFlag"
+      :visible.sync="showFlag"
+      :modal="false"
+      width="80%"
+    >
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="100px"
+      >
+        <el-form-item label="工作单元编码" prop="workunitCode">
+          <el-input
+            v-model="queryParams.workunitCode"
+            placeholder="请输入工单编码"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="工作单元名称" prop="workunitName">
+          <el-input
+            v-model="queryParams.workunitName"
+            placeholder="请输入工作单元名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item v-if="!workstationId" label="工作中心" prop="workstationName">
+          <el-input
+            v-model="queryParams.workstationName"
+            placeholder="请输入工作中心名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="loading"
+        :data="workunitList"
+        @current-change="handleCurrent"
+        @row-dblclick="handleRowDbClick"
+        height="500px"
+      >
+        <el-table-column width="55" align="center">
+          <template v-slot="scope">
+            <el-radio
+              v-model="selectedWorkunitId"
+              :label="scope.row.workunitId"
+              @change="handleRowChange(scope.row)"
+              >{{ "" }}</el-radio
+            >
+          </template>
+        </el-table-column>
+        <el-table-column label="工作中心名称" width="180" prop="workstationName" />
+        <el-table-column
+          label="工作单元编码"
+          width="200"
+          align="center"
+          prop="workunitCode"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column label="工作单元名称" align="center" prop="workunitName" />
+      </el-table>
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showFlag = false">取 消</el-button>
+        <el-button type="primary" @click="confirmSelect">确 定</el-button>
+      </div>
+    </el-dialog>
+  </template>
+  <script>
+  import { listByUser } from "@/api/system/user";
+  export default {
+    name: "WorkunitSelectSingle",
+    components: {},
+    dicts: [],
+    props: {
+      userId: undefined,
+      workstationName: {
+        type: String,
+        default: "",
+      },
+      workstationId: {
+        type: String | Number,
+        default: "",
+      },
+      workunitId: {
+        type: Number | undefined,
+        default: undefined,
+      }, //外部传入的工单过滤信息
+    },
+    data() {
+      return {
+        showFlag: false,
+        // 遮罩层
+        loading: true,
+        // 选中数组
+        selectedWorkunitId: undefined,
+        selectedRows: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 生产工单表格数据
+        workunitList: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+        // 查询参数
+        queryParams: {
+          workunitCode: null,
+          userId: this.userId,
+          pageNum: 1,
+          pageSize: 10,
+          workunitName: null,
+          workstationId: null,
+          workstationName: this.workstationName,
+          workstationId: this.workstationId,
+          workunitId: null,
+          enableFlag: "Y",
+        },
+      };
+    },
+    watch: {
+      showFlag: {
+        handler(newName) {
+          this.selectedWorkunitId = null
+          this.selectedRows = []
+          this.queryParams.workstationName = this.workstationName;
+          this.queryParams.userId = this.userId;
+          this.queryParams.workstationId = this.workstationId;
+          this.getList();
+        },
+        immediate: true
+      }
+    },
+    created() {
+  
+    },
+    methods: {
+      /** 查询生产工单列表 */
+      getList() {
+        this.loading = true;
+        listByUser(this.queryParams).then((response) => {
+          this.workunitList = response.rows;
+          this.loading = false;
+          this.total = response.total
+        });
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      handleCurrent(row) {
+          console.log(row);
+        if (row) {
+          this.selectedRows = row;
+        }
+      },
+      // 单选选中数据
+      handleRowChange(row) {
+        if (row) {
+          this.selectedRows = row;
+        }
+      },
+      //双击选中
+      handleRowDbClick(row) {
+        if (row) {
+          this.selectedRows = row;
+          this.$emit("onSelected", this.selectedRows);
+          this.showFlag = false;
+        }
+      },
+      //确定选中
+      confirmSelect() {
+        if (this.selectedWorkunitId == null || this.selectedWorkunitId == 0) {
+          this.$notify({
+            title: "提示",
+            type: "warning",
+            message: "请至少选择一条数据!",
+          });
+          return;
+        }
+        this.$emit("onSelected", this.selectedRows);
+        this.showFlag = false;
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file