工种管理 列表的接口联调+删除工种的接口联调+添加工种，编辑工种 2个接口联调

haoxuan

2024-04-22 c8435fd9afcf1e211c38fa9848a8d27c2d989f04

 src/views/employeeManage/employeeInfo/components/AddEmployee.vue

@@ -13,26 +13,29 @@
        <el-form-item label="手机号：" prop="phoneNum">
          <el-input v-model="form.phoneNum" placeholder="请输入" maxlength="11" show-word-limit></el-input>
        </el-form-item>
        <el-form-item label="入职时间：" prop="date">
          <el-date-picker v-model="form.date" style="width:100%;" type="date" placeholder="选择日期"
        <el-form-item label="入职时间：" prop="employmentTime">
          <el-date-picker v-model="form.employmentTime" style="width:100%;" type="date" placeholder="选择日期"
            value-format="yyyy-MM-dd">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="车间：" prop="phoneNum">
          <el-select v-model="form.phoneNum" filterable placeholder="请选择" style="width: 100%">
            <el-option v-for="item in DeviceList" :key="item.id" :label="item.name" :value="item.id">
        <el-form-item label="车间：" prop="shopNameObj">
          <el-select v-model="form.shopNameObj" filterable placeholder="请选择" style="width: 100%" @change='getGroupNumber'>
            <el-option v-for="item in shopList" :key="item.number"
                  :label="item.name"
                  :value="{ value: item.number, label: item.name }">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="组别：" prop="phoneNum">
          <el-select v-model="form.phoneNum" filterable placeholder="请选择" style="width: 100%">
            <el-option v-for="item in DeviceList" :key="item.id" :label="item.name" :value="item.id">
        <el-form-item label="组别：" prop="groupNumber">
          <el-select v-model="form.groupNumber" filterable placeholder="请选择" style="width: 100%">
            <el-option v-for="item in groupNumberList" :key="item" :label="item" :value="item">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="工种：" prop="phoneNum">
          <el-select v-model="form.phoneNum" filterable placeholder="请选择" style="width: 100%">
            <el-option v-for="item in DeviceList" :key="item.id" :label="item.name" :value="item.id">
        <el-form-item label="工种：" prop="workTypeObj">
          <el-select v-model="form.workTypeObj" filterable placeholder="请选择" style="width: 100%">
            <el-option v-for="item in workTypeList" :key="item.id" :label="item.name" 
            :value="{ value: item.id, label: item.name }">
            </el-option>
          </el-select>
        </el-form-item>
@@ -46,7 +49,14 @@
</template>

<script>
import { getDeleteFollowRecord } from "@/api/employeeManage/employeeInfo.js"

import { createWorkerInfo,updateWorkerInfo,getWorkTypeList } from "@/api/employeeManage/employeeInfo.js"
import {
  getDictList,
} from "@/api/productManage/silkRegisterForm.js";
import {
  getWorkshopManageGroup,
} from "@/api/productManage/productRegisterForm.js";
export default {
  props: {
    editRow: {
@@ -60,7 +70,14 @@
        id: '',
        name: '',
        phoneNum: '',
        employmentTime:'',
        shopNameObj:{},
        groupNumber:'',
        workTypeObj:{},
      },
      shopList:[],//车间
      groupNumberList:[],//组别
      workTypeList:[], //工种
      rules: {
        id: [
          {
@@ -91,10 +108,10 @@
          },
        ],
      },
      DeviceList: [],
    };
  },
  created() {
    this.getSelectDataList()
  },
  watch: {
    islook(newVal) {
@@ -110,50 +127,105 @@
    formInfo() {
      if (this.islook) {
        this.form = {
          explain: "",
          prefixId: "",
          id: "",
          number: 0,
          remark: "",
          status: "",
          frockLife: "",
          frockName: "",
          vendor: "",
          id: '',
          name: '',
          phoneNum: '',
          employmentTime:'',
          shopNameObj:{},
          groupNumber:'',
          workTypeObj:{},
        };
        this.$nextTick(()=>{
          this.$refs["form"].resetFields();
          if (this.editRow.id) {
            this.form = JSON.parse(JSON.stringify(this.editRow));
            this.getGroupNumber(true)
          }
        })
      }
    },
    cancelMethod() {
    getGroupNumber(val){
      // shopName
      if(this.form.shopNameObj.value){
        //组别
        getWorkshopManageGroup({number:this.form.shopNameObj.value}).then((res) => {
           if (res.code == 200) {
              let groupNumberList = res.data || {};
              this.groupNumberList=[]
              if(Object.keys(groupNumberList).length>0){
                for(let i in groupNumberList){
                  this.groupNumberList.push(groupNumberList[i])
                }
                this.form.shopName=''
                // 编辑
                if(val){
                  setTimeout(()=>{
                    this.$set(this.form,'shopName',this.form.shopName)
                  },200)
                }
              }
            }else{
              this.groupNumberList=[]
              this.form.shopName=''
            }
          });
      }else{
        this.workshopGroupList =[]
      }
    },
    getSelectDataList() {
      //车间
      getDictList({
        dictType: 1,
      }).then((res) => {
        if (res.code == 200) {
          this.shopList = res.data || [];
        }
      });
      getWorkTypeList({
        page:0,
        pageSize:0,
        keyWord:''
      }).then((res) => {
        if (res.code == 200) {
          this.workTypeList = res.data || [];
        }
      });
    },
    cancelMethod(val) {
      this.$refs["form"].resetFields();
      this.islook = false;
      if(val){
        this.$emit('refresh')
      }
      
    },
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          let form = JSON.parse(JSON.stringify(this.form));
          form.shopId=form.shopNameObj.value
          form.shopName=form.shopNameObj.label
          form.workTypeId=form.workTypeObj.value
          form.workType=form.workTypeObj.label
          if (this.editRow.type == "add") {
            getDeleteFollowRecord(form).then((res) => {
            createWorkerInfo(form).then((res) => {
              if (res.code == 200) {
                this.$message({
                  message: "添加成功！",
                  type: "success",
                });
                this.cancelMethod();
                this.cancelMethod(true);
              }
            });
          } else {
            getDeleteFollowRecord(form).then((res) => {
            updateWorkerInfo(form).then((res) => {
              if (res.code == 200) {
                this.$message({
                  message: "编辑成功！",
                  type: "success",
                });
                this.cancelMethod();
                this.cancelMethod(true);
              }
            });
          }