|
@@ -2,11 +2,12 @@
|
|
|
<div class="pbbasic">
|
|
|
<el-container>
|
|
|
<el-header>
|
|
|
- <div class="rect" style="padding-bottom: 10px">
|
|
|
+ <div class="rect rect-form">
|
|
|
<el-form
|
|
|
:inline="true"
|
|
|
:model="searchForm"
|
|
|
- size="mini">
|
|
|
+ size="mini"
|
|
|
+ style="height: 47px">
|
|
|
<el-form-item style="width: 200px">
|
|
|
<el-input placeholder="耳标" style="width: 200px" v-model="searchForm.eartag"></el-input>
|
|
|
</el-form-item>
|
|
@@ -52,8 +53,7 @@
|
|
|
<el-form-item style="width: 140px">
|
|
|
<el-select placeholder="猪舍"
|
|
|
style="width: 140px"
|
|
|
- v-model="searchForm.pigstyId"
|
|
|
- @change="pigstyChange">
|
|
|
+ v-model="searchForm.pigstyId">
|
|
|
<el-option
|
|
|
v-for="item in pigstyList"
|
|
|
:key="item.label"
|
|
@@ -66,6 +66,7 @@
|
|
|
<el-select
|
|
|
placeholder="单元"
|
|
|
style="width: 140px"
|
|
|
+ ref="unit"
|
|
|
v-model="searchForm.unitId"
|
|
|
@focus="selectFocus('unit')">
|
|
|
<el-option
|
|
@@ -81,6 +82,7 @@
|
|
|
<el-select
|
|
|
placeholder="栏期"
|
|
|
style="width: 140px"
|
|
|
+ ref="period"
|
|
|
v-model="searchForm.periodId"
|
|
|
@focus="selectFocus('period')">
|
|
|
<el-option
|
|
@@ -101,7 +103,7 @@
|
|
|
</el-header>
|
|
|
<!-- 表格 -->
|
|
|
<el-main>
|
|
|
- <div class="rect" style="margin-top: 20px">
|
|
|
+ <div class="rect rect-table">
|
|
|
<el-form size="mini" :inline="true">
|
|
|
<el-form-item>
|
|
|
<el-button
|
|
@@ -234,8 +236,7 @@
|
|
|
:page-sizes="[10, 20, 30, 50, 100]"
|
|
|
:page-size="pageSize"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="totalPage"
|
|
|
- >
|
|
|
+ :total="totalPage">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
<el-dialog
|
|
@@ -256,13 +257,12 @@
|
|
|
<el-select
|
|
|
v-model="form.pigstyId"
|
|
|
placeholder="请选择所属猪舍"
|
|
|
- @change="pigstyChange"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in pigstyList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.number"
|
|
|
- :value="item.id">
|
|
|
+ :key="item.label"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
@@ -270,17 +270,16 @@
|
|
|
<el-select
|
|
|
v-model="form.unitId"
|
|
|
placeholder="请选择所属单元"
|
|
|
- @change="ifPigsty('unitId')"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in unitSelectedList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.number"
|
|
|
- :value="item.id">
|
|
|
+ :key="item.label"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="栏期编号" prop="periodId">
|
|
|
+ <!-- <el-form-item label="栏期编号" prop="periodId">
|
|
|
<el-select
|
|
|
v-model="form.periodId"
|
|
|
placeholder="请选择所属栏期"
|
|
@@ -288,12 +287,12 @@
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
v-for="item in periodSelectedList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.number"
|
|
|
- :value="item.id">
|
|
|
+ :key="item.label"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
<el-form-item label="耳标" prop="eartag">
|
|
|
<el-input
|
|
|
v-model="form.eartag"
|
|
@@ -330,7 +329,7 @@
|
|
|
placeholder="请选择健康状况"
|
|
|
style="width: 100%">
|
|
|
<el-option
|
|
|
- v-for="item in health"
|
|
|
+ v-for="item in healthStatus"
|
|
|
:key="item.label"
|
|
|
:label="item.label"
|
|
|
:value="item.value">
|
|
@@ -377,7 +376,7 @@ export default {
|
|
|
breed: '',
|
|
|
healthStatus: '',
|
|
|
outFenceStatus: '',
|
|
|
- periodId: '',
|
|
|
+ // periodId: '',
|
|
|
pigstyId: '',
|
|
|
unitId: ''
|
|
|
},
|
|
@@ -400,7 +399,7 @@ export default {
|
|
|
birthday: "",
|
|
|
sex: "",
|
|
|
pigstyId: "",
|
|
|
- periodId: "",
|
|
|
+ // periodId: "",
|
|
|
farmId: "",
|
|
|
},
|
|
|
// pastureList: [], // 牧场list
|
|
@@ -459,9 +458,9 @@ export default {
|
|
|
{ required: true, message: "猪舍不能为空", trigger: "blur" },
|
|
|
],
|
|
|
unitId: [{ required: true, message: "单元不能为空", trigger: "blur" }],
|
|
|
- periodId: [
|
|
|
- { required: true, message: "栏期不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
+ // periodId: [
|
|
|
+ // { required: true, message: "栏期不能为空", trigger: "blur" },
|
|
|
+ // ],
|
|
|
eartag: [{ required: true, message: "耳标不能为空", trigger: "blur" }],
|
|
|
sex: [{ required: true, message: "性别不能为空", trigger: "blur" }],
|
|
|
birthday: [
|
|
@@ -528,6 +527,7 @@ export default {
|
|
|
}
|
|
|
this.pigstyList.push(item)
|
|
|
})
|
|
|
+ console.log(this.pigstyList);
|
|
|
// 单元List
|
|
|
this.unitList = []
|
|
|
let unitList = []
|
|
@@ -545,7 +545,6 @@ export default {
|
|
|
}
|
|
|
this.unitList.push(item)
|
|
|
})
|
|
|
- this.unitSelectedList = this.unitList
|
|
|
// 栏期List
|
|
|
this.periodList = []
|
|
|
let periodList = []
|
|
@@ -563,8 +562,8 @@ export default {
|
|
|
}
|
|
|
this.periodList.push(item)
|
|
|
})
|
|
|
- this.searchForm.pigstyId? this.periodSelectedList = this.periodList.filter(item => item.pigstyId === this.searchForm.pigstyId): this.periodSelectedList = this.periodList
|
|
|
- this.searchForm.pigstyId? this.unitSelectedList = this.unitList.filter(item => item.pigstyId === this.searchForm.pigstyId): this.unitSelectedList = this.unitList
|
|
|
+ this.periodSelectedList = this.searchForm.pigstyId? this.periodList.filter(item => item.pigstyId === this.searchForm.pigstyId): this.periodList
|
|
|
+ this.unitSelectedList = this.searchForm.pigstyId? this.unitList.filter(item => item.pigstyId === this.searchForm.pigstyId): this.unitList
|
|
|
// 品种list
|
|
|
this.breedList = []
|
|
|
let breedList = []
|
|
@@ -576,7 +575,7 @@ export default {
|
|
|
breedR.data.all && (breedList = breedR.data.all)
|
|
|
breedList.forEach(breed => {
|
|
|
let item = {
|
|
|
- value: breed.id,
|
|
|
+ value: breed.name,
|
|
|
label: breed.name
|
|
|
}
|
|
|
this.breedList.push(item)
|
|
@@ -634,17 +633,16 @@ export default {
|
|
|
this.dataListLoading = false;
|
|
|
});
|
|
|
},
|
|
|
- // FIXME: 还没改完
|
|
|
- // 根据栋舍选择限制单元和栏期
|
|
|
- pigstyChange (val) {
|
|
|
- this.unitSelectedList = this.unitList.filter(item => item.pigstyId === val)
|
|
|
- this.periodSelectedList = this.periodList.filter(item => item.pigstyId === val)
|
|
|
- },
|
|
|
+ // // 根据栋舍选择限制单元和栏期
|
|
|
+ // pigstyChange (val) {
|
|
|
+ // this.unitSelectedList = this.unitList.filter(item => item.pigstyId === val)
|
|
|
+ // this.periodSelectedList = this.periodList.filter(item => item.pigstyId === val)
|
|
|
+ // },
|
|
|
// 点击 单元or栏期的选择框
|
|
|
selectFocus (val) {
|
|
|
- if (!this.form.pigstyId) {
|
|
|
+ if (!this.searchForm.pigstyId) {
|
|
|
this.$message.error('请先选择猪舍')
|
|
|
- this.form[val + 'Id'] = ''
|
|
|
+ this.searchForm[val + 'Id'] = ''
|
|
|
setTimeout(() => {
|
|
|
this.$refs[val].blur()
|
|
|
}, 10)
|
|
@@ -875,8 +873,22 @@ export default {
|
|
|
addOrUpdateHandle(row) {
|
|
|
// 显示牧场新增 or 修改面板
|
|
|
this.visible = true;
|
|
|
+ console.log(row);
|
|
|
if (row) {
|
|
|
- this.form = row;
|
|
|
+ // this.form = row;
|
|
|
+ this.form.id = row.id
|
|
|
+ this.form.unitId = row.unitId
|
|
|
+ this.form.pigstyId = row.pigstyId
|
|
|
+ this.form.dayAge = row.dayAge
|
|
|
+ this.form.eartag = row.eartag
|
|
|
+ this.form.healthStatus = row.healthStatus
|
|
|
+ this.form.weight = row.weight
|
|
|
+ this.form.whereDidYouGo = row.whereDidYouGo
|
|
|
+ this.form.breed = row.breed
|
|
|
+ this.form.birthday = row.birthday
|
|
|
+ this.form.sex = row.sex
|
|
|
+ this.unitSelectedList = this.unitList.filter(item => item.pigstyId === this.form.pigstyId)
|
|
|
+ // this.form.periodId = row.periodId
|
|
|
}
|
|
|
},
|
|
|
// 选择n个牧场
|
|
@@ -911,8 +923,8 @@ export default {
|
|
|
data: this.$http.adornData(this.selectionDataList, false),
|
|
|
}).then((result) => {
|
|
|
if (result.data.code === 0) {
|
|
|
- this.getDataList();
|
|
|
- this.resetForm();
|
|
|
+ // this.getDataList();
|
|
|
+ // this.resetForm();
|
|
|
this.$message({
|
|
|
message: "成功删除年猪",
|
|
|
type: "success",
|
|
@@ -957,21 +969,22 @@ export default {
|
|
|
breed: this.form.breed,
|
|
|
birthday: this.form.birthday,
|
|
|
sex: this.form.sex,
|
|
|
- periodId: this.form.periodId,
|
|
|
+ // periodId: this.form.periodId,
|
|
|
pigstyId: this.form.pigstyId,
|
|
|
farmId: parseInt(this.$cookie.get('formFarmId'))
|
|
|
}),
|
|
|
}).then((result) => {
|
|
|
if (result.data.code === 0) {
|
|
|
- this.resetForm();
|
|
|
- console.log(result);
|
|
|
- console.log(this.form);
|
|
|
+ // this.resetForm();
|
|
|
+ // console.log(result);
|
|
|
+ // console.log(this.form);
|
|
|
this.visible = false;
|
|
|
this.$message({
|
|
|
message: "成功修改年猪信息",
|
|
|
type: "success",
|
|
|
duration: 1000,
|
|
|
- });
|
|
|
+ })
|
|
|
+ // this.getDataList()
|
|
|
} else {
|
|
|
// TODO: 年猪耳标重复
|
|
|
if (result.data.code === 600) {
|
|
@@ -1015,7 +1028,7 @@ export default {
|
|
|
breed: this.form.breed,
|
|
|
birthday: this.form.birthday,
|
|
|
sex: this.form.sex,
|
|
|
- periodId: this.form.periodId,
|
|
|
+ // periodId: this.form.periodId,
|
|
|
pigstyId: this.form.pigstyId,
|
|
|
farmId: parseInt(this.$cookie.get('formFarmId'))
|
|
|
}),
|
|
@@ -1025,13 +1038,14 @@ export default {
|
|
|
this.totalPage++;
|
|
|
let pages = Math.ceil(this.totalPage / this.pageSize);
|
|
|
this.pageIndex = this.pageIndex < pages ? pages : this.pageIndex;
|
|
|
- this.resetForm();
|
|
|
+ // this.resetForm();
|
|
|
// this.visible = false;
|
|
|
this.$message({
|
|
|
message: "成功添加年猪",
|
|
|
type: "success",
|
|
|
duration: 1000,
|
|
|
- });
|
|
|
+ })
|
|
|
+ // this.getDataList()
|
|
|
} else {
|
|
|
// TODO: 年猪耳标重复
|
|
|
if (result.data.code === 600) {
|
|
@@ -1050,6 +1064,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+ this.getDataList()
|
|
|
},
|
|
|
// 校验输入是否完整
|
|
|
validComplete(val) {
|
|
@@ -1059,7 +1074,7 @@ export default {
|
|
|
delete this.form.fosterStatus,
|
|
|
delete this.form.gmtCreate,
|
|
|
delete this.form.gmtModified,
|
|
|
- delete this.form.periodNumber,
|
|
|
+ // delete this.form.periodNumber,
|
|
|
delete this.form.phNumber,
|
|
|
delete this.form.unitNumber,
|
|
|
delete this.form.name);
|
|
@@ -1127,24 +1142,43 @@ export default {
|
|
|
.catch(() => {});
|
|
|
return false;
|
|
|
},
|
|
|
- // 清空form
|
|
|
- resetForm() {
|
|
|
- // for (let i in this.form) {
|
|
|
- // this.form[i] = ''
|
|
|
- // }
|
|
|
- this.form.eartag = "";
|
|
|
- this.getDataList();
|
|
|
- },
|
|
|
+ // // 清空form
|
|
|
+ // resetForm() {
|
|
|
+ // // for (let i in this.form) {
|
|
|
+ // // this.form[i] = ''
|
|
|
+ // // }
|
|
|
+ // this.form.eartag = "";
|
|
|
+ // this.getDataList();
|
|
|
+ // },
|
|
|
// 取消
|
|
|
cancel() {
|
|
|
this.visible = false;
|
|
|
- this.resetForm();
|
|
|
+ // this.resetForm();
|
|
|
},
|
|
|
},
|
|
|
- components: {
|
|
|
- // pbbasicLeft,
|
|
|
- },
|
|
|
-};
|
|
|
+ watch: {
|
|
|
+ 'searchForm.pigstyId': {
|
|
|
+ handler(newValue, oldValue) {
|
|
|
+ if (oldValue) {
|
|
|
+ this.searchForm.unitId = ''
|
|
|
+ this.searchForm.periodId = ''
|
|
|
+ }
|
|
|
+ this.unitSelectedList = this.unitList.filter(item => item.pigstyId === newValue)
|
|
|
+ this.periodSelectedList = this.periodList.filter(item => item.pigstyId === newValue)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 'form.pigstyId': {
|
|
|
+ handler(newValue, oldValue) {
|
|
|
+ if (oldValue) {
|
|
|
+ this.form.unitId = ''
|
|
|
+ // this.form.periodId = ''
|
|
|
+ }
|
|
|
+ this.unitSelectedList = this.unitList.filter(item => item.pigstyId === newValue)
|
|
|
+ // this.periodSelectedList = this.periodList.filter(item => item.pigstyId === newValue)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
.rect {
|
|
@@ -1153,6 +1187,12 @@ export default {
|
|
|
border-radius: 5px;
|
|
|
border: 1px solid #e8e8e8;
|
|
|
}
|
|
|
+.rect-form {
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+.rect-table {
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
.demo-table-expand {
|
|
|
font-size: 0;
|
|
|
margin-left: 40px;
|