|
@@ -1,32 +1,17 @@
|
|
|
<template>
|
|
|
- <!-- 静态 屠宰加工-->
|
|
|
- <div class="packinghouse">
|
|
|
- <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">屠宰加工</h2>
|
|
|
+ <!-- 静态 入宰登记 regisSlaughter-->
|
|
|
+ <div class="inButcherHurdle">
|
|
|
+ <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">入宰登记</h2>
|
|
|
<header id="header">
|
|
|
- <el-row type="flex">
|
|
|
- <el-col :span="4">
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option label="1区" value="11"></el-option>
|
|
|
- <el-option label="2区" value="22"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4">
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option label="1舍" value="13"></el-option>
|
|
|
- <el-option label="2舍" value="24"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
+ <el-row type="flex" :gutter="20">
|
|
|
<el-col :span="4">
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option label="可用" value="15"></el-option>
|
|
|
- <el-option label="可用" value="26"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-input v-model="search" placeholder="请选择"></el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-button type="primary">查找</el-button>
|
|
|
+ <el-button type="primary" @click="getWaitList">查找</el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-button type="primary">新增</el-button>
|
|
|
+ <el-button type="primary" @click="add">新增</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</header>
|
|
@@ -37,29 +22,22 @@
|
|
|
:data="tableData"
|
|
|
tooltip-effect="dark"
|
|
|
style="width: 100%"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
>
|
|
|
- <el-table-column type="selection" width="55"></el-table-column>
|
|
|
- <el-table-column prop="id" label="屠宰批次" width="180"></el-table-column>
|
|
|
- <el-table-column prop="date" label="分割时间" width="180"></el-table-column>
|
|
|
- <el-table-column prop="a" label="带骨羊前腿"></el-table-column>
|
|
|
- <el-table-column prop="b" label="羊菲力"></el-table-column>
|
|
|
- <el-table-column prop="c" label="十二肋法排"></el-table-column>
|
|
|
- <el-table-column prop="d" label="带骨羊后腿"></el-table-column>
|
|
|
- <!-- <el-table-column label="操作" width="150">
|
|
|
+ <el-table-column prop="id" label="序号" width="80"></el-table-column>
|
|
|
+ <el-table-column prop="sheepId" label="羊只编号" width="180"></el-table-column>
|
|
|
+ <el-table-column prop="entryTime" label="入栏时间" width="180"></el-table-column>
|
|
|
+ <el-table-column prop="currentPosition" label="目前位置" width="180"></el-table-column>
|
|
|
+ <el-table-column prop="operator" label="操作人员"></el-table-column>
|
|
|
+ <el-table-column prop="batchNo" label="批次号"></el-table-column>
|
|
|
+ <el-table-column label="操作" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button @click="edit(scope.row)" 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> -->
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
- <div style="margin-top: 20px">
|
|
|
- <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
|
|
|
- <el-button @click="toggleSelection()">取消选择</el-button>
|
|
|
- <el-button @click="inStore">入库</el-button>
|
|
|
- </div>
|
|
|
|
|
|
<el-row type="flex" justify="end">
|
|
|
<el-col :span="8" class="pagination">
|
|
@@ -67,99 +45,162 @@
|
|
|
@current-change="pageChange"
|
|
|
background
|
|
|
layout="prev, pager, next"
|
|
|
- :page-count="10"
|
|
|
+ :page-count="Number(totalPages)"
|
|
|
></el-pagination>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</article>
|
|
|
</section>
|
|
|
+
|
|
|
+ <el-dialog title="新增种羊档案" :visible.sync="isShow" width="40%">
|
|
|
+ <el-row type="flex">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form ref="addWait" :model="formData" :rules="rules" label-width="140px">
|
|
|
+ <el-form-item label="羊只编码">
|
|
|
+ <el-input v-model="formData.sheepId"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="入栏时间">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.entryTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="送检人员">
|
|
|
+ <el-input v-model="formData.operator"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="目前位置">
|
|
|
+ <el-input v-model="formData.currentPosition"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="批次号">
|
|
|
+ <el-input v-model="formData.batchNo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="isShow=false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm('addWait')">保 存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import {
|
|
|
+ reqWaitList,
|
|
|
+ reqAddWait,
|
|
|
+ reqUpdateWait,
|
|
|
+ reqDelWait
|
|
|
+} from "@/api/slaughterManagment.js";
|
|
|
|
|
|
-const pageSize = 10
|
|
|
-const tableData = [
|
|
|
- {
|
|
|
- id: "825",
|
|
|
- date: "2020-05-02",
|
|
|
- a: "7.6kg",
|
|
|
- b: "7kg",
|
|
|
- c: "15.4kg",
|
|
|
- d: "4.6 kg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: "825",
|
|
|
- date: "2020-05-02",
|
|
|
- a: "6kg",
|
|
|
- b: "8kg",
|
|
|
- c: "12kg",
|
|
|
- d: "4.6 kg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: "825",
|
|
|
- date: "2020-05-02",
|
|
|
- a: "7kg",
|
|
|
- b: "5kg",
|
|
|
- c: "15.4kg",
|
|
|
- d: "4.6 kg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: "825",
|
|
|
- date: "2020-05-02",
|
|
|
- a: "7kg",
|
|
|
- b: "8kg",
|
|
|
- c: "12kg",
|
|
|
- d: "4.6 kg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: "825",
|
|
|
- date: "2020-05-02",
|
|
|
- a: "9.5kg",
|
|
|
- b: "7kg",
|
|
|
- c: "12kg",
|
|
|
- d: "4.6 kg"
|
|
|
- },
|
|
|
- {
|
|
|
- id: "825",
|
|
|
- date: "2020-05-02",
|
|
|
- a: "9.5kg",
|
|
|
- b: "8kg",
|
|
|
- c: "12kg",
|
|
|
- d: "4.6 kg"
|
|
|
- },
|
|
|
-
|
|
|
- ]
|
|
|
+const pageSize = 10;
|
|
|
+const rules = {};
|
|
|
|
|
|
export default {
|
|
|
+ name: "inButcherHurdle",
|
|
|
data() {
|
|
|
return {
|
|
|
- value: "",
|
|
|
- multipleSelection: [],
|
|
|
+ search: "",
|
|
|
page: 1,
|
|
|
- tableData
|
|
|
+ tableData: [],
|
|
|
+ totalPages: 0,
|
|
|
+ isShow: false,
|
|
|
+ formData: {
|
|
|
+ sheepId: "1008",
|
|
|
+ entryTime: new Date().toJSON().substr(0, 10) + ' ' + new Date().toJSON().substr(11, 8),
|
|
|
+ operator: "王炸",
|
|
|
+ currentPosition: "待宰栏一舍01",
|
|
|
+ batchNo: '1396'
|
|
|
+ },
|
|
|
+ isAdd: false,
|
|
|
+ rules
|
|
|
};
|
|
|
},
|
|
|
- created() {},
|
|
|
+ created() {
|
|
|
+ // 入待宰栏列表
|
|
|
+ this.getWaitList();
|
|
|
+ },
|
|
|
methods: {
|
|
|
- toggleSelection(rows) {
|
|
|
- if (rows) {
|
|
|
- rows.forEach(row => {
|
|
|
- this.$refs.multipleTable.toggleRowSelection(row);
|
|
|
+ submitForm(formName) {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.isAdd) {
|
|
|
+ reqAddWait(this.formData)
|
|
|
+ .then(res => {
|
|
|
+ // 入待宰栏列表
|
|
|
+ this.getWaitList();
|
|
|
+ this.$message.success("添加成功!");
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("添加失败!");
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ reqUpdateWait(this.formData)
|
|
|
+ .then(res => {
|
|
|
+ // 入待宰栏列表
|
|
|
+ this.getWaitList();
|
|
|
+ this.$message.success("编辑成功!");
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("编辑失败!");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 入待宰栏列表
|
|
|
+ getWaitList() {
|
|
|
+ reqWaitList({
|
|
|
+ searchStr: this.search,
|
|
|
+ pageSize,
|
|
|
+ pageNum: this.page
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.tableData = res.content;
|
|
|
+ this.totalPages = res.totalPages;
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
});
|
|
|
- } else {
|
|
|
- this.$refs.multipleTable.clearSelection();
|
|
|
- }
|
|
|
},
|
|
|
- // 入待宰栏
|
|
|
- inStore() {},
|
|
|
- handleSelectionChange(val) {
|
|
|
- this.multipleSelection = val;
|
|
|
+ add() {
|
|
|
+ this.isShow = true;
|
|
|
+ this.isAdd = true
|
|
|
+ },
|
|
|
+ edit(row) {
|
|
|
+ this.formData = row;
|
|
|
+ this.isShow = true;
|
|
|
+ this.isAdd = false
|
|
|
+ },
|
|
|
+ del(row) {
|
|
|
+ reqDelWait(row.id)
|
|
|
+ .then(res => {
|
|
|
+ console.log(res);
|
|
|
+ // 入待宰栏列表
|
|
|
+ this.getWaitList();
|
|
|
+ this.$message.success("删除成功!");
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("删除失败!");
|
|
|
+ });
|
|
|
},
|
|
|
- edit(row) {},
|
|
|
- del(row) {},
|
|
|
pageChange(p) {
|
|
|
console.log(p);
|
|
|
+ this.page = p;
|
|
|
+ // 入待宰栏列表
|
|
|
+ this.getWaitList();
|
|
|
}
|
|
|
}
|
|
|
};
|