|
|
@@ -24,68 +24,6 @@
|
|
|
</el-row>
|
|
|
</header>
|
|
|
<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">
|
|
|
<li
|
|
|
@click="toDetail(item)"
|
|
|
@@ -175,37 +113,6 @@ import { reqDeliveryRoom } from "@/api/deliveryRoomManagement.js";
|
|
|
const pageSize = 10;
|
|
|
const rules = {};
|
|
|
|
|
|
-/* let list = [
|
|
|
- {
|
|
|
- type: 1,
|
|
|
- id: 16532
|
|
|
- },
|
|
|
- {
|
|
|
- type: 2,
|
|
|
- id: 16546
|
|
|
- },
|
|
|
- {
|
|
|
- type: 3,
|
|
|
- id: 16548
|
|
|
- },
|
|
|
- {
|
|
|
- type: 4,
|
|
|
- id: 16566
|
|
|
- },
|
|
|
- {
|
|
|
- type: 2,
|
|
|
- id: 16596
|
|
|
- },
|
|
|
- {
|
|
|
- type: 3,
|
|
|
- id: 16540
|
|
|
- },
|
|
|
- {
|
|
|
- type: 3,
|
|
|
- id: 16551
|
|
|
- }
|
|
|
-]; */
|
|
|
-
|
|
|
export default {
|
|
|
name: "deliveryRoom",
|
|
|
data() {
|
|
|
@@ -270,7 +177,6 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: wrap;
|
|
|
-
|
|
|
.li {
|
|
|
background-color: #fff;
|
|
|
border: 2px solid #fff;
|
|
|
@@ -279,9 +185,8 @@ export default {
|
|
|
margin: 6px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- width: 200px;
|
|
|
- height: 430px;
|
|
|
-
|
|
|
+ width: 210px;
|
|
|
+ height: 460px;
|
|
|
h5 {
|
|
|
text-align: center;
|
|
|
font-size: 30px;
|
linan