健康大模块基本完成

src/views/modules/health/chart/chartTemp.vue

@@ -0,0 +1,180 @@
+<template>
+  <div id="chart-temp" style="width: 100%; height: 100%;"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'chartTemp',
+  props: {
+    tempList: {
+      type: Array
+    }
+  },
+  // watch: {
+  //   tempList: {
+  //     handler (newVal) {
+  //       this.myChart.clear()
+  //       this.init()
+  //     }
+  //   }
+  // },
+  data () {
+    return {
+      myChart: null
+    }
+  },
+  methods: {
+    init () {
+      // let option = {
+      //   backgroundColor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+      //     offset: 0,
+      //     color: '#c86589'
+      //   },
+      //   {
+      //     offset: 1,
+      //     color: '#06a7ff'
+      //   }
+      //   ], false),
+      //   title: {
+      //     text: '温度曲线',
+      //     left: 'center',
+      //     bottom: '5%',
+      //     textStyle: {
+      //       color: '#fff',
+      //       fontSize: 16
+      //     }
+      //   },
+      //   grid: {
+      //     top: '20%',
+      //     left: '10%',
+      //     right: '10%',
+      //     bottom: '15%',
+      //     containLabel: true
+      //   },
+      //   xAxis: {
+      //     type: 'category',
+      //     boundaryGap: false,
+      //     axisLabel: {
+      //       margin: 30,
+      //       color: '#ffffff63'
+      //     },
+      //     axisLine: {
+      //       show: false
+      //     },
+      //     axisTick: {
+      //       show: true,
+      //       length: 25,
+      //       lineStyle: {
+      //         color: '#ffffff1f'
+      //       }
+      //     },
+      //     splitLine: {
+      //       show: true,
+      //       lineStyle: {
+      //         color: '#ffffff1f'
+      //       }
+      //     },
+      //     data: ['06-12, 06-13, 06-14, 06-15, 06-16']
+      //   },
+      //   yAxis: [{
+      //     type: 'value',
+      //     position: 'right',
+      //     axisLabel: {
+      //       margin: 20,
+      //       color: '#ffffff63'
+      //     },
+      //
+      //     axisTick: {
+      //       show: true,
+      //       length: 15,
+      //       lineStyle: {
+      //         color: '#ffffff1f'
+      //       }
+      //     },
+      //     splitLine: {
+      //       show: true,
+      //       lineStyle: {
+      //         color: '#ffffff1f'
+      //       }
+      //     },
+      //     axisLine: {
+      //       lineStyle: {
+      //         color: '#fff',
+      //         width: 2
+      //       }
+      //     }
+      //   }],
+      //   series: [{
+      //     name: '温度',
+      //     type: 'line',
+      //     smooth: true, // 是否平滑曲线显示
+      //     showAllSymbol: true,
+      //     symbol: 'circle',
+      //     symbolSize: 6,
+      //     lineStyle: {
+      //       normal: {
+      //         color: '#fff' // 线条颜色
+      //       }
+      //     },
+      //     label: {
+      //       show: true,
+      //       position: 'top',
+      //       textStyle: {
+      //         color: '#fff'
+      //       }
+      //     },
+      //     itemStyle: {
+      //       color: 'red',
+      //       borderColor: '#fff',
+      //       borderWidth: 3
+      //     },
+      //     tooltip: {
+      //       show: false
+      //     },
+      //     areaStyle: {
+      //       normal: {
+      //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+      //           offset: 0,
+      //           color: '#eb64fb'
+      //         },
+      //         {
+      //           offset: 1,
+      //           color: '#3fbbff0d'
+      //         }
+      //         ], false)
+      //       }
+      //     },
+      //     data: [36.5, 37.1, 36.2, 38.2, 39.2]
+      //   }]
+      // }
+      let option = {
+        xAxis: {
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [{
+          data: [820, 932, 901, 934, 1290, 1330, 1320],
+          type: 'line',
+          smooth: true
+        }]
+      }
+      this.myChart.setOption(option)
+    }
+  },
+  mounted () {
+    this.myChart = this.$echarts.init(document.getElementById('chart-temp'))
+    this.init()
+    window.onresize = () => {
+      this.myChart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/modules/health/hisolate.vue

@@ -0,0 +1,415 @@
+<template>
+  <div class="hisolate">
+    <el-container>
+      <el-header>
+        <div class="rect" style="padding-bottom: 10px">
+          <el-form
+              :inline="true"
+              :model="searchForm"
+              size="mini">
+            <el-form-item style="width: 200px">
+              <el-input placeholder="耳标" style="width: 200px" v-model="searchForm.earTag"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button icon="el-icon-search" @click="search">查 询</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button icon="el-icon-plus" @click="visibleDialog = true">新 增</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button icon="el-icon-delete" @click="delAll">批量删除</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-header>
+      <el-main>
+        <div class="rect" style="margin-top: 20px">
+          <el-table
+              id="select"
+              height="530"
+              :data="tableData"
+              v-loading="dataListLoading"
+              @selection-change="selectionChangeHandle"
+              style="width: 100%"
+              ref="table"
+              stripe
+              border
+              :header-cell-style="{background:'rgb(245,245,245)',color:'#000',height: '45px',fontSize: '13px',fontWeight: 'normal',borderBottom: '1px solid #ccc'}"
+              :cell-style="{color: '#888',fontSize: '13px'}"
+              size="mini">
+            <el-table-column
+                type="selection"
+                header-align="center"
+                align="center"
+                width="50">
+            </el-table-column>
+            <el-table-column
+                prop="pigCode"
+                header-align="center"
+                align="center"
+                label="猪只耳标">
+            </el-table-column>
+            <el-table-column
+                prop="diseaseName"
+                header-align="center"
+                align="center"
+                label="疾病名称">
+            </el-table-column>
+            <el-table-column
+                prop="manName"
+                header-align="center"
+                align="center"
+                label="操作人">
+            </el-table-column>
+            <el-table-column
+                prop="createTime"
+                header-align="center"
+                align="center"
+                label="创建时间">
+            </el-table-column>
+            <el-table-column label="温度">
+              <template slot-scope="scope">
+                <el-button
+                    type="text"
+                    size="medium"
+                    @click="look(scope.row)"
+                    style="color: rgb(24,144,255)">
+                  查看温度曲线
+                </el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="温度">
+              <template slot-scope="scope">
+                <el-button
+                    v-if="isAuth('sys:user:update')"
+                    type="text"
+                    size="medium"
+                    @click="addOrUpdateHandle(scope.row)"
+                    style="color: rgb(24,144,255)">
+                  编辑
+                </el-button>
+                <el-button
+                    v-if="isAuth('sys:user:delete')"
+                    type="text"
+                    size="medium"
+                    @click="deleteHandle(scope.row.id)"
+                    style="color: rgb(24,144,255)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="block">
+            <table-footer
+                :totals="total"
+                :size="limit"
+                @sizeChange="sizeChange"
+                @pageChange="pageChange"></table-footer>
+          </div>
+        </div>
+      </el-main>
+      <el-dialog
+          :title="'温度曲线'"
+          :close-on-click-modal="false"
+          :visible.sync="visible"
+          width="650px">
+        <div style="width: 100%; height: 600px">
+          <chartTemp></chartTemp>
+        </div>
+      </el-dialog>
+      <el-dialog
+          :title="!dataForm.id ? '新增' : '修改'"
+          :close-on-click-modal="false"
+          :visible.sync="visibleDialog"
+          width="600px">
+        <el-form
+            :model="dataForm"
+            :rules="dataRule"
+            ref="dataForm"
+            @keyup.enter.native="dataFormSubmit()"
+            label-width="80px"
+            size="mini"
+            style="margin-left: 20px;width: 500px">
+          <el-form-item label="猪只耳标" prop="pigId">
+            <el-input
+                type="text"
+                placeholder="请输入耳标号"
+                v-model="dataForm.pigCode"
+                :disabled="dataForm.id? true: false">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="疾病名称" prop="diseaseName" >
+            <el-select v-model="dataForm.diseaseName">
+              <el-option v-for="item in illnesList" :key="item.id" :value="item.idseaseName" :label="item.idseaseName"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="操作人" prop="doctorId">
+            <el-select
+                @change="onChangeMan($event)"
+                v-model="dataForm.doctorId">
+              <el-option
+                  v-for="item in manList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+            <el-button size="mini" @click="onCancel">关闭</el-button>
+            <el-button size="mini" type="primary" @click="dataFormSubmit()">确定</el-button>
+          </span>
+      </el-dialog>
+    </el-container>
+  </div>
+</template>
+
+<script>
+import chartTemp from './chart/chartTemp'
+import TableFooter from '../../../components/TableFooter'
+import {mapActions, mapState} from 'vuex'
+export default {
+  name: 'hisolate',
+  components: {
+    chartTemp,
+    TableFooter
+  },
+  data () {
+    return {
+      searchForm: {
+        eartag: ''
+      },
+      page: 1,
+      limit: 20,
+      total: 0,
+      dataListLoading: false,
+      visible: false,
+      tableData: [],
+      selectList: [],
+      visibleDialog: false,
+      dataForm: {
+        id: '',
+        diseaseName: '',
+        manId: '',
+        manName: '',
+        medicalRecordId: '',
+        pigCode: ''
+      },
+      dataRule: {}
+    }
+  },
+  computed: {
+    ...mapState(['manList', 'causeList', 'illnesList', 'symptomList', 'tmentplanList'])
+  },
+  methods: {
+    ...mapActions(['getManList', 'getTmentplan', 'getSymptom', 'getCause', 'getIllnes']),
+    search () {
+      this.init()
+    },
+    init () {
+      let params = {
+        page: this.page,
+        limit: this.limit,
+        eartag: this.searchForm.earTag
+      }
+      this.dataListLoading = true
+      this.$http({
+        url: this.$http.adornUrl('/management/healthisolationrecord/list'),
+        method: 'post',
+        data: this.$http.adornData(params, true)
+      })
+          .then(res => {
+            if (res.data.code === 0) {
+              this.tableData = res.data.page.list
+              this.total = res.data.page.totalCount
+            }
+          }).finally(() => {
+            this.dataListLoading = false
+          })
+    },
+    // 修改size
+    sizeChange (val) {
+      this.limit = val
+      this.init()
+    },
+    // 修改页数
+    pageChange (val) {
+      this.page = val
+      this.init()
+    },
+    onChangeMan (id) {
+      let man = {}
+      man = this.manList.find(item => {
+        return item.id === id
+      })
+      this.dataForm.manName = man.name
+    },
+    look (row) {
+      this.visible = true
+    },
+    selectionChangeHandle (val) {
+      this.selectList = []
+      val.forEach(item => {
+        this.selectList.push(item.id)
+      })
+    },
+    dataFormSubmit () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          let params = {
+            id: this.dataForm.id == '' ? undefined : this.dataForm.id,
+            pigCode: this.dataForm.pigCode,
+            diseaseName: this.dataForm.diseaseName,
+            manId: this.dataForm.manId,
+            manName: this.dataForm.manName,
+            medicalRecordId: this.dataForm.medicalRecordId
+          }
+          this.$http({
+            url: this.$http.adornUrl(`${!this.dataForm.id ? '/management/healthisolationrecord/save' : '/management/healthisolationrecord/update'}`),
+            method: 'post',
+            data: this.$http.adornData(params, true)
+          }).then(({data}) => {
+            if (data && data.code === 0) {
+              this.visibleDialog = false
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500
+              })
+              this.reset()
+              this.init()
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        }
+      })
+    },
+    addOrUpdateHandle (row) {
+      this.visibleDialog = true
+      this.dataForm = {
+        id: row.id,
+        diseaseName: row.diseaseName,
+        manId: row.manId,
+        manName: row.manName,
+        medicalRecordId: row.medicalRecordId,
+        pigCode: row.pigCode
+      }
+    },
+    deleteHandle (id) {
+      let ids = [id]
+      let that = this
+      this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        that.$http({
+          url: that.$http.adornUrl('/management/healthisolationrecord/delete'),
+          method: 'post',
+          data: that.$http.adornData(ids, false)
+        })
+            .then(res => {
+              if (res.data.code === 0) {
+                this.$message.success('删除成功！')
+                this.init()
+              } else {
+                this.$message.error(res.data.msg)
+              }
+            })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        })
+      })
+    },
+    onCancel () {
+      this.visibleDialog = false
+      this.reset()
+    },
+    reset () {
+      this.dataForm = {
+        id: '',
+        diseaseName: '',
+        manId: '',
+        manName: '',
+        medicalRecordId: '',
+        pigCode: ''
+      }
+    },
+    // 批量删除
+    delAll () {
+      if (this.selectList.length > 0) {
+        let that = this
+        this.$confirm('此操作将永久删除这些数据, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          that.$http({
+            url: that.$http.adornUrl('/management/healthisolationrecord/delete'),
+            method: 'post',
+            data: that.$http.adornData(that.selectList, false)
+          })
+              .then(res => {
+                if (res.data.code === 0) {
+                  this.$message.success('删除成功！')
+                  this.init()
+                } else {
+                  this.$message.error(res.data.msg)
+                }
+              })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+      } else {
+        this.$message.error('请选择要删除的数据！')
+      }
+    },
+  },
+  created () {
+    this.getIllnes()
+    this.getManList()
+  },
+  mounted () {
+    this.init()
+  }
+}
+</script>
+
+<style scoped>
+.rect {
+  background-color: #fff;
+  padding: 30px 15px;
+  border-radius: 5px;
+  border: 1px solid #e8e8e8;
+}
+/deep/ .el-table--mini td, .el-table--mini th {
+  padding: 3px 0 !important;
+  height: 20px !important;
+}
+/deep/ .el-checkbox__input.is-checked+.el-checkbox__label {
+  color: rgb(24,144,255);
+  background-color: rgb(24,144,255);
+  border-color: rgb(24,144,255);
+}
+/deep/.el-table .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background-color: rgb(24,144,255);
+  border-color: rgb(24,144,255);
+}
+/deep/.el-table .el-checkbox__inner:hover {
+  border-color: rgb(24,144,255);
+}
+/deep/.el-table .el-checkbox__input.is-focus .el-checkbox__inner {
+  border-color: rgb(24,144,255);
+}
+/deep/.el-table #select .cell .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background-color: rgb(24,144,255);
+  border-color: rgb(24,144,255);
+}
+</style>

src/views/modules/health/hrecord.vue

@@ -154,7 +154,9 @@
           :close-on-click-modal="false"
           :visible.sync="visible"
           width="650px">
-        <div style="width: 100%; height: 600px"></div>
+        <div style="width: 100%; height: 600px">
+          <chartTemp></chartTemp>
+        </div>
       </el-dialog>
     </el-container>
   </div>
@@ -162,6 +164,7 @@
 
 <script>
 import TableFooter from '../../../components/TableFooter'
+import chartTemp from './chart/chartTemp'
 import {mapActions, mapState} from 'vuex'
 export default {
   name: 'hrecord',
@@ -224,7 +227,8 @@ export default {
     }
   },
   components: {
-    TableFooter
+    TableFooter,
+    chartTemp
   },
   computed: {
     ...mapState(['manList', 'causeList', 'illnesList', 'symptomList', 'tmentplanList'])