|
@@ -1,13 +1,26 @@
|
|
|
<template>
|
|
|
<div class="seedSheepFile">
|
|
|
- <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">种羊档案</h2>
|
|
|
+ <h2
|
|
|
+ style="
|
|
|
+ margin-bottom: 20px;
|
|
|
+ padding-bottom: 7px;
|
|
|
+ border-bottom: 2px solid #ddd;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 种羊档案
|
|
|
+ </h2>
|
|
|
<header id="header">
|
|
|
<el-row type="flex" :gutter="20">
|
|
|
<el-col :span="4">
|
|
|
- <el-input v-model="searchStr" placeholder="请选择"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="searchStr"
|
|
|
+ placeholder="请选择"
|
|
|
+ ></el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-button type="primary" @click="getSeedSheepList">查找</el-button>
|
|
|
+ <el-button type="primary" @click="getSeedSheepList"
|
|
|
+ >查找</el-button
|
|
|
+ >
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
<!-- 暂时别删,要测试删除的话,先自己新增几条数据,别删已经存在的,这关乎到系谱信息档案 -->
|
|
@@ -15,59 +28,117 @@
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<el-button-group>
|
|
|
- <el-button :type="sheepType==0?'primary':''" @click="shiftSheepType(0)">种母羊</el-button>
|
|
|
- <el-button :type="sheepType==1?'primary':''" @click="shiftSheepType(1)">种公羊</el-button>
|
|
|
+ <el-button
|
|
|
+ :type="sheepType == 0 ? 'primary' : ''"
|
|
|
+ @click="shiftSheepType(0)"
|
|
|
+ >种母羊</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ :type="sheepType == 1 ? 'primary' : ''"
|
|
|
+ @click="shiftSheepType(1)"
|
|
|
+ >种公羊</el-button
|
|
|
+ >
|
|
|
</el-button-group>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</header>
|
|
|
<section>
|
|
|
<article class="table">
|
|
|
- <el-table :data="tableData" tooltip-effect="dark" style="width: 100%">
|
|
|
- <el-table-column prop="id" label="种羊编码" width="100"></el-table-column>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="id"
|
|
|
+ label="种羊编码"
|
|
|
+ width="100"
|
|
|
+ ></el-table-column>
|
|
|
<el-table-column label="入场时间" width="200">
|
|
|
<template v-slot="scope">
|
|
|
- <span>{{ scope.row['entryTime'].substr(0,10) }}</span>
|
|
|
+ <span>{{
|
|
|
+ scope.row["entryTime"].substr(0, 10)
|
|
|
+ }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="dayOfAge" label="入场日龄"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="dayOfAge"
|
|
|
+ label="入场日龄"
|
|
|
+ ></el-table-column>
|
|
|
<el-table-column label="种羊来源">
|
|
|
<template v-slot="scope">
|
|
|
- <div v-for="item in $store.state['seedSheedSource']" :key="item.value">
|
|
|
- <span v-if="item.value == scope.row['source']">{{ item.label }}</span>
|
|
|
+ <div
|
|
|
+ v-for="item in $store.state['seedSheedSource']"
|
|
|
+ :key="item.value"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="item.value == scope.row['source']"
|
|
|
+ >{{ item.label }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="position" label="当前位置"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="position"
|
|
|
+ label="当前位置"
|
|
|
+ ></el-table-column>
|
|
|
<el-table-column label="当前状态">
|
|
|
<template v-slot="scope">
|
|
|
- <div v-for="item in $store.state['seedSheedStatus']" :key="item.value">
|
|
|
- <span v-if="item.value == scope.row['status']">{{ item.label }}</span>
|
|
|
+ <div
|
|
|
+ v-for="item in $store.state['seedSheedStatus']"
|
|
|
+ :key="item.value"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="item.value == scope.row['status']"
|
|
|
+ >{{ item.label }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="cost" label="成本价格(元)"></el-table-column>
|
|
|
- <el-table-column prop="weight" label="体重(kg)"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="cost"
|
|
|
+ label="成本价格(元)"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="weight"
|
|
|
+ label="体重(kg)"
|
|
|
+ ></el-table-column>
|
|
|
<el-table-column prop="feederName" label="饲养员">
|
|
|
<template v-slot="scope">
|
|
|
- <div v-for="item in $store.state['workerList']" :key="item.value">
|
|
|
- <span
|
|
|
- v-if="item.id == scope.row['feeder']"
|
|
|
- >{{ `${item.name}(${item.position})` }}</span>
|
|
|
+ <div
|
|
|
+ v-for="item in $store.state['workerList']"
|
|
|
+ :key="item.value"
|
|
|
+ >
|
|
|
+ <span v-if="item.id == scope.row['feeder']">{{
|
|
|
+ `${item.name}(${item.position})`
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="等级评级">
|
|
|
<template v-slot="scope">
|
|
|
- <div v-for="item in $store.state['seedSheedLevel']" :key="item.value">
|
|
|
- <span v-if="item.value == scope.row['level']">{{ item.label }}</span>
|
|
|
+ <div
|
|
|
+ v-for="item in $store.state['seedSheedLevel']"
|
|
|
+ :key="item.value"
|
|
|
+ >
|
|
|
+ <span v-if="item.value == scope.row['level']">{{
|
|
|
+ item.label
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="150">
|
|
|
<template v-slot="scope">
|
|
|
- <el-popconfirm title="是否删除此设备的信息?" @onConfirm="del(scope.row)">
|
|
|
- <el-button slot="reference" type="text" size="small">删除</el-button>
|
|
|
+ <el-popconfirm
|
|
|
+ title="是否删除此设备的信息?"
|
|
|
+ @onConfirm="del(scope.row)"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ slot="reference"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</el-popconfirm>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -106,15 +177,22 @@
|
|
|
<el-form-item label="种羊来源">
|
|
|
<el-radio-group v-model="formData.source">
|
|
|
<el-radio
|
|
|
- v-for="item in $store.state['seedSheedSource']"
|
|
|
+ v-for="item in $store.state[
|
|
|
+ 'seedSheedSource'
|
|
|
+ ]"
|
|
|
:key="item.value"
|
|
|
:label="item.value"
|
|
|
- >{{ item.label }}</el-radio>
|
|
|
+ >{{ item.label }}</el-radio
|
|
|
+ >
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="当前位置">
|
|
|
- <el-select v-model="formData.position" filterable placeholder="请选择">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.position"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
<el-option
|
|
|
v-for="item in $store.state['areaList']"
|
|
|
:key="item.id"
|
|
@@ -124,20 +202,32 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item v-if="sheepType==0" label="当前状态" >
|
|
|
- <el-select v-model="formData.status" filterable placeholder="请选择">
|
|
|
+ <el-form-item v-if="sheepType == 0" label="当前状态">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.status"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
<el-option
|
|
|
- v-for="item in $store.state['seedSheedStatus']"
|
|
|
+ v-for="item in $store.state[
|
|
|
+ 'seedSheedStatus'
|
|
|
+ ]"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="sheepType==1" label="当前状态">
|
|
|
- <el-select v-model="formData.status" filterable placeholder="请选择">
|
|
|
+ <el-form-item v-if="sheepType == 1" label="当前状态">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.status"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
<el-option
|
|
|
- v-for="item in $store.state['seedRamSheedStatus']"
|
|
|
+ v-for="item in $store.state[
|
|
|
+ 'seedRamSheedStatus'
|
|
|
+ ]"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
@@ -154,7 +244,11 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="饲养员">
|
|
|
- <el-select v-model="formData.feeder" filterable placeholder="请选择">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.feeder"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
<el-option
|
|
|
v-for="item in $store.state['workerList']"
|
|
|
:key="item.id"
|
|
@@ -167,16 +261,23 @@
|
|
|
<el-form-item label="等级评级">
|
|
|
<el-radio-group v-model="formData.level">
|
|
|
<el-radio
|
|
|
- v-for="item in $store.state['seedSheedLevel']"
|
|
|
+ v-for="item in $store.state[
|
|
|
+ 'seedSheedLevel'
|
|
|
+ ]"
|
|
|
:key="item.value"
|
|
|
:label="item.value"
|
|
|
- >{{ item.label }}</el-radio>
|
|
|
+ >{{ item.label }}</el-radio
|
|
|
+ >
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-button @click="isShow=false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submitForm('addSeedSheepForm')">保 存</el-button>
|
|
|
+ <el-button @click="isShow = false">取 消</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="submitForm('addSeedSheepForm')"
|
|
|
+ >保 存</el-button
|
|
|
+ >
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
@@ -189,13 +290,14 @@
|
|
|
import {
|
|
|
reqSeedSheepList,
|
|
|
reqAddSeedSheepFile,
|
|
|
- reqDelSeedSheepFile
|
|
|
+ reqDelSeedSheepFile,
|
|
|
} from "@/api/breed.js";
|
|
|
|
|
|
const pageSize = 10;
|
|
|
const rules = {};
|
|
|
|
|
|
export default {
|
|
|
+ name: "seedSheepFile",
|
|
|
data() {
|
|
|
return {
|
|
|
page: 1,
|
|
@@ -206,16 +308,16 @@ export default {
|
|
|
isShow: false,
|
|
|
rules,
|
|
|
formData: {
|
|
|
- id: '',
|
|
|
- dayOfAge: "222",
|
|
|
+ id: "",
|
|
|
+ dayOfAge: "",
|
|
|
source: 1,
|
|
|
position: "",
|
|
|
status: null,
|
|
|
- cost: 3000,
|
|
|
- weight: 48,
|
|
|
- feeder: this.$store.state["workerList"][0].id,
|
|
|
- level: 1
|
|
|
- }
|
|
|
+ cost: null,
|
|
|
+ weight: null,
|
|
|
+ feeder: null,
|
|
|
+ level: null,
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -223,12 +325,12 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
submitForm(formName) {
|
|
|
- this.$refs[formName].validate(valid => {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
if (valid) {
|
|
|
// 新增种羊档案
|
|
|
- this.formData.gender = this.sheepType
|
|
|
+ this.formData.gender = this.sheepType;
|
|
|
reqAddSeedSheepFile(this.formData)
|
|
|
- .then(res => {
|
|
|
+ .then((res) => {
|
|
|
// 获取种羊档案列表
|
|
|
this.getSeedSheepList();
|
|
|
// this.$message.success("新增种羊档案成功!");
|
|
@@ -236,9 +338,21 @@ export default {
|
|
|
this.$message.error(res.errMsg);
|
|
|
} else {
|
|
|
this.$message.success("成功");
|
|
|
+ this.formData = {
|
|
|
+ id: "",
|
|
|
+ dayOfAge: "",
|
|
|
+ source: 1,
|
|
|
+ position: "",
|
|
|
+ status: null,
|
|
|
+ cost: null,
|
|
|
+ weight: null,
|
|
|
+ feeder: null,
|
|
|
+ level: null,
|
|
|
+ };
|
|
|
+ this.isShow = false
|
|
|
}
|
|
|
})
|
|
|
- .catch(err => {
|
|
|
+ .catch((err) => {
|
|
|
console.log(err);
|
|
|
this.$message.error(err);
|
|
|
});
|
|
@@ -253,21 +367,21 @@ export default {
|
|
|
pageNum: this.page,
|
|
|
pageSize,
|
|
|
gender: this.sheepType,
|
|
|
- searchStr: this.searchStr
|
|
|
+ searchStr: this.searchStr,
|
|
|
})
|
|
|
- .then(res => {
|
|
|
+ .then((res) => {
|
|
|
this.tableData = res.content;
|
|
|
this.totalPages = res.totalPages;
|
|
|
})
|
|
|
- .catch(err => {
|
|
|
+ .catch((err) => {
|
|
|
console.log(err);
|
|
|
});
|
|
|
},
|
|
|
// 羊类型切换
|
|
|
shiftSheepType(sheepType) {
|
|
|
- if(sheepType == this.sheepType) return
|
|
|
- this.sheepType = sheepType
|
|
|
- this.getSeedSheepList()
|
|
|
+ if (sheepType == this.sheepType) return;
|
|
|
+ this.sheepType = sheepType;
|
|
|
+ this.getSeedSheepList();
|
|
|
},
|
|
|
|
|
|
add() {
|
|
@@ -275,11 +389,11 @@ export default {
|
|
|
},
|
|
|
del(row) {
|
|
|
reqDelSeedSheepFile({ id: row.id })
|
|
|
- .then(res => {
|
|
|
+ .then((res) => {
|
|
|
this.getSeedSheepList();
|
|
|
this.$message.success("删除种羊档案成功!");
|
|
|
})
|
|
|
- .catch(err => {
|
|
|
+ .catch((err) => {
|
|
|
console.log(err);
|
|
|
this.$message.error("删除种羊档案失败!");
|
|
|
});
|
|
@@ -287,8 +401,8 @@ export default {
|
|
|
pageChange(p) {
|
|
|
this.page = p;
|
|
|
this.getSeedSheepList();
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|