From 0ee5e3ed9f0c60e453956972d29f6eaa1da8f282 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期日, 28 四月 2024 14:44:34 +0800
Subject: [PATCH] 修改纤度检验表的样式
---
src/views/employeeManage/employeeInfo/components/AddEmployee.vue | 139 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 110 insertions(+), 29 deletions(-)
diff --git a/src/views/employeeManage/employeeInfo/components/AddEmployee.vue b/src/views/employeeManage/employeeInfo/components/AddEmployee.vue
index d5d9149..4b00518 100644
--- a/src/views/employeeManage/employeeInfo/components/AddEmployee.vue
+++ b/src/views/employeeManage/employeeInfo/components/AddEmployee.vue
@@ -4,8 +4,8 @@
<div slot="title" class="tac drawerHeader">{{ editRow.title }}浜哄憳</div>
<div class="dialog-content-box">
<el-form class="form-box" ref="form" :rules="rules" :model="form" label-width="120px" label-position="right">
- <el-form-item label="鍛樺伐缂栫爜锛�" prop="id">
- <el-input v-model="form.id" placeholder="璇疯緭鍏�"></el-input>
+ <el-form-item label="鍛樺伐缂栫爜锛�" prop="id" >
+ <el-input v-model="form.id" placeholder="璇疯緭鍏�" :disabled="editRow.title=='缂栬緫'?true:false"></el-input>
</el-form-item>
<el-form-item label="浜哄憳濮撳悕锛�" prop="name">
<el-input v-model="form.name" placeholder="璇疯緭鍏�"></el-input>
@@ -13,26 +13,32 @@
<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(false,'shopNameObj')">
+ <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="璇峰厛閫夋嫨杞﹂棿"
+ no-data-text="璇峰厛閫夋嫨杞﹂棿"
+ 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.workName"
+ :value="{ value: item.ID, label: item.workName }">
</el-option>
</el-select>
</el-form-item>
@@ -46,7 +52,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 +73,14 @@
id: '',
name: '',
phoneNum: '',
+ employmentTime:'',
+ shopNameObj:{},
+ groupNumber:'',
+ workTypeObj:null,
},
+ shopList:[],//杞﹂棿
+ groupNumberList:[],//缁勫埆
+ workTypeList:[], //宸ョ
rules: {
id: [
{
@@ -73,6 +93,13 @@
{
required: true,
message: "璇疯緭鍏ュ憳宸ョ紪鐮�",
+ trigger: ["blur", "change"],
+ },
+ ],
+ workTypeObj: [
+ {
+ required: true,
+ message: "璇烽�夋嫨",
trigger: ["blur", "change"],
},
],
@@ -91,10 +118,10 @@
},
],
},
- DeviceList: [],
};
},
created() {
+ this.getSelectDataList()
},
watch: {
islook(newVal) {
@@ -110,50 +137,104 @@
formInfo() {
if (this.islook) {
this.form = {
- explain: "",
- prefixId: "",
- id: "",
- number: 0,
- remark: "",
- status: "",
- frockLife: "",
- frockName: "",
- vendor: "",
+ id: '',
+ name: '',
+ phoneNum: '',
+ employmentTime:'',
+ shopNameObj:{},
+ groupNumber:'',
+ workTypeObj:null,
};
this.$nextTick(()=>{
this.$refs["form"].resetFields();
if (this.editRow.id) {
this.form = JSON.parse(JSON.stringify(this.editRow));
+ this.form.groupNumber=this.form.groupNumber?this.form.groupNumber:null
+ this.getGroupNumber(true)
}
})
}
},
- cancelMethod() {
+ getGroupNumber(val,name){
+ if (name == "shopNameObj") {
+ this.form.groupNumber=''
+ }
+ // 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])
+ }
+
+ }
+ }else{
+ this.groupNumberList=[]
+ this.form.groupNumber=''
+ }
+ });
+ }else{
+ this.groupNumberList =[]
+ }
+ },
+ 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
+ form.groupNumber=form.groupNumber?form.groupNumber:null
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);
}
});
}
--
Gitblit v1.8.0