|
@@ -1,11 +1,107 @@
|
|
|
<template>
|
|
|
|
|
|
<div>
|
|
|
- 待开发页面
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+ <el-card class="box-card">
|
|
|
+ <!-- 搜索区域 -->
|
|
|
+ <div class="search-bx1">
|
|
|
+
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+
|
|
|
+ <el-select v-model="searchData.calf_category_id" filterable placeholder="饲喂计划" class="g-mr20 g-mb20" style="width: 180px;" clearable>
|
|
|
+ <el-option v-for="item in calfTypeList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="searchData.status" filterable placeholder="班次" class="g-mr20" style="width: 180px;" clearable>
|
|
|
+ <el-option v-for="item in statusList" :key="item.id" :label="item.value" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="searchData.status" filterable placeholder="饲喂车" class="g-mr20" style="width: 180px;" clearable>
|
|
|
+ <el-option v-for="item in statusList" :key="item.id" :label="item.value" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ <el-input v-model="searchData.name" placeholder="饲喂车编号" style="width: 180px;" disabled />
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+
|
|
|
+ <el-input v-model="searchData.name" placeholder="栏舍名称" style="width: 220px;" class="g-mr20 g-mb20" clearable />
|
|
|
+ <el-input v-model="searchData.name" placeholder="栏舍组名称" style="width: 220px;" class="g-mr20 " clearable />
|
|
|
+
|
|
|
+ <el-input-number v-model="searchData.min_daily_age" style="width:120px;" :controls="false" placeholder="准确率" />
|
|
|
+ <span style="margin:0px 8px;">至</span>
|
|
|
+ <el-input-number v-model="searchData.max_daily_age" style="width:120px;" class="g-mr20" :controls="false" placeholder="准确率" />
|
|
|
+
|
|
|
+ <el-input-number v-model="searchData.min_daily_age" style="width:120px;" :controls="false" placeholder="温差" />
|
|
|
+ <span style="margin:0px 8px;">至</span>
|
|
|
+ <el-input-number v-model="searchData.max_daily_age" style="width:120px;" class="g-mr20" :controls="false" placeholder="温差" />
|
|
|
+
|
|
|
+ <el-button type="primary" @click="form_search">搜索</el-button>
|
|
|
+ <el-button type="primary" @click="form_clear">重置</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
+ <!-- 表格 -->
|
|
|
+ <el-table key="0" :data="tableList" v-loading="tableLoading" element-loading-text="给我一点时间" border fit>
|
|
|
+ <el-table-column label="序号" width="50px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.id }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="类型名称" min-width="150px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.name }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="犊牛数量" min-width="150px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.number }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <el-table-column label="状态" min-width="100px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-switch v-model="scope.row.mg_state" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" />
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+
|
|
|
+ <el-table-column label="操作" align="center" width="300" class-name="small-padding fixed-width" fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- 修改按钮 -->
|
|
|
+ <el-button type="primary" size="mini" icon="el-icon-edit" @click="form_edit(scope.row)">修改</el-button>
|
|
|
+ <!-- 删除按钮 -->
|
|
|
+ <el-button type="danger" size="mini" icon="el-icon-delete" @click="form_delete(scope.row)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <!-- 分页区域 -->
|
|
|
+ <el-pagination @size-change="change_size_page" @current-change="change_current_page" :current-page="searchData.page" :page-sizes="[1,5,10,20,30,50]" :page-size="searchData.page_size" layout="total, prev, pager, next" :total="searchData.total"/>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 弹窗 新增or修改 -->
|
|
|
+ <el-dialog :title="addFormTxt[addFormStatus]" :visible.sync="addFormShow" @close="add_dialog_close" width="50%">
|
|
|
+ <div class="">
|
|
|
+ <el-form ref="addFormRef" :rules="addFormRules" :model="addForm" label-position="right" label-width="100px" style="width:50%;margin:0 auto 50px">
|
|
|
+ <el-form-item label="类型名称:" prop="name">
|
|
|
+ <el-input v-model="addForm.name" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addFormStatus==='create'?add_dialog_save():edit_dialog_save()">确认</el-button>
|
|
|
+ <el-button @click="addFormShow = false">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
|
|
|
|
|
|
</div>
|
|
@@ -28,19 +124,16 @@ export default {
|
|
|
|
|
|
|
|
|
//接口 - 获取 - 表格
|
|
|
- url_get_table:'/api/v1/ops/barn/list',
|
|
|
+ url_get_table:'/api/v1/ops/base_setting/calf_type/list',
|
|
|
//接口 - 新增 - 表格
|
|
|
- url_add_table:'/api/v1/ops/barn/add',
|
|
|
+ url_add_table:'/api/v1/ops/base_setting/calf_type/add',
|
|
|
//接口 - 修改 - 表格
|
|
|
- url_edit_table:'/api/v1/ops/barn/update',
|
|
|
+ url_edit_table:'/api/v1/ops/base_setting/calf_type/update',
|
|
|
//接口 - 删除 - 表格
|
|
|
- url_delete_table:'/api/v1/ops/barn/delete',
|
|
|
+ url_delete_table:'/api/v1/ops/base_setting/calf_type/is_show',
|
|
|
|
|
|
//接口 - 下拉框 列表
|
|
|
- url_get_select1:'/api/v1/ops/calf_feed/enum/list',
|
|
|
-
|
|
|
- //接口 - 下拉框 列表 栏舍组
|
|
|
- url_get_select2:'/api/v1/ops/barn_group/list?page=1&page_size=1000',
|
|
|
+ url_get_select1:'/role/getAll',
|
|
|
|
|
|
//按钮权限
|
|
|
isButtonEdit:false,
|
|
@@ -71,19 +164,14 @@ export default {
|
|
|
],
|
|
|
|
|
|
|
|
|
- //栏舍状态
|
|
|
- statusList:[
|
|
|
- {id: 1, value: '正常'},
|
|
|
- {id: 2, value: '空栏'},
|
|
|
- {id: 3, value: '损坏'},
|
|
|
+
|
|
|
+ pastureList:[
|
|
|
+
|
|
|
],
|
|
|
|
|
|
|
|
|
|
|
|
- //栏舍组下拉
|
|
|
- barnGroupList:[
|
|
|
-
|
|
|
- ],
|
|
|
+
|
|
|
|
|
|
|
|
|
addFormShow:false,
|
|
@@ -94,9 +182,9 @@ export default {
|
|
|
},
|
|
|
|
|
|
addFormRules:{
|
|
|
- // name: [
|
|
|
- // { required: true, message: '类型必填', trigger: 'blur' },
|
|
|
- // ],
|
|
|
+ name: [
|
|
|
+ { required: true, message: '类型必填', trigger: 'blur' },
|
|
|
+ ],
|
|
|
|
|
|
|
|
|
},
|
|
@@ -111,10 +199,10 @@ export default {
|
|
|
|
|
|
|
|
|
//获取下拉框
|
|
|
- //this.get_select_list1()
|
|
|
+ // this.get_select_list1()
|
|
|
|
|
|
//表格 - 初始化
|
|
|
- //this.get_table_data()
|
|
|
+ this.get_table_data()
|
|
|
|
|
|
|
|
|
|
|
@@ -132,13 +220,14 @@ export default {
|
|
|
//获取 下拉框
|
|
|
get_select_list1(){
|
|
|
var me = this
|
|
|
- ajaxDataPost(me.url_get_select2, { name: ""}).then(e => {
|
|
|
- console.log("栏舍组下拉框:",e)
|
|
|
+ ajaxDataGet(me.url_get_select1, {"roleName": "", "page": 1, "page_size": 1000}).then(e => {
|
|
|
+ console.log("下拉框1:",e)
|
|
|
|
|
|
- if(e.data.list == null || e.data.list == undefined ||e.data.list.length == 0 ){
|
|
|
- me.barnGroupList = []
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
+ me.roleList = []
|
|
|
} else {
|
|
|
- me.barnGroupList = e.data.list
|
|
|
+ me.roleList = e.data
|
|
|
}
|
|
|
|
|
|
|
|
@@ -146,17 +235,17 @@ export default {
|
|
|
})
|
|
|
|
|
|
|
|
|
- // ajaxDataGet('/authdata/pasture', { "page": 1, "page_size": 1000}).then(e => {
|
|
|
- // console.log("牧场下拉框1:",e)
|
|
|
+ ajaxDataGet('/authdata/pasture', { "page": 1, "page_size": 1000}).then(e => {
|
|
|
+ console.log("牧场下拉框1:",e)
|
|
|
|
|
|
- // //打印请求成功结果
|
|
|
- // if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
- // me.pastureList = []
|
|
|
- // } else {
|
|
|
- // me.pastureList = e.data
|
|
|
- // }
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
+ me.pastureList = []
|
|
|
+ } else {
|
|
|
+ me.pastureList = e.data
|
|
|
+ }
|
|
|
|
|
|
- // })
|
|
|
+ })
|
|
|
|
|
|
|
|
|
},
|
|
@@ -225,116 +314,12 @@ export default {
|
|
|
//清空弹窗表单信息
|
|
|
reset_form(){
|
|
|
this.addForm.name = ''
|
|
|
- this.addForm.id = undefined
|
|
|
- this.addForm.barn_group_id = undefined
|
|
|
- this.addForm.number = ''
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
- //新增
|
|
|
- form_add() {
|
|
|
- this.reset_form()
|
|
|
- this.addFormStatus = 'create'
|
|
|
- this.addFormShow = true
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs['addFormRef'].clearValidate()
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- //编辑
|
|
|
- form_edit(row) {
|
|
|
- this.reset_form()
|
|
|
- console.log('行内容row=========', row)
|
|
|
- //编辑行内容赋值
|
|
|
- this.addForm = Object.assign({}, row)
|
|
|
- this.addFormStatus = 'edit'
|
|
|
- this.addFormShow = true
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs['addFormRef'].clearValidate()
|
|
|
- })
|
|
|
},
|
|
|
+
|
|
|
|
|
|
-
|
|
|
- //新增关闭
|
|
|
- add_dialog_close(){
|
|
|
- //内容重置
|
|
|
- this.$refs['addFormRef'].resetFields()
|
|
|
- },
|
|
|
-
|
|
|
- //新增 保存
|
|
|
- add_dialog_save() {
|
|
|
- var me = this
|
|
|
- this.$refs['addFormRef'].validate(valid => {
|
|
|
- //验证成功
|
|
|
- if (valid) {
|
|
|
- //发起请求
|
|
|
- var send_data = {
|
|
|
- "name": me.addForm.name,
|
|
|
- "barn_group_id": me.addForm.barn_group_id,
|
|
|
- "number": me.addForm.number,
|
|
|
-
|
|
|
- }
|
|
|
- console.log("弹窗参数:", send_data)
|
|
|
-
|
|
|
- //关闭弹窗
|
|
|
- // me.addFormShow = false
|
|
|
- //加载 - 发送新增保存
|
|
|
- ajaxDataPost(me.url_add_table, send_data).then(e => {
|
|
|
- console.log("新增结果:",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.$message({ type: 'success', message: '新增成功!' , duration: 2000 })
|
|
|
- //关闭弹窗
|
|
|
- me.addFormShow = false
|
|
|
- me.get_table_data()
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '新增失败!' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //编辑 保存
|
|
|
- edit_dialog_save(){
|
|
|
- var me = this
|
|
|
- this.$refs['addFormRef'].validate(valid => {
|
|
|
- //验证成功
|
|
|
- if (valid) {
|
|
|
- //发起请求
|
|
|
- var send_data = {
|
|
|
|
|
|
- "id": me.addForm.id,
|
|
|
- "name": me.addForm.name,
|
|
|
- "barn_group_id": me.addForm.barn_group_id,
|
|
|
- "number": me.addForm.number,
|
|
|
- }
|
|
|
-
|
|
|
- // var name = this.barnGroupList.find(obj => obj.id == me.addForm.barn_group_id).name
|
|
|
- // console.log(name)
|
|
|
-
|
|
|
- // 编辑保存
|
|
|
- console.log("弹窗参数:", send_data)
|
|
|
-
|
|
|
- //关闭弹窗
|
|
|
- // me.addFormShow = false
|
|
|
- //加载 - 发送新增保存
|
|
|
- ajaxDataPut(me.url_edit_table, send_data).then(e => {
|
|
|
- console.log("编辑结果:",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.$message({ type: 'success', message: '编辑成功!' , duration: 2000 })
|
|
|
- //关闭弹窗
|
|
|
- me.addFormShow = false
|
|
|
- me.get_table_data()
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '编辑失败!' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
+
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
@@ -342,41 +327,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
- form_delete(row) {
|
|
|
- var me = this
|
|
|
-
|
|
|
- me.$confirm('是否删除此条内容?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- console.log("删除的ID参数:", row.id)
|
|
|
- //加载 - 发送新增保存
|
|
|
- ajaxDataDelete(me.url_delete_table + '/' +row.id, {}).then(e => {
|
|
|
- console.log("编辑结果:",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.$message({ type: 'success', message: '删除成功!' });
|
|
|
- me.get_table_data()
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '删除失败!' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }).catch(() => {
|
|
|
- me.$message({
|
|
|
- type: 'info',
|
|
|
- message: '已取消删除'
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
+
|
|
|
|
|
|
form_export() {
|
|
|
//获取请求表格数据的参数
|