|
@@ -1,19 +1,19 @@
|
|
<template>
|
|
<template>
|
|
<div class="deliveryRoom">
|
|
<div class="deliveryRoom">
|
|
- <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 style="margin-bottom:20px">
|
|
<header style="margin-bottom:20px">
|
|
<el-row type="flex" :gutter="20" align="middle">
|
|
<el-row type="flex" :gutter="20" align="middle">
|
|
<el-col :span="3">
|
|
<el-col :span="3">
|
|
- <el-input v-model="S_form.area" placeholder="请输入产床号"></el-input>
|
|
|
|
|
|
+ <el-input v-model="S_form.searchStr" placeholder="请输入产床号"></el-input>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-col :span="3">
|
|
- <el-select v-model="S_form.area" placeholder="请选择栋舍">
|
|
|
|
|
|
+ <el-select v-model="S_form.building" placeholder="请选择栋舍">
|
|
<el-option label="选项一" :value="1"></el-option>
|
|
<el-option label="选项一" :value="1"></el-option>
|
|
<el-option label="选项二" :value="1"></el-option>
|
|
<el-option label="选项二" :value="1"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<el-col :span="3">
|
|
- <el-select v-model="S_form.area" placeholder="请选择产房">
|
|
|
|
|
|
+ <el-select v-model="S_form.house " placeholder="请选择产房">
|
|
<el-option label="选项一" :value="1"></el-option>
|
|
<el-option label="选项一" :value="1"></el-option>
|
|
<el-option label="选项二" :value="1"></el-option>
|
|
<el-option label="选项二" :value="1"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
@@ -21,12 +21,71 @@
|
|
<el-col :span="2">
|
|
<el-col :span="2">
|
|
<el-button type="primary" @click="getBasicsInfoList">查找</el-button>
|
|
<el-button type="primary" @click="getBasicsInfoList">查找</el-button>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="2">
|
|
|
|
- <el-button type="primary" @click="add">新增</el-button>
|
|
|
|
- </el-col>
|
|
|
|
</el-row>
|
|
</el-row>
|
|
</header>
|
|
</header>
|
|
<section class="section">
|
|
<section class="section">
|
|
|
|
+ <!-- <ul class="ul">
|
|
|
|
+ <li
|
|
|
|
+ class="li"
|
|
|
|
+ v-for="(item, index) in list"
|
|
|
|
+ :key="index"
|
|
|
|
+ @click="toDetail(item.table.status, '产床00'+(index+1))"
|
|
|
|
+ >
|
|
|
|
+ <h5>产床00{{ index+1 }}</h5>
|
|
|
|
+ <img class="img" :src="typeImgUrl[item.table.status - 1]" />
|
|
|
|
+ <p v-if="item.table.status == 1" class="info fontC">空床</p>
|
|
|
|
+ <div class="info" v-if="item.table.status == 2">
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">母猪耳标:</span>
|
|
|
|
+ <span class="content">{{ item.id }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">入床时间:</span>
|
|
|
|
+ <span class="content">2020-07-25</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">预计产仔:</span>
|
|
|
|
+ <span class="content">2020-08-1</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="info" v-else-if="item.table.status == 3">
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">母猪耳标:</span>
|
|
|
|
+ <span class="content">{{ item.id }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">产子时间:</span>
|
|
|
|
+ <span class="content">2020-07-20</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">仔猪日龄:</span>
|
|
|
|
+ <span class="content">10天</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">产仔数:</span>
|
|
|
|
+ <span class="content">9</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="info" v-else-if="item.table.status == 4">
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">母猪耳标:</span>
|
|
|
|
+ <span class="content">{{ item.id }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">断奶时间:</span>
|
|
|
|
+ <span class="content">2020-07-20</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">断奶活仔数:</span>
|
|
|
|
+ <span class="content">8</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="p">
|
|
|
|
+ <span class="title">断奶活仔率:</span>
|
|
|
|
+ <span class="content">98%</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul> -->
|
|
<ul class="ul">
|
|
<ul class="ul">
|
|
<li
|
|
<li
|
|
@click="toDetail(item.type, '产床00'+(index+1))"
|
|
@click="toDetail(item.type, '产床00'+(index+1))"
|
|
@@ -36,7 +95,7 @@
|
|
>
|
|
>
|
|
<h5>产床00{{ index+1 }}</h5>
|
|
<h5>产床00{{ index+1 }}</h5>
|
|
<img class="img" :src="typeImgUrl[item.type - 1]" />
|
|
<img class="img" :src="typeImgUrl[item.type - 1]" />
|
|
- <p v-if="item.type == 1" class="info fontC">空床时间{{ 4 }}天</p>
|
|
|
|
|
|
+ <p v-if="item.type == 1" class="info fontC">空床</p>
|
|
<div class="info" v-if="item.type == 2">
|
|
<div class="info" v-if="item.type == 2">
|
|
<p class="p">
|
|
<p class="p">
|
|
<span class="title">母猪耳标:</span>
|
|
<span class="title">母猪耳标:</span>
|
|
@@ -95,77 +154,11 @@
|
|
@current-change="pageChange"
|
|
@current-change="pageChange"
|
|
background
|
|
background
|
|
layout="prev, pager, next"
|
|
layout="prev, pager, next"
|
|
- :page-count="500"
|
|
|
|
|
|
+ :page-count="Number(totalPages)"
|
|
></el-pagination>
|
|
></el-pagination>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</section>
|
|
</section>
|
|
-
|
|
|
|
- <el-dialog title="新增" :visible.sync="isShow" width="40%">
|
|
|
|
- <el-row type="flex">
|
|
|
|
- <el-col :span="20">
|
|
|
|
- <el-form
|
|
|
|
- ref="addDeliveryRoom"
|
|
|
|
- :model="formData"
|
|
|
|
- :rules="rules"
|
|
|
|
- label-width="140px"
|
|
|
|
- >
|
|
|
|
- <el-form-item label="名称">
|
|
|
|
- <el-input v-model="formData.name"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="有效期/单位">
|
|
|
|
- <el-row type="flex" :gutter="20">
|
|
|
|
- <el-col :span="10">
|
|
|
|
- <el-input v-model.number="formData.periodOfValidity"></el-input>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="6">
|
|
|
|
- <el-select v-model="formData.unit" placeholder="请选择">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in $store.state['periodOfValidityUnit']"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="库存/规格">
|
|
|
|
- <el-row type="flex" :gutter="20">
|
|
|
|
- <el-col :span="10">
|
|
|
|
- <el-input v-model.number="formData.safeThreshold"></el-input>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="6">
|
|
|
|
- <el-input v-model="formData.specifications"></el-input>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="厂家">
|
|
|
|
- <el-input v-model="formData.factory"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="用法">
|
|
|
|
- <el-input type="textarea" autosize v-model="formData.usageIntro"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="注意事项">
|
|
|
|
- <el-input type="textarea" autosize v-model="formData.note"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="状态">
|
|
|
|
- <el-radio-group v-model="formData.status">
|
|
|
|
- <el-radio
|
|
|
|
- v-for="item in $store.state['drugStatus']"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.value"
|
|
|
|
- >{{ 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('addDeliveryRoom')">保 存</el-button>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-form>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-dialog>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -176,7 +169,7 @@ import typeImgUrl_2 from "@/assets/deliveryRoom_2.jpg";
|
|
import typeImgUrl_3 from "@/assets/deliveryRoom_3.jpg";
|
|
import typeImgUrl_3 from "@/assets/deliveryRoom_3.jpg";
|
|
import typeImgUrl_4 from "@/assets/deliveryRoom_4.jpg";
|
|
import typeImgUrl_4 from "@/assets/deliveryRoom_4.jpg";
|
|
|
|
|
|
-// import { reqDeliveryRoomList } from "@/api/deliveryRoomManagement.js"tuodan
|
|
|
|
|
|
+import { reqDeliveryRoom } from "@/api/deliveryRoomManagement.js";
|
|
|
|
|
|
// 每页数据条数
|
|
// 每页数据条数
|
|
const pageSize = 10;
|
|
const pageSize = 10;
|
|
@@ -218,53 +211,46 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
list,
|
|
list,
|
|
- isShow: false,
|
|
|
|
rules,
|
|
rules,
|
|
pageSize,
|
|
pageSize,
|
|
page: 1,
|
|
page: 1,
|
|
- S_form: {},
|
|
|
|
- formData: {
|
|
|
|
- name: ""
|
|
|
|
|
|
+ totalPages: 1,
|
|
|
|
+ typeImgUrl: [typeImgUrl_1, typeImgUrl_2, typeImgUrl_3, typeImgUrl_4],
|
|
|
|
+ S_form: {
|
|
|
|
+ searchStr: null,
|
|
|
|
+ building: null,
|
|
|
|
+ house: null,
|
|
},
|
|
},
|
|
- typeImgUrl: [typeImgUrl_1, typeImgUrl_2, typeImgUrl_3, typeImgUrl_4]
|
|
|
|
|
|
+
|
|
};
|
|
};
|
|
},
|
|
},
|
|
- created() {},
|
|
|
|
|
|
+ created() {
|
|
|
|
+ this.getDeliveryRoom()
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
- submitForm(formName) {
|
|
|
|
- this.$refs[formName].validate(valid => {
|
|
|
|
- if (valid) {
|
|
|
|
- // reqAddMOutStore(this.formData)
|
|
|
|
- // .then(res => {
|
|
|
|
- // // 物料出库列表
|
|
|
|
- // this.getMOutStoreList();
|
|
|
|
- // if (res.errCode) {
|
|
|
|
- // this.$message.error(res.errMsg);
|
|
|
|
- // } else {
|
|
|
|
- // this.$message.success("成功");
|
|
|
|
- // }
|
|
|
|
- // // this.isShow = false
|
|
|
|
- // })
|
|
|
|
- // .catch(err => {
|
|
|
|
- // console.log(err);
|
|
|
|
- // this.$message.error("失败!");
|
|
|
|
- // });
|
|
|
|
- } else {
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
|
|
+ getDeliveryRoom() {
|
|
|
|
+ reqDeliveryRoom({
|
|
|
|
+ pageNum: this.page,
|
|
|
|
+ pageSize,
|
|
|
|
+ ...this.S_form,
|
|
|
|
+ })
|
|
|
|
+ .then(res => {
|
|
|
|
+ console.log(res);
|
|
|
|
+ // this.list = res.content
|
|
|
|
+ this.totalPages = res.totalPages
|
|
|
|
+ })
|
|
|
|
+ .catch(err => {
|
|
|
|
+ console.error(err);
|
|
|
|
+ });
|
|
},
|
|
},
|
|
toDetail(type, roomNum) {
|
|
toDetail(type, roomNum) {
|
|
- // if(type == 1) {
|
|
|
|
- // this.$message.warning("产床为空!")
|
|
|
|
- // return
|
|
|
|
- // }
|
|
|
|
|
|
+ if(type == 1) {
|
|
|
|
+ this.$message.warning("产床为空!")
|
|
|
|
+ return
|
|
|
|
+ }
|
|
this.$router.push({ path: "Detail", query: { type, roomNum } });
|
|
this.$router.push({ path: "Detail", query: { type, roomNum } });
|
|
},
|
|
},
|
|
getBasicsInfoList() {},
|
|
getBasicsInfoList() {},
|
|
- add() {
|
|
|
|
- this.isShow = true;
|
|
|
|
- },
|
|
|
|
pageChange(p) {
|
|
pageChange(p) {
|
|
console.log(p);
|
|
console.log(p);
|
|
this.page = p;
|
|
this.page = p;
|